@charset "utf-8";
/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
}

.top-bar{
	background:#323232;
	padding:10px;
	color:#FFF;
}

.menu{
	padding:1em !important;
}

.top-bar ul{
	list-style:none;
}

.top-bar li{
	float:left;
	margin-left:20px;
}

.social a{
	color:#FFF;
}

.form-front{
	text-align:left;
}

.car-model{
	width: 265px;
    padding: 7px;
    border-radius: 4px;
}

.period{
	width: 190px;
    padding: 7px;
    border-radius: 4px;
}

.hover-img{
	background:#000;
	opacity:10px;
}

.form_sec{
	position: absolute;
    right: 0%;
    top: 19.8%;
    color: #FFFFFF;
    background:url(../images/search-bg.png) right;
    width: 550px;
    z-index: 99;
    text-align: right;
	height: 554.4px;
}

@media screen and (max-width: 600px) {
.form_sec{
	position: static;
    float: left;
    right: 0%;
    top: 19.6%;
    color: #FFFFFF;
    background: url(../images/search-bg.png) right;
    width: 399px;
    z-index: 99;
    text-align: right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 610px;
    overflow: hidden;
}
}

@media (max-width: 768px) {
.form_sec{
	position: static;
    float: left;
    right: 0%;
    top: 19.6%;
    color: #FFFFFF;
    background: url(../images/search-bg.png) right;
    width: 100%;
    z-index: 99;
    text-align: right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 610px;
    overflow: hidden;
}

.car-model {
    width: 50%;
    padding: 7px;
    border-radius: 4px;
    margin-right: 50%;
}

.period {
    width: 50%;
    padding: 7px;
    border-radius: 4px;
    margin-right: 50%;
}
	
}

.form_sec_bg{float:right; width:92%; padding:10%; background: url(../images/form-bg.png) no-repeat bottom; color:#111; font-size:16px; text-align:right; color:#000; margin-top: -25px;}
.form_sec_bg h2{font-size:42px; font-weight:700; color:#fff; text-transform:uppercase;}
.form_sec_bg h3{font-size:32px; font-weight:700; color:#fff; text-transform:uppercase;}
.form_sec_bg a{color:#111}

.full-width1{
	width:100%;
	background-image:url(../images/banner.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height:550px;
	
}

.width-full{
	width:100%;
}

#form-style{
	text-align: center;
    background: #2c333b;
    color: #FFF;
    padding: 2em;
	margin-top:5em;

}

.small-box-1{
	width:100%;
	height:240px;
	background-image:url(../images/bg-small-1.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
	color:#FFF;
	padding:20px;
}

.small-box-2{
	width:100%;
	height:240px;	
	background-image:url(../images/bg-small-2.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
	color:#FFF;
	padding:20px;
}

.small-box-3{
	width:100%;
	height:240px;	
	background-image:url(../images/bg-small-3.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
	color:#FFF;	
	padding:20px;	
}

.btn{
	background:#F00;
	padding:10px;
	color:#FFF;
}

.car-feature{
	text-align:right;
}

.car-feature1{
	text-align:left;
}

.left-girl{
	background: #666;
    padding-top: 30px;
	color:#FFF;
}

.btngirl{
	background:#FFF;
	padding:5px;
	color:#000;
}

.right-boy{
	background: #F00;
    padding-top: 30px;
	color:#FFF;
}

.car{
	margin-top:-210px !important;
}

.btnboy{
	background:#FFF;
	padding:5px;
	color:#000;
}

.separator{
	background:#F00;
	width:115px;
	padding:1px;
	display:inline-block;
}

.under{
	background:#F00;
	width:100px;
	padding:1px;
}



.footer{
	background:#ccc;
}


.copyright{
	width:100%;
	background:#000;
	color:#CCC;
	text-align:center;
	padding:10px;
}