/*style sheet*/

/*****************fonts***********************/
/* This stylesheet generated by Transfonter (https://transfonter.org) on October 31, 2017 8:41 AM */

@font-face {
	font-family: 'Gotham';
	src: url('../fonts/gotham/GothamBlack.eot');
	src: url('../fonts/gotham/GothamBlack.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gotham/GothamBlack.woff') format('woff'),
		url('../fonts/gotham/GothamBlack.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham';
	src: url('../fonts/gotham/GothamThin.eot');
	src: url('../fonts/gotham/GothamThin.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gotham/GothamThin.woff') format('woff'),
		url('../fonts/gotham/GothamThin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham';
	src: url('../fonts/gotham/GothamBold.eot');
	src: url('../fonts/gotham/GothamBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gotham/GothamBold.woff') format('woff'),
		url('../fonts/gotham/GothamBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('../fonts/gotham/Lato-Black.eot');
	src: url('../fonts/gotham/Lato-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gotham/Lato-Black.woff') format('woff'),
		url('../fonts/gotham/Lato-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham';
	src: url('../fonts/gotham/GothamLight.eot');
	src: url('../fonts/gotham/GothamLight.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gotham/GothamLight.woff') format('woff'),
		url('../fonts/gothamGothamLight.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Book';
	src: url('../fonts/gotham/Gotham-Book.eot');
	src: url('../fonts/gotham/Gotham-Book.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gotham/Gotham-Book.woff') format('woff'),
		url('../fonts/gotham/Gotham-Book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/roboto/Roboto-Medium.ttf');
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/roboto/Roboto-Bold.ttf');
}
@font-face {
    font-family: 'Roboto-Light';
    src: url('../fonts/roboto/Roboto-Light.ttf');
}

/**********************************fonts end*************************************/

*{
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}
p{
/*    color: white;*/
}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
a:focus{
    text-decoration: none;
}
.title{
    font: 500 35px cabin;
    color: #5e5757;
    margin: 0 0 52px 0;
    position: relative;
}
.title:after{
    border-top: 2px solid #5e5757;
/*    bottom: 0;*/
    content: "";
/*    height: 2px;*/
    position: absolute;
    left: 0;
    top: 61px;
    width: 56px;
/*    z-index: -1;*/
}
.subtitle{
    margin: 0 0 0 0;
    font: 500 24px cabin;
    color: #5e5757;
    padding-left: 15px;
    
}
.button{
    background-color: #c9822c;
    padding: 10px 0;
    border-radius: 25px;
    font:900 14px lato;
    color: #fff;
    letter-spacing: 1px;
    word-spacing: 2px;
}
.button:hover{
    color: #fff;
}
.button:focus{
    color: #fff;
}
/**************************Banner*******************************/

.banner{
    background: no-repeat url(../images/banner-bg.jpg) #000000;
    padding-bottom: 107px;
    margin-bottom: 87px;
    background-size: cover;
}
.container{
/*    width: 1170px;*/
/*    padding: 0;*/
/*    border: solid 1px red;*/
}

.logo{
    margin: 0;
    padding: 40px 0 40px 12px;
    
}
.logo img{
    width: 100%;
}
.ban-top-menu{
    padding: 78px 56px 78px 0;
}
.top-menu-sec{
    font:900 14px lato;
    color: #fff;
}
.top-menu-sec:hover{
    color: #fff;
}
.top-menu-sec:focus{
    color: #fff;
}
.top-menu-first{
    color: #c9822c;
    font:900 14px lato;
    margin-right: 50px;
}
.top-menu-first:hover{
    color: #c9822c;
}
.top-menu-first:focus{
    color: #c9822c;
}
.login-form{
    background-color:rgba(221, 221, 221, 0.9);
    width: 262px;
    padding: 33px;
    position: absolute;
    z-index: 5;
    margin-top: 9px;
}

.login-form-btn{
    width: 142px;
    margin-top: 18px;
}
.login-input{
    background-color: transparent;
    border-bottom: solid 1px #414141;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-radius: 0;
    padding: 0;
    height: 25px;
    margin-bottom: 20px;
    font:500 normal 15px gotham;
    color: #414141;
    box-shadow: none;
}
.login-form .form-control::placeholder{
    font:500 normal 15px gotham;
    color: #414141;
}
.login-form .form-control::-moz-placeholder{
    font:500 normal 15px gotham;
    color: #414141;
}
.login-form .form-control::-webkit-placeholder{
    font:500 normal 15px gotham;
    color: #414141;
}
.login-form .form-control::-ms-placeholder{
    font:500 normal 15px gotham;
    color: #414141;
}
.login-input:focus{
    border-bottom: solid 1px #414141;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    box-shadow:inset 0 1px 1px rgba(0,0,0,0),0 0 8px rgba(0,0,0,0);
}
.login-box-links{
    margin-top: 7px;
}
.login-box-links p{
    line-height: 22px;
    margin-bottom: 0;
}
.ban-text{
    padding: 0 0 0 24px;
    margin-top: 78px;
}
.ban-para{
    font:700 20px lato;
    color: #fff;
    margin: 0 0 12px 0;
    line-height: 22px;
}
.ban-h3{
    font:300 normal 20px gotham;
    color: #fff;
    margin: 0 0 31px 0;
}
.ban-h2{
    font:normal 36px gotham book;
    color: #fff;
    margin: 0;
    line-height: 41px;
    margin: 0 0 32px 0;
}

.ban-btn{
    width: 314px;
}
.ban-button:hover{
    color: #fff;
}
.slider-first{
    float: right;
    margin-top: -33px;
}
.banner .owl-prev{
    position: absolute;
    top: 42%;
    left: -15px;
}
.banner .owl-next{
    position: absolute;
    top: 42%;
    right: -14px;
}
.banner .owl-dot{
    background: #9b9898;
    border: solid 1px #4f4b4b;
    height: 6px;
    width: 59px;
    display: inline-block;
    top: 88%;
    margin-right: 4px;
}
.banner .owl-dots{
    position: absolute;
    top: 87%;
    left: 35%;
/*    position: absolute;*/
}
.banner .owl-dot.active{
    background: #fff;
}

.slide-width{
    width: 85% !important;
    margin: 0 auto;
}
.slide-2{
    margin: 108px auto 0 auto;
}
.slide-4{
    margin: 50px auto 0 auto;
}

/********************************functionalites******************************/
.functionality{
    padding-bottom: 47px;
}
.main-title{
    padding: 0;
}
.img-1{
    background:no-repeat url(../images/img-1.png);
}
.img-1 .overlay{
    background-color: rgba(254, 206, 39, 0.4);
}
.img-2{
    background: no-repeat url(../images/img-2.png)
}
.img-2 .overlay{
    background-color: rgba(245, 187, 3, 0.4);
}
.img-3{
    background: no-repeat url(../images/img-3.png)
}
.img-3 .overlay{
    background-color: rgba(225, 128, 9, 0.4);
}
.img-4{
    background: no-repeat url(../images/img-4.png)
}
.img-4 .overlay{
    background-color: rgba(216, 101, 23, 0.4);
}

.img-5{
    background:no-repeat url(../images/img-1.png);
}
.img-5 .overlay{
    background-color: rgba(238, 156, 52, 0.4);
}
.img-6{
    background: no-repeat url(../images/img-4.png)
}
.img-6 .overlay{
    background-color: rgba(196, 51, 0, 0.4);
}
.img-7{
    background: no-repeat url(../images/img-3.png)
}
.img-7 .overlay{
    background-color: rgba(200, 105, 20, 0.4);
}
.img-8{
    background: no-repeat url(../images/img-4.png)
}
.img-8 .overlay{
    background-color: rgba(215, 96, 16, 0.4);
}
.img-9{
    background: no-repeat url(../images/img-1.png)
}
.img-9 .overlay{
    background-color: rgba(165, 102, 39, 0.4);
}
.img-10{
    background: no-repeat url(../images/img-2.png)
}
.img-10 .overlay{
    background-color: rgba(197, 104, 5, 0.4);
}
.img-11{
    background: no-repeat url(../images/img-3.png)
}
.img-11 .overlay{
    background-color: rgba(143, 76, 4, 0.4);
}
.img-12{
    background: no-repeat url(../images/img-2.png)
}
.img-12 .overlay{
    background-color: rgba(205, 140, 0, 0.4);
}
.img-13{
    background: no-repeat url(../images/img-3.png)
}
.img-13 .overlay{
    background-color: rgba(125, 55, 9, 0.4);
}
.overlay{
    text-align: center;
    padding: 72px 10px;
    max-height: 279px;
    transition:all 0.5s ease;
}
.overlay img{
margin-bottom: 25px;
}
.overlay-p{
    font: 500 18px cabin;
    color: #fff;
    margin: 0;
}
.fun-block-padding{
    padding-left: 0px;
    padding-right: 3px;
    padding-bottom: 3px;
}
.recemment .fun-block-padding:last-child{
    padding-right: 0;
}

.fun-block-padding:hover .overlay{
    background-color: #c9822c;
    transform: scale(1.1,1.1);
/*    transition:all 0.5s ease;*/
    position: relative;
    z-index: 99999;
}
.recemment-block{
    margin: 33px 0 49px 0;
    float: left;
    width: 100%;
}
.deja-block{
    margin: 11px 0 45px 0;
    float: left;
    width: 100%;
}
.venir-block{
    margin: 22px 0 0 0;
    float: left;
    width: 100%;
}


/********************************accordian******************************/
.accordian{
    background-color: #faf9f6;
    padding: 48px 0;
}
.icon{
    float: right;
}
.icon i{
    color: #e7dbb8;
}
.faq-ques{
    font: 700 18px pt sans;
    color: #c9822c;
}
span:hover{
    border-color:transparent;
}
.faq-ques-img{
    margin-right: 53px;
}
.acc-border{
    border-color: transparent;
    border-bottom:solid 1px #e9e4d4;
}
.accordian .panel-heading{
     background-color: #faf9f6;
}
.accordian .panel-body{
    border-color: transparent;
    background-color: #faf9f6;
    padding-left: 99px;
}




.ques-icon{
    float: left;
    width: 5%;
/*    margin-right: 53px;*/
    
}
.ques-ans{
    float:left;
    width: 95%;
    padding-left: 27px;
    }
.ques-line{
    font: 700 18px pt sans;
    color: #c9822c;
}
.ans-line{
    font: normal 16px pt sans;
    color: #464646;
}
.ques-block{
     border-bottom:solid 1px #e9e4d4;
    margin-top: 33px;
}
.no-border{
    border-bottom:solid 1px transparent;
}
.accordian-btn{
    width: 225px;
    margin-top: 45px;
}
/********************************application******************************/

.application{
    background: no-repeat url(../images/application-bg.jpg);
    text-align: center;
    padding: 80px 0 85px 0;
    background-size: cover;
}

.app-title{
    color: #fff;
/*    margin-bottom: 123px;*/
    font: 500 35px cabin;
    margin: 0 0 175px 0;
}
.app-p{
    font:900 18px lato;
    color: #ff0000;
    margin: 15px 0 0 0;
}
.app-h6{
    font: 500 24px cabin;
    color: #fff;
    margin: 0;
}
.app-m{
    margin-top: -47px;
}
.app-m-p{
    font:900 21px lato;
    color: #fff;
}


/********************************************cvg**********************************/
.cvg-h6{
    font: 700 17px pt sans;
    color: #464646;
    margin: 0;
}
.cvg-p{
    font: 400 17px pt sans;
    color: #464646;
    line-height: 30px;
    margin: 0;
}
.cgv-img img{
    width: 100%;
}
.cgv-text{
    padding-top: 50px;
}
.cvg-btn{
    width: 121px;
}
.cgv-text-a{
    margin-bottom: 32px;
}
.cgv-text-b{
    margin-bottom: 40px;
}
.cgv{
     padding:85px 0 50px 0;
    background-color: #faf9f6;
}


/********************************************qui sommes**********************************/
.qui-sommes{
    margin-bottom: 70px;
    padding-top: 50px;
}
.qui-text{
    width: 80%;
}
.qui-p{
    margin: 0;
    font: 400 17px pt sans;
    color: #464646;
}
.qui-img{
    margin-top: -44px;
}

.qui-img img{
    width: 100%;
}


/********************************************map-black-box*************************************/
.map{
    position: relative;
    height: 659px;
}
iframe{
    height: 100%;
}
.map-black-box{
    width: 782px;
    background-color: rgba(55, 55, 55, 0.9);
    padding:36px 47px 29px 47px;
    position: absolute;
    top: 97px;
    left: 20%
}
.map-black-box-h2{
    font: 500 35px cabin;
    color: #ededed;
    margin: 0 0 39px 0;
}
.map-black-box-btn{
    width: 153px;
}
.map-textfields{
    padding: 0;
}
.input-style{
    background-color: transparent;
    border-bottom: solid 1px #d2d2d2;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-radius: 0;
    padding: 0;
    margin-bottom: 20px;
    height: 30px;
    color: #dcdcdc;
    font: 400 17px pt sans;
    color: #dcdcdc;
    box-shadow: none;
}
.map-black-box .form-control::placeholder{
    font: 400 17px pt sans;
    color: #dcdcdc;
}
.map-black-box .form-control::-moz-placeholder{
    font: 400 17px pt sans;
    color: #dcdcdc;
}
.map-black-box .form-control::-webkit-placeholder{
    font: 400 17px pt sans;
    color: #dcdcdc;
}
.map-black-box .form-control::-ms-placeholder{
    font: 400 17px pt sans;
    color: #dcdcdc;
}
.input-style:focus{
    border-bottom: solid 1px #d2d2d2;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    box-shadow:inset 0 1px 1px rgba(0,0,0,0),0 0 8px rgba(0,0,0,0);
}
.map-black-box-btn{
    margin-top: 21px;
}
    
.map-contact-id-p{
    font: 400 17px pt sans;
    color: #dcdcdc;
}
.map-contact-id{
    width: 69%;
    float: right;
}
.meppen-id{
    font: 400 17px pt sans;
    color: #51b2ff;
}

.meppen-id:hover{
    color:#51b2ff;
}
/********************************************footer*************************************/
.footer{
/*    background: #2c353d;*/
    padding: 36px 0;
}
.footer-menu{
    margin: 0 0 23px 0;
}
.footer-menu li{
    display: inline-block;
    margin-right: 40px;
}
.footer-menu li:last-child{
    margin-right: 0;
}
.footer-menu li a{
    font: 400 17px pt sans;
    color:#697b89;
}
.footer-menu li a:hover{
    color: #fff;
}
.copyright{
    font: 400 17px pt sans;
    color:#697b89;
}










/*****************************************LISTING PAGE*******************************/
.top-menu-first-common{
    color: #c9822c;
    font:900 14px lato;
    margin-right: 50px;
}
.top-menu-first-common:hover{
    color: #c9822c;
}
.top-menu-first-common:focus{
    color: #c9822c;
}

.login-form-common{
    background-color:rgba(221, 221, 221, 0.9);
    width: 262px;
    padding: 33px;
    position: absolute;
    z-index: 5;
    margin-top: 9px;
    display: none;
}
.login-form-common .form-control::placeholder{
    font:500 normal 15px gotham;
    color: #414141;
}
.login-form-common .form-control::-moz-placeholder{
    font:500 normal 15px gotham;
    color: #414141;
}
.login-form-common .form-control::-webkit-placeholder{
    font:500 normal 15px gotham;
    color: #414141;
}
.login-form-common .form-control::-ms-placeholder{
    font:500 normal 15px gotham;
    color: #414141;
}



.common-header{
/*    background: no-repeat url(../images/banner-bg.jpg);*/
    /*margin-bottom: 100px;*/
}
.ban-top-menu-common{
    padding: 78px 56px 78px 0;
}
.common-logo{
    padding: 15px 0;
}
.common-logo img{
    width: 100%;
}

.listing-thumbnail{
    border: solid 1px #ddd;
    text-align: center;
    padding: 20px 0;
}
.figcap-padding{
    padding: 17px 20px 0 20px;
}

.figcap-text{
   width: 70%;
    float: left;
    font: 600 18px cabin;
    color: #5e5757;
    margin-bottom: 0;
}
.gallery-link{
    width: 30%;
    float: right;
    text-align: right;
    color: #5e5757;
}
.gallery-link:hover{
    color: #5e5757;
}
.gallery-link:focus{
    color: #5e5757;
}
.listing-fig{
    margin-bottom: 70px;
}
.listing-images{
    margin-bottom: 61px;
}



/**************************************Gallery********************************/
/*.gallery{
    margin-bottom: 52px;
}*/
.gallery-title{
    font: 500 33px cabin;
    color: #5e5757;
  /*  margin: 0 0 27px 0;*/
  margin-top: 70px;
}
.gallery .owl-dot{
    background-color: #5e5757;
    border-radius: 27px;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 10px;
}
.gallery .owl-dot:last-child{
    margin-right: 0;
}
.gallery .owl-dots{
    text-align: left;
    padding: 29px 0;
    margin: 0 6%;
    display: inline-block;
}
.gallery .owl-next{
    position: absolute;
    bottom: 20px;
    left: 15%;
    margin-left: 25px;
}
.gallery .owl-prev{
    position: absolute;
    bottom: 20px;
    left: 0%;
    margin-right: 25px;
}
.gallery .owl-dot.active{
    background-color: #c9822c;
}
.gallery-text-p{
    font: 500 25px cabin;
    color: #5e5757;
    margin-bottom: 30px;
}
/*.gallery-text{
    margin-bottom: 57px;
}*/

.clrflt{
    clear: both;
}

/*************************Listing 28-11 ************************/
.search-section .search-btn{
    width: 100%;
    background-color: #c9822c;
    color: #fff;
    text-transform: uppercase;
}
.padding-0{
    padding:0;
}
.search-section{
   background-color: #e0e0e1;
   padding: 40px 0; 
}
.border-btm{
    border-bottom: 1px solid #c9c9ca;
}
.mt-15{
    margin-top: 15px;
}
.search-section .search-form label{
    font-weight: 500;
}
.vehicle-listing{
    background-color: #f5f5f5;
    padding-top: 45px;
    font-family: 'Roboto-Medium';
    color: #363332;
    min-height: 510px;
}
.vehicle-listing .vehicle-list-outer{
    background-color: #fff;
    border: 2px solid #c9c9ca;
}
.vehicle-listing .vehicle-one .vehicle-img img{
    margin: 10px;
/*    width: 100%;*/
}
.vehicle-listing .vehicle-one .vehicle-text img{
    margin-top: 25px;
}
.vehicle-listing .vehicle-one .vehicle-price{
/*    margin: 40px 0 35px 0;*/
}
.vehicle-listing .vehicle-one{
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #c9c9ca;
}
.vehicle-listing .vehicle-one:last-child{
    border-bottom: 0;
}
.vehicle-pagination .pagination>li>a, .vehicle-pagination .pagination>li>span{
    background-color: transparent;
    border: 0;
    color: #010101;
    padding: 4px 11px;
}
.vehicle-pagination .pagination>.active>a, 
.vehicle-pagination .pagination>.active>a:focus, 
.vehicle-pagination .pagination>.active>a:hover, 
.vehicle-pagination .pagination>.active>span, 
.vehicle-pagination .pagination>.active>span:focus, 
.vehicle-pagination .pagination>.active>span:hover{
    background-color: #c9822c;
    color: #010101;
}
.vehicle-pagination .pagination .prev a,
.vehicle-pagination .pagination .next a{
    border: 1px solid #d6d6d6;
    border-radius: 0;
    padding: 4px 11px;
}
.vehicle-pagination .pagination .prev{
    margin-right: 25px;
}
.vehicle-pagination .pagination .next{
    margin-left: 25px;
}
.vehicle-pagination .pagination>li {
    display: inline-block;
}
.vehicle-pagination .pagination .prev a i,
.vehicle-pagination .pagination .next a i{
    font-size: 20px;
}
.vehicle-pagination .pagination{
    margin: 55px 0;
}
.vehicle-listing h3{
    font-size: 19px;
}
.vehicle-listing .text-light{
    font-family: 'Roboto-Light';
}
/******************** details **************************/
.gallery, .gallery-text{
    background-color: #f5f5f5;
    font-family: 'Roboto-Medium';
    color: #363332;
}
.gallery .gallery-title{
    font-size: 19px;
    margin-bottom: 25px;
}

.gallery .gallery-slider .image-wrapper{
    border: 1px solid #dadada;
    background-color: #fff;
    padding: 10px;
    width: 100%;
    display: inline-block;
}
.gallery-slider .owl-nav .owl-prev i,
.gallery-slider .owl-nav .owl-next i{
    font-size: 20px;
    color: #000000;
}
.gallery-slider .owl-nav .owl-prev,
.gallery-slider .owl-nav .owl-next{
    padding: 4px 11px;
    border: 1px solid #d6d6d6;
}
.gallery .owl-dots{
    display: inline-block;
}
.gallery-text .text-first .text-title{
    font-size: 15px;
}
.gallery-text .text-first .text-price{
    font-family: 'Roboto-Bold';
    color: #c9822c;
    font-size: 18px;
}
.gallery-text .text-second .table-bordered>tbody>tr>td{
    border: 1px solid #c6c6c6;
    font-size: 15px;
}
.gallery-text .text-second table tr td:first-child{
    background-color: #dcdcdc;
    width: 30%;
    border-right: 0;
}

.gallery-text .text-second table tr td:last-child{
    background-color: #fff;
    width: 70%;
    padding-left: 35px;
    border-left: 0;
}
.decription-details h3,
.social-icons h3{
    font-family: 'Roboto-Bold';
    font-size: 15px;
}
.decription-details p{
    font-family: 'Roboto-Light';
}
.gallery-text .social-icons{
    background-color: #fff;
    border: 1px solid #d6d6d6;
    margin: 55px 0;
    padding: 25px 0 25px 25px;
}
.gallery-text .social-icons h3,
.gallery-text .social-icons ul{
    display: inline-block;
    margin: 0;
}
.gallery-text .social-icons ul li{
    list-style: none;
    display: inline-block;
    margin-left: 30px;
}
.social-wrapper{
    margin-left: 0;
    margin-right: 0;
}
.gallery-text .social-icons ul li i{
    color: #59514b;
    font-size: 20px;
}
.gallery-text .map-locator .btn{
        padding: 0;
        background-color: transparent;
}

.map-black-box label{
	display:none
}

.overlay h4{
	color: #fff;
}