@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700,800');

html, body {	height: 100%;	margin: 0;	padding: 0;	font-family: 'Montserrat', sans-serif;	font-size: 14px;	color: #000;	text-rendering: optimizeLegibility;	overflow-x: hidden; }
.preload {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 10005;    display: block;    flex-flow: row nowrap;    justify-content: center;    align-items: center;  background: #6d0005;}
.loading-container {    z-index: 10005;    width: 100%;    display: block;    margin: 0 auto;    text-align: center;    position: relative;    top: 40%;}
.loading-img {    width: 199px;    height: 70px;    background: url('/content/view/img-qv/logo_transparent.png');    background-repeat: no-repeat;		animation:linear infinite alternate;	  animation-name: run;  animation-duration: 5s;    display: block;    position: relative;    left: 20px;}
.loading-text {    color: #cacaca;    font-size: 20px; }
@keyframes run {    from {margin-left: 100%;width: 300%; } to { margin-left: 0%; width: 100%; } }
/* =================== BOOTSTRAP RESET ==================== */
a { color:inherit; }
a:hover, a:focus {text-decoration: none; color:inherit;}
h1 {color: #c20112;font-weight: 700;margin-bottom: 20px;margin-left:  20px;}
.btn { border-radius: 2px; }
.btn-primary {background: #d20013;border-radius: 2px;color: #fff;border: #c70617 solid 1px; font-weight: 600; }
.btn-primary:hover {background: #a90715;border-color: #820813;}
.btn-primary:active, .btn-primary:focus{     background-color: #940210 !important;    border-color: #52050c !important; }
.error { border:red solid 1px; }
.validation { color:red; }
.modal-content { border-radius: 0; }
.form-control { border-radius: 0; border-left: #ccc solid 2px; }

/* =================== HEADER ==================== */
header {height: 88px;width: 100%; /*background: url('/content/view/img-qv/head_bg.jpg');background-repeat: repeat-x;*/ background: #a61219; }
#logo {background: url('/content/view/img-qv/logo_transparent.png');height: 70px;width: 199px;background-repeat: no-repeat;margin-top: 8px;}
#logo:hover {opacity: .8;/* transform: scale(1.05); */transition: all .3s;}

#menu {height: 88px;}
#menu li {color: #fff;font-weight: 600;padding-top: 30px;}
#menu ul li:hover, #menu ul li.active {/* opacity: 0.6; */height: 88px;background: #781215;padding-top: 34px;/* border-top: #d6d6d6 double 3px; */}
#menu ul li:nth-child(7):hover, #menu ul li:nth-child(8):hover {background: inherit;padding-top: 30px;opacity:  0.9;}
#menu li:nth-child(3):hover, #menu li:nth-child(7):hover{ opacity: 1;}

/* menu hover seloqualidade */
header ul li:hover .sub-menu {    display: block; visibility: visible; }
header .sub-menu {    visibility: hidden;   position: relative;    top: 85px;    left: 0;    padding: 20px 0;    z-index: 9999;    width: 100%; }
header .sub-menu .container {    position: fixed;    display: table;    height: 500px;    top: 85px;    left: 0;    right: 0;    width: 100%;    z-index: 9999;    background: url("/content/view/img-qv/selo_fundo_hover_menu.jpg");    background-position: right;    background-size: cover;}
header .sub-menu .table {    display: table;    float: right; }
header .sub-menu .col-md-7, header .sub-menu .col-lg-6 {padding-top: 80px; padding-right: 100px;}
header .sub-menu p:first-of-type {font-size: 22px;font-weight: 700;text-align: justify;}
header .sub-menu p:last-of-type {font-size: 18px;font-weight: 400;text-align: justify;}
header .sub-menu div { padding-top: 25px; }

#slider-home .item div { width: 100%; background-position: center !important;			  background-repeat: no-repeat !important;			  background-size: 100% !important; background-attachment: fixed !important;  }
.carousel-indicators { display: table; }
.carousel-indicators li { display: inline-block; width: 20px; height: 20px;  margin: 1px;    text-indent: -999px;    cursor: pointer;    background-color: #26282a;    border: 0;    border-radius: 10px; }
.carousel-indicators li.active { width: 20px; height: 20px; background: #a20918 !important; }
/* =================== BOX HOME DESTAQUES ==================== */
.box-carros-destaques {height: 600px;}
.box-carros-destaques img {width: 100%;}
.box-image {height: 100%;overflow: hidden;background-size: cover !important;background-position: center !important;}
.box-descricao { background: #172228; padding: 20px 20px 10px 20px; height: 100%; } /* padding: 50px 20px */
.box-descricao h3 { color: #fff; font-weight: 600; }
.box-descricao p { color:#fff; font-weight: 500; }

/* =================== BOX HOME GALERIA ==================== */
.box-galeria-carros {margin-top: 10px;/* height: 300px; */transition: all .2s ease-in-out;}
.box-galeria-carros:hover {transform: scale(1.02);}
.box-galeria-carros img {width: 100%;}
.imagem-carros-destaques {height: 100%;background-position: center !important;background-repeat: no-repeat !important;}
.box-galeria-carros .row {color:#fff;background: #172228;margin:  0;padding:  5px 5px 5px 5px;max-height: 45px;}
.box-galeria-carros h4 {font-size:  14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* HOME SELO QUALIDADE */
.bg-home-selo-qualidade {background: url('/content/view/img-qv/selo_fundo_hover_menu.jpg');height: 720px;background-position-x: center;padding-top:170px;}
.bg-home-selo-qualidade .titulo {font-size: 24px;font-weight: 800;color: #fff;margin-left:  25px;}
.bg-home-selo-qualidade .descricao {color: #fff;font-size: 16px;line-height: 2;letter-spacing: 1px;margin-top: 20px;margin-left:  25px;}

/* =================== FOOTER ==================== */
footer {background: #353A3D;}
footer .container:first-child {padding: 50px 0;color: #8e8c8c;}
footer .titulo {color: #f3f3f3;font-weight: 500;font-size: 16px;margin-bottom:  25px;}

/* ============ PAGINA EMPRESA =============*/
.empresa-fotos li {     width: 19%;    margin-right: 1%;    margin-bottom: 10px;   list-style: none;    float: left; }
.empresa-fotos li img {width: 100%;height: auto;}

/* ============ PAGINA VISUALIZAR CARRO =============*/
.container-icone {color: #fff;font-weight: 500;width: 120px;text-align: center; padding-top: 5px; float:right;}
.container-icone img {cursor: pointer;width: 36px;margin:  0 auto;height: 33px;}
.container-icone:hover { opacity:  0.8; }
.row-header {background: #172228;padding: 10px 0;}
.row-header h1 { color: #fff; font-size: 24px; }
.container-veiculo-info-geral {background: #DDDEE0;padding: 50px 50px 50px 100px;}
.container-veiculo-info-geral h3 { color:#000; font-weight: 800;}
.container-veiculo-info-geral ul li {font-size: 16px;font-weight: 600;color: #332f2f;padding: 5px 0;}

.container-veiculo-opcionais { background: #C6C7C9; }
.container-veiculo-opcionais {background: #dddee0;padding: 50px 50px 50px 100px;}
.container-veiculo-opcionais h3 {color:#000;font-weight: 800;word-wrap:  break-word;}
.container-veiculo-opcionais ul li {font-size: 15px;font-weight: 600;color: #332f2f;padding: 4px 0;}

.container-veiculo-observacoes {color:#fff;background: #172228;padding: 50px 50px 50px 50px;font-size: 16px;font-weight:  500;}
.veiculo-nome { padding: 30px 0; }

/* ================== CONTATO ==================*/
#contato-info {font-size: 16px;font-weight: 500;text-align:  center;color: #4c4a4a;}
#contato-info i {font-size: 30px;color: #c70213;padding: 10px 0;width:  100%;text-align:  center;}
#form-contato { margin: 50px 0; }
#form-contato .form-group { width: 100%; }
#google-map { height: 60%;    margin-bottom: 20px; }

/* =============== SELO QUALIDADE =============== */
#bg-selo-qualidade {background: url("/content/view/img-qv/selo_fundo_pagina.jpg");width: 100%;background-position-x: center;height: 850px;position: relative;background-size: cover;}
#bg-selo-qualidade .row {position: relative;top: 500px;}
#bg-selo-qualidade p {line-height: 2;font-size: 20px;margin-top:  30px;font-weight: 400;letter-spacing: 0.95px;}

/* =================== UTIL ==================== */
.no-margin { margin: 0 !important; }
.no-padding { padding: 0 !important; }
.clr-black { color: #000; }
.clr-white { color: #fff; }
.row-flex {  display: flex; }
.row-flex > [class*='col-'] { display: flex;	 flex-direction: column;}
.secao { padding: 40px 0; }
.padding-30 { padding: 30px 30px; }
	

/* =================== CELULAR ==================== */
@media (max-width: 767px){
	#logo { margin-left: 5px; }
	#menu.menu-mobile{height:100%;width:0;position:fixed;z-index: 9999;top:0;left:0;background-color: #b8b2ab;overflow-x:hidden;padding-top:20px;transition:.5s;}
	#menu.menu-mobile a{padding: 7px 8px 8px 0px;text-decoration:none;font-size: 20px;color: #b50b1a;display:block;transition:.3s;}
	#menu.menu-mobile a:hover{color:#f1f1f1}
	#menu ul li:hover, #menu ul li.active { border-left: #B50010 solid 3px; background: inherit; }
	#btnMenuMobileFechar{position: relative;top:0;right: 0;font-size: 36px !important;padding: 0 !important;}
 	#menu ul li { width: 100%; }

	#slider-home { height: 330px; }
	#slider-home .item div {   width: 100%;    background-repeat: no-repeat !important;    background-size: 100% !important;		background-attachment: scroll !important;   height: 270px;	}

	.box-galeria-carros img { height: auto; }
	.box-carros-destaques { height: auto; margin-top: 25px; }	
	.box-descricao { text-align: center; padding: 10px 20px; }
	.box-image { height: 280px; }
	#btnMenuMobileAbrir {background: #67161a;border: 0;border-radius: 0;margin-top: 30px;padding: 8px 6px;float:  left;margin-left:  5px;color: red;}
	#btnMenuMobileAbrir .icon-bar {background-color: #ffffff;}
	.empresa-fotos li {width: 49%;height: 120px;}
	.row-header h1 { text-align: center; margin: 0; }
	h1 { text-align: center; }
	.row-flex { display: block;}
	.container-veiculo-info-geral, .container-veiculo-opcionais {padding: 20px !important;text-align:  center;}
	.carousel-control img { top: 30% !important; width: 50px !important; }
	.secao { padding: 10px; }
	#bg-selo-qualidade { height: 750px; }
	#bg-selo-qualidade .row { top:420px; }
	footer .container:first-child {    padding: 50px 50px;    color: #8e8c8c;    text-align: center; }
	footer .titulo { margin-bottom: 5px; }
	
	.bg-home-selo-qualidade {
    padding-top: 70%;
    padding-bottom: 50px;
    background-image: url(/content/view/img-qv/selo_fundo_mobile.jpg);
    height: auto;
    background-size: cover;
	}
	#wowslider-container .ws_bullets {display: none !important;}

	.container-icone {/* float: left; */margin: 0 auto;width: 50%;display:  inline-block;font-size: 11px;}
	
	.container-icone img {    cursor: pointer;    width: 28px;    margin: 0 auto;    height: 25px;}
	.container-icone .fa-whatsapp {    font-size: 20px;    margin-bottom: 3px;    width: 100%;}	
	
}

/* =================== TABLET ==================== */
@media (min-width: 992px){
	.box-carros-destaques {	    height: 410px;	}
	.container-veiculo-opcionais ul li { float:left; width: 50%; }
	.box-galeria-carros img {height: 230px;}
}
/* =================== DESKTOP ==================== */
@media (min-width: 1200px){
	.box-carros-destaques {	    height: 560px;	}
}
/* =================== LARGE DESKTOP ==================== */
@media (min-width: 1600px){
	#slider-home .item div { background-position: top !important }
	.box-carros-destaques {	    height: 800px;	}  /* 640px - 20261113 */
	header .sub-menu .col-md-7, header .sub-menu .col-lg-6 {padding-top: 80px; padding-right: 250px !important;}
	header .sub-menu .container { height: 600px !important;}
	.box-galeria-carros img {height: 330px;}
}



.widget_socials{position:relative;left:3px;margin: 0 auto;display:  inline-block;}
.widget_socials li:first-child{margin-right:3px}
.widget_socials li{float:left;margin:5px 4px 10px;}
.widget_socials li a{display:block;width:45px;height:45px;background-color:#3b3d3f;text-align:center;line-height:45px;font-size:20px;color:#fff!important;transition:  all .5s;text-decoration:none!important;}
.widget_socials li a:hover{background-color:#a61219}
footer a:hover { text-decoration: underline; }

/* =================== FONTE ADFONTCARS  ==================== */
@font-face {
    font-family: 'adfontcars';
    src: url('../fonts/adfonts/Adfontcarsv12-Regular.woff?v=1.2') format('woff');
    font-weight: normal;
    font-style: normal;
}

.adfont-cars {
    font-family: 'adfontcars', Regular;
}

.with-icone-cars:before {
    font-family: "adfontcars";
}

.ico-fuel:before {
    content: '\0061';
}

/* ============= LEGENDAS CARACTERISTICAS VEÍCULOS ========== */
.legendas { background-color:#172228!important; font-size:11px; height:25px; padding:2px!important; }
.legendas ul {
     list-style: none;
     text-align: center;
     margin: 0;
     padding: 0;
}
.legendas ul li { 
    /*float:right;*/
    margin-right:7px;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    color: #fff;
    text-rendering: optimizeLegibility;
    overflow-x: hidden; 
    display: inline;
}

.legendas-big { font-size:16px; height:25px; padding:2px!important; margin-bottom:15px; }
.legendas-big ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
.legendas-big ul li { 
    float:left; margin-left:20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #fff;
    text-rendering: optimizeLegibility;
    overflow-x: hidden; 
}

.ico-cor-dono { color:#f6465d;  } 
.ico-cor-km   { color:#f6465d;  }
.ico-cor-ano  { color:#f6465d;  }
.ico-cor-fuel { color:#f6465d;  } /* #f6292a */


.ico-big-cor-dono { color:#2ebe1e; } 
.ico-big-cor-km   { color:#1999f3; }
.ico-big-cor-ano  { color:yellow;  }
.ico-big-cor-fuel { color:#f6465d; } /* #f6292a */

.btn-ver-mais { font-size:12px;width:80px;padding:3px; }
