#preloader {
    position: fixed;
    top:0; left:0;
    right:0; bottom:0;
    background: #fff;
    opacity: 0.9;
    z-index: 999999999;
    display: none;
}
#loader {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%; top:50%;
    background: url("../images/loader.gif") no-repeat center 0;
    margin:-50px 0 0 -50px;
}

#cargando {
    position: fixed;
    top:0; left:0;
    right:0; bottom:0;
    background: #fff;
    opacity: 0.9;
    z-index: 999999999;
    
}
#carga {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%; top:50%;
    background: url("../images/loader.gif") no-repeat center 0;
    margin:-50px 0 0 -50px;
}
#loader p{
	margin-top: 70px;
	text-align: center;
	font-size: 21px;
}

.res{
	background-color: #fff;
	border: #1768a0 4px solid;
	display: none;
	clear: both;
	margin-top: 15px;
	border-radius: 5px;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}

#DatosEnviar a{
	transition: 0.2s;
}
#DatosEnviar a:hover{
	background-color: #313131 !important;
}


body{
	font-family: 'Montserrat', sans-serif;
	overflow-x: hidden;
	padding-top: 70px;
	background-color: #DDD;
}

div.content{
	max-width: 85%;
	margin: 0 auto;
	overflow-x: hidden;
}
div.content div{

}
div.content-main{
	max-width: 75%;
	margin: 0 auto;
	overflow-x: hidden;
}
div.content-info-auto{
	max-width: 1200px;
	margin: 0 auto;
	overflow-x: hidden;
}

div.logo{
	padding-top: 0px;
	
}
div.logo img{
	max-height: 70px;
}

/* SECCIÓN MENU PRINCIPAL */
header{
	display: block;
	position: relative;
	margin: 0 auto;
	position: fixed;
	width: 100%;
	background-color: #DDD;
	top: 0;
	z-index: 9;
	box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.1);
	
}
header div.row{
	
}
div.menu{
	text-align: right;
	margin: 0px;
}
@media only screen and (min-width: 1250px){
	div.menu div.menu-top{
		display: table;
		width: 100%;
		height: 70px;

	}
}
div.content div.row .col-md-8{
	margin: 0px !important;
	padding: 0px !important;
}
div.menu div.sub-menu{
	display: table-cell;
    vertical-align: middle;
    color:red;
    color: #313131;
    height: 70px;
}
div.menu div.sub-menu ul li{
	list-style: none;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	padding-left: 18px;
	padding-right: 18px;
}
div.menu div.sub-menu ul{
	margin: 0px;
	padding: 0px;
}
div.menu div.sub-menu ul li a{
	color: #313131;
	transition: 0.3s;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
}
div.menu div.sub-menu ul li a.activo,
div.menu div.sub-menu ul li a:hover{
	color: #ea012e;
	font-style: none;
	text-decoration: none;
}
div.menu div.info{
	min-width: 210px;
	font-size: 0.9em !important;
	line-height: 25px;
}
header div.row{
	margin: 0px;
}


/* MODULO SLIDER PRINCIPAL */
section.slider{
	margin-top: -15px;
}

/* ------------------------------------------- */
footer p{
	color: #fff;
}
section.two-modulos{
	margin-top: 30px;
	margin-bottom: 10px;
}
section.two-modulos div.table{
	display: table;
	height: 400px;
}
section.two-modulos div.table div{
	display: table-cell;
	vertical-align: middle;
	color: #fff;
}
section.two-modulos div.table div h1{
	font-family: Arial;
	font-size: 5em;
	text-shadow: 1px 1px 1px #313131;
	font-weight: bold;
	margin: 0px;
}
section.two-modulos div.table div h2{
	font-family: Arial;
	font-size: 5em;
	text-shadow: 1px 1px 1px #313131;
	font-weight: bold;
	margin: 0px;
}
section.two-modulos div.table div p{
	font-size: 1.1em;
	padding-left: 35px;
	padding-right: 35px;
}
.modulo-nuevos{
	background: url("../images/modulos/nuevos.jpg");
	background-position: center;
	background-size: 100%; 
	-webkit-transition: background-size 0.3s ease-in;
	transition: background-size 0.3s ease-in;
	cursor: pointer;
}
.modulo-usados{
	background: url("../images/modulos/usados.jpg");
	background-position: center;
	background-size: 100%; 
	-webkit-transition: background-size 0.3s ease-in;
	transition: background-size 0.3s ease-in;
	cursor: pointer;
}
.modulo-usados:hover,
.modulo-nuevos:hover{
	background-size: 110%; 
}
.modulo-nuevos i,
.modulo-usados i{
	margin-top: 20px;
	font-size: 38px;
}

