/* See http://code.google.com/p/minify/wiki/CommonProblems#@imports_can_appear_in_invalid_locations_in_combined_CSS_files */
/* Requires: normalize.css */
/* Global Reset & Standards ---------------------- */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;text-overflow: ellipsis;}

html { font-size: 62.5%; overflow-y: scroll; }

body { 


margin-right: 0px !important;
overflow-y: auto !important;
overflow-x: hidden !important;
background: #000 url('/_/images/bg_slab.png');

font-family: "Source Sans Pro",  Helvetica, Arial, sans-serif; 
font-weight: 400; font-style: normal; font-size: 13px; line-height: 1; color: #222222; position: relative; -webkit-font-smoothing: antialiased; padding-top:0px !important; overflow-y:scroll;}




.main{
width: 1024px; max-width: 100%; margin: 0 auto;
background:#F5F5F5;
border-top:2px solid #333;
margin-bottom:0 !important;
}

.top_block{
background:#333;
width: 100%; max-width: 100%;
position:relative;
padding:20px 0 10px 0;
}
.top_block .badge{
        display: block;
		left:50%;
margin-left:-30px;
        width: 60px;
        height: 60px;
        border-radius: 100%;
        background: #333;
        vertical-align: middle;
        text-align: center;
        line-height: 38px;
	  color:#FFF;
top:-25px;
position:absolute;
padding:5px;

}

#logo_top h1 {
    margin-bottom: 0px !important;
}



