@import "fonts/FontAwesome.otf";
@import "fonts/helvetica-neue-bold.ttf";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,700);
@font-face{font-family: Gotham Black;src: url(../fonts/Gotham-Black.otf);}
@font-face{font-family: Gotham Black;src: url(../fonts/Gotham-Black.ttf);}

html{width:100%;height:100%;overflow-y:scroll;margin:0;padding:0;}
body{width:100%;height:100%;margin:0 auto;padding:0;
font-family:'Open Sans';font-size:100%;color:#333;background:#fff;}
#wrapper{width:100%;float:left;padding:0;margin:0;}
.wrapper{width:100%;float:none;text-align:center;display:inline-block;margin:0;}
.row{width:1024px;float:none;text-align:center;display:inline-block;}

.container{width:90%;float:none;text-align:center;display:inline-block;
padding:2% 10% 5% 10%;border:0px solid #ddd; margin-top:4%;
overflow:hidden;}
.container h3{width:100%;float:left;text-align:left;
font-family: 'Gotham Black', sans-serif!important;font-size:36px;
text-transform:uppercase; font-weight:bolder!important;
padding-bottom:1%;}
.car-img{float:left;width:100%;}
.car-img img{max-width:24%!important;text-align:left;margin:2% 0 0!important }
.container img{max-width:5%;margin:2%;text-align:left;float:left;}
.container p{width:100%;float:left;font-family:'Open Sans';line-height:28px;
padding:1% 0;text-align:left;font-size:17px;color:#464646;}
.container small{color:#F23B3D;font-size:15px;font-weight:600;}
.yes-button{float:left;background:#75B6D6;width:220px;height:42px;
text-align:center;line-height:40px;font-weight:bold;
border:none;border-radius:20px;font-size:18px;color:#fff;
cursor:pointer;margin-top:6%;}
.yes-button:focus{border:none;outline:none;}
.nope-button{float:left;background:#fff;width:220px;height:42px;
text-align:center;border-radius:20px;font-size:20px;color:#555;
cursor:pointer;margin-top:6%;border:1px solid #555;font-weight:500;}
.nope-button:focus{border:1px solid #555;border-radius:20px;
outline:none;}
.mail-login-wrap{float:left;width:100%;margin-top:8%;}
.mail{float:left;width:4%!important;}
.mail2{float:left;width:3%!important;}
.mail img{max-width:60%!important;}
.login{float:left;width:96%;color:#b3b3b3;text-align:left;
padding-left:1%;font-size:15px;vertical-align:top;}
.login a{color:#b3b3b3;font-weight:600;}

.mail-login-wrap2{float:left;width:100%;margin-top:4%;}
.mail2{float:left;width:3%!important;}
.mail2 img{max-width:60%!important;}
.login2{width:97%;color:#b3b3b3;text-align:left;
padding-left:0%;font-size:15px;}
.login2 a{color:#b3b3b3;font-weight:600;}


/***************yes-wrap-page*************/
.yes-wrap{width:90%;float:none;text-align:center;display:inline-block;
padding:6% 10% 5% 10%;border:0px solid #ddd; margin-top:4%;}
.yes-wrap h3{ color:#74B5D5;width:100%;float:left;text-align:left;
font-family: 'Gotham Black', sans-serif;
font-size:36px;text-transform:uppercase;
font-weight:bold;padding-bottom:3%;line-height:28px;}
.yes-wrap small{width:100%;font-size:22px;color:#555;display:inline-block;}
.yes-wrap p{text-align:left;line-height:28px;font-size:16px;
padding-top:3%;font-family:'Open Sans';color:#464646;}
.yes-wrap input{width:100%;float:left;padding:1%;margin-top:5%;
border-bottom:3px solid #323232;outline:none;font-size:18px;
border-top:none;border-left:none;border-right:none;color:#666;}
.yes-wrap input:focus{outline:none;border-bottom:3px solid #323232;outline:none;
border-top:none;border-left:none;border-right:none;}
.submit-mail-bt{float:left;background:#75B6D6;width:200px;height:42px;
text-align:center;line-height:40px;font-weight:bold;
border:none;border-radius:20px;font-size:18px;color:#fff;
cursor:pointer;margin:3% 0;}
.submit-mail-bt:focus{border:none;outline:none;}



/***************nope-wrap-page*************/
.nope-wrap{width:90%;float:none;text-align:center;display:inline-block;
padding:6% 10% 5% 10%;border:0px solid #ddd; margin-top:4%;}
.nope-wrap h3{ color:#EA6C33;width:100%;float:left;text-align:left;
font-family: 'Gotham Black', sans-serif;
font-size:36px;text-transform:uppercase;
font-weight:bold;padding-bottom:3%;line-height:28px;}
.nope-wrap small{width:100%;font-size:22px;color:#555;display:inline-block;}
.nope-wrap p{text-align:left;line-height:28px;font-size:16px;
padding-top:3%;font-family:'Open Sans';color:#464646;
}
.nope-wrap input{width:100%;float:left;padding:1%;margin-top:5%;
border-bottom:2px solid #323232;outline:none;font-size:18px;
border-top:none;border-left:none;border-right:none;color:#666;}
.nope-wrap input:focus{outline:none;border-bottom:2px solid #323232;outline:none;
border-top:none;border-left:none;border-right:none;}
.submit-nope-bt{float:left;background:#2A2A2A;width:200px;height:42px;
text-align:center;line-height:40px;font-weight:bold;
border:none;border-radius:20px;font-size:18px;color:#fff;
cursor:pointer;margin:3% 0;}
.submit-nope-bt:focus{border:none;outline:none;}


/***************thanks-you-wrap-page*************/
.thanks-you-wrap{width:90%;float:right;text-align:center;display:inline-block;
padding:4% 0% 5% 12%;border:0px solid #ddd; margin-top:2%;}
.thanks-you-wrap h3{ color:#2A2A2A;width:100%;float:left;text-align:left;
font-family: 'Gotham Black', sans-serif;font-size:36px;text-transform:uppercase;
font-weight:bold;padding-bottom:0%;line-height:32px;}
.thanks-you-wrap small{width:100%;font-size:12px;padding:0; margin:0;
color:#464646;display:inline-block;text-transform:lowercase;}
.thanks-you-wrap img{float:left;max-width:7%;padding:0; margin:0;}
.thnx-car-img{float:left;width:100%;}
.thnx-car-img img{float:right;text-align:right;max-width:36%!important;}

/***************login-page*************/
.login-wrap{width:100%;float:none;text-align:center;display:inline-block;
padding:4% 2% 5% 12%;border:0px solid #ddd; margin-top:0%;
-webkit-box-shadow: -1px 1px 10px -4px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 1px 10px -4px rgba(0,0,0,0.75);
box-shadow: -1px 1px 10px -4px rgba(0,0,0,0.75);}
.login-wrap h3{ color:#2A2A2A;width:100%;float:left;text-align:left;
font-family: 'Gotham Black', sans-serif;font-size:36px;text-transform:uppercase;
font-weight:bold;padding-bottom:1%;line-height:24px;}
.login-wrap img{float:right;text-align:right;max-width:6%;
cursor:pointer;}
.login-wrap p{text-align:justify;line-height:20px;font-size:14px;
padding-top:1%;width:100%;float:left;color:#464646;}
.login-wrap input{background:#FBFBFB;width:82%;float:left;
padding:2.5% 2%;margin-top:12%;border-bottom:0px solid #323232;outline:none;font-size:18px;
border-top:none;border-left:none;border-right:none;color:#666;}
.login-wrap input:focus{outline:none;border-bottom:0px solid #323232;outline:none;
border-top:none;border-left:none;border-right:none;}
.submit-login-bt{float:left;background:#75B5D6;width:200px;height:45px;
text-align:center;line-height:40px;font-weight:bold;
border:none;border-radius:20px;font-size:18px;color:#fff;
cursor:pointer;margin:4% 0;}
.submit-login-bt:focus{border:none;outline:none;}




/***************popup*************/
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 100ms;
  visibility: hidden;
  opacity: 0; z-index:14000;
}
.overlay:target {
  visibility: visible;
  opacity:5;
}

.popup {
  margin: 140px auto;
  padding:0px;
  background: #fff;
  border-radius: 5px;
  width:45%;
  position: relative;
  transition: all 5s ease-in-out;
  z-index:14000;}

.or-horizantal{display:none;}


.video-img{float:left;width:90%;}
.video-img img{max-width:100%;cursor:pointer;margin-top:8%;}
.blank{float:left;width:350px;}
.video-wrap{float:left;width:600px;}
.video-wrapper{float:left;width:1000px;margin-top:100px;}


a{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;text-decoration:none;color:#5F633E}
ul, li{list-style:none;margin:0px;padding:0px;}
*{background-color:transparent;margin:0 auto;padding:0px;overflow:visible;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-smooth:always;
font-smoothing:antialiased;-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-webkit-font-smoothing:subpixel-antialiased;}
/*transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);*/
::-moz-selection{background:#006699;color:#fff;text-shadow:none}
::selection{background:#006699;color:#fff;text-shadow:none}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;}
input[type=number]{-moz-appearance:textfield;}
input:focus, select:focus, textarea:focus{border:1px solid #ddd;outline:none}
/*img{max-width:100%;border:0px;vertical-align:middle;display:inline-block}*/
.clear{clear:both;height:0px;overflow:hidden;}
.fadein{ opacity:.5; }


/*===================Responsive layout===================*/
@media (min-width:1000px) and (max-width:1024px){
.row{width:100%;}	
.container, .yes-wrap, .nope-wrap {width: 90%;padding: 2% 5% 5% 5%;}
.popup {margin:100px auto;width: 60%;}
}
@media (min-width:768px) and (max-width:999px) {
.row{width:100%;}	
.container, .yes-wrap, .nope-wrap {width: 90%;padding: 2% 5% 5% 5%;}
.popup {margin:100px auto;width: 60%;}
}
@media (min-width:480px) and (max-width:767px) {
.row{width:100%;}
.container h3 {font-size:27px;margin-bottom:12%;letter-spacing: -1px;}
.yes-wrap h3 {font-size: 27px;margin-bottom:5%;letter-spacing: -1px;}
.nope-wrap h3 {font-size: 27px;margin-bottom:5%;letter-spacing: -1px;}
.thanks-you-wrap h3 {font-size:27px;margin-bottom:5%;letter-spacing: -1px;}
.yes-wrap h3 small {font-size: 18px;line-height:18px;letter-spacing: -1px;}
.nope-wrap h3 small {font-size: 18px;line-height:18px;letter-spacing: -1px;}
.yes-button,.nope-button {width:90%;margin:4% 0;font-size: 16px!important;
float:none;}
.car-img img {max-width: 50% !important;}
.container, .yes-wrap, .nope-wrap {width: 90%;padding: 2% 5% 5% 5%;}
.thanks-you-wrap {width: 90%;}
.container img {max-width: 40%; text-align: center; float: none;
margin: 0 auto;padding: 4% 0;}
.mail img {max-width:60% !important;}
.mail {width: 8% !important;}
.login {font-size: 13px;width:82%;}
.popup {width: 90%;}
.login-wrap h3 {font-size: 27px;letter-spacing: -1px;}
.login-wrap p { text-align: justify;
line-height: 16px;  font-size: 13px;}
.login-wrap img {max-width:10%;}
.car-img {text-align: left;}
.popup { margin:10px auto;}
.or{display:none;}
.mail2 {width: 10% !important;}
.mail2 img {max-width: 80% !important;}
.login2 {width: 90%;}
.video-img img{max-width:100%;}
.video-wrapper, .blank, .video-wrap{max-width:100%;}

}

@media (min-width:240px) and (max-width:479px) {
.row{width:100%;}
.container h3 {font-size:27px;margin-bottom:15%;letter-spacing: -1px;}
.yes-wrap h3 {font-size: 27px;margin-bottom:5%;letter-spacing: -1px;}
.nope-wrap h3 {font-size: 27px;margin-bottom:5%;letter-spacing: -1px;}
.thanks-you-wrap h3 {font-size: 27px;margin-bottom:5%;letter-spacing: -1px;}
.yes-wrap h3 small {font-size: 18px;line-height:18px;letter-spacing: -1px;}
.nope-wrap h3 small {font-size: 18px;line-height:18px;letter-spacing: -1px;}
.yes-button,.nope-button {width:90%;margin:4% 0;font-size: 16px!important;
float:none;}
.car-img img {max-width: 50% !important;}
.container, .yes-wrap, .nope-wrap {width: 90%;padding: 2% 5% 5% 5%;}
.thanks-you-wrap {width: 90%;}
.container img {max-width: 40%; text-align: center; float: none;
margin: 0 auto;padding: 4% 0;}
.mail img {max-width:100% !important;}
.mail {width: 8% !important;}
.login {font-size: 13px;width:82%;}
.popup {width: 90%;}
.login-wrap h3 {font-size: 27px;letter-spacing: -1px;}
.login-wrap p { text-align: justify;
line-height: 16px;  font-size: 13px;}
.login-wrap img {max-width: 14%;}
.car-img {text-align: left;}
.submit-mail-bt, .submit-nope-bt {float: none;margin: 8% 0 0;
font-size: 16px!important;}
.or{display:none;}
.submit-login-bt {font-size: 16px;height: 40px;}
.mail2 {width: 10% !important;}
.mail2 img {max-width: 80% !important;}
.login2 {width: 90%;}
.video-img img{max-width:100%;}
.video-wrapper, .blank, .video-wrap{max-width:100%;}

}