@charset "utf-8";



/*

Theme Name: CarForYou - Responsive Car Dealer HTML5 Template

Author: WMD Team

Version:1.0

*/

@media (max-width:992px){

.coming{

	width:100%;

	height:auto !important;

}

}

.coming{

	width:100%;

	height:210px;

}



body {

	font-family:'Roboto', sans-serif;

	margin:0px;

	padding:0px;

	overflow-x:hidden;

	color:#555555;

}



h1, h2, h3, h4, h5, h6 {

	color:#111111;

	font-weight:700;

	margin:0 auto 30px;

}

p {

	font-size:18px;

	color:#555555;

	line-height:32px;

	font-weight:300;

}

a {

	transition-duration:0.5s;

	 -moz-transition-duration:0.5s;

	  -o-transition-duration:0.5s;

	   -webkit-transition-duration:0.5s;

	   -ms-transition-duration:0.5s;

	text-decoration:none;

	color:#fb2837;

}

a:hover, a:focus {

	text-decoration:none;

	color:#fb2837;

	outline:none;

}

ul, ol {

	margin:0 auto 20px;

}

ul li, ol li {

  font-size: 16px;

  font-weight: 300;

  line-height: 30px;

  margin: 0 auto 10px;

}



.btn {

  background: #fb2837;

  border: medium none;

  border-radius: 0;

  color: #fff;

  font-size: 20px;

  font-weight: 600;

  line-height: 1;

  margin: auto;

  padding: 16px 42px;

  text-transform: capitalize;

  transition:all 0.5s linear;

	-moz-transition:all 0.5s linear;

	-webkit-transition:all 0.5s linear;

	-ms-transition:all 0.5s linear;

	-o-transition:all 0.5s linear;

}

.header {

  background: rgba(0, 0, 0, 0) url("../images/bg_image.jpg") no-repeat fixed 0 0 / cover ;

  padding: 60px 0;

}

.logo {

  margin: 0 auto 20px;

}

.header h6 {

  background: #fb2837 none repeat scroll 0 0;

  color: #ffffff;

  display: inline-block;

  font-size: 16px;

  font-weight: normal;

  margin: 0;

  padding: 10px 15px;

}

.header-wrap {



	background: rgba(0, 0, 0, 0.1);



	padding: 25px 0;



	text-align: left;



	border-bottom: rgba(255, 255, 255, 0.15) solid 1px;



	position: absolute;



	top: 0;



	right: 0;



	left: 0;



}



.desktop-wrap {



	position: relative;



	bottom: -150px;



}



.header-wrap img {



	max-width: 200px;



}



.header-wrap ul {



	padding: 0;



	margin: 0 auto;



	text-align: right;



}



.header-wrap ul li {



	list-style: none;



	display: inline-block;



	margin: 0 0 0 30px;



}



.header-wrap ul li a {



	display: block;



	color: #fff;



	padding: 0 5px;



	font-weight: 600;



	text-transform: uppercase;



}



.header-wrap ul li a.btn {



	padding: 15px 30px;



	color: #000;

	

	background: #fff;



	font-size: 16px;



}



.header-wrap ul li a.btn:hover {



	color: #fff;

	

	background: #fb2837;



}



.desktop_wrap{

	padding-top:80px;

}



.header h1 {



	color: #fff;



	font-weight: 600;



	font-size: 38px;



	margin: 0 auto 50px;



	line-height: 48px;



}



.header h1 {



  margin-bottom: 0;



}



.header h6 {



  background: #fb2351 none repeat scroll 0 0;



  color: #ffffff;



  display: inline-block;



  font-size: 16px;



  font-weight: normal;



  margin: 0;



  padding: 10px 15px;



}



.header p {



  font-size:25px;



}



h1 {

  color: #ffffff;

  font-size: 38px;

  font-weight: 700;

  line-height: 40px;

  margin-bottom: 10px;

}

h2 {

	color:#fff;

	font-weight:300;

	line-height:33px;

	font-size:26px;

	margin:0 auto 10px;	

}

h2 span, p span {

	font-weight:900;

	color:#fb2837;	

}

p {

	color:#fff;

	font-weight:300;

	line-height:30px;

	font-size:18px;

	margin:0 auto 15px;	

}



.demo_img {

  overflow: hidden;

  position: relative;

  max-height: 300px;

}

.home_demo .demo_img {

  margin: 0 28px;

}

.demo_img img {

	max-width:100%;

}

.demo_wrap {

	text-align:center;

	margin:40px auto 20px;

}

.demo_wrap h4 a {

  color: #111111;

  font-size: 22px;

  font-weight: bold;

}

.demo_hover {

  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;

  bottom: 45px;

  left: 60px;

  opacity: 0;

  position: absolute;

  right: 60px;

  top: 18px;

  transition-duration:0.3s;

   -moz-transition-duration:0.3s;

	-webkit-transition-duration:0.3s;

	 -o-transition-duration:0.3s;

	  -ms-transition-duration:0.3s;

}