::-moz-selection { background-color: #333; color: #FFF; }
::selection { background-color: #333; color: #FFF; }


/* Links ---------------------- */
a img { border: none; }

a { color: #333; line-height: inherit; 
        text-decoration: none;
        -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
           -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
            -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
             -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
                transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
}
img.floatleft { float: left; margin: 0 8px 5px 0;}
img.floatright { float: right; margin: 0 0 5px 8px;}
a:hover { color: #666; }

a:focus { color: #666; }

p a, p a:visited { line-height: inherit; }

/* Misc ---------------------- */

.uc {text-transform:uppercase;}
.left { float: left; }

.right { float: right; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.hide { display: none; }

.hide-override { display: none !important; }

.highlight { background: #ffff99; }

#googlemap img, object, embed { max-width: none; }

#map_canvas embed { max-width: none; }

#map_canvas img { max-width: none; }

#map_canvas object { max-width: none; }

/* Reset for strange margins by default on <figure> elements */
figure { margin: 0; }

/* Base Type Styles Using Modular Scale ---------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; font-size: 15px; direction: ltr; }

p { font-family: inherit; font-weight: normal; font-size: 15px; line-height: 1.6; margin-bottom: 17px; }
p.white { font-family: inherit; font-weight: normal; font-size: 15px; line-height: 1.6; margin-bottom: 17px; color:#ddd;text-shadow: -1px -1px rgba(0, 0, 0, 0.8);}
p.white a { color:#ddd; text-decoration: underline;}
p.lead { font-size: 16.25px; line-height: 1.6; margin-bottom: 17px; }
p.leadwhite { font-size: 16.25px; line-height: 1.6; margin-bottom: 17px; color:#ddd;text-shadow: -1px -1px rgba(0, 0, 0, 0.8);}
p.large { font-size: 28px; line-height: 1.6; margin-bottom: 17px; font-weight:300;}
p.large span { font-size: 28px; line-height: 1.6; margin-bottom: 17px; font-weight:400;}
p.largewhite { font-size: 28px; line-height: 1.6; margin-bottom: 17px; font-weight:300;color:#ddd;text-shadow: -1px -1px rgba(0, 0, 0, 0.8);}
p.largewhite span { font-size: 28px; line-height: 1.6; margin-bottom: 17px; font-weight:400;color:#ddd;text-shadow: -1px -1px rgba(0, 0, 0, 0.8);}
p.xl { font-size: 42px; line-height: 1.6; margin-bottom: 17px; font-weight:300;}
p.xl span{ font-size: 42px; line-height: 1.6; margin-bottom: 17px; font-weight:400;}
p.xlwhite { font-size: 42px; line-height: 1.6; margin-bottom: 17px; font-weight:300;color:#ddd;text-shadow: -1px -1px rgba(0, 0, 0, 0.8);}
p.xlwhite span{ font-size: 42px; line-height: 1.6; margin-bottom: 17px; font-weight:400;color:#ddd;text-shadow: -1px -1px rgba(0, 0, 0, 0.8);}
p.xxlwhite { font-size: 54px; line-height: 1.6; margin-bottom: 17px; font-weight:300;color:#ddd;text-shadow: -1px -1px rgba(0, 0, 0, 0.8);}
p.xxlwhite span{ font-size: 54px; line-height: 1.6; margin-bottom: 17px; font-weight:400;color:#ddd;text-shadow: -1px -1px rgba(0, 0, 0, 0.8);}
span.amp { font-family: 'Parisienne', Helvetica, Arial, cursive; font-size: 4em !important; line-height: 1 !important; margin-bottom: 17px; margin-top:0px;padding-top:0px;font-weight:400;color:#ddd;text-shadow: -1px -1px rgba(0, 0, 0, 0.8);}

p.caption {font-family: Georgia;color: #8AA090;text-decoration: none;word-spacing: normal;text-align: left;letter-spacing: 1px;line-height: 1.2em;font-size: 1.1em;}
aside p { font-size: 14px; line-height: 1.35; font-style: italic; }
.drop{float: left; font-size:3.11em;line-height: 0.5; margin: 0.240em 0.161em 0 0;color:#DDD; }
.drop + span{margin-left : -0.5em; }
h1, h2, h3, h4, h5, h6 {  font-family: 'Open Sans', Helvetica, Arial, serif; font-weight: 300; font-style: normal; color: #222222; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }
h1.top, h2.top, h3.top, h4.top, h5.top, h6.top,
h1.top a, h2.top a, h3.top a, h4.top a, h5.top a, h6.top a { font-family: 'Open Sans', Helvetica, Arial, serif; font-weight: 300; font-style: normal; color:#FFF; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 7px; margin-top: 14px; }

h1.blacktop, h2.blacktop, h3.blacktop, h4.blacktop, h5.blacktop, h6.blacktop,
h1.blacktop a, h2.blacktop a, h3.blacktop a, h4.blacktop a, h5.blacktop a, h6.blacktop a { font-family: 'Open Sans', Helvetica, Arial, serif; text-shadow: 0px 2px 0px rgba(255, 255, 255, 1); font-weight: 300; font-style: normal; color:#000; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 0; margin-top: 0; }


h1 { font-size: 30px; }

h2 { font-size: 37px; }

h3 { font-size: 27px; }

h4 { font-size: 23px; }

h5 { font-size: 17px; }

h6 { font-size: 14px; }

hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }

hr.xp {border: solid rgba(0,0,0,.2); border-width: 5px 0 0; clear: both; margin: 22px 0 21px; }

h1.sub { font-size: 37px; }


.subheader { line-height: 1.3; color: #6f6f6f; font-weight: 300; margin-bottom: 17px; }

em { font-style: italic; line-height: inherit; /* color:#ddd !important; text-shadow: -1px -1px rgba(0, 0, 0, 0.8);*/}

strong, b { font-weight: bold; line-height: inherit; }

small { font-size:11px;line-height: inherit; padding-left:0; padding-top:2px; padding-bottom:-2px;}

code { font-weight: bold; background: #ffff99; }

/* Lists ---------------------- */

ul li ul, ul li ol { margin-left: 5px; margin-bottom: 0; list-style:none;}
ul.square, ul.circle, ul.disc { margin-left: 17px; }
ul.square { list-style-type: square; }
ul.square li ul { list-style: inherit; }
ul.circle { list-style-type: circle; }
ul.circle li ul { list-style: inherit; }
ul.disc { list-style-type: disc; }
ul.disc li ul { list-style: inherit; }
ul.no-bullet { list-style: none; }
ul.large li { line-height: 21px; }

ol { margin-left: 20px; }
ol li ul, ol li ol { margin-left: 5px; margin-bottom: 0; }

/* Blockquotes ---------------------- */
blockquote, blockquote p { line-height: 1.5; color: #6f6f6f; }

blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; border-left: 1px solid #dddddd; }
blockquote cite { display: block; font-size: 14px; color: #888; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #888; }
cite {color:#888 !important;}
.pullquote { display:inline-block; float:left; margin-right:4%; margin-top:10px!important; margin-bottom:20px!important; width:100%; }
.pullquote { letter-spacing:-.5px; font-size:13px; line-height:inherit; color: #666;}
.pullquote { border-top:4px double #ddd; border-bottom:4px double #ddd; padding:22px 0; margin-top:20px !important; }
.pullquote:before {color: #555; content:'\201C'; font-weight:bold; margin-right:5px; font-size:36px; line-height: 0;  display:inline; vertical-align:middle;font-family: "Times New Roman",Georgia,Times,serif; }
.pullquote:after {color: #555; content:'\201D'; font-weight:bold; margin-left:5px; font-size:36px; line-height: 0;  display:inline; vertical-align:middle; font-family: "Times New Roman",Georgia,Times,serif;}
.pullquote.aligncenter{ float:none; text-align:left; width:auto; display:block; }
.pullquote.alignleft,
.pullquote.aligncenter { margin-left:2px; }
.pullquote.alignright,
.pullquote.aligncenter { margin-right:2px; }
.aligncenter { display:block; margin:20px auto; text-align:center; clear:both; }
.alignright { float:right; margin:5px 0 20px 4%; }
.alignleft { float:left; margin:5px 4% 20px 0; }

.pullquotexl { display:inline-block; float:left; margin-right:4%; margin-top:10px!important; margin-bottom:20px!important; width:100%; }
.pullquotexl { letter-spacing:-.5px; font-size:16px; line-height:1.7; color:#888;text-shadow: -1px -1px rgba(0, 0, 0, 0.8);}
.pullquotexl { border-top:4px double #888; border-bottom:4px double #aaa; padding:22px 0; margin-top:20px !important; }
.pullquotexl:before {color: #ddd; content:'\201C'; font-weight:bold; margin-right:5px; font-size:36px; line-height: 0;  display:inline; vertical-align:middle;font-family: "Times New Roman",Georgia,Times,serif; }
.pullquotexl:after {color: #ddd; content:'\201D'; font-weight:bold; margin-left:5px; font-size:36px; line-height: 0;  display:inline; vertical-align:middle; font-family: "Times New Roman",Georgia,Times,serif;}
.pullquotexl.aligncenter{ float:none; text-align:left; width:auto; display:block; }
.pullquotexl.alignleft,
.pullquotexl.aligncenter { margin-left:2px; }
.pullquotexl.alignright,
.pullquotexl.aligncenter { margin-right:2px; }

.highlight { padding:2px 5px; color:#fff; background:#222; }
.highlight2 { padding:1px 7px; border-bottom:1px dashed; font-style:italic; }
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px solid #dddddd; cursor: help; }

abbr { text-transform: none; }

/* Print styles.  Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only { display: none !important; }

@media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .hide-on-print { display: none !important; }
  .print-only { display: block !important; }
  .hide-for-print { display: none !important; }
  .show-for-print { display: inherit !important; } }
/* Requires globals.css */
/* Standard Forms ---------------------- */
form { margin: 0 0 19.41641px; }

.row form .row { margin: 0 -6px; }
.row form .row .column, .row form .row .columns { padding: 0 6px; }
.row form .row.collapse { margin: 0; }
.row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; }

label { font-size: 14px; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 3px; }
label.right { float: none; text-align: right; }
label.inline { line-height: 32px; margin: 0 0 12px 0; }

.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; }

a.button.prefix, a.button.postfix { padding-left: 0; padding-right: 0; text-align: center; }

span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; }

.prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; overflow: hidden; }

.postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

input[type="text"],input[type="search"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; }
input[type="text"]:focus,input[type="search"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; border-color: #b3b3b3; }
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; }

textarea { height: auto; }

select { width: 100%; padding: 6px;border: 1px solid #cccccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
background-color: white;
font-family: inherit;
 }

/* Fieldsets */
fieldset { border: solid 1px #dddddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 12px; margin: 18px 0; }
fieldset legend { font-weight: bold; background: white; padding: 0 3px; margin: 0; margin-left: -3px; }

/* Errors */
.error input, input.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); }

.error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { outline-color: #f5797c; }

.error label, label.error { color: #c60f13; }

.error small, small.error { display: block; padding: 6px 4px; margin-top: -14px; margin-bottom: 12px; background: #c60f13; color: #fff; font-size: 12px; font-weight: bold; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

/* Custom Forms ---------------------- */
form.custom { /* Custom input, disabled */ }
form.custom span.custom { display: inline-block; width: 16px; height: 16px; position: relative; top: 2px; border: solid 1px #cccccc; background: white; }
form.custom span.custom.radio { -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; }
form.custom span.custom.checkbox:before { content: ""; display: block; line-height: 0.8; height: 14px; width: 14px; text-align: center; position: absolute; top: 0; left: 0; font-size: 14px; color: #fff; }
form.custom span.custom.radio.checked:before { content: ""; display: block; width: 8px; height: 8px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; background: #222222; position: relative; top: 3px; left: 3px; }
form.custom span.custom.checkbox.checked:before { content: "\00d7"; color: #222222; }
form.custom div.custom.dropdown { display: block; position: relative; width: auto; height: 28px; margin-bottom: 9px; margin-top: 2px; }
form.custom div.custom.dropdown ul { overflow-y: auto; max-height: 200px; }
form.custom div.custom.dropdown a.current { display: block; width: auto; line-height: 26px; min-height: 28px; padding: 0; padding-left: 6px; padding-right: 38px; border: solid 1px #dddddd; color: #141414; background-color: white; white-space: nowrap; }
form.custom div.custom.dropdown a.selector { position: absolute; width: 27px; height: 28px; display: block; right: 0; top: 0; border: solid 1px #dddddd; }
form.custom div.custom.dropdown a.selector:after { content: ""; display: block; content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #aaaaaa transparent transparent transparent; position: absolute; left: 50%; top: 50%; margin-top: -2px; margin-left: -5px; }
form.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #222222 transparent transparent transparent; }
form.custom div.custom.dropdown.open ul { display: block; z-index: 10; }
form.custom div.custom.dropdown.small { width: 134px !important; }
form.custom div.custom.dropdown.medium { width: 254px !important; }
form.custom div.custom.dropdown.large { width: 434px !important; }
form.custom div.custom.dropdown.expand { width: 100% !important; }
form.custom div.custom.dropdown.open.small ul { width: 134px !important; }
form.custom div.custom.dropdown.open.medium ul { width: 254px !important; }
form.custom div.custom.dropdown.open.large ul { width: 434px !important; }
form.custom div.custom.dropdown.open.expand ul { width: 100% !important; }
form.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0; top: 27px; margin: 0; padding: 0; background: white; background: rgba(255, 255, 255, 0.95); border: solid 1px #cccccc; }
form.custom div.custom.dropdown ul li { color: #555555; font-size: 14px; cursor: pointer; padding: 3px; padding-left: 6px; padding-right: 38px; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; }
form.custom div.custom.dropdown ul li.selected { background: #cdebf5; color: black; }
form.custom div.custom.dropdown ul li.selected:after { content: "\2013"; position: absolute; right: 10px; }
form.custom div.custom.dropdown ul li:hover { background-color: #cdebf5; color: black; }
form.custom div.custom.dropdown ul li:hover:after { content: "\2013"; position: absolute; right: 10px; color: #a3dbec; }
form.custom div.custom.dropdown ul li.selected:hover { background: #cdebf5; cursor: default; color: black; }
form.custom div.custom.dropdown ul li.selected:hover:after { color: black; }
form.custom div.custom.dropdown ul.show { display: block; }
form.custom .custom.disabled { background-color: #dddddd; }

/* Correct FF custom dropdown height */
@-moz-document url-prefix() { form.custom div.custom.dropdown a.selector { height: 28px; } }

.lt-ie9 form.custom div.custom.dropdown a.selector { height: 28px; }

/* The Grid ---------------------- */
.row { width: 980px; max-width: 100%; margin: 0 auto; margin-bottom:30px;}
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row.collapse .column, .row.collapse .columns { padding: 0; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row .row.collapse { margin: 0; }

.column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }

[class*="column"] + [class*="column"]:last-child {  }

[class*="column"] + [class*="column"].end { float: left; }

.one, .row .one { width: 8.33333%; }

.two, .row .two { width: 16.66667%; }

.three, .row .three { width: 25%; }

.four, .row .four { width: 33.33333%; }

.five, .row .five { width: 41.66667%; }

.six, .row .six { width: 50%; }

.seven, .row .seven { width: 58.33333%; }

.eight, .row .eight { width: 66.66667%; }

.nine, .row .nine { width: 75%; }

.ten, .row .ten { width: 83.33333%; }

.eleven, .row .eleven { width: 91.66667%; }

.twelve, .row .twelve { width: 100%; }

.row .offset-by-one { margin-left: 8.33333%; }

.row .offset-by-two { margin-left: 16.66667%; }

.row .offset-by-three { margin-left: 25%; }

.row .offset-by-four { margin-left: 33.33333%; }

.row .offset-by-five { margin-left: 41.66667%; }

.row .offset-by-six { margin-left: 50%; }

.row .offset-by-seven { margin-left: 58.33333%; }

.row .offset-by-eight { margin-left: 66.66667%; }

.row .offset-by-nine { margin-left: 75%; }

.row .offset-by-ten { margin-left: 83.33333%; }

.push-two { left: 16.66667%; }

.pull-two { right: 16.66667%; }

.push-three { left: 25%; }

.pull-three { right: 25%; }

.push-four { left: 33.33333%; }

.pull-four { right: 33.33333%; }

.push-five { left: 41.66667%; }

.pull-five { right: 41.66667%; }

.push-six { left: 50%; }

.pull-six { right: 50%; }

.push-seven { left: 58.33333%; }

.pull-seven { right: 58.33333%; }

.push-eight { left: 66.66667%; }

.pull-eight { right: 66.66667%; }

.push-nine { left: 75%; }

.pull-nine { right: 75%; }

.push-ten { left: 83.33333%; }

.pull-ten { right: 83.33333%; }

img { height: auto; }

img, object, embed { max-width: 100%; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, .map_canvas img { max-width: none!important; }

/* Nicolas Gallagher's micro clearfix */
.row { *zoom: 1; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }


/* Normal Buttons ---------------------- */
.button { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;width: auto; background: #333;color: white; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }
.button:hover, .button:focus { color: white; background-color: #444; }
.button:active {  }
.button.large { font-size: 17px; padding: 15px 30px 16px; }
.button.medium { font-size: 14px; }
.button.small { font-size: 11px; padding: 7px 14px 8px; }
.button.tiny { font-size: 10px; padding: 5px 10px 6px; }
.button.xs { font-size: 17px; }
.button.expand { width: 100%; text-align: center; }
.button.primary { background-color: #333; border: 1px solid #8b2100; }
.button.primary:hover, .button.primary:focus { background-color: #a42700; }
.button.success { background-color: #5da423; border: 1px solid #396516; }
.button.success:hover, .button.success:focus { background-color: #457a1a; }
.button.alert { background-color: #c60f13; border: 1px solid #7f0a0c; }
.button.alert:hover, .button.alert:focus { background-color: #970b0e; }
.button.secondary { background-color: #e9e9e9; color: #1d1d1d; border: 1px solid #c3c3c3; }
.button.secondary:hover, .button.secondary:focus { background-color: #d0d0d0; }
.button.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.button.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
.button.single { padding: 1px 8px 1px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.button.full-width { width: 100%; text-align: center; padding-left: 0px !important; padding-right: 0px !important; }
.button.left-align { text-align: left; text-indent: 12px; }
.button.disabled, .button[disabled] { opacity: 0.6; cursor: default; background: #333; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.button.disabled:hover, .button[disabled]:hover { background: #333; }
.button.disabled.success, .button[disabled].success { background-color: #5da423; }
.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #5da423; outline: none; }
.button.disabled.alert, .button[disabled].alert { background-color: #c60f13; }
.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c60f13; outline: none; }
.button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; }
.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e9e9e9; outline: none; }

/* Don't use native buttons on iOS */
input[type=submit].button, button.button { -webkit-appearance: none; }

/* Correct FF button padding */
@-moz-document url-prefix() { button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; }
  input[type="submit"].tiny.button { padding: 3px 10px 4px; }
  input[type="submit"].small.button { padding: 5px 14px 6px; }
  input[type="submit"].button, input[type=submit].medium.button { padding: 8px 20px 9px; }
  input[type="submit"].large.button { padding: 14px 30px 14px; } }

/* Buttons with Dropdowns ---------------------- */
.button.dropdown { position: relative; padding-right: 44px; /* Sizes */ /* Triangles */ /* Flyout List */ /* Split Dropdown Buttons */ }
.button.dropdown.large { padding-right: 60px; }
.button.dropdown.small { padding-right: 28px; }
.button.dropdown.tiny { padding-right: 20px; }
.button.dropdown:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; right: 20px; margin-top: -2px; }
.button.dropdown.large:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; right: 30px; }
.button.dropdown.small:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: white transparent transparent transparent; margin-top: -2px; right: 14px; }
.button.dropdown.tiny:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; right: 10px; }
.button.dropdown > ul { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: none; position: absolute; left: -1px; background: #fff; background: rgba(255, 255, 255, 0.95); list-style: none; margin: 0; padding: 0; border: 1px solid #cccccc; border-top: none; min-width: 100%; z-index: 40; }
.button.dropdown > ul li { width: 100%; cursor: pointer; padding: 0; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; }
.button.dropdown > ul li a, .button.dropdown > ul li button { display: block; color: #555; font-size: 14px; font-weight: normal; padding: 6px 14px; text-align: left; }
.button.dropdown > ul li button { width: 100%; border: inherit; background: inherit; font-family: inherit; margin: inherit; -webkit-font-smoothing: antialiased; }
.button.dropdown > ul li:hover, .button.dropdown > ul li:focus { background-color: #ffcdbe; color: #222; }
.button.dropdown > ul li.divider { min-height: 0; padding: 0; height: 1px; margin: 4px 0; background: #ededed; }
.button.dropdown.up > ul { border-top: 1px solid #cccccc; border-bottom: none; }
.button.dropdown ul.no-hover.show-dropdown { display: block !important; }
.button.dropdown:hover > ul.no-hover { display: none; }
.button.dropdown.split { padding: 0; position: relative; /* Sizes */ /* Triangle Spans */ /* Colors */ }
.button.dropdown.split:after { display: none; }
.button.dropdown.split:hover, .button.dropdown.split:focus { background-color: #333; }
.button.dropdown.split.alert:hover, .button.dropdown.split.alert:focus { background-color: #c60f13; }
.button.dropdown.split.success:hover, .button.dropdown.split.success:focus { background-color: #5da423; }
.button.dropdown.split.secondary:hover, .button.dropdown.split.secondary:focus { background-color: #e9e9e9; }
.button.dropdown.split > a { color: white; display: block; padding: 10px 50px 11px 20px; padding-left: 20px; padding-right: 50px; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
.button.dropdown.split > a:hover, .button.dropdown.split > a:focus { background-color: #a42700; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.dropdown.split.large > a { padding: 15px 75px 16px 30px; padding-left: 30px; padding-right: 75px; }
.button.dropdown.split.small > a { padding: 7px 35px 8px 14px; padding-left: 14px; padding-right: 35px; }
.button.dropdown.split.tiny > a { padding: 5px 25px 6px 10px; padding-left: 10px; padding-right: 25px; }
.button.dropdown.split > span { background-color: #333; position: absolute; right: 0; top: 0; height: 100%; width: 30px; border-left: 1px solid #8b2100; -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
.button.dropdown.split > span:hover, .button.dropdown.split > span:focus { background-color: #a42700; }
.button.dropdown.split > span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; left: 50%; margin-left: -6px; margin-top: -2px; }
.button.dropdown.split.secondary > span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #1d1d1d transparent transparent transparent; }
.button.dropdown.split.large span { width: 45px; }
.button.dropdown.split.small span { width: 21px; }
.button.dropdown.split.tiny span { width: 15px; }
.button.dropdown.split.large span:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; margin-left: -7px; }
.button.dropdown.split.small span:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -4px; }
.button.dropdown.split.tiny span:after { content: ""; display: block; width: 0; height: 0; border: solid 3px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -3px; }
.button.dropdown.split.alert > span { background-color: #c60f13; border-left-color: #7f0a0c; }
.button.dropdown.split.success > span { background-color: #5da423; border-left-color: #396516; }
.button.dropdown.split.secondary > span { background-color: #e9e9e9; border-left-color: #c3c3c3; }
.button.dropdown.split.secondary > a { color: #1d1d1d; }
.button.dropdown.split.alert > a:hover, .button.dropdown.split.alert > span:hover, .button.dropdown.split.alert > a:focus, .button.dropdown.split.alert > span:focus { background-color: #970b0e; }
.button.dropdown.split.success > a:hover, .button.dropdown.split.success > span:hover, .button.dropdown.split.success > a:focus, .button.dropdown.split.success > span:focus { background-color: #457a1a; }
.button.dropdown.split.secondary > a:hover, .button.dropdown.split.secondary > span:hover, .button.dropdown.split.secondary > a:focus, .button.dropdown.split.secondary > span:focus { background-color: #d0d0d0; }

/* Button Groups ---------------------- */
ul.button-group { list-style: none; padding: 0; margin: 0 0 12px; *zoom: 1; }
ul.button-group:before, ul.button-group:after { content: " "; display: table; }
ul.button-group:after { clear: both; }
ul.button-group li { padding: 0; margin: 0 0 0 -1px; float: left; }
ul.button-group li:first-child { margin-left: 0; }
ul.button-group.radius li .button, ul.button-group.radius li .button.radius, ul.button-group.radius li .button-rounded { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
ul.button-group.radius li:first-child .button, ul.button-group.radius li:first-child .button.radius { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
ul.button-group.radius li:first-child .button.rounded { -moz-border-radius-topleft: 1000px; -webkit-border-top-left-radius: 1000px; border-top-left-radius: 1000px; -moz-border-radius-bottomleft: 1000px; -webkit-border-bottom-left-radius: 1000px; border-bottom-left-radius: 1000px; }
ul.button-group.radius li:last-child .button, ul.button-group.radius li:last-child .button.radius { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
ul.button-group.radius li:last-child .button.rounded { -moz-border-radius-topright: 1000px; -webkit-border-top-right-radius: 1000px; border-top-right-radius: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-bottom-right-radius: 1000px; border-bottom-right-radius: 1000px; }
ul.button-group.even .button { width: 100%; }
ul.button-group.even.two-up li { width: 50%; }
ul.button-group.even.three-up li { width: 33.3%; }
ul.button-group.even.three-up li:first-child { width: 33.4%; }
ul.button-group.even.four-up li { width: 25%; }
ul.button-group.even.five-up li { width: 20%; }

div.button-bar { overflow: hidden; }
div.button-bar ul.button-group { float: left; margin-right: 8px; }
div.button-bar ul.button-group:last-child { margin-left: 0; }

/* CSS for jQuery Reveal Plugin Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php */
/* Reveal Modals ---------------------- */
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0, 0, 0, 0.45); z-index: 40; display: none; top: 0; left: 0; }

.reveal-modal { background: #fff; visibility: hidden; display: none; top: 100px; left: 50%; margin-left: -260px; width: 520px; position: absolute; z-index: 41; padding: 30px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
.reveal-modal .close-reveal-modal:not(.button) { font-size: 22px; font-size: 2.2rem; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); font-weight: bold; cursor: pointer; }
.reveal-modal.small { width: 30%; margin-left: -15%; }
.reveal-modal.medium { width: 40%; margin-left: -20%; }
.reveal-modal.large { width: 60%; margin-left: -30%; }
.reveal-modal.xlarge { width: 70%; margin-left: -35%; }
.reveal-modal.expand { width: 90%; margin-left: -45%; }
.reveal-modal .row { min-width: 0; margin-bottom: 10px; }
.reveal-modal > :first-child { margin-top: 0; }
.reveal-modal > :last-child { margin-bottom: 0; }

@media print { .reveal-modal { border: solid 1px black; background: #fff; } }
/* Tabs ---------------------- */
.tabs { list-style: none; border-bottom: solid 1px #e6e6e6; display: block; height: 40px; padding: 0; margin-bottom: 20px; margin-top: 1px; }
.tabs.contained { margin-bottom: 0; margin-left: 0; }
.tabs dt, .tabs li.section-title { color: #b3b3b3; cursor: default; display: block; float: left; font-size: 12px; height: 40px; line-height: 40px; padding: 0; padding-right: 9px; padding-left: 20px; font-weight: normal; width: auto; text-transform: uppercase; }
.tabs dt:first-child, .tabs li.section-title:first-child { padding: 0; padding-right: 9px; }
.tabs dd, .tabs li { display: block; float: left; padding: 0; margin: 0; }
.tabs dd a, .tabs li a { color: #6f6f6f; display: block; font-size: 14px; height: 40px; line-height: 40px; padding: 0px 23.8px; }
.tabs dd a:focus, .tabs li a:focus { font-weight: bold; color: #333; }
.tabs dd.active, .tabs li.active { border-top: 2px solid #cb1606; margin-top: -1px; }
.tabs dd.active a, .tabs li.active a { cursor: default; color: #3c3c3c; background: #fbfbfb; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; font-weight: bold; }
.tabs dd:first-child, .tabs li:first-child { margin-left: 0; }
.tabs.vertical { height: auto; border-bottom: 1px solid #e6e6e6; }
.tabs.vertical dt, .tabs.vertical dd, .tabs.vertical li { float: none; height: auto; }
.tabs.vertical dd, .tabs.vertical li { border-left: 3px solid #cccccc; }
.tabs.vertical dd a, .tabs.vertical li a { background: #f2f2f2; border: none; border: 1px solid #e6e6e6; border-width: 1px 1px 0 0; color: #555; display: block; font-size: 14px; height: auto; line-height: 1; padding: 15px 20px; }
.tabs.vertical dd.active, .tabs.vertical li.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 4px solid #1a1a1a; }
.tabs.vertical dd.active a, .tabs.vertical li.active a { background: #4d4d4d; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0;  }
.tabs.vertical dd:first-child a.active, .tabs.vertical li:first-child a.active { margin: 0; }
.tabs.pill { border-bottom: none; margin-bottom: 10px; }
.tabs.pill dd, .tabs.pill li { margin-right: 10px; }
.tabs.pill dd:last-child, .tabs.pill li:last-child { margin-right: 0; }
.tabs.pill dd a, .tabs.pill li a { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; background: #e6e6e6; height: 26px; line-height: 26px; color: #666; }
.tabs.pill dd.active, .tabs.pill li.active { border: none; margin-top: 0; }
.tabs.pill dd.active a, .tabs.pill li.active a { background-color: #333; border: none; color: #fff; }
.tabs.pill.contained { border-bottom: solid 1px #eeeeee; margin-bottom: 0; }
.tabs.pill.two-up dd, .tabs.pill.two-up li, .tabs.pill.three-up dd, .tabs.pill.three-up li, .tabs.pill.four-up dd, .tabs.pill.four-up li, .tabs.pill.five-up dd, .tabs.pill.five-up li { margin-right: 0; }
.tabs.two-up dt a, .tabs.two-up dd a, .tabs.two-up li a, .tabs.three-up dt a, .tabs.three-up dd a, .tabs.three-up li a, .tabs.four-up dt a, .tabs.four-up dd a, .tabs.four-up li a, .tabs.five-up dt a, .tabs.five-up dd a, .tabs.five-up li a { padding: 0 17px; text-align: center; overflow: hidden; }
.tabs.two-up dt, .tabs.two-up dd, .tabs.two-up li { width: 50%; }
.tabs.three-up dt, .tabs.three-up dd, .tabs.three-up li { width: 33.33%; }
.tabs.four-up dt, .tabs.four-up dd, .tabs.four-up li { width: 25%; }
.tabs.five-up dt, .tabs.five-up dd, .tabs.five-up li { width: 20%; }

ul.tabs-content { display: block; margin: 0 0 20px; padding: 0; }
ul.tabs-content > li { display: none; }
ul.tabs-content > li.active { display: block; }
ul.tabs-content.contained { padding: 0; }
ul.tabs-content.contained > li { border: solid 0 #e6e6e6; border-width: 0 1px 1px 1px; padding: 20px; }
ul.tabs-content.contained.vertical > li { border-width: 1px 1px 1px 1px; }

.no-js ul.tabs-content > li { display: block; }

/* Table of Contents

:: Visibility
:: Alerts
:: Labels
:: Tooltips
:: Panels
:: Accordion
:: Side Nav
:: Sub Nav
:: Pagination
:: Breadcrumbs
:: Lists
:: Inline/Link Lists
:: Keystroke Chars
:: Image Thumbnails
:: Video
:: Tables
:: Microformats
:: Progress Bars
:: Pricing Tables

*/
/* Alerts ---------------------- */
div.alert-box { display: block; padding: 6px 7px 7px; font-weight: bold; font-size: 14px; color: white; background-color: #333; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); position: relative; }
div.alert-box.success { background-color: #5da423; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
div.alert-box.alert { background-color: #c60f13; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
div.alert-box.secondary { background-color: #e9e9e9; color: #505050; text-shadow: 0 1px rgba(255, 255, 255, 0.3); }
div.alert-box a.close { color: #333; position: absolute; right: 4px; top: -1px; font-size: 17px; opacity: 0.2; padding: 4px; }
div.alert-box a.close:hover, div.alert-box a.close:focus { opacity: 0.4; }

/* Labels ---------------------- */
.label2 { padding: 1px 4px 2px; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #fff; background: #333; }
.label.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.label.round { padding: 1px 7px 2px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
.label.alert { background-color: #c60f13; }
.label.success { background-color: #5da423; }
.label.secondary { background-color: #e9e9e9; color: #505050; }

/* Tooltips ---------------------- */
.has-tip {  }
.has-tip:hover, .has-tip:focus { }
.has-tip.tip-left, .has-tip.tip-right { float: none !important; }

.tooltip { display: none; background: black; background: rgba(0, 0, 0, 0.85); position: absolute; color: white; font-weight: bold; font-size: 12px; padding: 5px; z-index: 999999; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; line-height: normal; }
.tooltip > .nub { display: block; width: 0; height: 0; border: solid 5px; border-color: transparent transparent black transparent; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent; position: absolute; top: -10px; left: 10px; }
.tooltip.tip-override > .nub { border-color: transparent transparent black transparent !important; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent !important; top: -10px !important; }
.tooltip.tip-top > .nub, .tooltip.tip-centered-top > .nub { border-color: black transparent transparent transparent; border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent; top: auto; bottom: -10px; }
.tooltip.tip-left, .tooltip.tip-right { float: none !important; }
.tooltip.tip-left > .nub { border-color: transparent transparent transparent black; border-color: transparent transparent transparent rgba(0, 0, 0, 0.85); right: -10px; left: auto; }
.tooltip.tip-right > .nub { border-color: transparent black transparent transparent; border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent; right: auto; left: -10px; }
.tooltip.noradius { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.tooltip.opened { color: #333 !important; border-bottom: dotted 1px #711b00 !important; }

.tap-to-close { display: block; font-size: 10px; font-size: 1rem; color: #888888; font-weight: normal; }

/* Panels ---------------------- */
.panel { background-color: #E9BB37; background-image: url(/_/images/bg_panel.png); border: 1px solid #1c1c1c; border-top: 1px solid #0d0d0d; zoom: 1; -webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1); -webkit-transition: box-shadow 0.1s; -moz-transition: box-shadow 0.1s; transition: box-shadow 0.1s; margin-bottom: 42px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;  text-shadow: -1px -1px rgba(0, 0, 0, 0.8);   padding: 20px; color:#777 !important; }
.panel > :first-child { margin-top: 0; }
.panel > :last-child { margin-bottom: 0; }
.panel.callout { background: #333; color: #fff; border-color: #a42700; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); }
.panel.callout a { color: #fff; }
.panel.callout .button { background: white; border: none; color: #333; text-shadow: none; }
.panel.callout .button:hover, .panel.callout .button:focus { background: rgba(255, 255, 255, 0.8); }
.panel.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

/* Accordion ---------------------- */
ul.accordion { margin: 0 0 22px 0; border-bottom: 1px solid #e9e9e9; }
ul.accordion > li { list-style: none; margin: 0; padding: 0; border-top: 1px solid #e9e9e9; }
ul.accordion > li > div.title { cursor: pointer; background: #f6f6f6; padding: 15px; margin: 0; position: relative; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; -webkit-transition: 0.15s background linear; -moz-transition: 0.15s background linear; -o-transition: 0.15s background linear; transition: 0.15s background linear; }
ul.accordion > li > div.title h1, ul.accordion > li > div.title h2, ul.accordion > li > div.title h3, ul.accordion > li > div.title h4, ul.accordion > li > div.title h5 { margin: 0; }
ul.accordion > li > div.title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: transparent #9d9d9d transparent transparent; position: absolute; right: 15px; top: 21px; }
ul.accordion > li .content { display: none; padding: 15px; }
ul.accordion > li.active { border-top: 3px solid #333; }
ul.accordion > li.active .title { background: white; padding-top: 14px; }
ul.accordion > li.active .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #9d9d9d transparent transparent transparent; }
ul.accordion > li.active .content { background: white; display: block; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; }

/* Side Nav ---------------------- */
ul.side-nav { display: block; list-style: none; margin: 0; padding: 17px 0; }
ul.side-nav li { display: block; list-style: none; margin: 0 0 2px 0; padding: 5px 5px 5px 0; }
ul.side-nav li a { display: block; }
ul.side-nav li.active { background: #eee; }
ul.side-nav li.active a { color: #000; font-weight: bold; }
ul.side-nav li.divider { border-top: 1px solid #e6e6e6; height: 0; padding: 0; }

/* Sub Navs http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na ---------------------- */
dl.sub-nav { display: block; width: auto; overflow: hidden; margin: -4px 0 18px; margin-right: 0; margin-left: -9px; padding-top: 4px; }
dl.sub-nav dt, dl.sub-nav dd { float: left; display: inline; margin-left: 9px; margin-bottom: 10px; }
dl.sub-nav dt { color: #999; font-weight: normal; }
dl.sub-nav dd a { text-decoration: none; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
dl.sub-nav dd.active a { font-weight: bold; background: #333; color: #fff; padding: 3px 9px; cursor: default; }

/* Pagination ---------------------- */
ul.pagination { display: block; height: 24px; margin-left: -5px; }
ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; }
ul.pagination li a { display: block; padding: 1px 7px 1px; color: #555; }
ul.pagination li:hover a, ul.pagination li a:focus { background: #e6e6e6; }
ul.pagination li.unavailable a { cursor: default; color: #999; }
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { background: transparent; }
ul.pagination li.current a { background: #333; color: white; font-weight: bold; cursor: default; }
ul.pagination li.current a:hover, ul.pagination li.current a:focus { background: #333; }

div.pagination-centered { text-align: center; }
div.pagination-centered ul > li { float: none; display: inline-block; }

/* Breadcrums ---------------------- */
ul.breadcrumbs { display: block; background: #f6f6f6; padding: 6px 10px 7px; border: 1px solid #e9e9e9; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; overflow: hidden; margin-left: 0; }
ul.breadcrumbs li { margin: 0; padding: 0 12px 0 0; float: left; list-style: none; }
ul.breadcrumbs li a, ul.breadcrumbs li span { text-transform: uppercase; font-size: 11px; font-size: 1.1rem; padding-left: 12px; }
ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span { padding-left: 0; }
ul.breadcrumbs li:before { content: "/"; color: #aaa; }
ul.breadcrumbs li:first-child:before { content: " "; }
ul.breadcrumbs li.current a { cursor: default; color: #333; }
ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus { text-decoration: underline; }
ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus { text-decoration: none; }
ul.breadcrumbs li.unavailable a { color: #999; }
ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus { text-decoration: none; color: #999; cursor: default; }

/* Inline Link List */
ul.inline-list, ul.link-list { margin: 0 0 17px -22px; padding: 0; list-style: none; overflow: hidden; }
ul.inline-list > li, ul.link-list > li { list-style: none; float: left; margin-left: 22px; display: block; }
ul.inline-list > li > *, ul.link-list > li > * { display: block; }

/* Keytroke Characters ---------------------- */
.keystroke, kbd { font-family: "Consolas", "Menlo", "Courier", monospace; font-size: 14px; padding: 2px 4px 0px; margin: 0; background: #ededed; border: solid 1px #dbdbdb; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

/* Image Thumbnails ---------------------- */
.th { display: block; }
.th img { display: block; border: solid 4px white; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition-property: box-shadow; -moz-transition-property: box-shadow; -o-transition-property: box-shadow; transition-property: box-shadow; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; }
.th:hover img, .th:focus img { -webkit-box-shadow: 0 0 6px 1px rgba(215, 51, 0, 0.5); -moz-box-shadow: 0 0 6px 1px rgba(215, 51, 0, 0.5); box-shadow: 0 0 6px 1px rgba(215, 51, 0, 0.5); }

/* Video - Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ ---------------------- */
.flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; }
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Tables ---------------------- */
table { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #dddddd; }

table thead, table tfoot { background: #f5f5f5; }

table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; font-size: 14px; line-height: 18px; text-align: left; }

table thead tr th, table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; }

table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }

table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }

table tbody tr.even, table tbody tr.alt { background: #f9f9f9; }

table tbody tr:nth-child(even) { background: #f9f9f9; }

table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }

/* Microformats ---------------------- */
ul.vcard { display: inline-block; margin: 0 0 12px 0; border: 1px solid #dddddd; padding: 10px; }
ul.vcard li { margin: 0; display: block; }
ul.vcard li.fn { font-weight: bold; font-size: 15px; }

p.vevent span.summary { font-weight: bold; }
p.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 1px; }

/* Progress Bar ---------------------- */
div.progress { padding: 2px; margin-bottom: 10px; border: 1px solid #cccccc; height: 25px; /* meter */ /* border radii */ }
div.progress .meter { background: #333; height: 100%; display: block; width: 50%; }
div.progress.secondary .meter { background: #e9e9e9; }
div.progress.success .meter { background: #5da423; }
div.progress.alert .meter { background: #c60f13; }
div.progress.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
div.progress.radius .meter { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
div.progress.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
div.progress.round .meter { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }

/* Pricing Tables ---------------------- */
.pricing-table { border: solid 1px #dddddd; margin-left: 0; margin-bottom: 20px; }
.pricing-table * { list-style: none; line-height: 1; }
.pricing-table .title { background-color: #dddddd; padding: 15px 20px; text-align: center; color: #333333; font-weight: bold; font-size: 16px; }
.pricing-table .price { background-color: #eeeeee; padding: 15px 20px; text-align: center; color: #333333; font-weight: normal; font-size: 20px; }
.pricing-table .description { background-color: white; padding: 15px; text-align: center; color: #777777; font-size: 12px; font-weight: normal; line-height: 1.4; border-bottom: dotted 1px #dddddd; }
.pricing-table .bullet-item { background-color: white; padding: 15px; text-align: center; color: #333333; font-size: 14px; font-weight: normal; border-bottom: dotted 1px #dddddd; }
.pricing-table .cta-button { background-color: whitesmoke; text-align: center; padding: 20px; }



/* Visibility Classes ---------------------- */
/*                                           */
/* Standard (large) display targeting */
.show-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .show-for-xlarge, .show-for-print { display: none !important; }

.hide-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .hide-for-xlarge, .hide-for-print { display: inherit !important; }

/* Very large display targeting */
@media only screen and (min-width: 1441px) { .hide-for-small, .hide-for-medium, .hide-for-medium-down, .hide-for-large, .show-for-large-up, .show-for-xlarge { display: inherit !important; }
  .show-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .hide-for-large-up, .hide-for-xlarge { display: none !important; } }
/* Medium display targeting */
@media only screen and (max-width: 1279px) and (min-width: 768px) { .hide-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important; }
  .show-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } 
  
  
  
  
  }
/* Small display targeting */
@media only screen and (max-width: 767px) { .show-for-small, .hide-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important; }
  .hide-for-small, .show-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } }
/* Orientation targeting */
.show-for-landscape, .hide-for-portrait { display: inherit !important; }

.hide-for-landscape, .show-for-portrait { display: none !important; }

@media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; }
  .hide-for-landscape, .show-for-portrait { display: none !important; } }
@media screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; }
  .hide-for-portrait, .show-for-landscape { display: none !important; } }
/* Touch-enabled device targeting */
.show-for-touch { display: none !important; }

.hide-for-touch { display: inherit !important; }

.touch .show-for-touch { display: inherit !important; }

.touch .hide-for-touch { display: none !important; }

/* Specific overrides for elements that require something other than display: block */
table.show-for-xlarge, table.show-for-large, table.hide-for-small, table.hide-for-medium { display: table !important; }

@media only screen and (max-width: 1279px) and (min-width: 768px) { .touch table.hide-for-xlarge, .touch table.hide-for-large, .touch table.hide-for-small, .touch table.show-for-medium { display: table !important; } }
@media only screen and (max-width: 767px) { table.hide-for-xlarge, table.hide-for-large, table.hide-for-medium, table.show-for-small { display: table !important; } }

/* Covering almost all ----- */
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) { .flex-video { padding-top: 0; } }
/* Between Medium and Small */

/* Small Devices ------------ */
@media only screen and (max-width: 767px) { /* Global Misc --- */
  /*                 */
  .left, .right { float: none; }
  body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
  /* The Grid --- */
  /*              */
  .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
  .column, .columns { width: auto !important; float: none; }
  .column:last-child, .columns:last-child { float: none; }
  [class*="column"] + [class*="column"]:last-child { float: none; }
  .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
  .column:after, .columns:after { clear: both; }
  .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; }
  .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
  .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
  /* Mobile 4-column Grid */
  .row .mobile-one { width: 25% !important; float: left; padding: 0 15px; }
  .row .mobile-one:last-child { float: right; }
  .row .mobile-one.end { float: left; }
  .row.collapse .mobile-one { padding: 0; }
  .row .mobile-two { width: 50% !important; float: left; padding: 0 15px; }
  .row .mobile-two:last-child { float: right; }
  .row .mobile-two.end { float: left; }
  .row.collapse .mobile-two { padding: 0; }
  .row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
  .row .mobile-three:last-child { float: right; }
  .row .mobile-three.end { float: left; }
  .row.collapse .mobile-three { padding: 0; }
  .row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
  .row .mobile-four:last-child { float: right; }
  .row .mobile-four.end { float: left; }
  .row.collapse .mobile-four { padding: 0; }
  .push-one-mobile { left: 25%; }
  .pull-one-mobile { right: 25%; }
  .push-two-mobile { left: 50%; }
  .pull-two-mobile { right: 50%; }
  .push-three-mobile { left: 75%; }
  .pull-three-mobile { right: 75%; }
  /* Block Grids --- */
  /*                 */
  .block-grid.mobile > li { float: none; width: 100%; margin-left: 0; }
  .block-grid > li { clear: none; }
  .block-grid.mobile-one-up > li { width: 100%; }
  .block-grid.mobile-two-up > li { width: 50%; }
  .block-grid.mobile-two-up > li:nth-child(2n+1) { clear: both; }
  .block-grid.mobile-three-up > li { width: 33.33333%; }
  .block-grid.mobile-three-up > li:nth-child(3n+1) { clear: both; }
  .block-grid.mobile-four-up > li { width: 25%; }
  .block-grid.mobile-four-up > li:nth-child(4n+1) { clear: both; }
  .block-grid.mobile-five-up > li { width: 20%; }
  .block-grid.mobile-five-up > li:nth-child(5n+1) { clear: both; }
  .block-grid.mobile-six-up > li { width: 16.66667%; }
  .block-grid.mobile-six-up > li:nth-child(6n+1) { clear: both; }
  .block-grid.mobile-seven-up > li { width: 14.28571%; }
  .block-grid.mobile-seven-up > li:nth-child(7n+1) { clear: both; }
  .block-grid.mobile-eight-up > li { width: 12.5%; }
  .block-grid.mobile-eight-up > li:nth-child(8n+1) { clear: both; }
  .block-grid.mobile-nine-up > li { width: 11.11111%; }
  .block-grid.mobile-nine-up > li:nth-child(9n+1) { clear: both; }
  .block-grid.mobile-ten-up > li { width: 10%; }
  .block-grid.mobile-ten-up > li:nth-child(10n+1) { clear: both; }
  .block-grid.mobile-eleven-up > li { width: 9.09091%; }
  .block-grid.mobile-eleven-up > li:nth-child(11n+1) { clear: both; }
  .block-grid.mobile-twelve-up > li { width: 8.33333%; }
  .block-grid.mobile-twelve-up > li:nth-child(12n+1) { clear: both; }
  /* Forms --- */
  /*           */
  /* Label alignment */
  label.right { text-align: left; }
  /* Extend width of all inputs */
  input[type="text"].one, .row input[type="text"].one, input[type="password"].one, .row input[type="password"].one, input[type="date"].one, .row input[type="date"].one, input[type="datetime"].one, .row input[type="datetime"].one, input[type="email"].one, .row input[type="email"].one, input[type="number"].one, .row input[type="number"].one, input[type="search"].one, .row input[type="search"].one, input[type="tel"].one, .row input[type="tel"].one, input[type="time"].one, .row input[type="time"].one, input[type="url"].one, .row input[type="url"].one, textarea.one, .row textarea.one { width: 100% !important; }
  input[type="text"].two, .row input[type="text"].two, input[type="password"].two, .row input[type="password"].two, input[type="date"].two, .row input[type="date"].two, input[type="datetime"].two, .row input[type="datetime"].two, input[type="email"].two, .row input[type="email"].two, input[type="number"].two, .row input[type="number"].two, input[type="search"].two, .row input[type="search"].two, input[type="tel"].two, .row input[type="tel"].two, input[type="time"].two, .row input[type="time"].two, input[type="url"].two, .row input[type="url"].two, textarea.two, .row textarea.two { width: 100% !important; }
  input[type="text"].three, .row input[type="text"].three, input[type="password"].three, .row input[type="password"].three, input[type="date"].three, .row input[type="date"].three, input[type="datetime"].three, .row input[type="datetime"].three, input[type="email"].three, .row input[type="email"].three, input[type="number"].three, .row input[type="number"].three, input[type="search"].three, .row input[type="search"].three, input[type="tel"].three, .row input[type="tel"].three, input[type="time"].three, .row input[type="time"].three, input[type="url"].three, .row input[type="url"].three, textarea.three, .row textarea.three { width: 100% !important; }
  input[type="text"].four, .row input[type="text"].four, input[type="password"].four, .row input[type="password"].four, input[type="date"].four, .row input[type="date"].four, input[type="datetime"].four, .row input[type="datetime"].four, input[type="email"].four, .row input[type="email"].four, input[type="number"].four, .row input[type="number"].four, input[type="search"].four, .row input[type="search"].four, input[type="tel"].four, .row input[type="tel"].four, input[type="time"].four, .row input[type="time"].four, input[type="url"].four, .row input[type="url"].four, textarea.four, .row textarea.four { width: 100% !important; }
  input[type="text"].five, .row input[type="text"].five, input[type="password"].five, .row input[type="password"].five, input[type="date"].five, .row input[type="date"].five, input[type="datetime"].five, .row input[type="datetime"].five, input[type="email"].five, .row input[type="email"].five, input[type="number"].five, .row input[type="number"].five, input[type="search"].five, .row input[type="search"].five, input[type="tel"].five, .row input[type="tel"].five, input[type="time"].five, .row input[type="time"].five, input[type="url"].five, .row input[type="url"].five, textarea.five, .row textarea.five { width: 100% !important; }
  input[type="text"].six, .row input[type="text"].six, input[type="password"].six, .row input[type="password"].six, input[type="date"].six, .row input[type="date"].six, input[type="datetime"].six, .row input[type="datetime"].six, input[type="email"].six, .row input[type="email"].six, input[type="number"].six, .row input[type="number"].six, input[type="search"].six, .row input[type="search"].six, input[type="tel"].six, .row input[type="tel"].six, input[type="time"].six, .row input[type="time"].six, input[type="url"].six, .row input[type="url"].six, textarea.six, .row textarea.six { width: 100% !important; }
  input[type="text"].seven, .row input[type="text"].seven, input[type="password"].seven, .row input[type="password"].seven, input[type="date"].seven, .row input[type="date"].seven, input[type="datetime"].seven, .row input[type="datetime"].seven, input[type="email"].seven, .row input[type="email"].seven, input[type="number"].seven, .row input[type="number"].seven, input[type="search"].seven, .row input[type="search"].seven, input[type="tel"].seven, .row input[type="tel"].seven, input[type="time"].seven, .row input[type="time"].seven, input[type="url"].seven, .row input[type="url"].seven, textarea.seven, .row textarea.seven { width: 100% !important; }
  input[type="text"].eight, .row input[type="text"].eight, input[type="password"].eight, .row input[type="password"].eight, input[type="date"].eight, .row input[type="date"].eight, input[type="datetime"].eight, .row input[type="datetime"].eight, input[type="email"].eight, .row input[type="email"].eight, input[type="number"].eight, .row input[type="number"].eight, input[type="search"].eight, .row input[type="search"].eight, input[type="tel"].eight, .row input[type="tel"].eight, input[type="time"].eight, .row input[type="time"].eight, input[type="url"].eight, .row input[type="url"].eight, textarea.eight, .row textarea.eight { width: 100% !important; }
  input[type="text"].nine, .row input[type="text"].nine, input[type="password"].nine, .row input[type="password"].nine, input[type="date"].nine, .row input[type="date"].nine, input[type="datetime"].nine, .row input[type="datetime"].nine, input[type="email"].nine, .row input[type="email"].nine, input[type="number"].nine, .row input[type="number"].nine, input[type="search"].nine, .row input[type="search"].nine, input[type="tel"].nine, .row input[type="tel"].nine, input[type="time"].nine, .row input[type="time"].nine, input[type="url"].nine, .row input[type="url"].nine, textarea.nine, .row textarea.nine { width: 100% !important; }
  input[type="text"].ten, .row input[type="text"].ten, input[type="password"].ten, .row input[type="password"].ten, input[type="date"].ten, .row input[type="date"].ten, input[type="datetime"].ten, .row input[type="datetime"].ten, input[type="email"].ten, .row input[type="email"].ten, input[type="number"].ten, .row input[type="number"].ten, input[type="search"].ten, .row input[type="search"].ten, input[type="tel"].ten, .row input[type="tel"].ten, input[type="time"].ten, .row input[type="time"].ten, input[type="url"].ten, .row input[type="url"].ten, textarea.ten, .row textarea.ten { width: 100% !important; }
  input[type="text"].eleven, .row input[type="text"].eleven, input[type="password"].eleven, .row input[type="password"].eleven, input[type="date"].eleven, .row input[type="date"].eleven, input[type="datetime"].eleven, .row input[type="datetime"].eleven, input[type="email"].eleven, .row input[type="email"].eleven, input[type="number"].eleven, .row input[type="number"].eleven, input[type="search"].eleven, .row input[type="search"].eleven, input[type="tel"].eleven, .row input[type="tel"].eleven, input[type="time"].eleven, .row input[type="time"].eleven, input[type="url"].eleven, .row input[type="url"].eleven, textarea.eleven, .row textarea.eleven { width: 100% !important; }
  input[type="text"].twelve, .row input[type="text"].twelve, input[type="password"].twelve, .row input[type="password"].twelve, input[type="date"].twelve, .row input[type="date"].twelve, input[type="datetime"].twelve, .row input[type="datetime"].twelve, input[type="email"].twelve, .row input[type="email"].twelve, input[type="number"].twelve, .row input[type="number"].twelve, input[type="search"].twelve, .row input[type="search"].twelve, input[type="tel"].twelve, .row input[type="tel"].twelve, input[type="time"].twelve, .row input[type="time"].twelve, input[type="url"].twelve, .row input[type="url"].twelve, textarea.twelve, .row textarea.twelve { width: 100% !important; }
  /* Buttons --- */
  /*             */
  /* Basic overrides */
  .button { display: block; }
  button.button, input[type="submit"].button, input[type="reset"].button { width: 100%; padding-left: 0; padding-right: 0; }
  /* Button Groups */
  .button-group button.button, .button-group input[type="submit"].button { width: auto; padding: 10px 20px 11px; }
  .button-group button.button.large, .button-group input[type="submit"].button.large { padding: 15px 30px 16px; }
  .button-group button.button.medium, .button-group input[type="submit"].button.medium { padding: 10px 20px 11px; }
  .button-group button.button.small, .button-group input[type="submit"].button.small { padding: 7px 14px 8px; }
  .button-group button.button.tiny, .button-group input[type="submit"].button.tiny { padding: 5px 10px 6px; }
  .button-group.even button.button, .button-group.even input[type="submit"].button { width: 100%; padding-left: 0; padding-right: 0; }

  /* Reveal --- */
  /*            */
  .reveal-modal-bg { position: absolute; }
  .reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge { width: 80%; top: 15px; left: 50%; margin-left: -40%; padding: 20px; height: auto; }

  /* Tabs --- */
  /*          */
  .tabs.mobile { width: auto; margin: 20px -20px 40px; border-bottom: solid 1px #cccccc; height: auto; margin: 20px -15px 0px -15px; }
  .tabs.mobile dt, .tabs.mobile li, .tabs.mobile dd { float: none; height: auto; }
  .tabs.mobile dd a, .tabs.mobile li a { font-size: 15px; display: block; width: auto; height: auto; padding: 18px 20px; margin: 0; color: #555; line-height: 1; border: none; border-left: none; border-right: none; border-top: 1px solid #cccccc; background: #fff; }
  .tabs.mobile dd a.active, .tabs.mobile li a.active { border: none; background: #333; color: #fff; margin: 0; position: static; top: 0; height: auto; }
  .tabs.mobile dd:first-child a.active, .tabs.mobile li:first-child a.active { margin: 0; }
  .tabs.mobile + .tabs-content.contained { margin-left: -15px; margin-right: -15px; }
  .tabs.mobile .section-title { padding-left: 20px !important; }
  .contained.mobile { margin-bottom: 0; }
  .contained.tabs.mobile dd a, .contained.tabs.mobile li a { padding: 18px 20px; }
  .tabs.mobile + ul.contained { margin-left: -20px; margin-right: -20px; border-width: 0 0 1px 0; }
  /* UI Elements --- */
  /*                 */
  /* Tooltips */
  .tooltip { font-size: 14px; line-height: 1.4; padding: 7px 10px 9px 10px; left: 50% !important; max-width: 80% !important; margin-left: -40%; font-size: 110%; }
  .tooltip > .nub, .tooltip.top > .nub, .tooltip.left > .nub, .tooltip.right > .nub { border-color: transparent transparent black transparent; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent; top: -12px; left: 10px; }

  
  
    .tabs dd, .tabs li {
        width: 66px;
        overflow: hidden;
    }
    
   
 
  }
@media only screen and (max-width: 650px) { /* Global Misc --- */


     
    ul.playlist .like_fct,
    ul.playlist .share_fct,
    ul.playlist .refeed_fct,
    ul.playlist .playlist_fct {
        width: 25px !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }
    
    ul.playlist .like_fct i,
    ul.playlist .share_fct i,
    ul.playlist .refeed_fct i,
    ul.playlist .playlist_fct i {
        margin-right: 50px !important; 
    }
      
      

}

@media only screen and (max-width: 500px) { /* Global Misc --- */


     

 ul.playlist .infobits {
        display: none !important;
    }
}

.mobileonly {
    display: none;
}
  
#sidebar {
    position: fixed;
    top: 45px;
    right: 0px;
    bottom: 0px;
    width: 200px;
    z-index:8001;
    color: #fff;
    background: #222222;
    
    

}

#sidebar_content {

     overflow-y: hidden;
     overflow-x: hidden;
     height: 100%;
     
     -moz-box-shadow: inset 0 0 5px -1px #000;
-webkit-box-shadow: inset 0 0 5px -1px #000;
box-shadow: inset 0 0 5px -1px #000;

}


#sidebar .search {
    background: #222222;
    
    
    
    height: 45px;
    position: absolute;
    top: -45px;
    padding: 6px 5px 4px;
    width: 198px;
    z-index: 999999999;
}

#sidebar .search input {
     background: #333;
     border: 1px solid #555;
     color: #fff;
     font-size: 12px;
     font-weight: normal;
} 

#sidebar .search input:focus {
     background: #fff;
     color: #333;
} 




#sidebar .sidebar_content {
     margin: 0 10px 10px 10px;
     width: 180px;
     overflow: hidden;
} 

#sidebar .lists {
     list-style: none;
     padding: none;
     
}

#sidebar .lists li {
     display: block;
     border-bottom: 1px solid #555;
     padding: 2px 0;

     
}

#sidebar .lists li a {
     color: #fff;
     font-size: 12px;
     padding: 4px 0;
     display: inline-block;
     line-height: 14px;
     word-wrap: break word;
     
}


#sidebar .lists li a:hover {
    color: #bbb;
}


.nicescroll-rails {
    position: fixed !important;
    top: 45px !important;
}

#table-playlist .active {
    background: #e1e1e1 !important;
}


#sidebar_posts {
    position: fixed;
    top: 45px;
    right: -120px;
    bottom: 0px;
    width: 180px;
    z-index: 999;
    -moz-box-shadow: 0 0 10px 1px #000;
    -webkit-box-shadow: 0 0 10px 1px #000;
    box-shadow: 0 0 10px 1px #000;
    color: #fff;
    z-index: 99999999;
    background: #222222;
}

#sidebar_posts.out {
    right: -160px !important;
}

#sidebar_posts.hidden {
    display: none !important;
}


#sidebar_posts_content {
    overflow-y: hidden;
    overflow-x: hidden;
    height: 100%;
        

}


#sidebar_posts_content .sidebar_content {
    width: 160px;
}

#ascrail2000,
#ascrail2001,
#ascrail2002 {
    display: none !important
}


#sidebar .lists li.now {
    background-color: rgba(255,255,255,0.3);
    border-left: 3px solid rgba(255,255,255,0);
}

#sidebar .lists li.new {
    background-color: rgba(255,255,255,0.2);
    border-left: 3px solid rgba(255,255,255,0);
}

#sidebar .lists li.focused {
    background-color: rgba(255,255,255,0.1);
    border-left: 3px solid rgba(255,255,255,0);
}

#description .details {
   display: inline;
}

.user_online:after {   
    content: "\f111";
    font-family: "FontAwesome";
    margin-right: 2px;
    margin-left: 5px;
    line-height: 12px;
    font-size: 7px;
    color: #6bb933;
    position: relative;
    top: -2px;
}
    
.user-premium-1 {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 2px;
     margin-left: 5px;
}

.user-premium-1:after {

    content: "\f196";
    font-family: "FontAwesome";
    font-size: 11px;
    color: #cb1606;
    position: relative;
    top: -1px;
}


.user-premium-2 {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-left: 5px;
    margin-right: 2px;
}

.user-premium-2:after {

    content: "\f0fe";
    font-family: "FontAwesome";
    font-size: 10px;
    color: #cb1606;
    position: relative;
    top: -1px;
}


#_atssh {
    position: fixed !important;
}



.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }



  


#jPanelMenu-menu {
    padding: 55px 5px 5px 5px;
    -moz-box-shadow:  0 0 5px -1px #000;
    -webkit-box-shadow:  0 0 5px -1px #000;
    box-shadow:  0 0 5px -1px #000;
    color: #fff;
    background: #222222;
}



#jPanelMenu-menu .lists {
     list-style: none;
     padding: none;
     margin-bottom: 20px;
     
}

#jPanelMenu-menu .lists li {
     display: block;
     border-bottom: 1px solid #555;
     padding: 2px 0;

     
}

#jPanelMenu-menu .lists li a {
     color: #fff;
     font-size: 12px;
     padding: 4px 0;
     display: inline-block;
     line-height: 14px;
     
     word-wrap: break word;
     
}


.loadie {
    position: fixed;
    top: 45px;
    left: 0;
   
    background: #cb1606; /* Old browsers */
background: -moz-linear-gradient(left,  #a50000 80%, #a50000 55%, #cb1606 97%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(80%,#a50000), color-stop(55%,#a50000), color-stop(97%,#cb1606)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #a50000 80%,#a50000 55%,#cb1606 97%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #a50000 80%,#a50000 55%,#cb1606 97%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #a50000 80%,#a50000 55%,#cb1606 97%); /* IE10+ */
background: linear-gradient(to right,  #a50000 80%,#a50000 55%,#cb1606 97%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a50000', endColorstr='#cb1606',GradientType=1 ); /* IE6-9 */

    width: 0;
    height: 4px;
    transition: width 0.5s ease-out;
    -moz-transition: width 0.5s ease-out;
    -webkit-transition: width 0.5s ease-out;
    z-index: 4;
}

.hidden {
    display: none !important;
}


#sidebar_content .sidebar_content {
        -webkit-transition: opacity .3s ease-in-out;
           -moz-transition: opacity .3s ease-in-out;
            -ms-transition: opacity .3s ease-in-out;
             -o-transition: opacity .3s ease-in-out;
                transition: opacity .3s ease-in-out;
}

#sidebar_content.opacity .sidebar_content {
    opacity: 0.3;
}@import url('/_/stylesheets/cycle-slideshow.css');
@import url('/_/stylesheets/tabs.css');
@import url('/_/stylesheets/font-awesome.css');
@import url('/_/stylesheets/iconz.css');
/* -----------------------------------------
   Testimonial Slider (easySlider.js)
----------------------------------------- */
.slider-wrapper{position:relative;height:200px}
.slider-ul{list-style:none;margin:0;padding:0}
.slider-ul li{position:absolute;display:block;top:0;left:0}
.slider-footer{position:absolute;top:10px;left:20px;float:left!important}
.slider-footer a{color:#fff!important;height:16px!important;width:16px!important;display:block;float:left!important;text-indent:-8000px;background-image:url(/_/images/button.png);outline:0;line-height:0;margin:0;padding:0}
.slider-footer .active-link{color:red!important;background-position:right bottom}
.footer-buttons{float:left;list-style:none}
#btnLeft{height:18px!important;width:18px!important;text-indent:-8000px;display:block;background-image:url(/_/images/left.png)}
#btnRight{height:18px!important;width:18px!important;text-indent:-8000px;display:block;background-image:url(/_/images/right.png)}
.div-left{position:absolute;right:20px;z-index:9999;top:-13px}
.div-right{position:absolute;right:0;z-index:9999;top:-13px}


/* -----------------------------------------
   Newsticker (jquery.newsticker.js)
----------------------------------------- */
.news_ticker ul { list-style: none; margin: 10px 0; padding: 0px; width: 100%; height: 120px !important; overflow: hidden; /* Not required but recommended for accessibility when JavaScript is turned off */ position: relative; }



/* -----------------------------------------
   Recent Posts Box
----------------------------------------- */
.post-container { margin: 0; padding: 5px; overflow: auto; }
.post-thumb { float: left }
.post-thumb img { display: block; width: 50px; height: 50px; margin: 14px 5px 0 0; }
.last { margin-left: 55pxfont-family: "Source Sans Pro", sans-serif; font-style: normal; font-weight: 400; font-size: 13px; text-transform: none; text-decoration: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1.5; padding-bottom: 8px; margin-bottom: 2px; border-bottom:0 !important;}
.post-content { margin-left: 55pxfont-family: "Source Sans Pro", sans-serif; font-style: normal; font-weight: 400; font-size: 13px; text-transform: none; text-decoration: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1.5; padding-bottom: 8px; margin-bottom: 2px; border-bottom: 4px double #ddd; }
.post-content h3.post-snip {text-decoration:none; margin:0 0 2px 0 !important; line-height:1;padding-top:0 !important;}
.post-content h3.post-snip a {text-decoration:none; margin:0 0 2px 0 !important; line-height:1;padding-top:0 !important;}
.post-content a { color: #888; font-family: 'Open Sans', serif; font-style: normal; font-weight: 400; font-size: 13px; text-transform:uppercase;}
.post-content a:hover { color: #999 }


/* -----------------------------------------
   Post Teaser
----------------------------------------- */


div.teaser { width: 100%; position: relative; margin-bottom: 1em; }
div.teaser-content { height: 100%; margin-left: 70px; padding: 0.5em; background: #FFF; }
div.teaser-content h2 { margin: 0; font-size: 16px; }
span.teaser-date { width: 70px; padding: 8px; position: absolute; top: 0; left: 0; background: #888; color: white; font-weight: bold; display: block; border-radius: 6px 0 0 6px; text-align: center; line-height: 1.2; }
span.day { font-size: 24px; color: #FFF; text-transform: uppercase; text-align: center; }
span.month-year { display: block; text-transform: uppercase; text-align: center; font-size: 16px; }
span.month-comments { color: #888; display: block; text-transform: uppercase; text-align: center; font-size: 11px; }

/* -----------------------------------------
   Author Box
----------------------------------------- */
.call-container { margin: 0; padding: 5px; overflow: auto; }
.call-thumb { float: left }
.call-thumb img{background: #fff; display: block;border: 1px solid #DDD;padding: 2px; width: 125px; height: 125px; margin: 2px 5px 0 0;}
.call-content { margin-left: 135px; font-family: "Source Sans Pro", sans-serif; font-style: normal; font-weight: 400; font-size: 13px; text-transform: none; text-decoration: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1.5; margin-bottom: 5px; }
.call-title { font-family: "Open Sans", serif; font-weight: 400; font-style: normal; color: #555; text-transform: uppercase; text-rendering: optimizeLegibility; line-height: 1.1; font-size: 21px !important; }
.call-title a { color: #888; font-family: 'Open Sans', serif !important; font-style: normal !important; font-weight: 400 !important; font-size: 22px !important; }
.call-content a { color: #888; font-family: "Source Sans Pro", sans-serif; font-style: normal; font-weight: 400; font-size: 13px; }
.call-content a:hover { color: #999 }


/* -----------------------------------------
   Comments
----------------------------------------- */
.comment-container { margin-bottom: 20px; padding: 5px; clear: both; }
.comment-reply-container { margin-bottom: 20px; margin-left: 90px; padding: 5px; clear: both; }
.comment-thumb { float: left }
.comment-thumb img {display: block; padding: 0px; width: 80px; height: 80px; margin: 2px 5px 0 0; background: #141414; }
.comment-content { margin-left: 90px; font-family: "Source Sans Pro", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; text-transform: none; text-decoration: none; letter-spacing: 0em; word-spacing: 0em; margin-bottom: 5px; }
.comment-title { color: #333; font-family: 'Open Sans', serif !important; font-style: normal; font-weight: 400; font-size: 18px !important; }
.comment-title a { color: #333; font-family: 'Open Sans', serif !important; font-style: normal !important; font-weight: 400 !important; font-size: 18px !important; }
.comment-content a { font-family: "Source Sans Pro",  sans-serif; font-style: normal; font-weight: 400; font-size: 13px; }
.comment-content a:hover { color: #666 }
.blog_img { float: left; margin: 0 5px 0 0; width: 50px; height: 60px; padding-top: 10px; }
.blog_snip p { }

.comment-content a.push {
    padding: 0px 10px;
    margin-top: 12px;
    font-size: 11px !important;
    display: inline-block;
    float: right;
    
} 

.small .comment-title {
    float: left;
    margin-top: 12px;
}

.small .comment-container {
margin-bottom: 8px;
padding: 0px;
clear: both;
}

.small .comment-title a {
    font-size: 16px !important;
    line-height: 16px;
}

.small .comment-content {
    margin-left: 50px;
}

/* -----------------------------------------
   Contact Form
----------------------------------------- */
#ajax-form { margin-left: auto; margin-right: auto; margin-top: 30px; }
label { display: block }
input, textarea { width: 100%; margin-bottom: 5px; padding: 5px; }
.error { color: red; display: none; }
#ajaxsuccess { color: green; display: none; margin-left: auto; margin-right: auto; margin-top: 30px; }


/* -----------------------------------------
   Tags
----------------------------------------- */
ul.tags { margin: 0; padding: 0; list-style: none; overflow: hidden; }
ul.tags li { margin: 2px; list-style: none; float: left; display: block; font-size: 12px; color: #FFF !important; }
ul.tags li a { display: block; margin: 2px; padding: 4px 10px; background: #666; border-radius: 4px; transition: all 0.2s ease-out; color: #FFF !important; }
ul.tags li a:hover { background: #999 }



.tags_styled{
    min-height: 1px;
    clear: both;
    
}
    
.tags_styled li {
    margin: 2px 0;
    
}
    
.tags_styled li, 
.tags_styled a{
	float:left;
    display: inline-block;
	height:18px;
	line-height:16px;
	position:relative;
	font-size:11px;
    white-space: nowrap;
}

.tags_styled a{
	margin-left:20px;
	padding:0 10px 0 12px;
	background:#666;
	color:#fff;
	text-decoration:none;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;	
	border-bottom-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;	
	border-top-right-radius:4px;	
    -webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-ms-transition: all 0s ease-in-out;
-o-transition:all 0s ease-in-out;
}
    
    
.tags_styled a:before{
	content:"";
	float:left;
	position:absolute;
	top:0;
	left:-12px;
	width:0;
	height:0;
	border-color:transparent #666 transparent transparent;
	border-style:solid;
	border-width:9px 12px 9px 0;		
}

.tags_styled a:after{
	content:"";
	position:absolute;
	top:7px;
	left:0;
	float:left;
	width:4px;
	height:4px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#fff;
	-moz-box-shadow:-1px -1px 2px #666;
	-webkit-box-shadow:-1px -1px 2px #666;
	box-shadow:-1px -1px 2px #666;
}

.tags_styled a:hover{background:#555;}	

.tags_styled a:hover:before{border-color:transparent #555 transparent transparent;}
    


/* -----------------------------------------
   Timeline
----------------------------------------- */
.timeline {padding-top:40px;background:url(/_/images/timeline.png) center top no-repeat;}
.timeline dt{width:75%;display: inline-block; margin: 0px; padding: 4px 10px; background: #666; border-radius: 4px; transition: all 0.2s ease-out; color: #FFF !important; font-size:46px; position:relative;}
.timeline dt:hover{cursor:pointer; background:#999;}
.timeline dd{padding:0 0 5px 30px;position:relative;color:#444; border-bottom:4px double #ddd;}
.timeline .hover{color:#666;text-decoration:none}


/* -----------------------------------------
   Toggle
----------------------------------------- */
.toggle {padding-top:20px}
.toggle dt{color:#444;background:url(/_/images/down.png) 0 4px no-repeat;padding:3px 0 15px 30px;position:relative;}
.toggle dt:hover{cursor:pointer}
.toggle dd{background:url(/_/images/rightt.png) 0 2px no-repeat;padding:0 0 5px 30px;position:relative;color:#444}
.toggle .hover{color:#666;text-decoration:none}

/* -----------------------------------------
   Services Blocks with Icons
----------------------------------------- */
.service { border-top: 2px solid transparent }
.service:hover { background: #FFF; border-top: 2px solid #666; background: #fff url(/_/images/service_bg.png) no-repeat center -2px; }
.icon_bg { background: #666; border: 5px solid rgba(0, 0, 0, 0.1); width: 60px; height: 60px; margin: 40px auto 20px auto; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; padding: 2px; }
.icon_bg p { font-size: 32px !important; margin: 0 !important; text-align: center; color: white; text-shadow: none; }
.icon_big_bg { background: #666; width: 95px; height: 95px; margin: 40px auto 20px auto; border-radius: 95px; -moz-border-radius: 95px; -webkit-border-radius: 95px; padding: 2px; }
.icon_big_bg p { font-size: 56px !important; margin: 0 !important; text-align: center; color: white; text-shadow: none; }




/*----------------------------------------  BLOCKS */
.xp_pink {background: rgba(25,25,112,.5);}
.xp_gold {background: rgba(255,215,0,.5);}
.xp_orange {background: rgba(255,69,0,.5);}
.xp_green {background: rgba(0,100,0,.5);}
.xp_purple {background: rgba(128,0,128,.5);}
.xp_blue {background: rgba(0,139,139,.5);}
.plus-icon{background: url(/_/images/plus-icon.png) no-repeat; top:0%; left:50%; margin-left:-15px;   width: 30px; height: 30px; position: absolute; clear: both; z-index: 1;  -moz-transition: all .3s ease-in;-o-transition: all  .3s ease-in;-webkit-transition: all  .3s ease-in;transition: all  .3s ease-in; }
.entry:hover .plus-icon{ opacity:1; top:30%; left:50%; display: block; }

/* -----------------------------------------
   Image Hovers and Styles
----------------------------------------- */
.framed { background: #fff; border: 1px solid #DDD;  margin: 0; padding: 2px; }
.round_framed { -webkit-transition: .5s all ease-in-out; -moz-transition: .5s all ease-in-out; -o-transition: .5s all ease-in-out; transition: .5s all ease-in-out;  background: #fff; border: 4px solid #fff;margin: 0; padding: 0px; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 50%; }
.round_framed:hover {}
.shadow { width: 100%; margin: 0; padding: 40px 0 10px 0; background: url("/_/images/sep.html") no-repeat scroll center top transparent; }
.thumb.round, .thumb.round a.image-link, .thumb.round img, .thumb.round a.image-link:before { -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }
.thumb a.image-link:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: transparent; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }
.thumb a.image-link:hover:before { opacity: .2; filter: alpha(opacity=20); }
.thumb .info { text-align: center }
.thumb { margin-bottom: 1.5em; max-width: 100%; background: rgba(0,0,0,0);}
.thumb a.image-link, .thumb img { display: inline-block; max-width: 100%; }
.thumb .icon-zoom, .thumb .icon-link, .thumb .icon-video, .thumb .icon-image { text-align: center; position: absolute; top: 31%; left: 50%; display: block; width: 64px; height: 64px; margin-left: -31px; margin-top: -31px; background: url(/_/images/link_icon.png) no-repeat -999px 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); transform: rotateZ(180deg); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }
.thumb .icon-zoom { background: url(/_/images/zoom_icon.png) no-repeat }
.thumb .icon-link { background: url(/_/images/link_icon.png) no-repeat }
.thumb .icon-video { background: url(/_/images/video_icon.png) no-repeat }
.thumb .icon-image { background: url(/_/images/image_icon.png) no-repeat }
.thumb a.image-link:hover span { opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; text-align: center; }
.thumb .info { margin-top: .75em }
.thumb .info h4 { margin-bottom: .2em }
.thumb .info h4 a { margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.thumb .info em { padding-top: 7px; display: block; color: #919191; font-size: 1.4rem; }


/* -----------------------------------------
   Footer Socials
----------------------------------------- */
#social_links { width: 100%; overflow: hidden; }
#social_links ul { list-style: none; position: relative; float: left; display: block; left: 50%; }
#social_links ul li { position: relative; float: left; display: block; right: 50%; width:40px; height:40px; border-radius:100%; background:#ddd; text-align:center;margin:7px; padding-top:9px;-moz-transition: all 0.5s ease-out;  -o-transition: all 0.5s ease-out;  -webkit-transition: all 0.5s ease-out;  -ms-transition: all 0.5s ease-out;  transition: all 0.5s ease-out;}
#social_links ul li:hover { margin-top:2px;}
.ico_twitter, .ico_facebook, .ico_google, .ico_vimeo, .ico_dribble,.ico_deviantart, .ico_flickr { font-size:22px; color: #333 !important; margin:0;}
.ico_twitter:hover { color: #33ccff !important; }
.ico_facebook:hover { color: #3B5998 !important; }
.ico_google:hover { color: #C83929 !important; }
.ico_vimeo:hover { color: #DAFA2D !important; }
.ico_dribble:hover { color: #C82F68 !important; }
.ico_deviantart:hover { color: #53695D !important; }
.ico_flickr:hover { color: #FF0084 !important; }



/* -----------------------------------------
   Image Styles
----------------------------------------- */
.image-wrap { margin-right: 5px; margin-bottom: 5px; }
.img-box { margin: 0 }
.image-wrap { position: relative; display: inline-block; max-width: 100%; vertical-align: bottom; }
/* image-wrap:after pseudo element (overlaying container) */
.image-wrap:after { content: ' '; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.image-wrap img { vertical-align: bottom;  -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; }
.glossy .image-wrap:before { position: absolute; content: ' '; width: 100%; height: 50%; top: 0; left: 0; -webkit-border-top-left-radius: 1000px; -webkit-border-top-right-radius: 1000px; -moz-border-radius-topleft: 1000px; -moz-border-radius-topright: 1000px; border-top-left-radius: 1000px; border-top-right-radius: 1000px; background: -moz-linear-gradient(top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,.15) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,.15))); background: linear-gradient(top, rgba(255,255,255,0.6) 0%,rgba(255,255,255,.15) 100%); }


/* -----------------------------------------
   Curcular Portfolio Zoom Hover
----------------------------------------- */
.port_head { position: relative; margin-bottom: 120px; z-index: 60; }
.ch-grid { top: -160px; position: absolute; margin: 0px 0 0  0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; }
.ch-grid:after, .ch-item:before { content: ''; display: table; }
.ch-grid:after { clear: both }
.ch-grid li { width: 180px; height: 180px; display: inline-block; margin: 10px; }
.ch-item { width: 100%; height: 100%; border-radius: 50%; background-position:  center center; position: relative; cursor: default; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.ch-img-1 { background-image: url("/_/images/port_head.jpg") }
.ch-info { position: absolute; width: 100%; height: 100%; border-radius: 50%; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); -ms-transform: scale(); transform: scale(); -webkit-backface-visibility: hidden; /*for a smooth font */ }
.ch-info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 18px; margin: 0 30px; padding: 70px 0 0 0; height: 50px; font-family: 'Source Sans Pro', Arial, sans-serif; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); }
.ch-info p { color: #fff; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); }
.ch-info p a { display: block; color: #ddd; color: rgba(255,255,255,0.7); font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 26px; letter-spacing: 1px; padding-top: 10px; font-family: "Source Sans Pro", Arial, sans-serif; }
.ch-info p a:hover { color: #FFF; color: rgba(255,255,255, 0.8); }

/* -----------------------------------------
   Button
----------------------------------------- */




.push {
    
    padding: 2px 10px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    color: #fff;
    line-height: 1.5em;
    font-weight: 500;
    text-decoration: none;
    background: #333;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    margin: 3px;
   
}

h1 .push {
    font-size: 18px;
}


.push:hover {
    -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 1px rgba(0,0,0,.2);
    box-shadow: 0 2px 1px rgba(0,0,0,.2);
    color: #ddd;

}
.push:active { 

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.25);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.25);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.25);
}
.socle { position: relative; z-index: 2; }
.socle:after {  }


.text-center h5 a {
    display: inline-block;
    
}

/* -----------------------------------------
   Index Top Blocks
----------------------------------------- */
.blocky { -moz-box-shadow: 0 8px 11px -4px #F2F2F2; -webkit-box-shadow: 0 8px 11px -4px #F2F2F2; box-shadow: 0 8px 11px -4px #F2F2F2; background: transparent; border: 4px double #ddd; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; margin-bottom: 20px; padding: 8px; }
.blocky:hover { -moz-box-shadow: 0 0 5px -2px #000; -webkit-box-shadow: 0 0 5px -2px #000; box-shadow: 0 0 5px -2px #000; background: transparent; }
.blocky p { color: #444 }
.blocky h5 a { font-size: 18px; color: #444; text-align: center; }
.blocky h5 a:hover { font-size: 18px; color: #333; }
.blocky:hover h5 a { color: #333 }
.blocky h1 { font-size: 62px; color: #444; }
.blocky:hover h1 { color: #888 }
.blocky:hover p { color: #888 }



/* -----------------------------------------
   Sections 
----------------------------------------- */
header { position: absolute; top: 0px; left: 0px; height: 40px; padding-top: 0px; -webkit-transition: background linear 0.2s; -moz-transition: background linear 0.2s; -o-transition: background linear 0.2s; -ms-transition: background linear 0.2s; transition: background linear 0.2s; width: 100%; z-index: 8000; padding-right: 0px !important; }

#global_header {z-index: 7000;}
section.hero2 { -webkit-background-clip: border-box; -moz-background-clip: border-box; background-clip: border-box; background-color: #111; background-attachment: normal; background-origin: padding-box; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; position: relative; z-index: 50; min-height: 500px;}
section.hero { -webkit-background-clip: border-box; -moz-background-clip: border-box; background-clip: border-box; background-color: #111; background-image: url("/_/images/section_hero.jpg"); background-attachment: normal; background-origin: padding-box; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; position: relative; z-index: 50; min-height: 500px; }
section.navigation { position: relative; z-index: 75; width: 100%; background: #000; margin: 0; padding: 0;}
section.services { position: relative; z-index: 45; width: 100%; background: #fff; margin: 0; padding: 30px 0 30px 0;}
section.slab { position: relative; z-index: 46; width: 100%; background: #000 url('/_/images/bg_slab.png'); margin: 0; padding: 60px 0 120px; }
section.slab .badge { border:1px solid #111;display: block; left: 50%; margin-left: -40px; width: 80px; height: 80px; border-radius: 100%; background: #333; vertical-align: middle; text-align: center; line-height: 0; font-size: 42px; color: #666; top: -40px; position: absolute; padding-top: 15px; }
section.portfolio { background-color: #000; background-image: url('/_/images/section_portfolio.jpg'); width: 100%;  }
section.portfolio2 { background-color: #000; background-image: url('/_/images/section_portfolio2.jpg'); width: 100%; }
section.recent { background-attachment: normal; -webkit-background-clip: border-box; -moz-background-clip: border-box; background-clip: border-box; background-color: #000; background-origin: padding-box; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; padding: 60px 0px; position: relative; z-index: 43; }
section.footer_head { position: relative; z-index: 9; width: 100%; background: #fbfbfb; margin-bottom: 50px; padding: 60px 0 20px 0;}
@media only screen and (max-width: 481px) {
section.footer_head { width: 100%; background: #fbfbfb; margin-bottom: 0; padding: 60px 0 20px 0;  }

section.backgroundimage { -webkit-background-clip: border-box; -moz-background-clip: border-box; background-clip: border-box; background-color: #111; 

background-attachment: normal; 

background-origin: padding-box; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;  } 


}
/* Footer
================================================== */
footer{background: #282828;height:auto;width: 100%; left: 0; position: relative; bottom: 0; z-index: 1; }
@media only screen and (max-width: 481px) {
footer{background: #282828; padding:30px 0 30px 0; position: relative;}
}
/* Footer Item List ---------------------- */
ul.base-location { display: block; list-style: none; margin: 0; padding: 5px 0;}
ul.base-location li { font-weight: normal; display: block; list-style: none; margin: 0 0 4px 0; color: #4d4d4d; line-height:18px;}
ul.base-location li a { display: block; background: #ddd;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;	}
ul.base-location li.active a { color: #4d4d4d; font-weight: normal; }
ul.base-location li a:hover { color: #f2f2f2 !important; font-weight: normal; }
ul.base-location li.divider { border: inset #111; border-width: 1px 0 0; clear: both; padding: 0; margin: 5px 0 5px; height: 0; -moz-box-shadow: 0 1px 0 0 #444;-webkit-box-shadow: 0 1px 0 0 #444;box-shadow: 0 1px 0 0 #444;}
ul.base-location li:first-child{color:#4d4d4d; font-weight:200;font-size:14px;}
footer p {font-weight: normal; display: block; list-style: none; margin: 0 0 8px 0; color: #4d4d4d; }
footer h6{letter-spacing:.9px;line-height:16px;color:#ddd;margin-bottom:15px;text-transform:uppercase;}
.baselinks {-moz-box-shadow: 0 -5px 10px -9px #000;-webkit-box-shadow: 0 -5px 10px -9px #000;box-shadow: 0 -5px 10px -9px #000;}
hr.foot {border: inset #111; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; -moz-box-shadow: 0 1px 0 0 #444;-webkit-box-shadow: 0 1px 0 0 #444;box-shadow: 0 1px 0 0 #444;}



/*---------------------------------------------------------
	Matrix (Dotted coverall)
-------------------------------------------------------- */
.matrix-wrapper { position: relative }
/*
.matrix_bg { background: #333 url(/_/images/matrix.png); width: 100%; height: 100%; opacity: 0.1; }
.matrix { position: absolute; background: url(/_/images/matrix.png); top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; z-index: 1; opacity: 0.2; }
*/


/*---------------------------------------------------------
	Entry Image Blocks
-------------------------------------------------------- */
.entry .default-icon, .entry .image-icon, .entry .video-icon, .entry .note-icon, .entry .link-icon {margin-bottom: -110px;}
.image .entry-details { border: 1px solid #1c1c1c; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; background-color: #000; }
article.entry figure.image-frame, .image figure.image-frame { display: block; margin: 0 auto; }
.plus-icon{opacity:0; background: url(/_/images/plus-icon.png) no-repeat; top:0%; left:50%; margin-left:-15px;   width: 30px; height: 30px; position: absolute; clear: both; z-index: 1;  -moz-transition: all .3s ease-in;-o-transition: all  .3s ease-in;-webkit-transition: all  .3s ease-in;transition: all  .3s ease-in; }
.entry:hover .plus-icon{ opacity:1; top:30%; left:50%; display: block;  }
.default-icon { width: 58px; height: 50px; top: -2px; left: 8px; float: left; display: block; position: relative; clear: both; z-index: 1; background: url(/_/images/default-icon.png) no-repeat; padding-right: 11px; padding-right: 0.846rem; margin-bottom: -34px; margin-bottom: -2.615rem; }
.image-icon { width: 58px; height: 50px; top: -2px; left: 8px; float: left; display: block; position: relative; clear: both; z-index: 1; background: url(/_/images/image-icon.png) no-repeat; padding-right: 11px; padding-right: 0.846rem; margin-bottom: -34px; margin-bottom: -2.615rem; }
.video-icon { width: 58px; height: 50px; top: -2px; left: 8px; float: left; display: block; position: relative; clear: both; z-index: 1; background: url(/_/images/video-icon.png) no-repeat; padding-right: 11px; padding-right: 0.846rem; margin-bottom: -34px; margin-bottom: -2.615rem; }
.note-icon { width: 58px; height: 50px; top: -2px; left: 8px; float: left; display: block; position: relative; clear: both; z-index: 1; background: url(/_/images/note-icon.png) no-repeat; padding-right: 11px; padding-right: 0.846rem; margin-bottom: -34px; margin-bottom: -2.615rem; }
.link-icon { width: 58px; height: 50px; top: -2px; left: 8px; float: left; display: block; position: relative; clear: both; z-index: 1; background: url(/_/images/link-icon.png) no-repeat; padding-right: 11px; padding-right: 0.846rem; margin-bottom: -34px; margin-bottom: -2.615rem; }
.entry:hover figure {opacity:0.1; }
 article.entry { min-height: 72px; width: 100%; background-color: #111; background-image: url(/_/images/bg_entry.png); border: 1px solid #1c1c1c; border-top: 1px solid #0d0d0d; zoom: 1; -webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1); margin-bottom: 42px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: -1px -1px rgba(0, 0, 0, 0.8); float: left; clear: left; }
.entry-details { border: 1px solid #222; zoom: 1; text-shadow: -1px -1px rgba(0, 0, 0, 0.8); font-size: 11px; }
.entry-details:after { clear: both }
.entry-details:before { border-top: 1px solid #333333; display: block; }
.entry-details section { text-align: center; padding: 12px; padding: 0.923rem; }
.entry-details section a { color: #ddd}
.entry-details section a:hover { color: #FFF }
.entry-details section p { margin-bottom: 0; text-transform: uppercase; font-size: 12px; text-shadow: -1px -1px rgba(0, 0, 0, 0.8);}
figure.image-frame { display: inline-block; margin-bottom: 0; line-height: 0; max-width: 100%; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; zoom: 1; }
figure.image-frame:before, figure.image-frame:after { display: table; content: ""; }
figure.image-frame:after { clear: both }
figure.image-frame img { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; pointer-events: auto; opacity:1;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;-o-transition: opacity .25s ease-in-out;}
figure.image-frame span.image-shadow { pointer-events: none; display: inline-block; position: relative; max-width: 100%; }
figure.image-frame span.image-shadow:before { content: ''; position: absolute; width: 100%; height: 100%; -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }

				
/* -----------------------------------------
   Scrollup Plugin
----------------------------------------- */
.scrollup { z-index-100; width: 32px; height: 32px; text-indent: -9999px; opacity: 0.3; position: fixed; bottom: 20px; right: 20px; display: none; background: url('/_/images/icon_top.png') no-repeat; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; }
.scrollup:hover { opacity: 1 }



/* -----------------------------------------
   Inline CSS Shortcodes
----------------------------------------- */
.vam {vertical-align:middle !important;}
.ptp20 { padding-top:20% !important; }
.p0 { padding:0px !important; }
.p1 { padding:1px !important; }
.p2 { padding:2px !important; }
.p3 { padding:3px !important; }
.p4 { padding:4px !important; }
.p5 { padding:5px !important; }
.p6 { padding:6px !important; }
.p7 { padding:7px !important; }
.p8 { padding:8px !important; }
.p9 { padding:9px !important; }
.p10 { padding:10px !important; }
.p15 { padding:15px !important; }
.p20 { padding:20px !important; }
.p25 { padding:25px !important; }
.p30 { padding:30px !important; }
.p35 { padding:35px !important; }
.p40 { padding:40px !important; }
.p45 { padding:45px !important; }
.p50 { padding:50px !important; }
.pt0 { padding-top:0px !important; }
.pt1 { padding-top:1px !important; }
.pt2 { padding-top:2px !important; }
.pt3 { padding-top:3px !important; }
.pt4 { padding-top:4px !important; }
.pt5 { padding-top:5px !important; }
.pt6 { padding-top:6px !important; }
.pt7 { padding-top:7px !important; }
.pt8 { padding-top:8px !important; }
.pt9 { padding-top:9px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt45 { padding-top:45px !important; }
.pt50 { padding-top:50px !important; }
.pr0 { padding-right:0px !important; }
.pr1 { padding-right:1px !important; }
.pr2 { padding-right:2px !important; }
.pr3 { padding-right:3px !important; }
.pr4 { padding-right:4px !important; }
.pr5 { padding-right:5px !important; }
.pr6 { padding-right:6px !important; }
.pr7 { padding-right:7px !important; }
.pr8 { padding-right:8px !important; }
.pr9 { padding-right:9px !important; }
.pr10 { padding-right:10px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }
.pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }
.pr45 { padding-right:45px !important; }
.pr50 { padding-right:50px !important; }
.pb0 { padding-bottom:0px !important; }
.pb1 { padding-bottom:1px !important; }
.pb2 { padding-bottom:2px !important; }
.pb3 { padding-bottom:3px !important; }
.pb4 { padding-bottom:4px !important; }
.pb5 { padding-bottom:5px !important; }
.pb6 { padding-bottom:6px !important; }
.pb7 { padding-bottom:7px !important; }
.pb8 { padding-bottom:8px !important; }
.pb9 { padding-bottom:9px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; }
.pb45 { padding-bottom:45px !important; }
.pb50 { padding-bottom:50px !important; }
.pl0 { padding-left:0px !important; }
.pl1 { padding-left:1px !important; }
.pl2 { padding-left:2px !important; }
.pl3 { padding-left:3px !important; }
.pl4 { padding-left:4px !important; }
.pl5 { padding-left:5px !important; }
.pl6 { padding-left:6px !important; }
.pl7 { padding-left:7px !important; }
.pl8 { padding-left:8px !important; }
.pl9 { padding-left:9px !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }
.pl45 { padding-left:45px !important; }
.pl50 { padding-left:50px !important; }

.m0a { margin:0 auto !important; }
.m0 { margin:0px !important; }
.m1 { margin:1px !important; }
.m2 { margin:2px !important; }
.m3 { margin:3px !important; }
.m4 { margin:4px !important; }
.m5 { margin:5px !important; }
.m6 { margin:6px !important; }
.m7 { margin:7px !important; }
.m8 { margin:8px !important; }
.m9 { margin:9px !important; }
.m10 { margin:10px !important; }
.m15 { margin:15px !important; }
.m20 { margin:20px !important; }
.m25 { margin:25px !important; }
.m30 { margin:30px !important; }
.m35 { margin:35px !important; }
.m40 { margin:40px !important; }
.m45 { margin:45px !important; }
.m50 { margin:50px !important; }
.mt0 { margin-top:0px !important; }
.mt1 { margin-top:1px !important; }
.mt2 { margin-top:2px !important; }
.mt3 { margin-top:3px !important; }
.mt4 { margin-top:4px !important; }
.mt5 { margin-top:5px !important; }
.mt6 { margin-top:6px !important; }
.mt7 { margin-top:7px !important; }
.mt8 { margin-top:8px !important; }
.mt9 { margin-top:9px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mr0 { margin-right:0px !important; }
.mr1 { margin-right:1px !important; }
.mr2 { margin-right:2px !important; }
.mr3 { margin-right:3px !important; }
.mr4 { margin-right:4px !important; }
.mr5 { margin-right:5px !important; }
.mr6 { margin-right:6px !important; }
.mr7 { margin-right:7px !important; }
.mr8 { margin-right:8px !important; }
.mr9 { margin-right:9px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }
.mb0 { margin-bottom:0px !important; }
.mb1 { margin-bottom:1px !important; }
.mb2 { margin-bottom:2px !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb6 { margin-bottom:6px !important; }
.mb7 { margin-bottom:7px !important; }
.mb8 { margin-bottom:8px !important; }
.mb9 { margin-bottom:9px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.ml0 { margin-left:0px !important; }
.ml1 { margin-left:1px !important; }
.ml2 { margin-left:2px !important; }
.ml3 { margin-left:3px !important; }
.ml4 { margin-left:4px !important; }
.ml5 { margin-left:5px !important; }
.ml6 { margin-left:6px !important; }
.ml7 { margin-left:7px !important; }
.ml8 { margin-left:8px !important; }
.ml9 { margin-left:9px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }
.ml80 { margin-left:80px !important; }



.spacer2 {height:20px !important;}
.spacer3 {height:30px !important;}
.spacer4 {height:40px !important;}
.spacer5 {height:50px !important;}
.spacer6 {height:60px !important;}
.spacer7 {height:70px !important;}
.spacer8 {height:80px !important;}
.spacer9 {height:90px !important;}
.spacer10 {height:100px !important;}


/* -----------------------------------------
   Example Toggle (for demo pages only)
----------------------------------------- */
.example {padding:0 0 20px 0}
.example dt{text-align:right;color:#444;background:url(/_/images/source.png) right center no-repeat;padding:0 20px 0 0px;position:relative; }
.example dt:hover{cursor:pointer}
.example dd{padding:0;position:relative;color:#444}
.example .hover{color:#666;text-decoration:none}


  .backgroundimage { -webkit-background-clip: border-box; -moz-background-clip: border-box; background-clip: border-box; background-color: #111; background-attachment: normal; background-origin: padding-box; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;
  padding: 60px 0 120px;
  margin: 0;
  position: relative;
z-index: 46;
width: 100%; 

padding-top: 60px;
} 






/* PLAYLIST */

#play_queue {
    position: fixed;
    top:-200px;
    right: 200px;
    left: 0px;
    background: #333;   
    z-index: 9999;
    min-height: 70px;                       
}


#play_queue ul {
    list-style: none;
    padding: 10px 0 0 10px;                              
}


#play_queue ul li {
    list-style: none;
    float: left; 
    width: 200px; 
    background-color: #444 !important;
    margin: 0px 10px 10px 0;
    padding: 8px 5px 4px 60px;
    color: #fff;
    overflow: hidden;
    background-size: 50px !important;
    cursor: pointer;
    position: relative;
    z-index: 1;
} 

#play_queue ul li i {
    display: none;
    position: absolute;
    right: 3px;
    top: 1px;
    z-index: 9;
}

#play_queue ul li:hover i {
    display: block;
}

#play_queue ul li.active {
    background-color: #cb1606 !important;
}

#play_queue ul li b,
#play_queue ul li span {
    width: 190px; 
    white-space: nowrap;
    color: #fff;
} 

#play_queue ul li b {
    font-size: 16px;
    line-height: 16px;
}

#play_queue ul li span {
    font-size: 10px;
    line-height: 20px;
}

#play_queue ul li span.playbar {
	position: absolute;
	left: 60px; 
	bottom: 3px; 
	width: 132px;
	background: rgba(255,255,255,0.3);
	display:block;
}

#play_queue ul li span.playbar div.position {
	height: 3px;
	background: rgba(255,255,255,0.7);
	width: 0%;
}

#playlist_toggle span.playbar {
    position: absolute;
    margin-left: -201px;
    top: 0px;
    width: 200px;
    display: block;
}

#playlist_toggle span.playbar div.position {
	height: 3px;
	background: #cb1606;
	width: 0%;
}

#ascrail2002-hr {
    top: 106px !important;
    z-index: 999;
    display: none !important;
}

#ascrail2002-hr div {
    background: #555 !important;
    cursor: pointer;
}

.ui-sortable-helper {
    position: fixed !important;
}

#playlist_toggle.active a {
    color: #cb1606 !important;
}

body.playlist_open {
    padding-top: 70px !important;
}



#footer-bar { 
    position: fixed; 
    bottom: 0px;
    left: 0px;
    right: 200px;
    z-index: 999;
    background: #FBFBFB;
    padding: 10px;
    -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 10px 1px  rgba(0,0,0,0.3);
    box-shadow: 0 0 10px 1px  rgba(0,0,0,0.3);
}

#load-more-button,
#load-more-button-likes {
    margin: 150px auto 400px;
}



/* Simple Post List */
ul.simple-user-list {
	list-style: none;
	margin: 0;
	padding: 0;
    width: 100%
}

ul.simple-user-list.small {
    margin-top: 20px;  
    margin-bottom: 80px;  
}

ul.simple-user-list li {
	*zoom: 1;
	padding: 15px 0;
    width: 33%;
    float: left;
    list-style: none;
    min-height: 85px;
    display: table;
}

ul.simple-user-list.small li {
    width: auto;
    padding: 5px 0;
    min-height: 60px;
}


ul.simple-user-list.small .post-info {
    display: none;
    position: absolute;
    width: auto;
    z-index: 5;
    background: #fff;
    min-width: 183px;
    min-height: 60px;
    left: 0px;
    top: 60px;
}

ul.simple-user-list.small li:hover .post-info {
	display: block;
}


.content-layer-content ul.simple-user-list-100 li {
	width: 25%;
	padding-bottom: 0px;
}


ul.simple-user-list-100 li {
	width: 25%;
	padding-bottom: 0px;
}

ul.simple-user-list li:before, ul.simple-user-list li:after {
	content: " ";
	display: table;
}

ul.simple-user-list li:after {
	clear: both;
}


ul.simple-user-list .post-image {
	margin-right: 12px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 12px;
    width: 50px;
}

ul.simple-user-list .post-image .img-thumbnail {
	border: 0px;
	padding: 0px;
}

ul.simple-user-list .post-info {
    display: table-cell; 
}

ul.simple-user-list .post-info .hc-name {
    
   /* font-weight: 600; */
}


ul.simple-user-list .post-meta,
ul.simple-user-list .post-meta a {
	color: #888;
	font-size: 0.9em;
}

/*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('/_/v2/css/fonts/font-awesome/font/fontawesome-webfont.eot?v=4.1.0');
  src: url('/_/v2/css/fonts/font-awesome/font/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('/_/v2/css/fonts/font-awesome/font/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('/_/v2/css/fonts/font-awesome/font/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('/_/v2/css/fonts/font-awesome/font/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-square:before,
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #fbfbfb;
	color: #222222;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('/_/plugins/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('/_/plugins/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('/_/plugins/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('/_/plugins/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}/*

 SoundManager 2: "page as playlist" example
 ------------------------------------------
 http://schillmania.com/projects/soundmanager2/

*/


canvas {
  image-rendering: optimizeSpeed;             /* Older versions of FF          */
  image-rendering: -moz-crisp-edges;          /* FF 6.0+                       */
  image-rendering: -webkit-optimize-contrast; /* Safari                        */
  image-rendering: -o-crisp-edges;            /* OS X & Windows Opera (12.02+) */
  image-rendering: pixelated;                 /* Awesome future-browsers       */
  -ms-interpolation-mode: nearest-neighbor;   /* IE                            */
}


.form-control:focus {
	box-shadow: none !important;
}

ul.playlist {
    list-style-type:none;
    margin:0px;
    padding:0px;
    position: relative;
    width: 100%;
    z-index: 0;

}

ul.playlist.top {
	padding: 0 30px;
    z-index: 1;
}

ul.playlist li { 
    display: block; 
    width:auto;     
    color: #fff; 
    text-decoration: none; 
    position: relative;
    background: transparent;
    min-height: 150px;
    margin-bottom: 35px;
}


ul.playlist.top li {
	margin-bottom: 0px;

}

ul.playlist li:hover canvas,
ul.playlist li:hover .functions,
ul.playlist li:hover .time,
ul.playlist li:hover .infobits,
ul.playlist li:hover .dna_container {
    opacity: 1 !important;
    
}



ul.playlist li .cover{
   display:block; /* reduce the damage in FF3.0 */
   position:absolute;
   top:0px;
   left:-140px;
   width: 130px;
   height: 130px;
   z-index: 1;
   
}

ul.playlist li .player-link {
    display:block;
    text-decoration:none;
    color:#333;
    outline:none;
    position:absolute;
    z-index:10;
    font-size: 16px;
    font-weight: bold;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    
    width: 38px;
	height: 38px;
	border: 2px solid #cb1606;
	border-radius: 50%;
    padding: 0px;
	
}


ul.playlist li.sm2_playing .player-link, 
ul.playlist li.sm2_paused .player-link {
	background: #cb1606 !important
}

ul.playlist li .player-link i {
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}


ul.playlist li .player-link:hover { 
	background: #cb1606 !important;
}

ul.playlist li .player-link:hover i, 
ul.playlist li.sm2_paused .player-link i { 
	color: #fff !important;
}

ul.playlist li .headline {
    display:block;
    text-decoration:none;
    color:#000;
    outline:none;
    position:absolute;
    z-index:212;
    font-size: 18px;
    font-weight: bold;
    left: 50px;
    top: -5px;
    right: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: 'Open Sans', Helvetica, Arial, serif; 
    font-weight: 400;
    line-height: 21px;
    margin: 0px;
    
}

ul.playlist li .headline a {
    color:#000;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

ul.playlist li .headline .roof a {
    color:#888;
    font-weight: 600;
     cursor: pointer;
}





.track-detail ul.playlist li a {
    cursor: default !important;
}

.track-detail ul.playlist li a.hc-name {
    display: none !important;
}


.track-detail ul.playlist li .player-link {
    cursor: pointer !important;
}






ul.playlist li .headline a:hover {
    text-decoration: none;
}

ul.playlist li .headline span{
    display:inline-block;
    text-decoration:none;
    color:#888;
    outline:none;
    font-size: 13px;
    font-weight: normal;
    padding-right: 5px;
    line-height: 16px;
    width: 100%;
    
     font-family: 'Open Sans', Helvetica, Arial, serif; 
     font-weight: 400;
    
     
}

ul.playlist li .headline i,
ul.playlist li .headline a{
    font-weight: normal;
    font-style: normal;
    
}

ul.playlist li .headline i.text-right{
    position: absolute;
    right: 0px;
    top: 11px;
    font-size: 10px;
    line-height: 12px;
    cursor: default;
}

ul.playlist li .headline i.text-right a {
    font-size: 11px;
    cursor: pointer;
}

ul.playlist li .headline a:hover{
    opacity: 0.5;
    text-decoration: none;
}


.track-detail ul.playlist li .headline a:hover{
    opacity: 1 !important;
}


ul.playlist li .headline font{
    font-weight: normal;
     
}


ul.playlist li a span{
    display:inline-block;
    text-decoration:none;
    color:#333;
    outline:none;
    font-size: 12px;
    font-weight: normal;
    padding-right: 15px;
     
}

ul.playlist li .controls {
    display:none;
}

ul.playlist li .peak,
ul.playlist.use-peak li .peak {
    display:none;
    position:absolute;
    top:0.55em;
    right:0.5em;
}

ul.playlist li.sm2_playing .controls,
ul.playlist li.sm2_paused .controls {
    position:relative;
    display:block;
}

ul.playlist.use-peak li.sm2_playing .peak,
ul.playlist.use-peak li.sm2_paused .peak {
    display:inline;
    display:inline-block;
}

ul.playlist.use-peak li .peak {
    display:none; /* IE 7 */
}

ul.playlist li.sm2_paused .controls {

}

ul.playlist li:hover .controls .statusbar {
    position:relative;
    cursor:ew-resize;
    cursor:-moz-grab;
    cursor:grab;
}

ul.playlist li.sm2_paused .controls .statusbar {

}

ul.playlist li .controls {
    position:relative;
}

ul.playlist li .controls .statusbar {
    position:relative;
    height:70px;
    overflow:hidden;
    cursor:-moz-grab;
    cursor:grab;
    z-index: 1;
}

ul.playlist li .controls.dragging .statusbar {
    cursor:-moz-grabbing;
    cursor:grabbing;
}

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading,
ul.playlist li .controls .statusbar .annotation {
    position:absolute;
    left:0px;
    top:0px;
    height:0.5em;
}


ul.playlist li .controls .statusbar div.annotation:first-child {
    display: none !important;

}

ul.playlist li .controls .statusbar .position {
    opacity: 1;
}

ul.playlist li.sm2_paused .controls .statusbar .position {
    opacity: 1;
}

ul.playlist li .controls .statusbar .loading {
    opacity: 1;
}

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading {
    width:0px;
}


ul.playlist li .timing {
    position: absolute;
    display: block;
    text-align: left;
    right: 5px;
    top: 40px;
    width: auto;
    padding: 0px 5px;
    font-size: 10px !important;
    vertical-align: middle;
    z-index: 9;
    color: #333;
    background: rgba(0,0,0,0);
    line-height: 15px;
    -webkit-transition: opacity 0.5s;
    transition: all 0.5s;
    opacity: 0;
}


ul.playlist li.sm2_paused .timing,
ul.playlist li.sm2_playing .timing {
	opacity: 1;
}

ul.playlist li .timing-data {
   font-size: 10px !important;
}

ul.playlist li .time {
    position: absolute;
    display: block;
    text-align: left;
    right: 5px;
    top: 40px;
    width: auto;
    padding: 0px 5px;
    font-size: 10px !important;
    vertical-align: middle;
    z-index: 9;
    color: #333;
    background: rgba(0,0,0,0);
    line-height: 15px;
    -webkit-transition: opacity 0.5s;
    transition: all 0.5s;
    opacity: 1;

}

ul.playlist li.sm2_paused .time,
ul.playlist li.sm2_playing .time {
	opacity: 0 !important;
}

ul.playlist li:hover .time,
ul.playlist li:hover .timing,
ul.playlist li.sm2_paused .timing, 
ul.playlist li.sm2_playing .timing
{
	color: #fff;
	background: rgba(0,0,0,0.6);
}

#control-template {
    display:none;
}

ul.playlist li canvas {
    width: 100%;
    height: 100px;
    display: block;
    position: absolute;
    z-index: 1;
    opacity: 0;
    bottom: 0px;
    left: 0px;
    color: #282828;
}



ul.playlist li .controls .statusbar .position, 
ul.playlist li .controls .statusbar .loading {
    height: 100px;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    bottom: 0px;
    left: 0px;
}

ul.playlist li .comments,
ul.playlist li .playlist_container {
    width: 100%;
    height: 0px;
    display: block;
    position: absolute;
    top: 75px;
    left: 0px;
    cursor: pointer;
    opacity: 0;
    z-index: 12;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}


ul.playlist li.sm2_paused .comments,
ul.playlist li.sm2_playing .comments,
ul.playlist li.sm2_paused .playlist_container,
ul.playlist li.sm2_playing .playlist_container {
	opacity: 1;
	height: 17px;
}


ul.playlist li .controls .marker {
    background: #fff;
    height: 50px;
    width: 1px;
    overflow: hidden;
    position: absolute;
    z-index: 300;
    top: 0px;
    display: none !important;
}


ul.playlist li .comments .marker,
ul.playlist li .playlist_container .marker {
    height: 16px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    background-color: rgba(255,255,255,0.5);
    border-left: 1px solid #fff;
    color: #000;
    font-size: 10px;
    padding: 0px 5px;
    z-index: 300;
    white-space: nowrap;
    line-height: 12px;
    
}

ul.playlist li .comments img,
ul.playlist li .comments canvas {
    display: block;
    width: 20px !important;
    position: absolute;
    z-index: 2;
    top: 0px;
    opacity: 1 !important;
    overflow: hidden;
    outline: none;
    border: none;
    height: 20px !important;
    margin-top: -13px;
    border: 1px solid #fff;
    border-radius: 50%;
}


ul.playlist.top li .comments {
	top: 74px;
}


.track-detail ul.playlist.top li .comments {
	top: 305px;
	opacity: 1;
	display: block;
}

ul.playlist li.comment_write_active .comments img,
ul.playlist li.comment_write_active .comments canvas {
}

ul.playlist li .comments .background,
ul.playlist li .playlist_container .background {
    display: none;
    

}

ul.playlist li.embeded .comments {
    display: none !important;  
}


ul.playlist li.sm2_playing .controls, 
ul.playlist li.sm2_paused .controls {
    position: absolute;
    display: block;
    top: 21px;
    left: 0px;
    z-index: 4;
    width: 100%;
}


ul.playlist.top li.sm2_playing .controls, 
ul.playlist.top li.sm2_paused .controls {
    bottom: 20px;
}

.track-detail ul.playlist.top li.sm2_playing .controls, 
.track-detail ul.playlist.top li.sm2_paused .controls {
    top: 230px;
}

ul.playlist li .infobits {
    position: absolute;
    display: block;
    top: 110px;
    right: 5px;
    z-index: 20;
    color: #888;
    font-size: 11px;
}

ul.playlist li.black .infobits {
	color: #fff;
}

ul.playlist li .infobits span {
    display: inline-block;
    margin-right: 8px;
}

ul.playlist li.sm2_playing .infobits,
ul.playlist li.sm2_paused .infobits {
    top: 110px;
}


ul.playlist li .functions i,
ul.playlist li .infobits i {
    
    font-size: 11px;
}

ul.playlist li .infobits i {
    margin-right: 5px;
    font-size: 11px;
}

ul.playlist li .functions .hidden-sm {
	margin-left: 5px;
}

ul.playlist li .functions .fa-chevron-circle-down {
	margin-right: 5px;
}

ul.playlist li .functions span.active i {   
    color: #cb1606 !important;
}

ul.playlist.top li .functions span.active i {
    color: #fff !important;
}

ul.playlist li .functions {
    position: absolute;
    display: block;
    bottom: 22px;
    left: 0px;
    opacity: 1;
    font-size: 12px;
 
   

}


ul.playlist li.highlight .functions {
    z-index: 1;    
}

ul.playlist li.sm2_playing .functions,
ul.playlist li.sm2_paused .functions {
    opacity: 1;
}

ul.playlist.top li .functions,
ul.playlist li.highlight .functions {
    opacity: 1;
}


ul.playlist li .functions span,
ul.playlist li .functions a {
    display: inline-block;    
    padding:0px 7px;
    border-radius:0px;
    font-size: 11px !important;
    vertical-align:middle;
    z-index: 200;
    cursor: pointer;
    color: #666;
    outline: 0px;
    text-decoration: none;
    border: 0px;
    border-radius: 3px;
    border: 1px solid #e8e8e8; /* Old browsers */
    -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	line-height: 20px;
}

ul.playlist li .functions span:hover,
ul.playlist li .functions a:hover
 {
   
   border: 1px solid #d0d0d0; /* Old browsers */
    color: #555;
       
}


ul.playlist li .functions span:active
 {
    border: 1px solid #e0e0e0; /* Old browsers */
}

ul.playlist li .functions .active {
    background: transparent !important; /* Old browsers */
    border: 1px solid transparent;
}


.refeed_fct.active {
    background: transparent !important; /* Old browsers */
    border: 1px solid transparent;
}


.like_fct.active {
    background: transparent !important; /* Old browsers */
    border: 1px solid transparent;
}


.follow_fct.active {
    background: transparent !important; /* Old browsers */
    border: 1px solid transparent;
}

.buy_fct {
	background: #cb1606  !important;
	color: #fff !important;
	border: 1px solid #cb1606 !important;
}


.buy_fct:hover {
	opacity: 0.7;
}




/*
 ------------------------------------------
 -- annotations (sub-tracks, notes etc.) --
 ------------------------------------------
*/

ul.playlist li a.sm2_link .metadata {
 display:none; /* hide by default */
}

ul.playlist li .metadata span {
 padding-right: 5px !important;
}

ul.playlist li.sm2_paused .player-link.sm2_link .metadata,
ul.playlist li.sm2_playing .player-link.sm2_link .metadata {
 display:inline;
}

ul.playlist li ul {
 list-style-type:none;
 margin:0px;
 padding:0px;
 position:relative;
 font-size:small;
 display:none;
}

ul.playlist li ul li {
 position:relative;
 margin:0px;
 padding:2px 3px;
 border:1px solid transparent;

 margin-right:1em;
 font-family:helvetica,verdana,tahoma,arial,"sans serif";
 font-size:x-small;
 font-weight:400;
 letter-spacing:0px;
 background-color:transparent;
 opacity:0.66;
}

ul.playlist li ul li:hover {
 opacity:1;
 background-color:#fff;
 border-color:#ccc;
 color:#666;
}

ul.playlist li.sm2_playing ul li,
ul.playlist li.sm2_paused ul li {
 color:#fff;
}

ul.playlist li.sm2_playing ul li:hover {
 background-color:#fff;
 color:#5588bb;
 border-color:#336699;
 opacity:0.9;
}

ul.playlist li.sm2_paused ul li:hover {
 background-color:#888;
}

/* metadata */

ul.playlist li .metadata .duration {
 /* optional timing data */
 display:none;
}

ul.playlist li .metadata ul li p {
 margin:0px;
 padding:0px;
}

ul.playlist li .metadata ul li span {
 display:none;
}

ul.playlist li .controls .statusbar .annotation {
 position:absolute;
 background-color:transparent;
 top:42px;
 color:#666;
 text-align:right;
 margin-left:8px;
 height:15px;
 width:15px;
 z-index: 1000;
 opacity: 1;
}


ul.playlist.top li .controls .statusbar .annotation {
	top: 63px;
}


.track-detail ul.playlist.top li .controls .statusbar .annotation {
	top: 62px;
}


ul.playlist li .controls .statusbar .annotation:hover {
 z-index:12; /* sit on top of note */
}

ul.playlist li .controls .statusbar .annotation span.bubble {
 /* using &middot; */
 display:inline-block;
 background-color:#fff;
 border:1px solid #666;
 border-radius:6px;
}

ul.playlist li .controls .statusbar .annotation span {
    display:block;
    background:transparent url(/_/image/divot-bottom.png) no-repeat 50% 0px;
    width:15px;
    margin-left:-15px;
    height:12px;
    text-align:center;

}


ul.playlist li .controls .statusbar .annotation span:hover {
 cursor:none; /* Fx3 rules. */
}


ul.playlist li .note {
    position:absolute;
    display:none;
    left:0px;
    top:18px;
    z-index:10;
    font-size:x-small;
    padding:2px 4px 2px 4px;
    width:auto;
    color:#666;
    background-color:#fff;
    font-size: 10px;

}


ul.playlist.top li .note {
	top: 35px;
}

ul.playlist li .note:hover {
 display:block !important;
}

ul.playlist li .sm2_divider {
 font-size:16px;
 padding-left: 5px; 
 padding-right: 5px; 
}


sm2_divider

ul.playlist li .sm2_divider,
ul.playlist li .sm2_metadata {
 font-size:12px;
 font-weight: 400;
}

/* COMMENTS //////////////////////////////////////*/

ul.playlist .comment_write_active #write_comment {
    position: absolute;
    bottom: 8px;
    left: 0px;
    right: 10px;
    z-index: 10000;
}


ul.playlist.top .comment_write_active #write_comment {
	left: 0;
	right: 0px;
	bottom: -56px;
}


.track-detail ul.playlist.top .comment_write_active #write_comment {
	left: 35px;
	right: -1px;
	bottom: -62px;
}


ul.playlist .comment_write_active .functions,
ul.playlist .comment_write_active .infobits,
ul.playlist .comment_write_active .marker {
}


/* PLAYLISTS //////////////////////////////////////*/

ul.playlist .playlist_write_active #write_playlist {
    position: fixed;
    z-index: 10000;
    width: 600px;
    margin: 10px 0 0 10px;
}


ul.playlist .playlist_write_active .functions,
ul.playlist .playlist_write_active .infobits,
ul.playlist .playlist_write_active .marker {
    display: none !important;
}


ul.playlist li .mover {
    position: absolute;
    top: -8px;
    right: -8px;
    z-index: 10000;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background: transparent url(/_/images/mover.png) center center no-repeat;
}

ul.playlist li.move-active .time,
ul.playlist li.move-active .timing  {
    margin-right: 35px;
}

ul.playlist li.ui-sortable-helper {
    margin-top: 200px;
}





/* BLACK THEME //////////////////////////////////////*/


ul.playlist li.black .player-link,
ul.playlist li.black.sm2_playing, 
ul.playlist li.black.sm2_paused, 
ul.playlist li.black.sm2_playing .player-link {
    color: #fff;
    border-color: #fff;
    background: transparent !important;

}

ul.playlist li.black .player-link i {
	color: #fff !important;
}

ul.playlist li.black .player-link:hover {
	opacity: 0.6;
}


ul.playlist li.black .player-link:hover,
ul.playlist li.black.sm2_playing .player-link {
    background: transparent !important;

}

ul.playlist li.black .player-link span,
ul.playlist li.black .headline,
ul.playlist li.black .headline a,
ul.playlist li.black .headline span {
    color: #fff;
}

ul.playlist li.black .headline .roof,
ul.playlist li.black .headline .roof a,
ul.playlist li.black .headline .roof span {
	color: #ddd !important;
}

ul.playlist li.black .time {
	color: #fff;
}


ul.playlist li.black .functions span,
ul.playlist li.black .functions a {
    display: inline-block;
    margin-right: 3px;
    
    padding:0px 7px;
    border-radius:0px;
    font-size: 11px !important;
    vertical-align:middle;
    z-index: 200;
    cursor: pointer;
    color: #fff;
    

    border: 1px solid rgba(255,255,255,0.3); /* Old browsers */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

ul.playlist li.black .functions span:hover,
ul.playlist li.black .functions a:hover {
   border: 1px solid rgba(255,255,255,0.8);
    

}

ul.playlist li.black .functions .active {
   background: transparent !important; /* Old browsers */
   border: 1px solid transparent !important;
    

}

ul.playlist li.black .infobits {
}

ul.playlist li.black .controls .statusbar .annotation {
 opacity: 0.8;
}

ul.playlist li.black canvas {
    color: #ffffff;
}
ul.playlist li.black .comments img,
ul.playlist li.black .comments canvas {
    color: #ffffff;
}

ul.playlist li.black .controls .marker {
    background: #000;
}

ul.playlist li.black .comments .marker {
    background-color: rgba(0,0,0,0.5);
    border-left: 1px solid #000;
    color: #fff;

}



ul.playlist li.black .controls .statusbar .annotation {
 opacity: 1;
}



ul.playlist li.black .functions .refeed_fct.active {
    background: transparent !important; /* Old browsers */
}

@media only screen and (max-width: 780px) {
    .tob-bar canvas {
        display: none;
    }
    
    ul.playlist li {
        border-radius: 0px;
        margin-bottom: 0px;
    }
    
    .footer_head {
        display: none !important;
    }
}


@media only screen and (max-width: 400px) {
    ul.playlist li .playlist_fct,
    ul.playlist li .share_fct {
        display: none !important;
    }
    
    ul.playlist li.with-image::before,
    ul.playlist li.with-image .cover,
    ul.playlist li.with-image::after { 
        display: none !important;
    }
}



@media only screen and (max-width: 780px) {
      
    

}

#sm2-container {
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 30px;
    width: 30px;
}




/**
 * SoundManager 2 + useFlashBlock
 * ------------------------------
 * Flash positioning and flashblock / clicktoflash handling
 */

#sm2-container {
 /**
  * where the SM2 flash movie goes. by default, relative container.
  * set relative or absolute here, and don't touch it later or bad things will happen (see below comments.)
  */
 position: absolute;
 width: 1px;
 height: 1px;
 overflow: hidden;
 /* screw IE 6, just make it display nice */
 _overflow: hidden;
}

#sm2-container object,
#sm2-container embed {
 /**
  * the actual SWF movie bit.
  * important: The SWF needs to be able to be moved off-screen without display: or position: changes.
  * changing display: or position: or overflow: here or on parent can cause SWF reload or other weird issues after unblock
  * e.g., SM2 starts but strange errors, no whileplaying() etc.
  */
 width: 48px;
 height: 48px;
 /* some flash blockers may also respect this rule */
 max-width: 48px;
 max-height: 48px;
}

#sm2-container.swf_timedout {
 /* expand to show the timed-out SWF content */
 position: relative;
 width: 48px;
 height: 48px;
}

#sm2-container.swf_timedout,
#sm2-container.swf_timedout object,
#sm2-container.swf_timedout embed {
 /**
  * when SM2 didn't start normally, time-out case. flash blocked, missing SWF, no flash?
  * 48px square flash placeholder is typically used by blockers.
  */
 min-width: 48px;
 min-height: 48px;
}

#sm2-container.swf_unblocked {
 /* SWF unblocked, or was never blocked to begin with; try to collapse container as much as possible. */
 width: 1px;
 height: 1px;
}

#sm2-container.swf_loaded object,
#sm2-container.swf_loaded embed,
#sm2-container.swf_unblocked object,
#sm2-container.swf_unblocked embed {
 /* hide flash off-screen (relative to container) when it has loaded OK */
 left: -9999em;
 top: -9999em;
}

#sm2-container.swf_error {
 /* when there is a fatal error (flash loaded, but SM2 failed) */
 display: none;
}

#sm2-container.high_performance,
#sm2-container.high_performance.swf_timeout {
 /* "high performance" case: keep on-screen at all times */
 position: absolute;
 position: fixed;
}

#sm2-container.high_performance {
 overflow: hidden;
 _top: -9999px; /* IE 6 hax, no position:fixed */
 _left: -9999px;
 bottom: 0px;
 left: 0px;
 /**
  * special case: show at first with w/h, hide when unblocked.
  * might be bad/annoying.
  * try to stay within ClickToFlash "invisible" limits (so it won't be blocked.)
  */
 z-index: 99; /* try to stay on top */
}

#sm2-container.high_performance.swf_loaded,
#sm2-container.high_performance.swf_unblocked {
 z-index: auto;
}

#sm2-container.high_performance.swf_loaded,
#sm2-container.high_performance.swf_unblocked,
#sm2-container.high_performance.swf_unblocked object,
#sm2-container.high_performance.swf_unblocked embed {
 /**
  * 8x8px is required minimum to load in fx/win32 in some cases(?)
  * 6x6+ good for fast performance, even better when on-screen via position:fixed
  * also, clickToFlash (Safari <5.1) may auto-load "invisible" SWFs at this size
  */
 height: 8px;
 width: 8px;
}

#sm2-container.high_performance.swf_loaded {
 /* stay bottom/left */
 top: auto;
 bottom: 0px;
 left: 0px;
}

#sm2-container.high_performance.swf_loaded object,
#sm2-container.high_performance.swf_loaded embed,
#sm2-container.high_performance.swf_unblocked object,
#sm2-container.high_performance.swf_unblocked embed {
 /* high-performance case must stay on-screen */
 left: auto;
 top: auto;
}

#sm2-container.high_performance.swf_timedout {
 z-index: 99; /* try to stay on top */
}

ul.playlist li canvas.half {
    height: 50px;
    bottom: 50px;
}




















/*

 SoundManager 2: "page as playlist" example
 ------------------------------------------
 http://schillmania.com/projects/soundmanager2/

*/




ul.playlist li .dna_container {
   width: 100% !important;
   height: 3px !important;
   position: absolute;
   z-index: 10;
   left: 0px;
   right: 0px;
   top: 71px;
    background-size:  100% 5px;
    opacity: 0.2;
     -webkit-transition: all 0.2s;
    transition: all 0.2s;
    
}

ul.playlist.top li .dna_container,
ul.playlist li.hightlight .dna_container {
	opacity: 1;
}

ul.playlist li.sm2_playing .dna_container,
ul.playlist li.sm2_paused .dna_container {
    opacity: 1;
}




/* SMALL VIEW */



.playlist.small canvas {
     display: none !important;
 }

 
.playlist.small li .player-link, 
.playlist.small li .player-link {
     padding-bottom: 5px;
 }
 
.playlist.small li .cover {
     display: none !important;
 }
 
.playlist.small li {
     margin-left: 0px !important;
 	margin-bottom: 0px;
    overflow: hidden;
 }
 
.playlist.small li.half .controls .statusbar {
     background: #eee;
     height: 20px;
     margin-top: 5px;
     margin-bottom: 8px;
 }
 
.playlist.small li.half .controls .statusbar .position {
    height: 20px;
    background: #ba1010;
 }



 ul.playlist li .player-link i {
    font-size: 17px;
	position: absolute;
	left: 10px;
	top: 10px;
 }
 
 ul.playlist li .player-link i.fa-play {
    font-size: 16px;
    left: 13px;
    top: 10px;
 }
 
 
 ul.playlist li .player-link i.fa-refresh {
  font-size: 14px;
  left: 11px;
  top: 10px;
}
 
 
 ul.playlist li .player-link i.fa-circle-o-notch {
    font-size: 15px;
 }
  
 ul.playlist li .player-link i.fa-play,
 ul.playlist li.sm2_paused .player-link i.fa-play {
    display: block !important;
  	
 }
 
 ul.playlist li.sm2_playing .player-link i.fa-pause {
    display: block !important;
    color: #fff !important;
 }
 
 ul.playlist li.sm2_playing .player-link i.fa-play {
    display: none !important;
 }




.sets_playlist {
	height: 110px !important;
	overflow: hidden;
} 

.sets_playlist li {
	margin-left: 0px !important;
	margin-right: 0px !important;
	border-right: 1px solid #e8e8e8;
}

.sets_playlist li:last-child {
	border-right: 0px solid #e8e8e8 !important;
}

.sets_playlist li .cover,
.sets_playlist li .comments,
.sets_playlist li .time,
.sets_playlist li .functions,
.sets_playlist li .infobits 
{
	display: none !important;
}

.sets_playlist li .headline,
.sets_playlist li .player-link {
	opacity: 0 !important;
	z-index: 0 !important;
}

.sets_playlist li:hover .player-link,
.sets_playlist li:hover .headline {
	opacity: 1  !important;
}

ul.playlist li .track-headline {
	width: 100%!important;
	hite-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	/* position: relative; */
	padding-right: 100px;
	display: inline-block;
	line-height: 24px;
	margin-top: -4px;
}

.track-detail ul.playlist li .roof > a {
    display: none;
}


.track-detail ul.playlist li .track-headline {
    padding-right: 200px;
    font-size: 34px;
    line-height: 42px;
    margin-top: -20px;
    font-weight: 300;
    white-space: normal;
}

.content-col.content-col-right .playlist li.more-appended {
	  margin-bottom: 100px;
}

.content-col.content-col-right .playlist li .more-by-artist {
    bottom: -71px;
	position: absolute;
	left: 0px;
	color: #000;
	width: 100%;
}

.playlist.top .more-by-artist {
	display: none;
}