footer{
	background-color: #1768a0;
	padding: 35px; 
}
footer h6{
	font-size: 1.2em;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
footer h4{
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: #494949 1px solid;
}
footer p{
	color: #eee;
}
footer span{
	color: #fff;
	margin-right: 10px;
}

section.footer{ 
	padding: 15px;
	padding-top: 25px;
	background-color: #1d1d1d;
}
section.footer p{
	color: #ccc;
}
footer div.siguenos span{
	font-size: 1.8em;
}
footer div.siguenos span:hover{
	color: #1768a0;
	cursor: pointer;
}


/* ELEMENTOS EXTRA */
.freebirdMaterialHeaderbannerSectionTriangle>polygon {
    stroke-width: 0;
}
.freebirdSolidFill {
    fill: rgb(43, 43, 43);
    stroke: rgb(219, 68, 55);
}




/* CABECERA SUB-HEADER*/
section.sub-header{
	background-color: #363633;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
div.bg-black{
	background-color: #1768a0;
}
section.sub-header h1{
	margin: 0px;
	color: #fff;
	text-transform: uppercase;
	padding: 15px;
}
.autos-nuevos{
	background: url("../images/sub_header.jpg");
}

/* AUTOS NUEVOS*/ 
.logos-nuevos{
	margin-top: 30px;
	margin-bottom: 30px;
}
.logos-nuevos div{
	padding: 10px;
	margin-bottom: 20px;
	opacity: 0.8;
	transition: 0.5s;
}
.logos-nuevos div:hover{
	opacity: 1;
}
.logos-nuevos div img{
	max-width: 100%;
}

/* CATALOGO AUTOS NUEVOS */
.header-catalogo{
	margin-top: 30px;
	margin-bottom: 30px;
	font-weight: 300;
}
.header-catalogo form label{
	font-weight: 300;
	font-family: 'Montserrat', sans-serif;
}

div.catalogo-autos{
	margin-top: 10px;
	margin-bottom: 60px;
}
div.catalogo-autos div{
	
}
div.col-md-4{
	padding: 0 20px;
}
div.catalogo-autos div.imagen-auto{
	background-position: center top !important;
	background-repeat: no-repeat !important;
	background-size: 100% !important;
	height: 300px;

	
	-webkit-transition: background-size 0.2s ease-in !important;
	transition: background-size 0.2s ease-in !important;
	margin-bottom: 17px;
	transition: all 0.5s;
	border-bottom: #1768a0 5px solid;
}
div.auto-nuevo:hover{
	cursor: pointer;
}
div.auto-nuevo:hover div.imagen-auto{
	background-size: 110% !important;
}
div.catalogo-autos div.auto-nuevo{
	box-shadow: 0 5px 5px 1px rgba(0, 0, 0, 0.1);
	padding-bottom: 20px;
	background-color: #fff;
	transition: all 0.3s;
	margin-bottom: 35px;

}
div.catalogo-autos div.auto-nuevo:hover{ 
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
 }
div.catalogo-autos img{
	max-width: 100%;
}

div.catalogo-autos div.col-md-4{
	
}
div.catalogo-autos h3{
	margin: 0px;
	padding: 0px;
	font-size: 1.4em;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0px;
	cursor: pointer;
	color: #333333;
	line-height: 25px;
	transition: all 0.2s;
}
div.catalogo-autos a{

	text-decoration: none !important;
}
div.catalogo-autos .texto-info strong,
div.catalogo-autos .texto-info i{
	color: #333;
	margin-bottom: 7px;
	transition: 0.2s;
}
div.catalogo-autos .texto-info {
	color: #999999;
	font-size: 14px;
}

div.auto-nuevo:hover h3,
div.auto-nuevo:hover strong,
div.auto-nuevo:hover i{
	color: #1768a0;
}

div.texto{
	
}
div.catalogo-autos div.texto p{
	text-transform: unset !important;
	font-size: 12px;
	line-height: 20px;
}
div.catalogo-autos div.texto{
	padding: 0 12px 0 12px ;
}
div.catalogo-autos div.texto div.row{
	margin-top: 20px;
}

div.catalogo-autos div.precio{
	background-color: #1768a0;
	position: relative;
	padding: 7px 15px;
	color: #fff;
	font-weight: bold;
	font-size: 1.5em;
	border-radius: 0 0 5px 0;
	float:left;
}

div.catalogo-autos div.estado{
	background-color: #1768a0;
	position: relative;
	padding: 7px 15px;
	color: #fff;
	font-weight: bold;
	font-size: 1.5em;
	border-radius: 0 0 5px 0;
	float:right;
}

h1.nombre-auto{
	border-left: #1768a0 5px solid;
	padding-left: 15px;
	font-weight: 700;
	font-size: 32px;
}

div.galeria{
	display: block;
	width: 100%;
	margin-bottom: 25px;
}

div.info-precio{
	display: block;
	width: 100%;
	text-align: right;
	background-color: #1768a0;
	color: #fff;
	font-size: 2.7em;
	font-weight: bold;
	padding-right: 30px;
	box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.1);
	margin-bottom: 30px !important;
}

div.info-auto{
	display: block;
	width: 100%;
	background-color: #fff;
	color: #313131;
	
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}
div.info-auto h5{
	display: block;
	width: 100%;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	border-left: #ea012e 5px solid;
	padding-left: 15px;
	margin-bottom: 20px;
}
div.info-auto label{
	margin-bottom: 5px;
	margin-top: 11px;
	text-transform: uppercase;
}
div.info-auto input[type=text],
div.info-auto select{
	margin-bottom: 5px;
}
div.info-left{
	font-size: 14px !important;
	color: #868686;
	font-weight: normal;
	margin-bottom: 10px;
}
div.info-left p{
	margin: 0px;
	padding-left: 15px !important
}
div.info-right{
	font-size: 14px !important;
	color: #363636;
	font-weight: normal;
	margin-bottom: 10px;
}
div.info-descripcion{
	margin-top: 25px;
	margin-bottom: 25px;
}
div.info-descripcion p{
	max-width: 95%;
	margin: 0 auto;
	line-height: 25px;
	font-weight: 500;
	font-size: 1.1em;
}
/* extras */
h1.mid{
	font-size: 1.5em;	
}
h1{
	font-weight: 300;
}

.padding-10{
	padding: 10px;
}
.padding-20{
	padding: 20px;
}
.padding-30{
	padding: 30px;
}
.padding-40{
	padding: 40px;
}
.padding-50{
	padding: 50px;
}

.padding-top-10{
	padding-top: 10px !important;
}
.padding-top-20{
	padding-top: 20px !important;
}
.padding-top-30{
	padding-top: 30px !important;
}
.padding-top-40{
	padding-top: 40px !important;
}
.padding-top-50{
	padding-top: 50px !important;
}
.padding-top-60{
	padding-top: 60px !important;
}

.padding-bottom-10{
	padding-top: 10px;
}
.padding-bottom-20{
	padding-top: 20px;
}
.padding-bottom-30{
	padding-top: 30px;
}
.padding-bottom-40{
	padding-top: 40px;
}

.width-50{
	max-width: 50%; 
}
.margin-auto{
	margin: 0 auto;
}
label{
	font-family: 'Montserrat', sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 10px;
}
.content-main h3{
	margin-bottom: 20px;
}


.contacto-info{
	padding-top: 30px;
	padding-bottom: 50px;
}
.contacto-info{
	font-size: 30px;
}
.contacto-info i{
	font-size: 50px;
}
.contacto-info span{
	display: block;
}
.contacto-info span:hover{
	color: #313131;
	cursor: pointer;
}



#Calcular{
	transition: 0.3s;
}
#EnviarDatos:hover,
#Calcular:hover{
	background-color: #313131 !important;
	border-color: #000 !important;
}

