/*BODY*/
body {background-color:#000;background-repeat:no-repeat;background-attachment:fixed;background-size:100% auto;}
/* NAV*/
.topBar {padding:0px;top:0px;border-bottom:1px solid #ededed;height:76px;background:#fff;position:fixed;z-index:999;width:100%;}
.topBar a.menuItem{float:right;font-family:"museo-sans",sans-serif;line-height:75px;border-right:1px solid #ededed;margin:0px;color:#00667f;font-weight: 300;padding:0 20px;} 
.topBar a.menuItem.active {font-weight:bold;}
.topBar a.menuItem.active :after {	content: '';width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;display: block;position: absolute;}
.home.current:after {margin-left: 30px;}
#toggleSocial {background:#00667f; padding:0 20px;text-align: center;color:#fff;}
.sub-nav dd.opened:after {content: '';width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #00667f;margin-left:50px;display: block;position: absolute;z-index:999;}
.topBar #toggleSocial span {display: inline-block !important;}
.mobLogo {margin-top:75px;background:#fff;width:100%;display: block;padding:30px 0;}
/*MISC*/
.Logo {float:left;margin:25px 28px;width:150px;}
#socialShareHolder {background:rgba(0,0,0,0.8);position: fixed;top:75px;right:0px;z-index: 47;padding:10px;display: none;}
#socialShareHolder a {width:50%;text-align: center;float:left;padding:10px 5px;}
#socialShareHolder a i {font-size:35px;color:#fff;}
#socialShareHolder a:hover i {color:#00667f;}
.title {font-family:"museo-sans",sans-serif; font-weight: 300;color:#fff;font-size:30px;text-transform: uppercase;width:100%;text-align: center;}

/*HOME*/
/*#headSlider div > img {width:100%;}*/
#home {width:100%;overflow:hidden;background:#000;}
#headSlider {margin:0px;margin-top:75px;}
#headSlider .slick-track div {margin:0px !important;}
#navSlider {margin:0px;}
#navSlider {height:auto;width:100%;background:#fff;position:absolute;bottom: -5px;}
#navSlider > div {padding:20px 0;}
#navSlider div img {opacity:0.4;}
#navSlider div img:hover {cursor:pointer;opacity: 1;}
#navSlider .slide-is-active img {opacity:1;}
#infoBlock {margin-left:-300px;width:300px;background:rgba(0,0,0,0.8);position: absolute;z-index: 49;top:50%;color:#fff;padding:30px;font-family:"museo-sans",sans-serif;text-align:center;
-ms-transform: translate(0%, -50%); /* IE 9 */
    -webkit-transform: translate(0%, -50%); /* Chrome, Safari, Opera */
    transform: translate(0%, -50%);
}
#infoBlock h4 {color:#2a9bb7;font-weight:300;font-size: 20px;margin:15px 0;text-align: left;font-family:"museo-sans",sans-serif;}
#infoBlock p {font-size:14px;text-align: left;font-weight:300;font-family:"museo-sans",sans-serif;}
#infoBlock a {font-family:"museo-sans",sans-serif;}
.webLink {background:#00667f ;color:#fff;padding:5px 25px;font-size:13px;float:left;margin-right:10px;}
.webLink:hover {color:#fff;background:#000;}
.ticketLink {background:#fff ;color:#000;padding:5px 25px;font-size:13px;float:left;}
.ticketLink:hover {color:#fff;background:#000;}
#infoBlock.visible {margin-left:0px !important;}
#infoBlock.invisible {margin-left:-300px !important;}
/*Eventlist (mobile)*/
#eventList {background:#000;text-align: center;color:#fff;margin-bottom:0px;}
.overlayFade {background:rgba(0,0,0,0);height:100%;padding:50px 30px;}
.logo_bg_fade {background:rgba(0,0,0,0.8);padding:10px 20px;display: inline-block;}
.separator {background:#fff;height:5px;}
/*.bgOverlay {width:100%;height:100%;background:rgba(0,0,0,0.7);display: block;position: absolute;z-index:22;}*/
/*DRIVE*/
section#drive {/*margin-top: 30px;*/color:#fff;font-family:"museo-sans",sans-serif;}
#drive h1.title {margin-top:300px;opacity:0;
-ms-transform: translate(0px,-100px); /* IE 9 */
   	-webkit-transform: translate(0px,-100px); /* Chrome, Safari, Opera */
    transform: translate(0px,-100px);}
#drive h2 {color:#208aa4;font-family:"museo-sans",sans-serif;font-size:20px;text-transform: uppercase;font-weight:300px;}
#drive a {color:#208aa4;}
section#drive p {font-size:15px;}
.bg_black {background:#000;width:100%;display: block;height:auto;padding-top:30px;padding-bottom:70px;}
.mobSlide {height:240px;}
.mobSliderLogoHolder {width:100%;background:#000;text-align: center;padding:20px 0 10px 0;float:left;}
.mobSliderLogoHolder a {display: inline-block;text-align: center;width:80%;padding:0 10%;}
.mobSliderLogoHolder a img {margin-left:50%;-ms-transform: translate(-50%, 0%); /* IE 9 */
    -webkit-transform: translate(-50%, 0%); /* Chrome, Safari, Opera */
    transform: translate(-50%, 0%);}
.mobDateHolder {padding-bottom: 10px; color:#2a9bb7;font-family:"museo-sans",sans-serif;}
/*TICKETS*/
section#tickets {padding:150px 0;background:#fff;display: block}
section#tickets iframe {width:100%;border:none;}
section#tickets h1.title {color:#000;}

/*CONTACT FAQ*/
section#contact {background-position:center center;padding:85px 0;color:#fff;font-family:"museo-sans",sans-serif;}
section#contact h1 {color:#fff;opacity:0;
-ms-transform: translate(0px,-100px); /* IE 9 */
   	-webkit-transform: translate(0px,-100px); /* Chrome, Safari, Opera */
    transform: translate(0px,-100px);
}
section#contact h3 {color:#208aa4;text-transform:uppercase;font-family:"museo-sans",sans-serif;font-size:20px;font-weight:300;}
section#contact p,
section#contact h3,
section#contact dl{margin-top:30px;}
.addressData {color:#fff;font-family: 'Roboto Slab', serif;}
.addressLeft {width:50%;text-align:right;float:left;padding-right:20px;border-right:2px solid #fff;}
.addressRight {width:50%;text-align:left;float:left;padding-left:20px;}
.addressLeft p,
.addressRight p {margin:0px !important;} 
.addressLeft p {opacity:0;-ms-transform: translate(-100px,0px);-webkit-transform: translate(-100px,0px);transform: translate(-100px,0px);}
.addressRight p {opacity:0;-ms-transform: translate(100px,0px);-webkit-transform: translate(100px,0px);transform: translate(100px,0px);}
.addressRight a {color:#fff;}
input[type=text],
input[type=email],
textarea {border-bottom:1px solid #fff;color:#fff;background:none;border-right:none;border-right:none;border-top:none;border-left:none;outline:none !important;box-shadow:none;}
input[type=text],
input[type=email] {padding:10px;}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {background:transparent;color:#fff;outline: none !important;box-shadow:none;}
section#contact textarea {height:300px;}
section#contact input[type=submit] {width:100%;display: block;border:none;background:transparent;color:#fff;cursor:pointer;font-family: 'Roboto Slab', serif;}
section#contact input,
section#contact textarea {font-size:15px;}
section#contact p,
section#contact p dt {font-size:16px;line-height:25px;}
.messageholder > a {position:absolute;right:0px;margin-right:35px;color:#fff;z-index:21;margin-top:3px;}
.messageholder .pressDescription {display: block;background:#000;width:200px;padding:50px 20px 20px 20px;font-size:14px;position:absolute;right:0px;z-index:20;margin-right:-95px;margin-top:-15px;opacity:0;}
.pressDescription.opacity-me {opacity:1;}
.closePress:hover {color:#fff;}
.closePress {float:right;margin-top:-40px;font-size:20px;color:#00667f;display: block;}
#succesMessage {display: none;}
/*FAQ*/
section#contact dl,section#contact dd,section#contact dt {width:100%;display: block;}
section#contact dd,section#contact dt {border-bottom:1px solid #fff;}
section#contact dt {line-height: 20px;padding:10px;margin-bottom:0px;}
section#contact dt:hover {cursor:pointer;background:#fff;color:#208aa4;}
section#contact dt i {float:right;}
section#contact dd {display:none;padding:10px;margin-bottom:0px;}
section#contact dd p {margin:0px !important;}
.faq_List dt.active {border-bottom:0px !important;}


/*FOOTER stuff*/
section#footer {background:#000;text-align: center;padding:80px 0;font-family: 'Roboto Slab', serif;color:#3e3e3e}
.credits a{color:#3e3e3e !important;}
section#footer a {color:#2891ab;}
.credits a:hover,
section#footer a:hover{color:#fff !important;}
.credits {font-size:13px;}

/*Trigger animations*/
#infoBlock.visible, 
#infoBlock.invisible,
.webLink:hover,
.ticketLink:hover,
#socialShareHolder.visible,
.credits a:hover,
section#footer a:hover,
section#contact dt:hover,
.pressDescription.opacity-me,
.closePress:hover{ -webkit-transition: all 200ms;transition: all 200ms;}

section#contact h1.fade-me-in,
.addressLeft p.fade-me-in,
.addressRight p.fade-me-in,
#drive h1.fade-me-in{
    -ms-transform: translate(0px,0); /* IE 9 */
   	-webkit-transform: translate(0px,0); /* Chrome, Safari, Opera */
    transform: translate(0px,0);
    opacity:1;
    -webkit-transition: all 400ms;transition: all 400ms;
    transition-delay: 400ms;
}

#navSlider div img:hover { -webkit-transition: opacity 200ms;transition: opacity 200ms;}

/*Responsiveness*/
@media (min-width: 1026px) {
    #nextAr,
    #prevAr {display: none;}
}
/* tablet & mobile*/
@media (max-width: 1024px) {
body {background:none;}
section#drive {background:url(../img/bg_drive.jpg) no-repeat #000;}
section#contact {background-size:cover !important;overflow-x:hidden;}
#nextAr {position: absolute;bottom:25px;z-index:999;font-size:30px;right:10px;}
#prevAr {position: absolute;bottom:25px;z-index:999;font-size:30px;left:10px;}
#nextAr:hover,
#prevAr:hover {cursor:pointer;}
#navSlider {padding:20px 50px;}
#navSlider > div {padding:0px;}
}
/*tablet portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px){ 
    .topBar a.menuItem {padding:0 10px;font-size:15px;}
    .topBar #toggleSocial span {display: none !important;}
    .topBar #toggleSocial {padding:0 30px;}
    #socialShareHolder a {width:100%;}
}
/*Mobile*/
@media (max-width: 600px) {
    section#contact {overflow-x:hidden;/*background-image:none !important;*/}
    .topBar img {width:60%;margin:20px 20%;display:none;}
    .topBar a.menuItem {float:right !important;width:20%;text-align: center;font-size: 25px;}
    #drive h1.title{margin-top:100px;}
    #tickets {padding-top:100px !important;}
    #socialShareHolder {top:75px;background-color:#000;}
    #socialShareHolder a {width:100%;}
    .sub-nav dd.opened:after {display: none;}
    .topBar {height:76px;}
    /*#drive {background-image:none !important;}*/
    .topBar #toggleSocial span {display: none !important;}
    .mobLogo {display: block !important;position: relative;text-align: center;}
    .mobLogo img {width:60%;/*margin:0 20%;*/}
        #nextAr,
    #prevAr {display: none !important;}
    
}