@font-face{
	font-family: 'AvenirMedium';
  src: url("fonts/Avenir-Medium.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face{
	font-family: 'AvenirNextLight';
  src: url("fonts/AvenirNext-UltraLight.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face{
	font-family: 'AvenirRoman';
  src: url("fonts/Avenir-Roman.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face{
	font-family: 'AvenirNextBold';
  src: url("fonts/AvenirNext-Bold.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face{
	font-family: 'AvenirNextCondensedBold';
  src: url("fonts/AvenirNextCondensed-Bold.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face{
	font-family: 'AvenirNextCondensedMedium';
  src: url("fonts/AvenirNextCondensed-Medium.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face{
	font-family: 'AvenirNextCondensedRegular';
  src: url("fonts/AvenirNextCondensed-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face{
	font-family: 'AvenirNextRegular';
  src: url("fonts/AvenirNext-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face{
	font-family: 'AvenirNextMedium';
  src: url("fonts/AvenirNext-Medium.ttf");
  font-weight: normal;
  font-style: normal;
}


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
}

article,
aside,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
video,
object {
  display: block;
}

body {
  margin: 0;
  background: #fff;
  font-size: 18px;
  color: #302625;
  font-family: 'SourceSansProRegular', sans-serif !important;
}
img {
  vertical-align: middle;
  max-width: 100%;
}
a {
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}
html {
  font-family: "";
  color: #484c55;
}
.container,.header,.banner_area,.formarea,.allautolisted_text {
	 /* width: 400px;*/
	  margin: 0 auto;
	 /*  max-width:400px;*/
	}

.header{
	width:100%;
	height:55px;
}

.header .logo{
	width:50%;
	display:inline-block;
	position:relative;

}

.header .logo2{
	width:calc(50% - 5px);
	display:inline-block;
	position:relative;
	text-align:right;
	float:right;
}
.header .d_imagesize{ height:37px; margin:10px 2px;}
.header .d_imagesize1{ height:15px; margin:0px 2px;}
.poweredby{display:block; font-family:"AvenirNextCondensedRegular"; font-size:12px; margin:5px 0px 0px 0px; color:#74747a;}
.header .image_carshow{ margin:10px 5px 5px 5px;}
.banner_area{
	width:100%;	
	background:url(../images/bgbanner.jpg) repeat-x 0 0;
	display:block;
	position:relative;
	
}
.banner_area .bgcars{
	background:url(../images/bannercar.png) no-repeat 50% 70%;
	height:230px;
}

.banner_area .free{
	font-size:21px;
	font-family:"AvenirNextMedium";
	color:#74747a;
	line-height:25px;	
	padding:20px 0px 0px 0px;
	margin-bottom:0px;
	text-align:center;
}
.banner_area .newcar{
	font-size:21px;
	font-family:"AvenirNextMedium";
	color:#74747a;
	line-height:25px;	
	padding:0px 0px 0px 0px;
	margin-bottom:100px;
	text-align:center;
}
.textbnrbottom{
	font-size:20px;
	font-family:"AvenirNextCondensedRegular";
	font-weight:600;
	/*color:#3f3ea0;*/
	line-height:25px;	
	padding:0px 0px 0px 0px;
	margin-bottom:60px;
	text-align:center;

}
.setzipwidth{
	width:245px;
}
.formarea input[type='tel']::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #74747a;
    opacity: 1; /* Firefox */
}

.formarea h2{color:#ffffff; font-family:"AvenirNextCondensedMedium"; text-align:center;font-size:22px; font-weight:300; }
.getprice:focus{outline:none;}
.getprice{
 	width:272px;
	background-color: #0271a9;
	height:55px;
	padding:5px 0px 45px 110px;
	border:none;
	display:block;
	position:relative;
	margin:0px auto 20px auto;
	color:#fff;
	font-size:32px;
	font-family:"AvenirNextCondensedMedium";
	border-radius: 10px 10px;
    -webkit-border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
}
.getprice2:focus{outline:none;}
.getprice2{
 	width:272px;
	background-color: #0271a9;
	height:55px;
	padding:5px 0px 45px 0px;
	border:none;
	display:block;
	position:relative;
	margin:0px auto 20px auto;
	color:#fff;
	font-size:32px;
	font-family:"AvenirNextCondensedMedium";
	border-radius: 10px 10px;
    -webkit-border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
}

.formarea{
	width:100%;
	/*background:url("../images/bgmiddle.jpg") no-repeat 0% 0;*/
	background:url("../images/bgmiddle.jpg") 1000% 1000%;
	padding:20px 0px 20px 0px;
	background-color:#1f90c8;
}


.error{color:#ff0000;font-family:"AvenirNextCondensedMedium";font-size:20px;text-align:center;padding-top:10px; margin:0 auto;display:none;	}

.formarea #step1,.formarea #step2{ display:none;}
.formarea .formsearch{
	display:block;
}
.formarea .formsearch h1{
	color:#fff;
	font-family:"AvenirNextCondensedBold";
	font-size:28px;
	font-weight:normal;
	text-align:center;
	line-height:28px;
	padding-bottom:0px;
}
.formarea .formsearch ul{  padding:0; margin:0 auto; width:245px;	 display:block; padding-bottom:10px;}
.formarea .formsearch ul li{display:inline-block; padding:5px; color:#fff; font-size:18px; font-family:"AvenirNextCondensedRegular";}
.formarea .formsearch ul li i{font-size:9px; top:-2px; display:inline; position:relative;}
.blue{ color:#039; font-size:15px !important; padding-right:5px;}
.formarea .selectcar_section .cardiv {
	margin:0 auto;
	display:table;
	
}
.formarea .selectcar_section .boxcar{
	background:#fff;
	border-radius:20px 20px;
	-webkit-border-radius:20px 20px;
	-moz-border-radius:20px 20px;
	width:114px;
	height:104px;
	display:inline-block;
	margin:5px;
	text-align:center;
	cursor:pointer;
	-webkit-box-shadow: 0px 1px 5px 2px #0486c6;
-moz-box-shadow: 0px 1px 5px 2px #0486c6;
box-shadow: 0px 1px 5px 2px #0486c6;
}
.formarea .selectcar_section .boxcar img{
	margin:15px 5px 5px 5px;
}
.formarea .selectcar_section .boxcar span{
	margin:5px 3px 10px 3px;
	text-align:center;
	font-family:"AvenirNextCondensedRegular";
	color:#1f90c8;
	font-size:26px;
}
.allautolisted_text{
	margin:20px auto 10px auto;
	padding-bottom:30px;
	text-align:left;
	font-family:"AvenirNextCondensedMedium";
	font-size:14px;
	line-height:16px;
	color:#74747a;
	border-bottom:1px solid #74747a;
}

.footer{ width:100%; background:#fff;}
.footerlinks{
	padding:10px 0px 15px 0px;
	display:block;
	position:relative;
}
.footerlinks p{
	font-family:"AvenirRoman";
	font-size:12px;
	padding:3px 0px;
	text-align:center;
	color:#7b7b7b;
	
}
.footerlinks ul li{
	display:inline-block;
	margin:10px 30px;
	font-family:"AvenirRoman";
	font-size:12px;
	
}
.footerlinks p a{
	text-align:center;
	color:#7b7b7b;
	text-decoration:underline;
	padding: 0px 10px;
}

.terms{
	font-family:"AvenirNextCondensedRegular";
	font-size:14px;
	text-align:center;
	margin:0 auto;
	color:#69999f;
	margin:15px;
}
.terms a{
	color:#69999f;
	text-decoration:underline;
}
.blue_text{
	color: #3e3db0;
	font-size:16px;
	display:block;
	text-align:right;
	font-family:"AvenirNextCondensedBold";
}
.blue_bg_text{
	background:#3e3db0;
	border-radius:50%;
	-webkit-border-radius:50%;
	color:#ffffff;
	display:inline;
	font-family:"AvenirNextCondensedRegular";
	padding:5px 5px;
}
.inner{ margin:10px 10px; text-align:justify;}
.select_box{
height: 55px;
   padding:5px 20px;
   color:#74747a;
   width:266px;
   margin:0px auto 10px auto;
   font-family:"AvenirNextCondensedRegular";
   font-size:24px;
   background-color:#fff;
   border:none;
   border-radius:5px 5px 5px 5px;
   -webkit-border-radius:5px 5px 5px 5px;
   -moz-border-radius:5px 5px 5px 5px;
	display:block;
	position:relative;
}
.select_box2{
height: 45px;
   padding:2px 10px;
   color:#74747a;
   width:245px;
   margin:0px auto 10px auto;
   font-family:"AvenirNextCondensedRegular";
   font-size:24px;
   background-color:#fff;
   border:none;
   border-radius:5px 5px 5px 5px;
   -webkit-border-radius:5px 5px 5px 5px;
   -moz-border-radius:5px 5px 5px 5px;
	/*display:block;*/
	position:relative;
}
.formarea input[type='tel']:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #74747a;
}

.formarea input[type='tel']::-ms-input-placeholder { /* Microsoft Edge */
    color: #74747a;
}
.formarea input[type='tel'],.formarea input[type='text']{
   height: 55px;
   padding:10px 20px;
   color:#74747a;
   width:266px;
   margin:0px auto 10px auto;
   font-family:"AvenirNextCondensedRegular";
   font-size:24px;
   background-color:#fff;
   border:none;
   border-radius:5px 5px 5px 5px;
   -webkit-border-radius:5px 5px 5px 5px;
   -moz-border-radius:5px 5px 5px 5px;	

	display:block;
	position:relative;
}
.small_text{ width:calc(100% - 30px); padding:15px; font-family:"AvenirNextCondensedRegular";
   font-size:13px; line-height:15px; text-align:justify; color:#fff;}
@media (min-device-width: 769px) and (max-device-width: 999px){
	.cdc-wrapper {
margin:0 auto;max-width:100%;}    
	.container,.header,.banner_area,.formarea,.allautolisted_text {
	  width: calc(100% - 20px);
	  margin: 0 auto;
	  padding:10px;
	  max-width:100%;
	}
	.banner_area .free,.banner_area .newcar{
		font-size:28px;
		line-height:30px;	
	}
	.formarea{
		width:100%;
		background:url("../images/bgmiddle.jpg") no-repeat 100% 100%;
		padding:30px 0px 20px 0px;
		background-size:100% 100%;
		
		background-color:#1f90c8;
	}

	.textbnrbottom{
		font-size:16px;
		line-height:25px;	
		padding:10px 0px 0px 0px;
	}
	
	.formarea .selectcar_section .boxcar{margin:5px 3px;}
}
@media (min-device-width: 1000px){
	.cdc-wrapper {
margin:0 auto;max-width:980px;}
	.header,.banner_area,.formarea{
		width:100%;
	margin: 0 auto;
	  max-width:100%;
	  
	}
	.container,.allautolisted_text {
	  width: 980px;
	  margin: 0 auto;
	  max-width:980px;
	  
	}
	.allautolisted_text{
		margin:20px auto;
		font-size:16px;
		
	}
	.banner_area .bgcars{
	background:url(../images/bannercar.png) no-repeat 50% 70%;
	background-size:500px;
	
	height:300px;
	}
	.formarea{
		width:100%;
		background:url("../images/bgmiddle.jpg") repeat 100% 100%;
		padding:30px 0px 20px 0px;
	    /*background-size:100% 300px;	*/
		background-size:100% 100%;	
		background-color:#1f90c8;
	}


	.banner_area .free,.banner_area .newcar{
		font-size:32px;
		line-height:35px;	
	}
	.textbnrbottom{
		font-size:18px;
		line-height:25px;	
		padding:70px 0px 0px 0px;
	}
	
}

@media (min-device-width: 400px) and (max-device-width: 680px){
	.cdc-wrapper {
margin:0 auto;max-width:400px;}    
	.container,.header,.banner_area,.formarea,.allautolisted_text {

	}
	.formarea .selectcar_section .boxcar{margin:15px 0px 0px 45px;}
}
@media (min-device-width: 680px) and (max-device-width: 768px){
	.cdc-wrapper {
margin:0 auto;max-width:100%;}    
	.container,.header,.banner_area,.formarea,.allautolisted_text {

	  margin: 0 auto;
	  padding:10px;
	  max-width:100%;
	}
	.banner_area .free,.banner_area .newcar{
		font-size:28px;
		line-height:30px;	
	}
	.textbnrbottom{
		font-size:16px;
		line-height:25px;	
		padding:10px 0px 0px 0px;
	}
	
}
@media (max-width: 399px){
	.container,.header,.banner_area,.formarea,.allautolisted_text {
	  padding-left:15px;
	  max-width:100%;
	}

	.banner_area .free{
		font-size:16px;
		line-height:18px;	
	}
	.banner_area .newcar{
		font-size:16px;
		line-height:18px;	
	}
	.textbnrbottom{
		font-size:14px;
		line-height:25px;	
		padding:30px 0px;
	
	}
	.formarea .selectcar_section{
		width:100%;
	}
	.formarea .selectcar_section .boxcar{ margin:15px;}

}



@media (max-width: 325px){
	.container,.header,.banner_area,.formarea,.allautolisted_text {
	  padding-left:6px;
	  max-width:100%;
	}
	
	.banner_area .free{
		font-size:16px;
		line-height:18px;	
	}
	.banner_area .newcar{
		font-size:16px;
		line-height:18px;	
	}
	.textbnrbottom{
		font-size:14px;
		line-height:25px;	
		padding:30px 0px;
	
	}
	.formarea .selectcar_section{
		width:100%;
	}
	.formarea .selectcar_section .boxcar{ margin:15px;}

}
/*@media (min-width: 374px) and (max-width: 399px){
	.cdc-wrapper {
width:320px; margin:0 auto; max-width:320px;
}

	.container,.allautolisted_text {
	  width: calc(100% - 20px);
	  margin: 0 auto;
	  max-width:400px;
	}
	.formarea .selectcar_section{
		width:100%;
	}
	.formarea .selectcar_section .boxcar{ margin:15px;}
	
}
*/
