@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.ttf') format('ttf'), url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'AvenirLTProBlack';
    src: url('../fonts/AvenirLTProBlack.otf') format('otf'), url('../fonts/AvenirLTProBlack.woff') format('woff');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto-Medium.ttf') format('tff'), url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: normal; font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLTPro-Lt';
	src: url('../fonts/HelveticaNeueLTPro-Lt.ttf') format('tff'), url('../fonts/HelveticaNeueLTPro-Lt.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Oswald-Regular';
	src: url('../fonts/Oswald-Regular.ttf') format('tff'), url('../fonts/Oswald-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Novecento-Normal';
	src: url('../fonts/Novecento-Normal.ttf') format('tff'), url('../fonts/Novecento-Normal.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FiraSans-Regular';
	src: url('../fonts/FiraSans-Regular.otf') format('otf'), url('../fonts/FiraSans-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato-Regular';
	src: url('../fonts/Lato-Regular.ttf') format('ttf'), url('../fonts/Lato-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PeugeotNewRegular';
	src: url('../fonts/PeugeotNewRegular.ttf') format('truetype'), url('../fonts/PeugeotNewRegular.otf') format('otf');
	font-weight: normal;
	font-style: normal;
}
.itemFiltro:has(.modelos_filtro_distribuidores) {
	display: none;
}
.legales-content {
	display: none;
}

.toggle-button {
	cursor: pointer;
	color: blue;
	text-decoration: underline;
	font-size: 20px;
	margin-bottom: 10px;
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}
.alfaromeo h1,
.alfaromeo h2,
.alfaromeo h3,
.alfaromeo h4,
.alfaromeo h5,
.alfaromeo h6 {
	font-family: 'AvenirLTProBlack';
	margin-top:auto;
}
.motorAutos{
	color:black;
}
.alfaromeo .custom-control-input {
	opacity: 1;
	position: initial;
}
.cbar {
	color: black;
	margin-top: 25px;
}
/*OCULTAR FINANCIAMIENTO ALFA ROMEO*/
body.alfaromeo .requifin, body.alfaromeo .acomra {
	display: none !important;
}

.spn1 {
	float: left;
	width: 80%;
}

.spn2 {
    float: left;
    width: 65%;
    font-weight: bold;
    font-size: 18px;
}

.spn3 {
    display: flow-root;
    text-align: right;
    width: 10%;
    margin-top: -5px;
    color: #f3b43f;
}

.dir-button {
    background-color: white !important;
    border: solid 1px black;
    padding: 6px !important;
    padding-bottom: 15px !important;
    color: black !important;
}

.pulse-button {
    animation: pulse 2s infinite;
    background: #000000 !important;
    color: #fff !important;
}

@keyframes pulse {
    0% {
        /*transform: scale(0.95);*/
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        /*transform: scale(0.95);*/
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

#dirmapas2 {
    border: 0;
    width: 100%;
    color: black;
    text-align: center;
}

.divo {
    font-weight: bold;
    margin-top: 10px;
    float: left;
    width: 100%;
}

.divdirpp {
    float: left;
    width: 100%;
    margin-top: 10px;
    border: solid 1px black;
}

.imgbus {
    width: 20px;
    margin-right: 10px;
    margin-top: -5px;
}

.imgloc {
    width: 30px;
    margin-right: 10px;
    margin-top: -5px;
}

.imgloc2 {
    width: 30px;
    margin-right: 10px;
    margin-top: 0px;
}

.imgloc3 {
    float: left;
    width: 30px;
    margin-top: 10px;
    margin-right: 10px;
}

.closepop {
    position: absolute;
    top: 10px;
    right: 30px;
    cursor: pointer;
}

.DirUsuario {
    /*display: none;*/
    cursor: pointer;
    margin-bottom: 10px;
    /*background: #ffd485;*/
    color: #000;
    padding: 7px 10px;
    font-size: 14px;
}

.ic {
    float: right;
}
.btn-black {
    background-color: #000000;
}
.pac-container, .pac-item {
    z-index: 2001;
}

    .pac-container:after {
        /* Disclaimer: not needed to show 'powered by Google' if also a Google Map is shown */
        background-image: none !important;
        height: 0px;
    }
.btn2 {
    float: left;
    background-color: #000000;
    color: #fff;
    border-radius: 0;
    font-size: 14px;
    height: 45px;
    text-transform: uppercase;
    min-width: 170px;
    padding: 12px 10px;
    /* font-family: 'Roboto-Medium'; */
    font-weight: 700;
    margin-top: 14px;
    width: 100%;
    cursor: pointer;
}

    .btn2:focus {
        box-shadow: none;
    }

    .btn2:hover {
        background-color: #140e0e;
        color: #fff;
    }






.disclaimerexistencia {
	padding: 6px;
	color: red;
	margin-bottom: 15px;
}
.nlcalc {
	float: left;
	width: 100%;
	font-size: 11px;
	font-weight: 100;
}
body.fiat .titid {
	color: black;
}
.titid {
	color: white;
}
.divtitd {
	display: flex;
	align-items: center;
}
.divtextocontacto {
	font-size: 20px;
	margin-left: 35px;
}
.acd {
	font-size: 16px;
	color: black;
	border: solid 2px;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: bold;
	margin-left: 34px;
	cursor: pointer;
	font-family: 'AvenirLTProBlack';
}
.range-sliders ul {
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin: 0;
	padding: 0;
}
.divfinanciamiento {
	float: left;
	width: 100%;
	display:none;
}
.divf1 {
	float: left;
	width: 50%;
	padding-right: 5%;
}
.divf2 {
	float: left;
	width: 50%
}
.noUi-handle-lower {
	display: none;
}
.logocssFIAT {
	width: 110px !important;
}
:root {
	font-size: 16px;
	--color-chrysler-primary: #009bca;
	--color-chrysler-primary-light: #6db7ce;
	--color-dodge-primary: #ef1b2c;
	--color-dodge-primary-light: #ec7680;
	--color-ram-primary: #DD4E3C;
	--color-ram-primary-light: #d1887f;
	--color-jeep-primary: #F3B43F;
	--color-jeep-primary-light: #efebe1;
	--color-fiat-primary: #F94152;
	--color-fiat-primary-light: #f89ea7;
	--color-alfa-primary: #8F0E2C;
	--color-alfa-primary-light: #8f0e2c9e;
	--color-chrysler-third: #000;
	--color-chrysler-third-light: #cccaca;
	--color-dodge-third: #000;
	--color-dodge-third-light: #cccaca;
	--color-ram-third: #000;
	--color-ram-third-light: #cccaca;
	--color-jeep-third: #000;
	--color-jeep-third-light: #cccaca;
	--color-fiat-third: #ffca00;
	--color-fiat-third-light: #fae385;
	--color-alfa-third: #8F0E2C;
	--color-alfa-third-light: #8f0e2c9e;
	--color-peugeot-primary: #0074E8;
	--color-peugeot-primary-light: #4494e5;
	/* --- */
	--color-primary: #ab9767;
	--color-primary-light: #efebe1;
	--color-secondary: #cccaca;
	--color-secondary-light: #f3f3f3;
	--color-secondary-dark: #333335;
	--color-third: #E94343;
	--color-third-light: #f17777;
}

/* --- */
.contectDetalle .radios {
	text-align: center;
}

.contectDetalle .radio {
	display: inline-block;
	width: 40px;
	height: 40px;
}

	.contectDetalle .radio input[type="radio"] {
		position: absolute;
		left: -9999px;
		margin: 0;
	}

	.contectDetalle .radio input[type=radio] + label {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		color: #000;
		font-size: 16px;
		line-height: 1;
		margin: 0px;
		cursor: pointer;
	}

	.contectDetalle .radio input[type=radio]:checked + label {
		color: white;
		font-style: normal;
	}

	.contectDetalle .radio input[type="radio"] + label:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		z-index: -2;
		width: 100%;
		height: 100%;
		background-color: var(--color-secondary-light);
		/*border-radius: 50px;*/
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.contectDetalle .radio input[type="radio"] + label:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		color: #fff;
		/*border-radius: 50px;*/
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}

	.contectDetalle .radio input[type="radio"]:not(:checked) + label:after {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}
.contectDetalle h2 {
	font-size: 20px;
}

.det-financiamiento.desktop {
	display: block;
	float: left;
	width: 100%;
	background: #F5F5F5;
}
.det-financiamiento {
	/*border: solid 3px #000;*/
	/*border-radius: 15px;*/
	margin-bottom: 20px;
	margin-bottom: 15px;
}

	.det-financiamiento article {
		font-size: 1.5rem;
		font-weight: bold;
		text-align: center;
		margin: 10px 0;
	}

	.det-financiamiento .precio-saldo {
		/*display: flex;*/
		width: 50%;
		float: left;
		/* padding: 10px; */
		text-align: center;
	}

	.det-financiamiento .item {
		width: 100%;
		font-size: 1rem;
		line-height: 1.2;
		padding: 8px;
		font-weight: bold;
	}

	.det-financiamiento .precio {
		/*border-right: solid 1px var(--color-secondary);*/
	}

	.det-financiamiento .mostrar-mas {
		float: left;
		width: 100%;
		color: white;
		text-align: center;
		/*background-color: #000;*/
		padding: 5px;
		/*border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;*/
		margin-top: 15px;
		font-weight: bold;
		font-size: 25px;
	}

	.det-financiamiento.movil {
		display: none;
		margin: 1rem 0;
	}

	.det-financiamiento .pagos {
		display: flex;
		flex-basis: 100%;
		margin-bottom: 15px;
	}

		.det-financiamiento .pagos .item {
			width: 100%;
			font-size: 1.25rem;
			font-weight: bold;
			line-height: 1.2;
			padding: 16px 8px 8px;
		}

			.det-financiamiento .pagos .item.pago-inicial {
				border-right: solid 1px var(--color-secondary);
			}
.focused {
	margin-top: 22px;
}
.contectDetalle .slc {
	position: relative;
	height: 50px;
	margin-bottom: 16px;
	border: solid 1px var(--color-secondary);
	/*border-radius: 50px;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.contectDetalle .slc select {
	width: 100%;
	height: 50px;
	color: #000;
	background: transparent;
	padding: 0px 35px 0 25px;
	border: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
}
.slc::before {
	position: absolute;
	content: "";
	top: 22px;
	right: 15px;
	z-index: -1;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
}
.range-sliders {
	margin-bottom: 30px;
}
	.range-sliders .titles {
		display: flex;
		justify-content: space-between;
		margin-bottom: 10px;
		font-weight: bold;
		font-size: 18px;
	}
		.range-sliders .titles.plazos article:last-child {
			text-align: left;
			padding: 0;
		}
.rango-meses span {
	margin-right: 12px;
}
.acomra {
	/*float: right;
	margin-right: 20px;*/
}
.legalesver {
	float: left;
	width: 100%;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	text-decoration: underline;
	margin-bottom: 25px;

}
.legalesComprimidos {
	display: none;
	margin-bottom: 65px;
}
.mostrar-mas {
	font-weight: bold;
}
.range-sliders {
	float: left;
	width: 95%;
	text-align: right;
}
.vest .titles {
	display: block;
}
.requifin {
	float: left;
	width: 70%;
	font-weight: bold;
	font-size: 25px;
}

.pregunta {
	float: left;
	width: 70%;
}
.divrequifin {
	margin-top: 15px;
	padding-right: 4%;
}
.divf1 .row {
	display: inline-flex;
}
.brdl {
	/*border-left: solid 1px var(--color-secondary);*/
	padding-left: 10px;
}
.apartbtn {
	margin-top: 10px !important;
}
.lapart{
	width:50% !important;
}
.selm h2 {
	text-align: center;
	margin-top: 150px;
}
.selm p {
	font-weight: bold;
	font-size: 35px;
	font-family: 'AvenirLTProBlack';
}
.inf {
	display: contents;
}
.inf a.info {
	position: relative; /*this is the key*/
	z-index: 24;
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

	.inf a.info:hover {
		z-index: 25;
		background-color: #f5f5f5 !important;
		color: black !important;
	}

.inf a.info span {
	display: none
}

	.inf a.info:hover span { /*the span will display just on :hover state*/
		display: block;
		position: absolute;
		font-weight: bold;
		top: 20px;
		left: 20%;
		width: 130px;
		margin-left: -50px;
		border: 1px solid #000;
		background-color: #f5f5f5;
		color: black;
		text-align: center;
		z-index: 9999999;
		padding: 8px;
	}

.privcs {
	margin-bottom: 25px;
	text-align: right;
}
.btnenviar {
	float: right;
}


@media (max-width: 1000px) {
	.lapart {
		width: 100% !important;
	}
	.divf1 {
		width: 100%;
		padding: 12px;
	}

	.divf2 {
		width: 100%;
		padding: 12px;
	}

	.contectDetalle .radio {
		width: 35px;
		height: 35px;
	}

	.rango-meses span {
		margin-right: 2px;
	}

	.divrequifin {
		padding: 12px;
	}

	.btnFin {
		margin-top: 0px !important;
	}

	.divf1 .row {
		display: inline !important;
	}
	.btnenviar {
		margin-top: 10px !important;
	}
	.calcprecio {
		float: left;
		width: 100%;
	}
	.det-financiamiento .item {
		height: 50px;
	}
	.det-financiamiento .precio-saldo {
		width: 45%;
	}
	.brdl {
		width: 55% !important;
	}
	.btnModelo a {
		margin-left: 0px;
	}
	.btnFin {
		width: 100% !important;
	}
	.privcs {
		width: 90% !important;
		margin-left: 30px !important;
	}
	.btn-yellow {
		margin-left: 0px !important; 
	}
	.itemAuto:hover p{
		display:none;
	}
	.selecOrden {
		/*display: none;*/
	}
}
/*Colores de la calculadora por marca*/

/*JEEP*/
body.jeep .contectDetalle .radio input[type="radio"] + label:after {
	background-color: var(--color-jeep-primary);
}

body.jeep .slc::before {
	border-color: var(--color-jeep-primary) transparent transparent transparent;
}

body.jeep .det-financiamiento {
	border: solid 3px var(--color-jeep-primary);
}

	body.jeep .det-financiamiento .mostrar-mas {
		background-color: var(--color-jeep-primary);
	}
body.jeep .selm2 {
	color: var(--color-jeep-primary);
}
body.jeep .acd {
	border-color: var(--color-jeep-primary);
}



/*CHRYSLER*/
body.chrysler .contectDetalle .radio input[type="radio"] + label:after {
	background-color: var(--color-chrysler-primary);
}

body.chrysler .slc::before {
	border-color: var(--color-chrysler-primary) transparent transparent transparent;
}

body.chrysler .det-financiamiento {
	border: solid 3px var(--color-chrysler-primary);
}

	body.chrysler .det-financiamiento .mostrar-mas {
		background-color: var(--color-chrysler-primary);
	}
body.chrysler .selm2 {
	color: var(--color-chrysler-primary);
}
body.chrysler .acd {
	border-color: var(--color-chrysler-primary);
}

/*DODGE*/
body.dodge .contectDetalle .radio input[type="radio"] + label:after {
	background-color: var(--color-dodge-primary);
}

body.dodge .slc::before {
	border-color: var(--color-dodge-primary) transparent transparent transparent;
}

body.dodge .det-financiamiento {
	border: solid 3px var(--color-dodge-primary);
}

	body.dodge .det-financiamiento .mostrar-mas {
		background-color: var(--color-dodge-primary);
	}
body.dodge .selm2 {
	color: var(--color-dodge-primary);
}
body.dodge .acd {
	border-color: var(--color-dodge-primary);
}

/*FIAT*/
body.fiat .contectDetalle .radio input[type="radio"] + label:after {
	background-color: var(--color-fiat-primary);
}

body.fiat .slc::before {
	border-color: var(--color-fiat-primary) transparent transparent transparent;
}

body.fiat .det-financiamiento {
	border: solid 3px var(--color-fiat-primary);
}

	body.fiat .det-financiamiento .mostrar-mas {
		background-color: var(--color-fiat-primary);
	}
body.fiat .selm2 {
	color: var(--color-fiat-primary);
}
body.fiat .acd {
	border-color: var(--color-fiat-primary);
}


/*RAM*/
body.ram .contectDetalle .radio input[type="radio"] + label:after {
	background-color: var(--color-ram-primary);
}

body.ram .slc::before {
	border-color: var(--color-ram-primary) transparent transparent transparent;
}

body.ram .det-financiamiento {
	border: solid 3px var(--color-ram-primary);
}

	body.ram .det-financiamiento .mostrar-mas {
		background-color: var(--color-ram-primary);
	}
body.ram .selm2 {
	color: var(--color-ram-primary);
}
body.ram .acd {
	border-color: var(--color-ram-primary);
}

/*ALFA*/
body.alfaromeo .contectDetalle .radio input[type="radio"] + label:after {
    background-color: var(--color-alfa-primary);
}

body.alfaromeo .slc::before {
    border-color: var(--color-alfa-primary) transparent transparent transparent;
}

body.alfaromeo .det-financiamiento {
    border: solid 3px var(--color-alfa-primary);
}

    body.alfaromeo .det-financiamiento .mostrar-mas {
        background-color: var(--color-alfa-primary);
    }

body.alfaromeo .selm2 {
    color: var(--color-alfa-primary);
}

body.alfaromeo .acd {
	border-color: var(--color-alfa-primary);
}

/*PEUGEOT*/
body.peugeot .contectDetalle .radio input[type="radio"] + label:after {
	background-color: var(--color-peugeot-primary);
}

body.peugeot .slc::before {
	border-color: var(--color-peugeot-primary) transparent transparent transparent;
}

body.peugeot .det-financiamiento {
	border: solid 3px var(--color-peugeot-primary);
}

	body.peugeot .det-financiamiento .mostrar-mas {
		background-color: var(--color-peugeot-primary);
	}

body.peugeot .selm2 {
	color: var(--color-peugeot-primary);
}

body.peugeot .acd {
	border-color: var(--color-peugeot-primary);
}
/*Colores de la calculadora por marca*/


body.jeep {
	font-family: 'HelveticaNeueLTPro-Lt';
}

body.fiat {
	font-family: 'Lato-Regular';
}

body.dodge {
	font-family: 'Oswald-Regular';
}

body.chrysler {
	font-family: 'Novecento-Normal';
}

body.ram {
	font-family: 'FiraSans-Regular';
}

body.peugeot {
	font-family: 'PeugeotNewRegular';
}

.logoMarca img {
	width: 100px;
}
.alfaromeo .logoMarca img {
    width: 70px;
}
.checkselected {
	font-weight: bold;
	color: #77c2e6;
	background: url(/Assets/img/check.png) no-repeat right;
	background-size: 20px 15px;
	background-position: calc(100% - 25px);
}

#value-input, #value-span, .example-val {
	width: 50% !important;
	float: left !important;
	margin-left: 0 !important;
	margin-top: -23px;
}

#upper-value {
	text-align: right;
}

.btn {
	cursor: pointer;
}

.eliminaFiltros {
	cursor: pointer;
}

body{
	font-size: 16px;
	/*font-family: 'Roboto-Regular';*/
	color: #000;
	/*padding-bottom: 47px;*/
}

a{
	text-decoration: none !important;
}

header{
	/*background-color: #2E3538;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	position: relative;
    z-index: 5;*/
}

.headerC{
	height: 70px;
	max-width: 1440px;
	margin: 0 auto;
	display: block;
	display: flex;
	align-items: center;
	padding: 0 15px;
	justify-content: space-between;
}

h2{
	font-size: 24px;
	font-family: 'AvenirLTProBlack';
	text-transform: uppercase;
	margin: 30px 0;
}

h4{
	font-family: 'AvenirLTProBlack';
	font-size: 20px;
	text-transform: uppercase;
	transition: .3s all linear;
}

.container{
	max-width: 1440px;
}

.contentAutos{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.itemAuto{
	width: 24%;
	margin: 25px .5%;
	text-align: center;
	position: relative;
	transition: .3s all linear;
}
	.itemAuto h4 {
		margin-top: 15px;
	}

.itemAuto:hover{
    background-color: #F3B43F;
}

.itemAuto font {
	display: block;
	font-size: 14px;
	transition: .3s all linear;
}

.itemAuto a{
	color: #000;
}

.itemAuto span{
	/*font-family: 'Roboto-Medium';*/
	letter-spacing: 1px;
	transition: .3s all linear;
	font-weight: 700;
}

.itemAuto p{
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	bottom: -15px;
	z-index: -1;
	color: transparent;
	transition: .3s all linear;
}

.itemAuto:hover p{
	z-index: 1;
	color: #000;
	/*font-family: 'Roboto-Medium';*/
	width: 100%;
	font-weight: 700;
}

.itemAuto:hover span,
.itemAuto:hover font,
.itemAuto:hover h4{
	color: transparent;
}

.selectAnio {
	justify-content: flex-start;
}

.selectAnio a{
	color: #000;
	padding: 0 15px 5px;
	font-family: 'Roboto-Medium';
	letter-spacing: 1px;
	font-size: 24px;
}

.selectAnio a.active{
	border-bottom: 2px solid #E7B657;
}

section{
	min-height: 100vh;
}



/*detalle apartado*/

.btnDetalle{
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0;
}

.btn {
	background-color: #F3B43F;
	color: #fff;
	border-radius: 0;
	font-size: 14px;
	height: 45px;
	text-transform: uppercase;
	min-width: 170px;
	padding: 12px 10px;
	/*font-family: 'Roboto-Medium';*/
	font-weight: 700;
}

.btn:focus{
	box-shadow: none;
}

.btn:hover{
	background-color: #ffc75e;
	color: #fff;
}
.alfaromeo .btn:hover {
    background-color: #934949;
    color: #fff;
}

.btnWhite{
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
}

.btnWhite:hover {
	background-color: #fff;
	color: #000;
}


.btnBack {
	font-family: 'Roboto-Medium';
	color: #000;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	transition: 0.3s all linear;
}

.btnBack:hover{
	color: #F3B43F;
}

.btnBack img{
	margin-right: 10px;
}

.infoAuto {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 12px;
}

	.infoAuto h2 {
		width: 100%;
		font-size: 20px;
	}

.infoAuto .form-control{
	width: 48%;
}

.form-control{
    border: none;
    border-bottom: 1px solid #333333;
    border-radius: 0;
    color: #A3A3A3;
    height: 45px;
    margin-bottom: 25px;
}

.form-control:placeholder{
	color: #A3A3A3;
}

.form-control:focus{
	box-shadow: none;
	border-color: #333333;
	color: #A3A3A3;
}

.custom-control{
	width: 100%;
}

.custom-control-input:checked~.custom-control-label::before,
.custom-control-input:not(:disabled):active~.custom-control-label::before {
    border-color: #F3B43F;
    background-color: #F3B43F;
}


.custom-control-input:focus~.custom-control-label::before {
    box-shadow: none;
}

.custom-control label{
	color: #000;
	font-size: 15px;
}

.custom-control label a{
	color: #000;
	    font-weight: 700;
}

.custom-control-label::after,
.custom-control-label::before {
    top: .2rem;
}

.btnFin {
	display: block;
	justify-content: flex-end;
	width: 50%;
	margin: 25px 0;
	/* margin-top: -45px;*/
}

.contectDetalle {
	width: 1000px;
	margin: 0 auto;
	margin-top: 130px;
	margin-bottom: 50px;
}
.datosTYP h4 {
	color: black;
}
.contectDetalle .cardAuto {
	margin-top: 0;
}

.cardAuto {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border: 2px solid #F3B43F;
	background-color: #F5F5F5;
	align-items: center;
	padding: 15px;
	margin-bottom: 20px;
	margin-top: 120px;
}

.imgAuto{
	width: 40%;
}

.imgAuto img{
	width: 100%;
}

.datosAuto{
	width: 55%;
}

.nameAuto span {
	/*font-family: 'Roboto-Medium';*/
	color: #666;
	text-transform: uppercase;
	font-weight: 700;
}

.nameAuto h3{
	font-size: 25px;
    text-transform: uppercase;
    font-family: 'AvenirLTProBlack';
    margin: 0;
    line-height: 30px;
}

.nameAuto p {
	/*font-family: 'Roboto-Medium';*/
	color: #000;
	margin-top: 10px;
	letter-spacing: 1px;
	font-weight: 700;
}

.nameAuto p font{
	font-size: 12px;
    color: #999;
    display: block;
    letter-spacing: 0;
}

.specsAuto{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.specsAuto p{
	width: 45%;
    color: #000;
}

.specsAuto p font{
	font-size: 12px;
    color: #999;
    display: block;
    font-family: 'Roboto-Medium';
}

.specsAuto p span{
	width: 16px;
    height: 16px;
    background-color: #fff;
    display: inline-block;
    border-radius: 50px;
    margin-right: 10px;
}
.infoDist {
	font-weight: bold;
}
.infoDist p {
	margin: 0;
	color: #333;
}

.infoDist p font{
	font-size: 12px;
    /*font-weight: bold;*/
    color: black;
    display: block;
    font-family: 'Roboto-Medium';
}

	.infoDist span {
		display: block;
		color: #666;
		font-size: 14px;
		font-weight: bold;
	}

/*TYP*/

.datosTYP{
    width: 30%;
    padding: 15px;
}

.datosTYP font{
	font-size: 12px;
    color: #999;
    display: block;
    font-family: 'Roboto-Medium';
}

.legalDatos{
	display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 25px;
}

	.legalDatos p {
		width: calc(100% - 190px);
		margin: 0;
		font-size: 20px;
		color: #333333;
		text-align: justify;
	}

h2 span{
	color: #F3B43F;
}

/*fltros*/
.motorAutos {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 120px;
}

.filtros{
	width: 350px;
}

.autoContent{
	width: calc(100% - 385px);
}

.autoContent.fullSize{
	width: 100%;
}

.headMotor{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0;
    align-items: center;
}

.bloque1, .bloque2{
	display: flex;
    align-items: center;
}

.btnMenu{
	cursor: pointer;
	margin-right: 15px;
}

.btnMenu img{
	margin-right: 15px;
}

.bloque2 .custom-select{
	border: none;
    border-bottom: 1px solid #333333;
    border-radius: 0;
    color: #A3A3A3;
    height: 45px;
    /*background: url(..//img/icono/flecha-abajo.png) no-repeat right .75rem center/20px 20px;*/
    background-color: #fff;
    background-size: auto;
    width: 170px;
}

.bloque3{
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.autosResultado p{
	text-transform: uppercase;
    font-family: 'AvenirLTProBlack';
    margin: 0;
    font-size: 20px;
}

.autosResultado p span{
	color: #F3B43F;
	font-size: 30px;
}

.custom-select:focus{
	box-shadow: none;
}

.selectList{
	margin-left: 15px;
}

.autosItens{
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

/*acomod*/
.autoContent.fullSize .autosItens .cardAuto{
	width: 49%;
	margin-left: 0.5%;
    margin-right: 0.5%;
}

.autoContent .autosItens .cardAuto{
	width: 100%;
	margin-left: 0.5%;
    margin-right: 0.5%;
}

/*MENU*/
.drawer {
	padding:  40px 20px;
	margin: 0;
	z-index: 3;
	width: 370px;
	height: 100vh;
	position: relative;
	  
	/* trigger HW acceleration */
	transform: translate3d(0,0,0);
	transition: left .4s ease-in-out;
	background-color: #fff;
	transform: translate3d(0px, 0px, 0px);
	border-right: 2px solid #F5F5F5;
}

.drawer.open {
	position: fixed;
	top: 0;
	bottom: 0;
	left:  -100%;
}

.drawer-content{
	position: relative;
}

/*.close-menu{
	text-align: right;
	cursor: pointer;
}*/

.itemFiltro{
	padding: 5px 10px;
    border-bottom: 1px solid #cfcfcf;
}

	.itemFiltro .btnFiltro {
		display: block;
		background: url(..//img/icono/flecha-abajo.png) no-repeat right .75rem center/20px 20px;
		background-size: auto;
		padding: 10px;
		cursor: pointer;
		/*font-family: 'Roboto-Medium';*/
		font-size: 15px;
		font-weight: 700;
	}

.filtroOption {
	padding: 10px 0;
}

.filtroOption ul{
	margin: 0;
    padding: 0;
    list-style: none;
}

.filtroOption ul li{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    color: #999;
	font-size: 14px;
}

.filtroOption ul li span{
	cursor: pointer;
    white-space: nowrap;
    width: calc(100% - 50px);
    overflow: hidden;
    text-overflow: ellipsis;
}

/*.filtroOption ul li font{
	padding-right: 25px;
}*/

/*.filtroOption ul li span:hover{
	color: #F3B43F;
}*/

.form-control.backInput{
	background: url(..//img/icono/buscar.png) no-repeat left .75rem center/20px 20px;
    background-color: transparent;
    background-size: auto;
    padding-left: 45px;
}

.form-GROUP.backInput{
	background: url(..//img/icono/buscar.png) no-repeat left .75rem center/20px 20px;
    background-color: transparent;
    background-size: auto;
    padding-left: 45px;
}

.inputSearch span{
	color: #000;
	font-size: 13px;
	font-family: 'Roboto-Medium';
}

.tagsFiltro{
	display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.tagsFiltro font{
	padding: 7px 10px;
    background: #FFF5EB;
    /*border-radius: 20px;*/
    display: inline-flex;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 10px;
	font-size: 14px;
}

.tagsFiltro font img{
	cursor: pointer;
	margin-left: 5px;
}


.headFiltro{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin-bottom: 20px;
}

.headFiltro a{
	/*font-family: 'Roboto-Medium';*/
	color: #000;
	text-transform: uppercase;
	text-decoration: underline !important;
	font-weight: 700;
}

.close-menu{
	display: none;
}

.close-menu a{
	display: flex;
    align-items: center;
}

.close-menu a img{
	margin-right: 10px;
}

.autoContent .cardAuto.list2 {
    width: 32%;
}

.autoContent.fullSize .cardAuto.list2 {
    width: 24%;
    margin-left: 0.5%;
    margin-right: 0.5%;
}

.autoContent.fullSize .cardAuto.list2 .imgAuto,
.autoContent .cardAuto.list2 .imgAuto {
    width: 100%;
}

.autoContent.fullSize .cardAuto.list2 .datosAuto,
.autoContent .cardAuto.list2 .datosAuto {
    width: 100%;
}

.mostrar, .ocultar{
	display: none;
}

.mostrar.ver{
	display: inline-block;
}

.ocultar.ver{
	display: inline-block;
}

/**/

.rangoPrevio{
	
}

.txtRango span {
	color: #000;
	font-size: 15px;
	/*font-family: 'Roboto-Medium';*/
	font-weight: 700;
}

.rangoPrevio .noUi-horizontal {
    height: 8px;
}

.rangoPrevio .noUi-target {
    background: #D6D6D6;
    border-radius: 19px;
    border: 0;
    box-shadow: none;
    width: 300px;
    margin-top: 25px;
    margin-bottom: 50px;
}

.rangoPrevio .noUi-horizontal .noUi-handle {
    width: 20px;
    height: 20px;
    background-color: #F3B43F;
    border-radius: 100%;
    border: 0;
    box-shadow: none;
    top: -6px;
}

.rangoPrevio .noUi-horizontal .noUi-tooltip {
    bottom: -40px;
    background-color: transparent;
    border: 0;
    color: #000;
    font-size: 16px;

}

.rangoPrevio .noUi-horizontal .noUi-base .noUi-origin:last-child .noUi-tooltip {
    top: -35px;
    left: -30px;
}

.rangoPrevio .noUi-handle:after, .rangoPrevio .noUi-handle:before {
    content: none;
}

.rangoPrevio .noUi-connect {
    background: #F3B43F;
}

.btnIn{
	margin-top: 15px;
}

.autoContent.fullSize .cardAuto.list2 .btnIn .btn,
.autoContent .cardAuto.list2 .btnIn .btn {
	width: 100%;
	border-radius: 20px;
}

.filtrosMovil a{
	font-family: 'Roboto-Medium';
    color: #000;
    text-transform: uppercase;
}

.filtrosMovil a img{
	margin-right: 15px;
}

.filtrosMovil{
	display: none;
}

.selectList span{
	cursor: pointer;
}

/*modal*/

.modal-dialog {
    max-width: 330px;
    margin: 0 auto;
}

.modal-body p{
	color: #8F8F8F;
	text-align: center;
}

.infoAuto .form-group{
	width: 49%;
}

.form-group {
  position:relative;  
  width: 100%;
  font-size: 16px;
}

.form-label {
  position: absolute;
  left: 0;
  top: 10px;
  color: #A3A3A3;
  background-color: transparent;
  z-index: 8;
  transition: transform 150ms ease-out, font-size 150ms ease-out;
  padding-left: 45px;
}

.focused .form-label {
  transform: translateY(-125%);
  font-size: 0.75em;
  top: 15px;
  padding-left: 15px;
}

.form-input {
    position: relative;
    padding: 12px 0px 3px 15px;
    width: 100%;
    outline: 0;
    border: 0;
    /*box-shadow: 0 1px 0 0 #CED4DA;*/
    transition: all 150ms ease-out;
    border-bottom: 1px solid #333333;
    color: #A3A3A3;
    
}

.form-input:hover,
.form-input:focus{
	border-bottom: 1px solid #F3B43F;
}

.form-input.backInput{
	background: url(..//img/icono/buscar.png) no-repeat left .75rem center/20px 20px;
    background-color: transparent;
    background-size: auto;
    padding-left: 45px;
    background-position-y:  10px;
}

.form-label.noPad{
	padding-left: 15px;
}

.btnIn{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.cardAuto.list2 .btnIn .btn{
	width: 100%;
}

.cardAuto .btnIn .btn {
	width: 48%;
	margin: 5px 0;
}
.btn-yellow {
	margin-left: 25px;
	margin-top: -10px;
	/*border-radius: 20px;*/
	color: white;
}
.btn-yellow:hover {
	color: black;
}



/**/
.peugeot header,
.peugeot footer {
	background-color: #000;
}

.peugeot .itemAuto:hover {
	background-color: #0074E8;
}

.peugeot .itemAuto:hover {
	background-color: #0074E8;
}

	.peugeot .itemAuto:hover p {
		color: #fff;
	}

.peugeot .selectAnio a.active {
	border-bottom: 2px solid #0074E8;
}

.peugeot h2 span {
	color: #0074E8;
}

.peugeot .cardAuto {
	border: 2px solid #0074E8;
}

.peugeot .btn-yellow {
	background-color: #0074E8;
}

	.peugeot .btn-yellow:hover {
		background-color: #4494e5;
	}

.peugeot .autosResultado p span {
	color: #0074E8;
}

.peugeot .rangoPrevio .noUi-horizontal .noUi-handle {
	background-color: #0074E8;
}

.peugeot .rangoPrevio .noUi-connect {
	background: #0074E8;
}

.peugeot .tagsFiltro font {
	background: #0074E89e;
	color: #fff;
}

.peugeot .btnBack:hover {
	color: #0074E89e;
}

.peugeot .custom-control-input:checked ~ .custom-control-label::before,
.peugeot.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
	border-color: #0074E8;
	background-color: #0074E8;
}

.peugeot .filtroOption ul li span:hover {
	color: #4494e5;
}

.peugeot .form-input:hover, .alfaromeo .form-input:focus {
	border-bottom: 1px solid #0074E8;
}







.alfaromeo header,
.alfaromeo footer {
    /*background-color: #000;*/
}

.alfaromeo .itemAuto:hover {
    background-color: #8F0E2C;
}

.alfaromeo .itemAuto:hover {
    background-color: #8F0E2C;
}

    .alfaromeo .itemAuto:hover p {
        color: #fff;
    }

.alfaromeo .selectAnio a.active {
    border-bottom: 2px solid #8F0E2C;
}

.alfaromeo h2 span {
    color: #8F0E2C;
}

.alfaromeo .cardAuto {
    border: 2px solid #8F0E2C;
}

.alfaromeo .btn-yellow {
	background-color: #8F0E2C;
	color: white;
}

    .alfaromeo .btn-yellow:hover {
        background-color: #ec7680;
    }

.alfaromeo .autosResultado p span {
    color: #8F0E2C;
}

.alfaromeo .rangoPrevio .noUi-horizontal .noUi-handle {
    background-color: #8F0E2C;
}

.alfaromeo .rangoPrevio .noUi-connect {
    background: #8F0E2C;
}

.alfaromeo .tagsFiltro font {
    background: #8f0e2c9e;
    color: #fff;
}

.alfaromeo .btnBack:hover {
    color: #8f0e2c9e;
}

.alfaromeo .custom-control-input:checked ~ .custom-control-label::before,
.alfaromeo.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    border-color: #8F0E2C;
    background-color: #8F0E2C;
}

.alfaromeo .filtroOption ul li span:hover {
    color: #ec7680;
}

.alfaromeo .form-input:hover, .alfaromeo .form-input:focus {
    border-bottom: 1px solid #8F0E2C;
}

.dodge header,
.dodge footer {
	background-color: #000;
}

.dodge .itemAuto:hover {
	background-color: #ef1b2c;
}

.dodge .itemAuto:hover {
	background-color: #ef1b2c;
}

	.dodge .itemAuto:hover p {
		color: #fff;
	}

.dodge .selectAnio a.active {
	border-bottom: 2px solid #ef1b2c;
}

.dodge h2 span {
	color: #ef1b2c;
}

.dodge .cardAuto {
	border: 2px solid #ef1b2c;
}

.dodge .btn-yellow {
	background-color: #ef1b2c;
}

	.dodge .btn-yellow:hover {
		background-color: #ec7680;
	}

.dodge .autosResultado p span {
	color: #ef1b2c;
}

.dodge .rangoPrevio .noUi-horizontal .noUi-handle {
	background-color: #ef1b2c;
}

.dodge .rangoPrevio .noUi-connect {
	background: #ef1b2c;
}

.dodge .tagsFiltro font {
	background: #ff6672;
	color: #fff;
}

.dodge .btnBack:hover {
	color: #ff6672;
}

.dodge .custom-control-input:checked ~ .custom-control-label::before,
.dodge.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
	border-color: #ef1b2c;
	background-color: #ef1b2c;
}

.dodge .filtroOption ul li span:hover {
	color: #ec7680;
}

.dodge .form-input:hover, .dodge .form-input:focus {
	border-bottom: 1px solid #ef1b2c;
}

.chrysler header,
.chrysler footer {
	background-color: #000;
}

.chrysler .itemAuto:hover {
	background-color: #009bca;
}

.chrysler .itemAuto:hover {
	background-color: #009bca;
}

	.chrysler .itemAuto:hover p {
		color: #fff;
	}

.chrysler .selectAnio a.active {
	border-bottom: 2px solid #009bca;
}

.chrysler h2 span {
	color: #009bca;
}

.chrysler .cardAuto {
	border: 2px solid #009bca;
}

.chrysler .btn-yellow {
	background-color: #009bca;
}

	.chrysler .btn-yellow:hover {
		background-color: #6db7ce;
	}

.chrysler .custom-control-input:checked ~ .custom-control-label::before,
.chrysler .autosResultado p span {
	color: #009bca;
}

.chrysler .rangoPrevio .noUi-horizontal .noUi-handle {
	background-color: #009bca;
}

.chrysler .rangoPrevio .noUi-connect {
	background: #009bca;
}

.chrysler .tagsFiltro font {
	background: #6db7ce;
	color: #fff;
}

.chrysler .btnBack:hover {
	color: #009bca;
}

.chrysler .custom-control-input:checked ~ .custom-control-label::before,
.chrysler.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
	border-color: #009bca;
	background-color: #009bca;
}

.chrysler .filtroOption ul li span:hover {
	color: #6db7ce;
}

.chrysler .form-input:hover, .chrysler .form-input:focus {
	border-bottom: 1px solid #009bca;
}

.ram header,
.ram footer{
	background-color: #000;
}

.ram .itemAuto:hover {
	background-color: #DD4E3C;
}

.ram .itemAuto:hover {
	background-color: #DD4E3C;
}

	.ram .itemAuto:hover p {
		color: #fff;
	}

.ram .selectAnio a.active {
	border-bottom: 2px solid #DD4E3C;
}

.ram h2 span {
	color: #DD4E3C;
}

.ram .cardAuto {
	border: 2px solid #DD4E3C;
}

.ram .btn-yellow {
	background-color: #DD4E3C;
}

	.ram .btn-yellow:hover {
		background-color: #d1887f;
	}

.ram .custom-control-input:checked ~ .custom-control-label::before,
.ram .autosResultado p span {
	color: #DD4E3C;
}

.ram .rangoPrevio .noUi-horizontal .noUi-handle {
	background-color: #DD4E3C;
}

.ram .rangoPrevio .noUi-connect {
	background: #DD4E3C;
}

.ram .tagsFiltro font {
	background: #d1887f;
	color: #fff;
}

.ram .btnBack:hover {
	color: #DD4E3C;
}

.ram .custom-control-input:checked ~ .custom-control-label::before,
.ram.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
	border-color: #DD4E3C;
	background-color: #DD4E3C;
}

.ram .filtroOption ul li span:hover {
	color: #d1887f;
}

.ram .form-input:hover, .ram .form-input:focus {
	border-bottom: 1px solid #DD4E3C;
}

.jeep .itemAuto:hover {
	background-color: #F3B43F;
}

.jeep .itemAuto:hover {
	background-color: #F3B43F;
}

	.jeep .itemAuto:hover p {
		color: #fff;
	}

.jeep .selectAnio a.active {
	border-bottom: 2px solid #F3B43F;
}

.jeep h2 span {
	color: #F3B43F;
}

.jeep .cardAuto {
	border: 2px solid #F3B43F;
}

.jeep .btn-yellow {
	background-color: #F3B43F;
}

	.jeep .btn-yellow:hover {
		background-color: #ffd485;
	}

.jeep .custom-control-input:checked ~ .custom-control-label::before,
.jeep .autosResultado p span {
	color: #F3B43F;
}

.jeep .rangoPrevio .noUi-horizontal .noUi-handle {
	background-color: #F3B43F;
}

.jeep .rangoPrevio .noUi-connect {
	background: #F3B43F;
}

.jeep .tagsFiltro font {
	background: #ffd485;
	color: #000;
}

.jeep .btnBack:hover {
	color: #F3B43F;
}

.jeep .custom-control-input:checked ~ .custom-control-label::before,
.jeep.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
	border-color: #F3B43F;
	background-color: #F3B43F;
}

.jeep .filtroOption ul li span:hover {
	color: #F3B43F;
}

.jeep .form-input:hover, .jeep .form-input:focus {
	border-bottom: 1px solid #F3B43F;
}

.fiat .itemAuto:hover {
	background-color: #F94152;
}

.fiat .itemAuto:hover {
	background-color: #F94152;
}

	.fiat .itemAuto:hover p {
		color: #fff;
	}

.fiat .selectAnio a.active {
	border-bottom: 2px solid #F94152;
}

.fiat h2 span {
	color: #F94152;
}

.fiat .cardAuto {
	border: 2px solid #F94152;
}

.fiat .btn-yellow {
	background-color: #F94152;
}

	.fiat .btn-yellow:hover {
		background-color: #f89ea7;
	}

.fiat .custom-control-input:checked ~ .custom-control-label::before,
.fiat .autosResultado p span {
	color: #F94152;
}

.fiat .rangoPrevio .noUi-horizontal .noUi-handle {
	background-color: #F94152;
}

.fiat .rangoPrevio .noUi-connect {
	background: #F94152;
}

.fiat .tagsFiltro font {
	background: #f89ea7;
	color: #fff;
}

.fiat .btnBack:hover {
	color: #F94152;
}

.fiat .custom-control-input:checked ~ .custom-control-label::before,
.fiat.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
	border-color: #F94152;
	background-color: #F94152;
}

.fiat .filtroOption ul li span:hover {
	color: #f89ea7;
}

.fiat .form-input:hover, .fiat .form-input:focus {
	border-bottom: 1px solid #F94152;
}

.fiat header {
	background-color: #fff;
}

.fiat footer {
	background-color: #fff;
}

@media (max-width: 1400px) {
}

@media (max-width: 1200px){

	.contectDetalle {
	    width: 100%;
	}

	.autoContent.fullSize .cardAuto .imgAuto{
		width: 45%;
    	margin: 0 auto;
	}

	.autoContent.fullSize .cardAuto .datosAuto {
	    width: 100%;
	}

	.autoContent .cardAuto.list2 {
	    width: 49%;
	}

	.autoContent.fullSize .cardAuto.list2 {
	    width: 32%;
	}

}


@media (max-width: 992px) {

	.itemAuto {
	    width: 32%;
	}

	.autoContent .cardAuto .imgAuto {
	    width: 60%;
	    margin: 0 auto;
	}

	.autoContent.fullSize .cardAuto .imgAuto {
	    width: 60%;
	    margin: 0 auto;
	}

	.autoContent .cardAuto .datosAuto {
	    width: 100%;
	}

	.autoContent .cardAuto.list2 {
	    width: 100%;
	}

	.autoContent.fullSize .cardAuto.list2 {
	    width: 49%;
	}

	.autoContent .bloque2 {
	    justify-content: space-between;
	    width: 100%;
	}

	.autoContent.fullSize .bloque2 {
	    width: auto;

	}

	.autoContent .bloque1 .autosResultado p {
	    margin-top: 20px;
	}

	.autoContent.fullSize .bloque1 .autosResultado p {
	    margin-top: 0px;
	}

}

@media (max-width: 768px) {
	.btn2 {
		min-height: 65px;
	}
	.privcs {
		float: left;
		width: 100%;
		text-align: center;
		margin-bottom: 25px;
	}
	.btnFin {
		display: grid;
	}
	.itemAuto {
		width: 49%;
		margin: 10px 0;
		padding: 10px;
	}

	h2{
		font-size: 20px;
	}

	h4{
		font-size: 17px;
	}

	.datosAuto {
	    width: 100%;
	}

	.imgAuto {
	    width: 70%;
	    margin: 0 auto;
	}

	.datosTYP{
		width: 48%;
	}

	.autoContent.fullSize .autosItens .cardAuto {
	    width: 100%;
	}

	.autoContent{
		width: 100%;
	}

	/*MENU*/
	.drawer {
		position: fixed;
		top: 0;
		bottom: 0;
		left:  -100%;
		width: 100%;

		  
		/* trigger HW acceleration */
		transform: translate3d(0,0,0);
		transition: left .4s ease-in-out;
		transform: translate3d(0px, 0px, 0px);
	}

	.drawer.open {
		left:  0;
	}

	.close-menu{
		display: block;
	}

	.headFiltro{
		justify-content: space-between;
	}

	.selectList{
		display: none;
	}

	.autoContent .cardAuto.list2 {
	    width: 49%;
	}

	.rangoPrevio .noUi-target {
	    width: 90%;
	}

	.drawer {
	    z-index: 50;
	}

	.filtrosMovil{
		display: inline-flex;
	}

	.btnMenu{
		display: none;
	}

	.autoContent .bloque2 {
	    justify-content: flex-end;
	    width: 48%;
	}

	.autoContent .bloque1{
		width: 48%;
	}


}

@media (max-width: 576px) {
	.nlcalc {
		font-size: 11px;
	}
	.divtextocontacto {
		text-align: center;
		font-size: 12px;
		width: 52%;
		margin-left: 20px;
	}
	.acd {
		float: left;
		font-size: 11px;
	}
	.selectAnio a {
		padding: 0 10px 5px;
		font-size: 19px;
	}
	.selm p {
		text-align: center;
	}
	p {
		font-size: 14px;
	}

	.itemAuto img{
	    width: 100%;
	}

	footer .container {
	    justify-content: center;
	}

	.infoAuto .form-control {
	    width: 100%;
	}

	.form-control {
	    margin-bottom: 20px;
	}

	.btnFin {
	    justify-content: center;
	}

	.infoDist span {
	    font-size: 12px;
	}

	.nameAuto h3 {
	    font-size: 25px;
	}

	.legalDatos p {
	    width: 100%;
	}

	.legalDatos {
	    justify-content: center;
	}

	.legalDatos .btn{
		margin: 20px 0;
	}

	.datosTYP {
	    width: 100%;
	    padding: 0;
	}

	.imgAuto {
	    margin-bottom: 20px;
	}

	.autoContent.fullSize .cardAuto .imgAuto {
	    width: 60%;
	}

	.autoContent .cardAuto.list2 {
	    width: 100%;
	}

	.autoContent.fullSize .cardAuto.list2 {
	    width: 100%;
	}

	.autoContent .bloque1,
	.autoContent .bloque2{
		width: 100%;
	}

	.selecOrden,
	.selecOrden select{
		width: 100% !important;
	}

	.infoAuto .form-group {
	    width: 100%;
	}


}

@media (max-width: 480px) {

	.imgAuto {
	    width: 100%;
	}

	.autoContent.fullSize .cardAuto .imgAuto {
	    width: 100%;
	}

	.autoContent .cardAuto .imgAuto {
	    width: 100%;
	}

}