/* NuTastic Designz / Jarmell James / www.nutastic.net */

@import url(http://fonts.googleapis.com/css?family=Arvo:400,700,400italic|Raleway:700,400,300|Lato:100,700,400,300);
*{ outline:none !important; text-decoration:none; max-width:100%; }
::selection{ background:#121212; color:#fff; }
html,body {margin:0px !important; padding:0; }
body{ font-family:'Raleway', "Helvetica Nueue", sans-serif; font-weight:400; font-size:18px; color:#3f4853; background:#fff;}
a:link, a:visited, a:active{ color: #f90; }
a:hover { color: #999; }
.container{ margin:0px auto; width:1024px; max-width:100%; clear:both; height:auto; position:relative; }
.container:after, .content:after{ content:"\0020"; display:block; height:0; clear:both; visibility:hidden;}
#header { position:fixed; width: 100%; padding: 24px 0; text-align: center; height: auto; z-index:100; border-bottom:1px solid rgba(255,255,255,0.2); }
#header.alt{ background: #cd2a2a; border-color:#cd2a2a; }
#header a {display: inline-block; margin: 0px 20px 0 0; color: #fff; position: relative; z-index: 5; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; float: right; margin-top: 5px; }
#header a:hover{ color:#f90; }
#cbp-spmenu-s1 a { font-size: 14px; letter-spacing: 2px; padding:15px 10px 15px 15px; font-weight: 700; }
.menu-toggle{ display:none; }
#footer{ padding:40px 0 60px; color:#fff; background-color:#fff; }
#footer .container{ width:90%; }
.footer-menu { width:60%; float: left; text-align: center; margin:0 20%; }
.footer-menu.first{ padding-top:20px; }
.footer-menu .nav1{ text-transform:uppercase; display:inline-block; font-size:15px; font-weight:700; letter-spacing:5px; color:#fff; }
.footer-menu .nav2 { color:#999; color:rgba(0,0,0,0.5); font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:3px; display:inline-block; margin:10px 14px; padding-bottom:0; }
.footer-menu .nav2:hover{ color:#fff; }
#footer a:link, #footer a:visited, #footer a:active{ color: #ffffff; }
#footer a:hover, #footer .item:hover{ color:#CCC; color:rgba(0,0,0,0.1); }
#social{ position:relative; float:left; text-align:center; width:100%; padding-top:0px; }
#social i{ font-size:32px; display:table-cell; vertical-align:middle; color:#fff; }
#social a{ display:inline-table; width:40px; height:30px; text-align:center; border-radius:100px; margin:0 8px 5px; }
#copyright{ float:left; font-size:10px; margin-top:10px; color:rgba(0,0,0,0.5); text-align:center; font-weight:700; width:100%; text-transform:uppercase; letter-spacing:3px; }
#logo{ display:inline-block; float:left; height:40px; }
#header a#logo_link{ position:absolute; left:20px; top:12px; }
@media (max-width : 800px) {
	.section{ padding:40px 0; }
	.menu-toggle{ display:block; }
	#header{ display:none; }
}

/*Pages*/
.title-img{ width:90%; margin:0 5%; }
.page-title{ width:38%; }
.page-content{ width:60%; }
.page-head { float: left; width: 100%; padding:0; position: relative; background-attachment:fixed; }
.page-head.large { padding:0; }
.page-head .title { text-align: center; font-weight: 300; font-size: 80px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:relative; z-index:5; line-height:90px; }
.page-head .subtitle { font-size: 18px; text-align: center; margin-top: 16px; letter-spacing: 2px; font-weight: 400; position:relative; z-index:5; }
.page-head-height{ height:550px; }
.page-head-height.small{ height:400px; }
.tile{ width:33.3333337%; float:left; display:table; height:400px; }
.tile.quarter{ width:25%; height:350px; }
.tile.half{ width:50%; }
.tile.double{ width:66.6666663%; }
.tile .info{ position: absolute; top:0; height:100%; padding:35px; text-align: center; color: #fff; overflow: hidden; }
.tile .seeThru:hover{ opacity:1; }
.tile .overlay{ background-color:rgba(50,50,50,0.25); }
.seeThru{ opacity:0; }
@media (max-width : 800px) {
	.page-head{ background-attachment:scroll; }
	.title-img{ width:75%; }
	.page-title{ width:100%; }
	.page-content{ width:100%; }
	.page-head .title{ font-size:50px;  line-height:60px; }
	.page-head .subtitle { margin-top:5px; }
	.tile.quarter { width: 50%; height: 150px; }
}

/*Home*/
#home-blocks .tile{ height:450px; }
.ticket-img{ width:50%; }
#home #title{ display:inline-block; width:70%; }
#home #demo-canvas{ position:absolute; display:none; }
#home .buttonHolder{ position:absolute; left:0; right:0; margin:0 auto; bottom:30px; display:inline-block; text-align:center; z-index:10; }
#home .cool-btn.button:hover{ background-color:#121212; border-color:#121212; }
#home .background-video{ top:0; left:0; min-width: 100%; min-height: 100%; position:absolute; z-index:-100; background:#262626; max-width:none;  }
#home .background-image{ position:absolute; z-index:-100; width:100%; height:100%; display:none; }
#home .overlay{ background-color:rgba(50,50,50,0.4); z-index:0; position:absolute; }
#home i{ font-size:66px; color: #fff; background-color:transparent; }
#home .slides .text { position: absolute; font-size: 55px; z-index: 10; letter-spacing: 0px; color: #fff; font-weight:300; line-height: 70px; bottom: 100px; left: 90px; width: 50%; font-family:'Lato', "Helvetica Nueue", sans-serif;  }
.cbp-bislideshow li{ display:table; }
#home .bottomBlock{ width:75%; position:absolute; bottom:0; height:50px; left:0; background:#fff; }
#home #btnHolder{ position:absolute; bottom:20px; z-index:15; left:92px; }
#home .cool-btn.button { border: 3px solid #cd2a2a; background-color: #cd2a2a; color: #fff; margin-bottom: 10px; float:left; margin-right:20px; }
.review{ height:380px; position:relative; border-bottom:8px solid #cd2a2a; padding-bottom:20px; text-align:left; margin-bottom:80px !important; }
.bottom-review{ position:absolute; bottom:20px; width:100%; }
#home-title{ display:none; }
@media (max-width : 800px) {
	#home .background-video{ display:none; }
	#home .background-image{ display:block; z-index:0; }
	#home-title{ display:table; position:relative; }
	#home .overlay{ background:rgba(30,30,30,0.5); z-index:1; }
	#home .buttonHolder, #home-title{ z-index:2; }
	#cbp-bislideshow, #home, .homeHeight, #home-title{ height:450px !important; min-height:0 !important; }
	#home .slides .text, .bottomBlock { display:none; }
	#home .cool-btn.button{ width:auto; text-align:center; display:inline-block; float:none; padding:12px 10px; font-size:12px; }
	#home-title{ display:block; }
	#home #title{ width:40%; }
	.ticket-img { width: 20%; }
	#home #btnHolder{ width:100%; left:0; text-align:center; }
}

/*About*/
#about .page-title, #about .page-content{ height:400px; display:table; }
#about .container{ width:90%; color:#fff; text-align:right; }
@media (max-width : 800px) {
	#about .page-title, #about .page-content{ height:auto; display:block; }
	#about .container{ width:90%; color:#fff; text-align:center; }
}

/*Tickets*/
#tickets{ padding-bottom:120px; }
#tickets .container{ width:90%; }
#tickets .page-title, #tickets .page-content{ padding-top:40px; }
.ticketBoxTile{ width:25% !important; height:450px !important; padding-top:60px; padding-bottom:60px; }
.tile.ticketBoxTile i{ position:absolute; bottom:50px; left:0 !important; top:auto !important; right:0; font-size:50px !important; }
.tour-item { width: 100%; border: 2px solid #363636; height:110px; display: table; color:#363636; border-radius:0px; margin-bottom:30px; }
.details { width: 61%; padding:15px 2%; text-align: left; display: table-cell; vertical-align: middle; }
span.club { display:block; margin-bottom: 5px; font-size:12px; text-transform:uppercase; line-height:26px; letter-spacing: 2px; font-weight:400; color:#fff; padding-bottom:5px; border-bottom:1px solid #fff; }
span.club.black{ border-color:#363636; }
.date { display: table-cell; width: 31%; padding: 0px 2%; background-color: #363636; height: 100%; vertical-align: middle; font-family:'Arvo', sans-serif; color:#fff; text-transform:uppercase; font-size:28px; border-top-left-radius:0px; border-bottom-left-radius:0px; font-weight:400; letter-spacing:3px; font-size:20px; }
.tour-item.alt { margin-top:11px; margin-left: 20%; margin-left:calc(20% - 3px); width: 80%; border-color:#cd2a2a; }
.tour-item.alt .date{ background:#cd2a2a; }
.tour-item:hover .details{ }
.ticket{ padding:18px 0; border-bottom:1px solid #e1e2e2; text-align:center; color:#999; font-size:15px; letter-spacing:1px; cursor:pointer; }
.ticket span{ font-weight:700; text-transform:uppercase; letter-spacing:2px; font-size:18px; display:block; margin-bottom:5px; }
.ticket:hover span{ color:#cd2a2a; }
.meetingTime{ display:inline-block; padding:5px 10px; font-family:'Arvo', sans-serif; font-size:16px; line-height:28px; background:#363636; color:#fff; text-align:center; letter-spacing:1px; }
.ticket-box{ padding: 7px 10px; font-size: 24px; top: 3px; position: relative; margin-left:4px; z-index:50;}
#toursBtn{ position: relative; width: 200px; }
@media (max-width : 800px) {
	.tour-item.alt{ border:0; margin:0 10%; margin-top:20px; margin-bottom:5px; height:auto; }
	#tickets .page-title{ float:left !important; }
	#tickets .page-content{ float:right !important; }
	.date{ font-size:18px; letter-spacing:1px; width:100%; display:block; height:auto; padding:10px 0; }
	.details{ display:block; width:100%; height:auto; text-align:center; }
	.details span{ font-size:16px; font-weight:700; }
	.ticketBoxTile { width:100% !important; }
	.tile.ticketBoxTile i{ bottom:0px; }
}

/*Info*/
.circle { width: 250px; height: 250px; display: inline-table; border: 5px solid #fff; border-radius: 300px; color: #fff; font-size: 16px; letter-spacing: 1px; line-height: 25px; } 
.circle span { font-size: 28px; text-transform: uppercase; letter-spacing: 2px; color: #fff; font-weight: 700; }
.tile{ width:33.3333337%; float:left; position:relative; }
.tile i { position: absolute; z-index: 5; top: 38%; font-size: 100px; left: 38%; color: #fff; }
@media (max-width : 800px) {
	.circle{ width:200px; height:200px; margin-bottom:20px; }
	.tile i { top:30%; font-size:80px; }
}

/*Contact*/
#contact{ position:fixed; bottom:0; z-index:-200; }
#contact .title{ font-size:40px; line-height:50px; }
#contact .text{ font-size:14px; line-height:20px; }
#filler{ position:relative; z-index:-201; }
.inputFull, .inputTrip, .inputHalf{ font-size:11px; letter-spacing:2px; font-weight:700; text-transform:uppercase; }
.inputForm label, .settings-form label{ clear:both; text-transform:uppercase; letter-spacing:1px; font-size:15px; font-weight:700; display:block; color:#ccc; margin:16px 0px; float:left; width:100%; }
.inputForm .input, .inputForm .inputArea{ padding:12px 10px; display:block; width:60%; float:left; margin:auto; border:1px solid #ccc; font-size:16px; color:#555; }
.btn{ border:none; background-color:transparent; border-radius:30px; font-size:14px; font-weight:700; letter-spacing:3px; padding:10px 16px; text-transform:uppercase; display:inline-block; }
.btn:hover, .btn:active{ border:none; }
.btn-icon{ padding: 9px 12px; border-left:0px solid rgba(0,0,0,0.1); color:#fff; margin-left:0; }
.btn:active, .btn.active { -webkit-box-shadow: none; box-shadow: none; }

/*Text*/
.text{ font-size:18px; line-height:30px; letter-spacing:1px; }
.text-large{ font-size:22px; line-height:38px; font-weight:300; letter-spacing:1px; font-family:'Lato', sans-serif; }
.text-small{ font-size:15px; line-height:25px; letter-spacing:1px; }
.text-mini{ font-size:14px; line-height:20px; letter-spacing:1px; }
.title{ font-size:60px; line-height:70px; text-transform:lowercase; font-family:'Arvo', sans-serif; font-weight:700; }
h1, h2, h3{ font-weight:400; font-size:22px; line-height:28px; margin:0 0 5px; font-family:'Arvo', sans-serif; }
h4{ font-weight:400; font-size:24px; font-family:'Arvo', sans-serif; line-height:34px; margin:0; }
h5{ font-weight:300; font-size:26px; line-height:36px; margin:0; letter-spacing:1px; }
h6{ font-weight:400; font-size:40px; line-height:50px; margin:0; font-family:'Arvo', sans-serif; }
h7{ font-weight:300; font-size:40px; line-height:50px; margin:0; }
@media (max-width : 800px) {
	.text{ font-size:15px; line-height:24px; }
	.text-large{ font-size:16px; line-height:26px; } 
	.title{ font-size:40px; line-height:50px; text-transform:lowercase; font-family:'Arvo', sans-serif; font-weight:700; }
	h1, h2, h3{ font-weight:400; font-size:18px; line-height:22px; margin:0 0 5px; font-family:'Arvo', sans-serif; }
}

/*Input*/
.cool-btn.button{ background:#fff; color:#191919; margin:0; padding:16px 12px; letter-spacing:2px; text-transform:uppercase; font-weight:700; font-size:15px; border-radius:0px; line-height:15px; border:none; transition:none; -webkit-appearance:none; font-family:'Lato', sans-serif }
.cool-btn.button:hover{ background:#cd2a2a; color:#fff; }
.cool-btn.button.alt{ background:#cd2a2a; color:#fff; }
.cool-btn.button.alt:hover{ background:#fff; }
.input{ border-radius:0px !important; box-shadow:none !important; }
#subscribeForm{ margin:0; }
#subscribeForm .subInput { border-radius: 0px; border: 0px solid #fff; background-color: #fff; color: #cd2a2a; text-align: center; padding: 8px 0px; text-transform: uppercase;
font-weight: 700; letter-spacing: 2px; margin: 0 1px; font-size: 12px; width: 360px; }
input#subButton { padding: 11px 10px 10px; color: #999; font-size:15px; }
#contactForm .input{ padding:20px 10px; }
label{ font-size:16px; }
@media (max-width : 800px) {
	#subscribeForm .subInput,input#subButton{ width:90%; margin:10px 5%; }
}

/*Colors*/
.noBG{ background-color:transparent !important; }
.whiteBG{ background-color:#fff !important; }
.blackBG{ background-color:#191919 !important; }
.redBG{ background-color:#cd2a2a !important; }
.greyBG{ background-color:#999 !important; }
.white{ color:#fff !important; }
.black{ color:#3f4853 !important; }
.red{ color:#cd2a2a !important; }
.grey{ color:#aaa !important; }
.smoke{ color:#3f4853 !important; }

/*Modal*/
.mfp-container { padding: 0; }
.modal { border-radius: 0; border: none; }
.modal-header .close { margin-top: 2px; text-shadow: none; }
.mfp-iframe-holder button.mfp-close { top: -35px; }
.popup button.mfp-close { opacity: 1; right: 0; width:65px; top:0px; height:65px; font-size:30px; font-weight: 300; line-height: 40px; padding: 5px 0 10px; background:#121212; }
.mfp-auto-cursor .mfp-content { cursor:default !important; }
.mfp-table .mfp-container{ display:table; }
.mfp-table .mfp-content{ display:table-cell; }
.mfp-close-btn-in .mfp-close { color:#fff; font-size: 26px; top:10px; position: absolute; height: auto; width: auto; padding:5px 10px; right: 0; line-height:normal; }
.popup { position:relative; width:100%; background:#FFF; max-width:100%; border-radius:0px; min-height:600px;}
.popup-header { padding:20px 2%; width:96%; background:#cd2a2a; color:#fff; border-top-right-radius: 0px; border-top-left-radius: 0px; margin-bottom:25px; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 3px; font-family:'Arvo', sans-serif; }
.popup .container.large{ width:96%; }
.popup .container.small{ width:80%; }
.container.modalcontent { padding: 0; width: 100%; min-height:500px; overflow:hidden; background:#fff;}
.modalcontent .left { width:30%; min-height:100%; float:left; position:relative; height:600px; display:table; }
.modalcontent .right { float:right; text-align:left; position:relative; min-height:100%; padding-bottom:30px; width:70%;  }
.modalcontent .full { float:left; text-align:left; position:relative; min-height:100%; padding-bottom:30px; width:100%;  }
.modalcontent .right .holder{ width:96%; padding:0 2%; }
.modalcontent .full .holder{ width:90%; padding:0 5%; }
.modalcontent .iframe{ width:100%; height:300px; }
.modalcontent .text{ font-size:16px; line-height:24px; }
@media (max-width : 800px) {
	.modalcontent .text{ font-size:15px; line-height:20px; }
	.modalcontent .left { display:none; }
	.modalcontent .right { width:100%; }
}

/*Common*/
.section{ padding:80px 0; float:left; width:100%; position:relative; }
p{ margin:0px; }
img { border:none; max-width:100%; }
.noBorder{ border:none; }
.hide{ display:none !important; }
.noPadding{ padding:0 !important; }
.clear0{ clear:both; height:5px;}
.clear{ clear:both; height:10px;}
.clear2{ clear:both; height:20px; }
.clear3{ clear:both; height:30px; }
.clear5{ clear:both; height:50px; }
.bgImg{ background-position:center; background-repeat:no-repeat; background-size:cover; }
.textCenter{ text-align:center !important; }
.textLeft{ text-align:left !important; }
.textRight{ text-align:right !important; }
.floatNone{ float:none !important; display:inline-block; }
.floatR{ float:right !important; }
.floatL{ float:left !important; }
.fullSection{ width:100%; display:table; position:relative; }
.fullSectionContent{ height:100%; vertical-align:middle; display:table-cell; position:relative; }
.wide{ width:100%; }
.half{ width:49%; }
.trip{ width:27.3333337%; margin:0 3%; float:left; text-align:center; }
.overlay{ position:absolute; width:100%; height:100%; background-color:rgba(50,50,50,0.25); z-index:0; top:0; left:0; }
.divider{ width:30%; float:left; border-bottom:1px solid rgba(50,50,50,0.2); margin:0 35%; }
.animate{ transition-timing-function:linear; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
.alert { position: fixed; width: 100%; text-align: center; border-radius: 0; border: none; z-index: 5; bottom: 0; margin: 0 background-color: #cd2a2a; text-shadow: none; color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; font-weight: 400; }
.alert .close { position: relative; top: 4px; right: 0; line-height: 10px; width: 62px; z-index: 1000; height: 10px; color: #fff; opacity: 1; text-shadow: none; }
@media (max-width : 800px) {
	.trip{ width:90%; margin:0 5% 20px; }
	.tile{ width:100%; }
	.footer-menu { width:90%; float: left; margin: 0px 5%; }
	.seeThru { opacity:1; }
	.section { padding:30px 0; }
}