@charset "UTF-8";

@font-face { font-family: 'WOFF Peugeot New Cyrillic Beta1-Extra Light'; src: url('/promoassets/fonts/new/WOFF2/PeugeotNewCyrillicBeta1-ExtraLight.woff'); }
@font-face { font-family: 'WOFF Peugeot New Cyrillic Beta1-Light'; src: url('/promoassets/fonts/new/WOFF2/PeugeotNewCyrillicBeta1-Light.woff'); }
@font-face { font-family: 'WOFF Peugeot New Cyrillic Beta1-Regular'; src: url('/promoassets/fonts/new/WOFF2/PeugeotNewCyrillicBeta1-Regular.woff'); }
@font-face { font-family: 'WOFF Peugeot New Cyrillic Beta1-Bold'; src: url('/promoassets/fonts/new/WOFF2/PeugeotNewCyrillicBeta1-Bold.woff'); }
@font-face { font-family: 'WOFF Peugeot New Cyrillic Beta1-Black'; src: url('/promoassets/fonts/new/WOFF2/PeugeotNewCyrillicBeta1-Black.woff'); }
@font-face { font-family: 'WOFF Peugeot New Cyrillic Beta1-Extra Light Italic'; src: url('/promoassets/fonts/new/WOFF2/PeugeotNewCyrillicBeta1-ExtraLightItalic.woff'); }
@font-face { font-family: 'WOFF Peugeot New Cyrillic Beta1-Light Italic'; src: url('/promoassets/fonts/new/WOFF2/PeugeotNewCyrillicBeta1-LightItalic.woff'); }
@font-face { font-family: 'WOFF Peugeot New Cyrillic Beta1-Italic'; src: url('/promoassets/fonts/new/WOFF2/PeugeotNewCyrillicBeta1-Italic.woff'); }
@font-face { font-family: 'WOFF Peugeot New Cyrillic Beta1-Bold Italic'; src: url('/promoassets/fonts/new/WOFF2/PeugeotNewCyrillicBeta1-BoldItalic.woff'); }
@font-face { font-family: 'WOFF Peugeot New Cyrillic Beta1-Black Italic'; src: url('/promoassets/fonts/new/WOFF2/PeugeotNewCyrillicBeta1-BlackItalic.woff'); }
@font-face { font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Extra Light'; src: url('/promoassets/fonts/new/WOFF2/PeugeotNewCyrillicBeta1-ExtraLight.woff2'); }
@font-face { font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Light'; src: url(/promoassets/fonts/new/WOFF2/'PeugeotNewCyrillicBeta1-Light.woff2'); }
@font-face { font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Regular'; src: url('/promoassets/fonts/new/WOFF2/PeugeotNewCyrillicBeta1-Regular.woff2'); }
@font-face { font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Bold'; src: url('/promoassets/fonts/new/WOFF2/PeugeotNewCyrillicBeta1-Bold.woff2'); }
@font-face { font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Black'; src: url('/promoassets/fonts/new/WOFF2/PeugeotNewCyrillicBeta1-Black.woff2'); }
@font-face { font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Extra Light Italic'; src: url('/promoassets/fonts/new/WOFF2/PeugeotNewCyrillicBeta1-ExtraLightItalic.woff2'); }
@font-face { font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Light Italic'; src: url('/promoassets/fonts/new/WOFF2/PeugeotNewCyrillicBeta1-LightItalic.woff2'); }
@font-face { font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Italic'; src: url('/promoassets/fonts/new/WOFF2/PeugeotNewCyrillicBeta1-Italic.woff2'); }
@font-face { font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Bold Italic'; src: url('/promoassets/fonts/new/WOFF2/PeugeotNewCyrillicBeta1-BoldItalic.woff2'); }
@font-face { font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Black Italic'; src: url('/promoassets/fonts/new/WOFF2/PeugeotNewCyrillicBeta1-BlackItalic.woff2'); }

* {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

html,body {min-height:100%; margin:0px; padding:0px; font-size:14px; font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Regular',Arial, sans-serif; background-color: #fff; color: #142032;}
.gbg {width:100%; background: url(/testdrive/images/mainbg-td2.jpg) #fff no-repeat center -100px; background-size:100% auto; min-height:700px;}
.finfoline {margin-top:40%; overflow:hidden;}
.greybox {background-color: #737a85; color: #fff; padding: 45px 50px; font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Regular'; font-size:15px; line-height:13px; height:200px;}
.videoblock {height:200px;}
.wline {background-color: #fff; height:2px; width:15%; margin:10px 0px;}
.nlist {text-align:center; color: #142032; text-align:left; line-height:15px; margin-top:30px; margin-bottom:30px;}
.nlist:after {clear:both;}
.nlist .numb {font-size:78px; line-height:78px; font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Bold'; font-weight:bold; display:block; float:left;}
.nlist .head {font-size:18px; font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Bold'; font-weight:bold; display:inline-block; margin-top:12px;}
.nlist .wline {background-color: #142032; height:2px; width:15%; margin:3px 0px; display:inline-block;}
.nlist .txt {font-size:14px; font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Bold'; text-transform: uppercase; font-size:12px;}
#landing-page {width:100%; margin:0px auto; height:100%;  font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Regular',Arial, sans-serif;}
#header {width:100%; height:60px; background: #000;}
#header img {height:40px; margin-top:10px;}
.form {background-color: #000; color: #fff; font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Regular'; margin-bottom:40px; padding:15px 30px;}
.form .head {font-size:25px; text-transform: uppercase; color: #fff; text-align: center; margin-bottom:20px;}
.form .head p {font-size:13px;}
.form .line-label {font-size: 14px; color: #fff; width:100%;}
.form .fld {width:100%; margin-bottom:20px;}
.form input[type='text'] {width:100%; float:left;height:26px; font-size:13px; padding:0px 10px; color: #142032; outline: none;}
.form .ftxt {font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Italic'; color: #fff; line-height:12px; font-size:12px; margin-top:10px;}
textarea {color: #6E6E6E; padding:10px;}
.legal {font-size:10px; font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Regular'; line-height:10px; margin-top:20px;}
input[type='submit'],button.sendbtn, a.sendbtn {
	background: #007edb url(/promoassets/images/icon-right-white.svg) no-repeat;
	background-size: 20px;
	background-position: 95% center;
    border-bottom: 3px solid #0062c5;
    color: #fff;
    border-width: 0;
    border-bottom-width: 3px;
    font-size: 14px !important;
    text-transform: uppercase;
    overflow: visible;
    padding: 0 50px;
    line-height: 20px;
    height: 50px;
    line-height:18px;
    width: 100%;
    font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Regular',Arial, sans-serif;
    text-align: center;
    padding: 0;
    cursor: pointer;
    outline: 0px;
    font-weight:bolder;
    margin-top:0px;
}
a.sendbtn {
  display:block;
  max-width: 300px;
  margin: 0px auto;
  line-height: 50px;
}
input[type='submit']:hover, button.sendbtn:hover, a.sendbtn:hover {
	background: #0062c5 url(/promoassets/images/icon-right-white.svg) no-repeat;
		background-size: 20px;
	background-position: 95% center;
    border-color: #1a4483;
    outline: 0px;
	}
#fpl {width:100%; text-align:center; color: #fff; font-size:16px; padding:30px 0px;}
.new-select {
	display: inline-block;
	float:left;
    border: 2px solid #fff;
    overflow: hidden; 
    height: 26px;
    padding-top:2px;
    background: url(/promoassets/images/icon-arrow-right-blue.svg) no-repeat #fff;
    background-size: auto 24px;
/*    background: url(/promoassets/images/down.png) no-repeat #fff;
    background-position-x: 275px;
    background-position-y: center;*/
    background-position: 100% center;
    width: 100%;
   
   }
input, select.dropmen, select.dropmen option {background-color: #fff; }
select.dropmen {width:110%; padding-left:5px; -webkit-appearance: none; background: transparent; color: #142032;}
.new-select select {background-color: transparent; width:110%; line-height:20px; border:0px; outline-width:0px;}

.new-select-dt {
	display: inline-block;
	float:left;
    border: 2px solid #fff;
    overflow: hidden; 
    height: 26px;
    background: url(/promoassets/images/icon-calendar-blue.svg) no-repeat #fff;
    background-size: auto 20px;
/*    background: url(/promoassets/images/down.png) no-repeat #fff;
    background-position-x: 275px;
    background-position-y: center;*/
    background-position: 100% center;
    width: 100%;
   }

input.instdt {
	width:110%; padding-left:5px; -webkit-appearance: none; background: transparent; color: #142032; line-height:26px; border:0px; outline-width:0px;
}
.dis {background-color: #cccccc;}
.formblock {margin-top:0px;}
.oftypehead {font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Bold'; font-size:42px; margin-top:20%; line-height: 42px;}
.nonbigview {display:none;}
.crosslist {background-color: #e6e6e6; color: #162133; text-align:center; padding-bottom:30px;}
.footer-logo {background-color: #000; height:70px; text-align:center;}
.social {padding-top:30px; text-align:center;}
.social a{margin:0px 10px;}
.social a img {height:25px;}
#carcheck,#dilcheck {border:1px solid #fff;}

#loading, #mloading {display:none;}
.stime {display:inline; border:1px solid #aaa; border-radius: 4px; padding:5px; background-color: #fff; margin-left:5px; font-size:10px;margin-top:10px; color: #000;}
.now {background-color: #00a3e0 !important; color: #fff;}
.stime:hover {background-color: #007edb; cursor:pointer; color: #fff; border-color: #00a3e0;}
#selecttime {display:none; border:0px solid #fff; line-height:30px;}
#timeloader {display:none;}

svg.soclogo {fill: #131f34;}
svg.soclogo:hover {fill: #007edb;	}

.fclear {clear:both;}

/* ### */

#popupdelaers, #popuptdtime, #popupmodels {position:fixed;  top:50%; left:50%; transform: translate(-50%, -50%); width:80%; max-width:400px; height:450px; z-index: 1101;	background-color: #fff;	border: 1px solid #007edb; box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.6); border-radius:0px; display:none;}
#dealerpopuphead, #tdtimepopuphead, #modelpopuphead {background-color: #007edb; color: #fff; font-weight:700; font-size:15px; padding:10px; border-bottom: 1px solid #fff;}
#popdealerlistall, #popmodellistall {width:100%; overflow-y:scroll; height:400px;}
#popdealerlisttd, #timelistpopup {width:100%; overflow-y:scroll; height:400px; display:none;}
.dealer-data {border-bottom:1px solid #aaa; padding:10px; cursor:pointer;}
.dealer-name {font-size: 13px; color: #000;}
.dealer-addr {padding-left:15px; font-size:11px; color: #333;}

.model-data {border-bottom:1px solid #aaa; padding:10px; cursor:pointer;}
.model-img {width:25%; float:left;}
.model-name {width:70%; float:left; padding-top:7px;}


#popupoverlay {width:100%; height:100%; position:fixed; z-index:1100; background-color: rgba(0,0,0,.7); top:0px; left:0px; display:none;}

  #carcheck,#mcarcheck {	border: 1px solid #aaa; background-color: #fff;}
  .btn-default {height:34px;}
  .text-muted {display:block;}
  .filter-option-inner-inner .text-muted {display:none;}
  .dropdown-menu {width:300px;}
  .dropdown-menu > li > a {padding: 3px 20px 3px 10px; }
  .btn-default {border-color: #fff;}	
  .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {width:350px; margin-left:0px; font-size:12px;}
  .dropdown-menu {font-size:12px !important;}
  .btn {font-size: 12px; line-height: 1.72857143;}
    
  .scblock::-webkit-scrollbar-track
  {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 0px;
    background-color: #F5F5F5;
  }
  
  .scblock::-webkit-scrollbar
  {
    width: 8px;
    background-color: #F5F5F5;
  }
  
  .scblock::-webkit-scrollbar-thumb
  {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #007edb;
  }
  
  
  #udilermobwr, #ucarmobwr {border:1px solid #aaa; width:100%; background-color: #fff;}
  #udilermob, #ucarmob {cursor: pointer; background-color: none; border:0px; width:90%; outline: none; border-inline: 0px;}
  #udilermob:focus, #udilermob:active, #ucarmob:focus, #ucarmob:active {outline: none; border-inline: 0px;}
  
  
  .mobilev {display:none;}
  .desktopv {display:block;}
  
  #popuptdtime,  #popupoverlay, #timelistpopup, #s1loading {display:none;}
    

/* ### */


@media only screen and (min-width:1620px) {
.oftypehead {font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Bold'; font-size:42px; margin-top:40%; line-height: 42px;}
}

@media only screen and (min-width:1590px) {
	.finfoline {margin-top:50%;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.greybox {padding: 26px 50px; height:auto;}
	.gbg {width:100%; background: url(/testdrive/images/mainbg-td2.jpg) #fff no-repeat center -60px; background-size:100% auto; min-height:700px;}
	.oftypehead {font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Bold'; font-size:42px; margin-top:30%; line-height: 42px;}
	}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.greybox {width: 96%; margin: 0px 2%; height:auto; padding: 26px 50px;}
    .videoblock {height:auto;margin:20px auto;}
    .gbg {width:100%; background: url(/testdrive/images/mainbg-td2.jpg) #fff no-repeat center -60px; background-size:130% auto; min-height:700px;}
    .oftypehead {font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Bold'; font-size:32px; margin-top:40%; line-height: 32px;}
	}

@media only screen and (max-width: 768px) {
	body {background-color:#132033;}
	.greybox {width: 94%; margin: 0px 3%; height:auto; padding: 26px 50px;}
    .videoblock {height:auto;margin:20px auto;}
    .gbg {width:100%; background: url(/testdrive/images/mainbg-td2.jpg) #132033 no-repeat center top; background-size:150% auto; min-height:700px;}
    .oftypehead {font-family: 'WOFF2 Peugeot New Cyrillic Beta1-Bold'; font-size:26px; margin-top:50%; line-height: 26px;}
   	.nonbigview {display:block;}
   	.form {margin-bottom:0px;}
   	#fpl {min-height:50px;}
     .mobilev {display:block;}
     .desktopv {display:none;}	
	}