@font-face {
  font-family: 'SourceSansProRegular';
  font-style: normal;
  src: url("fonts/SourceSansPro-Regular.ttf");
}
@font-face {
  font-family: 'SourceSansProLight';
  font-style: normal;
  src: url("fonts/SourceSansPro-Light.ttf");
}
@font-face {
  font-family: 'SourceSansProExtraLight';
  font-style: normal;
  src: url("fonts/SourceSansPro-ExtraLight.ttf");
}
@font-face {
  font-family: 'SourceSansProBold';
  font-style: normal;
  src: url("fonts/SourceSansPro-Bold.ttf");
}
@font-face {
  font-family: 'SourceSansProSemiBold';
  font-style: normal;
  src: url("fonts/SourceSansPro-SemiBold.ttf");
}
@font-face {
  font-family: 'AvenirNCRegular';
  font-style: normal;
  src: url("fonts/AvenirNextCondensed-Regular.ttf");
}

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;
}
.column {
  float: left;
  width: 33.33%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.maincontainer{/*width:100%;*/ margin:0 auto;min-height: calc(100vh - 100px);}
.container,.header,.banner_area,.footer,.middle {
	 /* width: 900px;*/
	  margin: 0 auto;

}

.header{
	/*width:100%;*/
/*	background:url(../img/headerbg.png) repeat-x;*/
  border-bottom:1px solid #d9d9d9;
}

.header .logo{
	width:100%;
	margin: 10px auto;
	display:block;

	position:relative;

}
.header .logo img{margin:0 auto; display:block;}
.header .head_title{ font-family:"SourceSansProLight"; font-size:24px; display:block; padding:10px; text-align:center; text-shadow: 2px 2px 2px #666; color:#fff; margin:0 auto;}
.heading_area{
	/*width:100%;	margin:0;padding:10px;*/

}
.heading_area .bgcar{ /*width:900px;*/ margin:0 auto;}
.heading_area .title{font-family:"SourceSansProBold"; font-size:40px; text-align:center; padding:25px 0px 10px 0px;  color:#000;}
.heading_area p{ color:#808080; font-size:26px;font-family:"SourceSansProLight"; text-align:center; padding:0px 0px 0px 30px;}
.banner_area{
	height:170px;margin:0 auto;padding:10px 0px 10px 0px;
	background:url(../img/vehicles_main.png) no-repeat;
	/*background:url(../img/snowglobe.png) no-repeat;*/
	background-size:contain;
	background-position:center;
	display:block;
	position:relative;

}



.banner_area .bgcars{ width:900px; margin:0 auto;}
.banner_area .title{font-family:"SourceSansProBold"; font-size:30px; text-align:center; padding:45px 0px 10px 0px;  color:#000;}
.banner_area .line{height:1px; background:#cccccc; width:70%; margin:0 auto 10px auto; border:none; padding:0; margin:0;}
.banner_area p{ color:#808080; font-size:22px;font-family:"SourceSansProLight"; text-align:center; padding:0px 0px 0px 30px;}
.setzipwidth{
	width:245px;
}
.formarea input[type='tel']::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #74747a;
    opacity: 1; /* Firefox */
}

.getprice:focus{outline:none;}
.button{
 	vertical-align:center;
  background-image: linear-gradient(#33aa73, #37c382);
	width:280px;
	height:60px;
	padding:5px 10px 5px 10px;
	border:none;
	display:block;
	position:relative;
	margin:0px auto 0px auto;
	color:#fff;
	font-size:28px;
	font-family:"SourceSansProSemiBold";

}

.button:hover {
  box-shadow: 0 10px 14px 0 rgba(0,0,0,0.24), 0 15px 25px 0 rgba(0,0,0,0.19);
}
.middle{border:none;}
.middle .title{font-family:"SourceSansProRegular"; font-size:32px; text-align:center; padding:50px 0px 15px 0px; color:#808080; font-weight:normal;}
.middle .steps{width:100%; margin:0 auto;}
.middle .steps .image{ width:100%; display:inline-block; padding:0px 0px 0px 0px;}
.middle .steps .image img{z-index:1;position:relative; }
.middle .steps .image .circle{width:8px; height:20px; border-radius:50%; background-color:#27ae61; color:#fff; font-size:14px; padding:5px 10px 5px 10px; margin:-10px 0px -20px 100px; z-index:100; position:relative;font-family:"SourceSansProSemiBold";}
.middle .steps .text_section{width:100%;display:inline-block; text-align:center;padding-bottom:20px; margin-bottom:30px;}
.middle .steps .last{width:100%;display:inline-block; padding-bottom:20px;}
.middle .steps .text_section h3{font-weight:normal; font-size:22px; color:#27ae61; padding:5px 0px;}
.middle .steps .text_section p{font-family:"SourceSansProLight";}
.middle .line{height:1px; background:#cccccc; width:100%; margin:0 auto 20px auto;}

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

.footer{ /*width:100%;*/ background:#f4f4f4;border-top:1px solid #dad9d9;}

.footerlinks{
	padding:10px 0px 15px 0px;
	display:block;
	position:relative;
}
.footerlinks .logo{margin:0 auto; width:240px; padding:5px 0px 5px 0px;}
.footerlinks .logo img{ margin:0 auto; display:inline-block;}
.footerlinks p{
	font-family:"SourceSansProSemiBold";
	font-size:12px;
	padding:10px 0px;
	text-align:center;
	color:#aaa;

}
.footerlinks ul li{
	display:inline-block;
	margin:10px 30px;
	font-family:"AvenirRoman";
	font-size:12px;

}
.footerlinks p a{
	text-align:center;
	color:#000;
	text-decoration:underline;
	padding: 0px 5px;
}

.terms{
	font-family:"AvenirNextCondensedRegular";
	font-size:14px;
	text-align:center;
	margin:0 auto;
	color:#69999f;
	margin:15px;
}
.terms a{
	color:#69999f;
	text-decoration:underline;
}

.row {width:50%;margin:0 auto;}



@media (min-device-width: 280px) and (max-device-width: 359px){
	.heading_area .title{font-family:"SourceSansProBold"; font-size:30px; text-align:center; padding:15px 10px 10px 10px;  color:#000;}
	.heading_area p {font-size: 20px;}
	.maincontainer{width:100%; margin:0 auto;}
	.header .head_title{font-size:20px;}
	/*.middle .steps .image{ width:29%; display:inline-block; vertical-align:top;}*/
	/*.middle .steps .text_section{width:65%;display:inline-block; padding-bottom:20px; margin-bottom:30px;border-bottom:1px solid #ccc;}*/
	.row{width:100%;margin:0 auto;}
	.column { float: none; width: 95%;margin-left: 3%;}
	.middle .title{font-size:25px;}
	.banner_area{/*margin-top:-80px;margin-bottom:-80px;background-size:calc(90%);*/}

}

@media (min-device-width: 360px) and (max-device-width: 399px){
		.heading_area .title{font-family:"SourceSansProBold"; font-size:30px; text-align:center; padding:15px 10px 10px 10px;  color:#000;}
	.heading_area p {font-size: 20px;}
.maincontainer{width:100%; margin:0 auto;}
.header .head_title{font-size:18px; padding:10px; background-color:#27ae61;}
.row{width:100%;margin:0 auto;}
	.column { float: none; width: 95%;margin-left: 3%;}
	.middle .title{font-size:25px;}
	.banner_area{/*margin-top:-80px;margin-bottom:-80px;background-size:calc(90%);*/}


}

@media (min-device-width: 400px) and (max-device-width: 800px){
	.row{width:100%;margin:0 auto;}
	/*.banner_area{background-size:calc(90%);}*/
		.column { float: none; width: 95%;margin-left: 3%;}

}
/*@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("../img/bgmiddle.jpg") no-repeat 100% 100%;
		padding:30px 0px 20px 0px;
		background-size:100% 300px;

		background-color:#61ab47;
	}

	.textbnrbottom{
		font-size:16px;
		line-height:25px;
		padding:10px 0px 0px 0px;
	}
	.formarea .selectcar_section .first{ margin-left:2px;}
	.formarea .selectcar_section{
		width:750px;

	}
	.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(../img/bannercar.png) no-repeat 50% 70%;
	background-size:500px;

	height:300px;
	}
	.formarea{
		width:100%;
		background:url("../img/bgmiddle.jpg") no-repeat 100% 100%;
		padding:30px 0px 20px 0px;
	background-size:100% 300px;
		background-color:#61ab47;
	}


	.banner_area .free,.banner_area .newcar{
		font-size:32px;
		line-height:35px;
	}
	.textbnrbottom{
		font-size:18px;
		line-height:25px;
		padding:70px 0px 0px 0px;
	}
	.formarea .selectcar_section .first{ margin-left:20px;}
	.formarea .selectcar_section{
		width:800px;

	}
}

@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 {
	  width: calc(100% - 20px);
	  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;
	}
	.formarea .selectcar_section .first{ }
	.formarea .selectcar_section{
		width:390px;

	}
}
@media (max-width: 399px){
	.container,.header,.banner_area,.formarea,.allautolisted_text {
	  width: calc(100% - 10px);
	  padding:5px;
	  margin: 0 auto;
	  max-width:320px;
	}

	.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:10px 0px 0px 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;}

}
*/