/* McLaren Fonts */
@font-face {
  font-family: 'SohoGothicPro';
  src: url("../fonts/SohoGothicPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SohoGothicPro-Regular.otf") format("opentype"), url("../fonts/SohoGothicPro-Regular.woff") format("woff"), url("../fonts/SohoGothicPro-Regular.ttf") format("truetype"), url("../fonts/SohoGothicPro-Regular.svg#SohoGothicPro-Regular") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'SohoGothicPro';
  src: url("../fonts/SohoGothicPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/SohoGothicPro-Medium.otf") format("opentype"), url("../fonts/SohoGothicPro-Medium.woff") format("woff"), url("../fonts/SohoGothicPro-Medium.ttf") format("truetype"), url("../fonts/SohoGothicPro-Medium.svg#SohoGothicPro-Medium") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'SohoGothicPro';
  src: url("../fonts/SohoGothicPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/SohoGothicPro-Light.otf") format("opentype"), url("../fonts/SohoGothicPro-Light.woff") format("woff"), url("../fonts/SohoGothicPro-Light.ttf") format("truetype"), url("../fonts/SohoGothicPro-Light.svg#SohoGothicPro-Light") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'McLarenBespoke';
  src: url("../fonts/McLarenBespoke-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McLarenBespoke-Regular.woff") format("woff"), url("../fonts/McLarenBespoke-Regular.ttf") format("truetype"), url("../fonts/McLarenBespoke-Regular.svg#McLarenBespoke-Regular") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'McLarenBespoke';
  src: url("../fonts/McLarenBespoke-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McLarenBespoke-Bold.woff") format("woff"), url("../fonts/McLarenBespoke-Bold.ttf") format("truetype"), url("../fonts/McLarenBespoke-Bold.svg#McLarenBespoke-Bold") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'McLarenBespoke';
  src: url("../fonts/McLarenBespoke-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/McLarenBespoke-Light.woff") format("woff"), url("../fonts/McLarenBespoke-Light.ttf") format("truetype"), url("../fonts/McLarenBespoke-Light.svg#McLarenBespoke-Light") format("svg");
  font-weight: 300;
  font-style: normal; }
  