.demo_hover a {

	position:absolute;

	top:50%;

	width:200px;

	left:0px;

	right:0px;

	margin:0 auto;

	transform:translateY(-50%);

	-moz-transform:translateY(-50%);

	-o-transform:translateY(-50%);

	-webkit-transform:translateY(-50%);

	-ms-transform:translateY(-50%);

}

.demo_hover a:hover {

	color:#fff;

}

.demo_wrap:hover .demo_hover {

	opacity:1;

}

.article {



	background-color: #fff;



	padding: 20px 0px;



	margin-bottom: 30px;



	text-align: center;



	border-radius: 5px;



	cursor: pointer;



}



.article img {



	margin-bottom: 5px;



	position: relative;



}



.article__title {



	font-size: 14px;



	margin-top: 15px;



	font-weight: 500;



}



.box-shadow {



	-webkit-box-shadow: 0px 10px 27px 0px rgba(154, 161, 171, 0.18);



	box-shadow: 0px 10px 27px 0px rgba(154, 161, 171, 0.18);



	-webkit-transition: all 0.2s ease-in-out;



	-moz-transition: all 0.2s ease-in-out;



	-ms-transition: all 0.2s ease-in-out;



	-o-transition: all 0.2s ease-in-out;



	transition: all 0.2s ease-in-out;



	-o-transition: all 0.2s ease-in-out;



	-moz-transition: all 0.2s ease-in-out;



	-webkit-transition: all 0.2s ease-in-out;



	position: relative;



	display: block;



	top: 0;



}



.box-shadow:hover {



	top: -10px;



}

.features-list{

	padding:120px 40px;

}

.features-list li {

    list-style: none;

    font-size: 17px;

    margin: 0 auto 15px;

}

.features-list h4{

	color: #111111;

    font-weight: 700;

    margin: 0 auto 20px;

}

.features-list ul {

    padding: 0;

    margin: 0 auto;

}

.features-list li i {

    color: #fb2837;

}



.features-img img{

	margin:50px 0; 

	width:100%;

	box-shadow:0 0 30px rgba(0, 0, 0, 0.15);

}

.text_reason{

	background: #ffffff none repeat scroll 0 0;

    border-radius: 6px;

    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.5);

    color: #222222;

    left: 0;

    margin: 0 auto;

    padding: 20px 0 14px;

    position: relative;

    right: 0;

	top:-40px;

    text-align: center;

    width: 490px;

    z-index: 1;

}

.text_reason h2 {

    color: #222222;

    font-weight: bold;

}

.purchase{

	color: #000;

	background: #fff;	

}

.purchase:hover{

	color: #fff;

	background: #fb2837;	

}



.footer {

	background:#0c0c0c;

	padding:50px 0 30px;

	text-align:center;	

}

.footer .logo {

	margin:0 auto 20px;

}

.footer p {

	color:#ddd;	

}

.gray_bg {

	background:#e1e1e1;

}

.home_demo {

  padding: 30px 0 100px;

}

.text {

  background: #ffffff none repeat scroll 0 0;

  border-radius: 6px;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.5);

  color: #222222;

  left: 0;

  margin: 0 auto;

  padding: 20px 0 14px;

  position: absolute;

  right: 0;

  text-align: center;

  top: -50px;

  width: 490px;

  z-index: 1;

}

.text h2 {

  color: #222222;

  font-weight: bold;

}

.text p {

	font-size:15px;

	color:#555;

	margin:0px;

}

.text span {

	color:#F00;

}

.listing {

	position:relative;

	padding:90px 0;

}

.listing .demo_hover {

	top:0px;

	left:0px;

	right:0px;

	bottom:0px;

}

.s_bg {

	background:#fb2837;

	padding:90px 0;

	position:relative;

}

.listing h4 a {

	color:#fff;

}

h4 a:hover {

	text-decoration:underline;

}

.other_pages {

	position:relative;

	padding:60px 0 50px;

}

.other_pages .demo_hover {

	top:0px;

	bottom:0px;

	left:0px;

	right:0px;

}

.other_pages h4 {

	margin:0 auto 15px;

}

.other_pages .demo_img {

	border:#ccc solid 5px;

}

.other {

  background: rgba(0, 0, 0, 0) url("../images/other.jpg") no-repeat scroll 0 0 / cover ;

  padding: 50px 0;

  text-align: center;

  position:relative;

}

.other:after {

	position:absolute;

	top:0px;

	height:100%;

	width:100%;

	left:0;

	content:"";

	background:rgba(250, 40, 55, 0.8);

}

.other p {

  color: #fff;

  font-size: 30px;

  line-height: 43px;

  margin: 0 auto;

  max-width: 90%;

  position:relative;

  z-index:1;

}