@charset "utf-8";
/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-family:inherit; vertical-align:baseline; }
body { line-height:1; color:black; background:black; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
/*RESPONSIVE*/

.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.1%; }
.span_1_of_3 { width: 32.2%; }
.span_2_of_2 { width: 100%; }
.span_1_of_2 { width: 49.2%; }

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 100%; }
.span_1_of_3 { width: 100%; }
.span_2_of_2 { width: 100%; }
.span_1_of_2 { width: 100%; }
}
/* SECTIONS */

.section { clear: both; padding: 0px; margin:0px }
/* GROUPING */

.group:before, .group:after { content:""; display:table; }
.group:after { clear:both; }
.group { zoom:1; /* For IE 6/7 (trigger hasLayout) */ }
/* GRID COLUMN SETUP */

.col { display: block; float:left; margin: 1% 0 1% 1.6%; }
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

/* REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 1024px) {
}
 @media only screen and (min-width: 481px) and (max-width:768px) {
.hidden-tablet { display:none!important }
.videos {width:100%!important; margin:1% 0!important}
}
 @media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
body, p, h2, h3 {text-align:center!important}
.col { margin: 1% 0 1% 0%; }
.caroufredsel_wrapper { position:fixed!important; height:100% }
.list_carousel li { min-height:800px }
.list_carousel li img { max-height:800px; position:relative; left:-50%; top:-20% }
.hidden-phone { display:none!important}
.videos {width:100%!important; margin:1% 0!important}
#bottom {position:relative!important; bottom:0; width:100%;}
}

/*TYPOGRAPHY*/
body {font-family: 'Open Sans', sans-serif; color:#fff; font-size:14px}
h1 { font-size:220%; margin-bottom:15px }
h2 { font-size:180%; margin-top:35px }
h3 { font-size:120%; margin-top:10px }
p { font-size:100%; margin-bottom:10px }
a { color:#00b3bd; text-decoration:none }
a:hover {color:#fff}
strong {font-weight:800}
em {font-style:italic; font-weight:600}
.section h1 {color:#fff}

/*MAIN STYLES*/
body { min-height: 600px }
#top {padding:30px 0}
#twitter {height:30px; margin:0 0 -5px 5px; display:inline-block; overflow:hidden}
#twitter:hover img {margin-top:-30px}
#bottom {position:relative; bottom:0; width:100%}
#title {width:98%; height:20px; background: rgba(0,0,0,.5); margin:0 0 0 0; padding:15px 0px 5px 10px; color:#CCCCCC; font-size:90%}
.container { width: 80%; margin-right: auto; margin-left: auto; max-width:960px}
.list_carousel {position:relative; z-index:-1}
.caroufredsel_wrapper { position:fixed!important; min-height:100% }
.list_carousel img { width:100%!important; min-width:1200px; position:relative; top:-.5% }
.list_carousel ul { height:100%!important }
.list_carousel li { height:100%!important }
.videos {width:100%; margin:1%}