*{margin:0;padding:0;border:0;line-height:normal;font-family:"McLarenBespoke",Tahoma, Verdana, Segoe, sans-serif;font-family:"SohoGothicPro",Tahoma, Verdana, Segoe, sans-serif;font-size:14px;line-height:25px;font-weight:300;}
html,body{width:100%;height:100%;}
body { font-size:16px;line-height:24px;color:#5e5c5e;background-color:#fff;}


a{color:#ff4800;color:#00c;font-weight:700;text-decoration:underline;}
a:hover{text-decoration:none;}

h1,h2,h3,h4,h5,h6,h3 *{font-family:"McLarenBespoke",Tahoma, Verdana, Segoe, sans-serif;}

h3,h3 *{font-size:24px;line-height:32px;font-weight:400;}
h4{font-size:18px;line-height:24px;font-weight:600;}

#page{position:relative;width:100%;margin-left:auto;margin-right:auto;}

.container-fluid{max-width:1230px;}

#mclaren{display:block;width:95%;max-width:1200px;height:59px;text-indent:-9999px;overflow:hidden;margin:0 auto;top:42px;top:6%;left:0;right:0;position:absolute;z-index:1;}
#mclaren:after{content:'';display:block;width:25%;max-width:248px;height:100%;position:absolute;right:0;top:0;background:url(../img/logo_troy.png) right top no-repeat;background-size:contain;}

#hero{position:relative;height:700px;background:url(../img/desktop_hero.jpg) top center no-repeat;background-size:cover;}
#hero h1{color:#fff;font-size:44px;line-height:1.1136;margin:0.25em 0;padding:0;}
#hero span.date{color:#fff;font-weight:600;}
#hero a.btn{color:#fff;font-size:13px;font-weight:600;text-align:center;line-height:20px;max-width:188px;background-color:transparent;border:2px solid #fff;height:44px;cursor:pointer;outline:none;padding:10px 20px;border-radius:0;text-decoration:none;transition:all 0.2s ease-in-out;vertical-align:middle;margin:0;}
#hero a.btn:hover{background-color:#5e5c5e;}
#hero-copy{position:absolute;top:0;left:0;right:0;margin-left:auto;margin-right:auto;height:100%;width:95%;display:block;padding-top:12.75%;box-sizing:border-box;}

#meta{margin-bottom:105px;}
#meta .container-fluid{max-width:1200px;margin-top:-50px;box-shadow:0 12px 21px rgba(0,0,0,.16);background-color:#fff;z-index:1;min-height:118px;}
#meta .container-fluid .row > div{background-color:#fff;}
#meta .block{margin-left:10%;padding:20px 0 20px 106px;position:relative;max-width:300px;}

#meta span{display:block;font-weight:300;font-size:14px;}
#meta .flag{position:absolute;top:0;left:-5px;width:95px;background-position:center -1px;background-repeat:no-repeat;background-size:100% auto;height:124px;display:block;color:#fff;font-weight:600;/*85*/text-align:center;padding-top:50px;box-sizing:border-box;font-size:14px;line-height:19px;}
.flag-details{background-image:url(../img/flag_details.png);}
.flag-location{background-image:url(../img/flag_location.png);}
.flag-vehicles{background-image:url(../img/flag_vehicles.png);}
#meta .title{font-weight:700;}

#invitation{line-height:25px;}
#invitation .image{position:relative;width:100%;display:block;height:0;padding:0 0 66.996% 0;background:url(../img/desktop_gourmet.jpg) center center no-repeat;background-size:cover;}
#invitation .image-wrap{width:100%;}
#invitation h2{color:#ed7102;font-size:18px;line-height:24px;font-weight:600;margin:30px 0 4px 0;}
#invitation h3{color:#3a383a;margin:0 0 10px 0;}
#invitation p{margin-bottom:15px;}

#lineup{padding:70px 0;}
#lineup h3{text-align:center;position:relative;padding:0;margin:0 0 30px 0;}
#lineup h3:before{content:'';display:block;height:1px;width:100%;background-color:#5e5c5e;position:absolute;top:52%;left:0;z-index:1;}
#lineup h3 span{color:#3a383a;background-color:#fff;padding:0 25px;z-index:2;position:relative;}
#lineup h4{font-size:18px;line-height:24px;font-weight:600;margin:0;padding:0;}
#lineup .car{display:block;position:relative;width:100%;padding:0 0 66.8464% 0;background-size:cover;background-repeat:no-repeat;background-position:center center;margin-bottom:25px;}
#lineup .car1{background-image:url(../img/desktop_car_1.jpg);}
#lineup .car2{background-image:url(../img/desktop_car_2.jpg);}
#lineup .car3{background-image:url(../img/desktop_car_3.jpg);}

#status{display:none;font-size:18px;color:#424242;font-weight:700;text-align:center;padding:20px 0;}
#error{display:none;font-size:18px;color:#f00;font-weight:700;text-align:center;padding:20px 0;}
.regnote{color:#f00;font-size:13px;line-height:16px;}
#form .regnote p{color:#f00;font-weight:700;}

#form,#summary{background-color:#f5f5f5;padding:65px 0;width:100%;display:block;}
#summary{display:none;}
#form-copy{position:relative;width:100%;max-width:530px;margin:0 auto;display:block;}
#form-copy h3,#summary-copy h3{color:#424242;text-align:center;margin-top:0;padding-top:0;}
#form-copy p,#summary-copy p{line-height:25px;color:#424242;}
#form-copy p a{color:#424242;font-weight:300;}
#form-copy p a.email{text-decoration:underline;}
#form-copy p a.email:hover{text-decoration:none;}
#form-copy p a.tel{cursor:default;text-decoration:none;}
#fields{max-width:560px;position:relative;margin:0 auto;}
#form h4{text-align:center;}
#form p,#summary-copy p{text-align:center;font-size:14px;line-height:25px;}
#form p a{font-size:14px;}
#invitee{margin-top:20px;}
#invitee .row{position:relative;margin-left:-5px;margin-right:-5px;}
#invitee .row > div{padding-left:5px;padding-right:5px;}
input.textfield,select{background-color:#fff;height:47px;line-height:45px;padding:0 20px;color:#595f6f;font-size:14px;font-weight:400;width:100%;box-sizing:border-box;margin-bottom:10px;border:1px solid #fff;-webkit-border-radius:0px;border-radius:0px;-webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;-ms-appearance: none  \9;
     -o-appearance: none;outline:none!important;}
input:-internal-autofill-selected{background-color:#fff!important;}	 
input:-webkit-autofill, input:focus:-webkit-autofill {
	background-color:#fff!important;
   -webkit-box-shadow: 0 0 0 100px rgb(255, 255, 255) inset;
}
input.missing,select.missing{border:1px solid #f00;}	 
select::-ms-expand {
    display: none;
}
.slot-hidden{display:none!important;}
select,select:-webkit-autofill,select:focus:-webkit-autofill{background-image:url(../img/icon_caret.png)!important;background-repeat:no-repeat;background-position:95% center;background-size:13px auto;padding-right:10%;}
select:-webkit-autofill,select:focus:-webkit-autofill{-webkit-box-shadow: 0 0 0 100px rgb(255, 255, 255) inset;}
.col-sm-4 select{background-position:88% center;}
::-webkit-input-placeholder {
color: #595f6f;
}
::-moz-placeholder {
color: #595f6f;
}
:-ms-input-placeholder { 
color: #595f6f;
}
:-moz-placeholder { 
color: #595f6f;
}

#age-confirm{text-align:center;font-weight:400;padding-top:15px;}
#age-agree{margin-right:5px;vertical-align:middle;margin-bottom:3px;}
.agree-missing{color:#f00;}
.agree-missing span{font-weight:700;}

input.btn{color:#fff;font-size:14px;font-weight:600;text-align:center;line-height:16px;background-color:#ed7102;height:47px;cursor:pointer;outline:none!important;padding:14px 30px 17px 30px;border-radius:0;text-decoration:none;transition:all 0.2s ease-in-out;vertical-align:middle;width:100%;max-width:231px;margin:0 auto;position:relative;display:block;}
input.btn:hover{background-color:#5e5c5e;}
input.btn:hover,input.btn:focus,input.btn:active{color:#fff;}
.disabled input.btn,.disabled input.btn:hover{background-color:#ddd;cursor:default;}


.button-wrap{margin-top:20px;position:relative;}
#loading{position:absolute;right:0;left:0;margin-left:auto;margin-right:auto;top:20%;height:60%;width:auto;display:none;}
#loading.visible{display:block!important;}

#footer{font-size:12px;line-height:18px;font-weight:300;color:#fff;padding:38px 0 40px 0;}
#footer .legal span{display:block;color:#595f5f;font-size:12px;line-height:21px;font-weight:400;}
#footer .legal span a{color:#595f5f;font-size:12px;line-height:21px;text-decoration:none;cursor:default;font-weight:400;}
#footer .legal span.tc{margin-top:5px;}
#footer .legal span.tc a{text-decoration:underline;cursor:pointer;}
#footer .legal span.tc a:hover{text-decoration:none;}

#footer ul{margin:0;padding:0;display:block;list-style:none;float:right;}
#footer li{margin:0 0 0 1px;width:33px;padding:0;display:inline-block;list-style:none;}
#footer li a{text-indent:-9999px;height:22px;width:100%;display:block;background-size:auto 22px;background-repeat:no-repeat;outline:none;cursor:pointere;transition:all 0.2ms ease-in-out;background-image:url(../img/sprite_social.png);}
#footer li a:hover{opacity:0.75;}
#footer li.mclaren a{background-position:0 0;}
#footer li.facebook a{background-position:-28px 0;}
#footer li.twitter a{background-position:-58px 0;}
#footer li.instagram a{background-position:-92px 0;}
#footer li.youtube a{background-position:-122px 0;}
#footer .address{color:#fff;font-weight:300;text-decoration:none;}
#footer span{display:block;}
#footer .pcb{color:#595f5f;font-size:22px;line-height:30px;text-align:right;margin-bottom:10px;font-weight:400;font-family:"McLarenBespoke",Tahoma, Verdana, Segoe, sans-serif;}

.registration-closed #gradient{margin-top:0;}
.registration-closed #hero .btn-orange{display:none!important;}
#registration-closed{margin-bottom:100px;text-align:center;}
#registration-closed h3{font-size:30px;font-weight:400;line-height:48px;margin:0;}

#success{display:none;}
#form{position:relative;}
.success #success{display:block;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;background-color:#fff;}
#success h2{text-align:center;color:#75c23e;font-size:55px;line-height:76px;margin:0;}
#success h2:before{content:'';position:relative;margin:0 auto 20px auto;background:url(../img/icon_check.png) center center no-repeat;display:block;width:50px;height:50px;background-size:contain;}
#success p{font-size:20px;line-height:30px;color:#5e5c5e;}
#success p a{text-decoration:none;color:#5e5c5e;cursor:default;white-space:nowrap;outline:none;font-weight:300;}
#success p a:hover{color:#5e5c5e;text-decoration:underline;}
#success .inner{position:relative;width:80%;margin:0 auto;padding-top:200px;}

@media screen and (max-width:1440px){
#hero{width:100%;position:relative;height:0;padding:0 0 48.6111% 0;background-position:center center;}	
}

@media screen and (max-width:1200px){
#hero h1{font-size:40px;}	
}

@media screen and (max-width:991px){
#meta span{font-size:13px;}	
#meta .flag{width:85px;padding-top:45px;font-size:13px;}
#meta .block{margin-left:0;padding:14px 0 14px 90px;}	
#invitation h2{margin-top:5px;}
#invitation p{margin-bottom:10px;}
h3,h3 *{font-size:21px;line-height:30px;font-weight:400;}
h4{font-size:18px;line-height:24px;font-weight:600;}
#hero h1{font-size:36px;}	
#fields{padding:0;}
}

@media screen and (min-width:768px){
#footer .container{background:url(../img/lockup_pcb.png) 95% center no-repeat;background-size:85px auto;}
#invitation .image-wrap{max-width:506px;float:right;}
}

@media screen and (max-width:767px){
#page{width:100%;overflow:hidden;}	
#registration-closed{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #424242;}
#registration-closed h3{font-size:20px;line-height:26px;}
#hero{padding:0 0 124% 0;background:url(../img/mobile_hero.jpg) center center no-repeat;background-size:cover;}
#hero:before{width:90%;}
#mobile-hero-copy{background-color:#f5f5f5;padding:35px 0;}
#mobile-hero-copy h1{font-size:34px;line-height:40px;color:#626262;font-weight:400;margin:0;padding:0;}
#mobile-hero-copy .date{display:block;font-size:18px;font-weight:700;color:#ed7102;margin-bottom:15px;}
#meta{padding:50px 0;margin-bottom:0;}
#meta .container-fluid{margin:0;box-shadow:none;}	
#meta .block{margin-bottom:25px;padding:10px 0 0 106px;max-width:330px;min-height:107px;}
#meta .block.last{margin-bottom:0;}
#meta span{font-size:16px;line-height:25px;}
#meta .flag{width:95px;font-size:14px;padding-top:50px;}
.col-xs-12 select{background-position:95% center;}	
body{font-size:13px;line-height:20px;}		
input.textfield,select{padding:0 12px;}	
h4{font-size:20px;line-height:27px;}	
#hero h2{font-size:14px;line-height:19px;margin-top:0;}
#hero h3{font-size:30px;line-height:41px;max-width:300px;float:right;margin-top:10px;}
#mclaren{width:90%;height:47px;margin:0 auto 50px auto;top:6.23655%;}
#mclaren:after{width:50%;max-width:198px;}
h3,h3 *{font-size:24px;line-height:32px;}
p{font-size:16px;line-height:28px;}
#form{max-width:none;box-shadow:none;}
#form p,#summary p{font-size:14px;line-height:25px;}
#form p a{font-size:14px;}
#form #success p{color:#5e5c5e;}

#invitation .image{padding:0 0 60.73446% 0;background-image:url(../img/mobile_gourmet.jpg);margin-bottom:50px;}

#lineup{padding:50px 0;}
#lineup h3{text-align:left;}
#lineup h3 span{padding-left:0;}
#lineup p{font-size:14px;line-height:25px;}
#lineup .car{padding:0 0 61.36363% 0;margin-bottom:20px;background-position:left center;}
#lineup .car1{background-image: url(../img/mobile_car_1.jpg);}
#lineup .car2{background-image: url(../img/mobile_car_2.jpg);}
#lineup .car3{background-image: url(../img/mobile_car_3.jpg);}
#lineup .col-sm-4{margin-bottom:30px;}
#lineup .col-sm-4:last-of-type{margin-bottom:0;}

.container-fluid{padding-left:25px;padding-right:25px;}
.off-center{width:100%;overflow:hidden;}
.off-center .container-fluid{padding-right:0;padding-left:25px;}
.off-center p,.off-center h2,.off-center h3{padding-right:25px;}

#success .inner{padding:50px 0;}
.success #fields{display:none;}
.success #success{background-color:#f1f1f1;position:relative;padding:0;}

#footer{text-align:center;padding:45px 0;}
#footer a.address,#footer span{color:#5e5c5e;}
#footer ul{margin-bottom:15px;float:none;}
#footer ul{text-align:center;}
#footer li{float:none;}

#footer .pcb{text-align:center;margin-bottom:15px;}
#footer .pcb:after{content:'';display:block;width:33px;height:1px;background-color:#979797;clear:both;margin-left:auto;margin-right:auto;margin-top:15px;}

input.textfield,select{height:43px;line-height:43px;}
.button-wrap{margin-top:20px;margin-bottom:20px;}
input.btn{max-width:277px;}

#register > .container{padding:0;}
#register > .container > div{padding:0;margin:0;}
#register > .container > div > .col-xs-12{padding:0;margin:0;}
}

@media screen and (max-width:600px){
#hero h2{font-size:14px;line-height:19px;margin-top:0;}
#hero h3{font-size:28px;line-height:36px;margin-top:6px;}	
}