.menu-movil{
	display: none;
}

.info-header-auto{
	margin-top: 15px;
}
.info-header-auto div{
}

.info-header-auto .btn-sm{
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
}

.share {
	text-align: center;
}
.share strong{
	display: inline-block;
	margin-top: 7px;
	margin-right: 10px;
}
.share div{
	margin-right: 15px;
}
.whatsapp{
	margin-top: -1px;
	color: #fff;
	font-size: 11px;
	padding: 2px 8px;
	background-color: #25d366;
	transition: 0.2s;
	font-weight: bold;
}
.whatsapp:hover{
	background-color: #075e54;
	color: #fff;
}


.multiple-img-list,
.slick-track{
	
	max-height: 90px;
}
.multiple-img-list div img{
	opacity: 0.5;
	transition: 0.3s;
}
.multiple-img-list div.slick-current img{
	opacity: 1;
}
.multiple-img-list div img:hover{
	cursor: pointer;
	opacity: 1;
}

/* RESPONSIVE SECTION */
@media only screen and (max-width: 1150px){
	header{
		position: relative !important;
		display: block;
	}
	header div{
		display: block;
	}

	div.menu div.menu-top{
		display: none;
	}
	div.menu-top ul{
		width: 100%;
	}
	div.menu-top ul li{
		display: block;
		width: 100%;
		background-color: #eee;
		border: #e8e8e8 1px solid;

	}
	div.menu-top ul li a{
		display: block;
		padding: 15px !important;
	}
	div.menu-top ul li:focus,
	div.menu-top ul li:hover{
		background-color: #d6d6d6;
	}

	div.menu div.sub-menu{
		display: block;
		text-align: center;
		
		height: auto;

	}
	div.menu-top,
	.info{
		height: auto;
		padding: 10px;
		font-size: 1.1em !important;
	}
	.desde span{
	    text-align: left !important;
    padding-left: 15px;
	}
	.res{
		max-width: 95%;
		margin: 10px auto;
	}
	.res input{
		margin-bottom: 10px;
	}
	body{
		padding: 0px;
	}

	.menu-movil{
		display: block;
		font-weight: 500;
		text-align: center;
		display: block;
		color: lightgray;
    background-color: #1768a0;
		padding: 10px;
		margin-bottom: 10px;
		border:1px solid #e8e8e8;
		border-radius: 5px;
	}
	.content-main{
		max-width: 95% !important;
	}
	div.catalogo-autos div.imagen-auto{
		height: 280px;
	}
	.js-click-product-normal{
		display: none;
	}
	.info-header-auto{
		text-align: center;
	}
	.info-header-auto div{
		margin-bottom: 10px;
	}
	.slick-dots li button{
		width: 10px !important;
		height: 10px !important;
	}
	.info-header-auto{
		padding: 0px;
	}
	div.info-precio{
		padding: 0px;
		text-align: center;
	}
	.contacto-info{
		padding-bottom: 30px;
		padding-top: 30px;
	}
	.contacto-info div.col-md-6{
		margin-bottom: 30px;
	}
	.contacto-info span{
		font-size: 20px;
	}
	.contacto-info-social span{
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.contacto-info-social span i{
		font-size: 25px;
		margin-right: 10px;	
	}
	footer{
		padding-bottom: 0px;
		width: 100%;
	}
	footer h6{
		margin-top: 20px;
		padding-bottom: 5px;
		font-size: 18px;
	}
	footer .col-md-6{
		margin-bottom: 30px;
	}
	footer div.siguenos span{
		font-size: 2.7em;
		margin-right: 15px;
		margin-left: 15px;
	}
	section.footer,
	section.footer .text-right{
		text-align: center !important;
	}

	.sub-header{
		text-align: center;
	}
}

.slick-dots{
	text-align: center;
	width: 100%;
	/*margin-top: -30px;*/
	position: relative;
	padding: 0px;

}
.slick-dots li{
	display: inline-block;
	margin-left: 3px;
	margin-right: 3px;

}
.slick-dots li button{
	text-indent:-9999px;
	width: 15px;
	height: 15px;
	padding: 0px;
	border-radius: 100px;
	border: none; 
	content: "";
	background-color: #787878;
}
.slick-dots li button:hover,
.slick-active button{
	background-color: #1768a0 !important;
}
.slick-arrow{
	cursor: pointer;
}

.error-dato{
	border: #ff9284 1px solid !important;
	box-shadow: 0 0 0.5px #fec9c2 !important;
	background-color: #fedfdb !important ;
}

.swal2-title {

}
.swal2-content {

    font-weight: 400 !important;
    line-height: inherit !important;
}
.swal2-popup{
	font-size: 1.1em !important;
	width: 40em !important;
}

main{
    max-width: 1100px;
    margin: 0 auto;
    vertical-align: top;
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 2;
}
main ul{
    margin: 0px;
}
main ul li{
    margin-bottom: 10px;
}
div.experto{
    max-width: 1100px;
    margin: 0 auto;
}

.cliente-vendedor{
    margin-top: 25px;
    margin-bottom: 25px;
}
.cliente-vendedor span{
    font-weight: bold;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 7px;
}

.red{
    color: #ea012e;
}

.nuevo-auto .col-md-12 img{
    margin-top: 25px;
    margin-bottom: 10px;
}


.test,
.test div{
	border: red 1px solid;
}

@media print{
	.no-print{
		display: none !important;
	}
}


.whatsapp-button{
	text-align: right;
	width: 200px;
	height: 100px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99999;
	cursor: pointer;
}
.whatsapp-button span{
	background-color: #fff;
	color: #000;
	font-size: 11px;
	padding: 5px;
	border-radius: 5px;
	margin-top: -10px;
	
	border: #ccc 1px solid;
}
.whatsapp-button img{
	margin-top: 10px;
	width: 70px;
	border-radius: 50px;
	max-width: 100%;
	box-shadow: #787878 0px 0px 3px;
}


/* COTIZAR.PHP */
.form-cotizacion label{
	font-size: 15px;
	margin: 0px !important;
	margin-bottom: 5px !important;
}
.form-cotizacion select,
.form-cotizacion input[type=text]{
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 10px !important;
}