@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;
}
.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;
	}
.divlogogracias {
	float: left;
	width: 10%;
}
	.divlogogracias img {
		width: 65px;
		margin-top: 35px;
	}
.divtextogracias {
	/*float: left;*/
	width: 90%;
}
	.divtextogracias h2 {
		margin-top: 40px;
		margin-bottom: 5px;
	}
	.divtextogracias p {
		font-weight: bold;
	}
.logopa {
}
	.logopa img {
		width: 130px;
		margin-top: 5px;
	}
.owl-carousel {
	position: relative;
}

.owl-next, .owl-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.owl-next {
	right: 0;
	display: flex;
	background: none !important;
	
	/*background: url(/assets/img/next.png) no-repeat scroll -24px 0px !important;*/
}
	.owl-next img {
		width: 50px;
	}

.owl-prev {
	left: 0;
	display: flex;
	background: none !important;
	/*background: url(/assets/img/prev.png) no-repeat scroll 0 0 !important;*/
}
	.owl-prev img {
		width: 50px;
	}


#divPrivacidadH video {
	width: 100%;
	height: 600px;
}
.titproceso {
	float: left;
	width: 100%;
	margin-top: 25px;
	font-family: 'AvenirLTProBlack';
	text-align: center;
	font-size: 20px;
	margin-bottom: 20px;
}
.comofmov {
	float: left;
	margin-top: 15px;
	margin-left: 10px;
	width: 90%;
	display: none;
	margin-bottom: 20px;
}
.verlegalesg {
	cursor: pointer;
	/*float: left;*/
	width: 100%;
	font-weight: bold;
	text-decoration: underline;
}
.legalesg {
	display: none;
	float: left;
}
.btntitapartalo, .btntitapartalo2 {
	/*background-color: #F3B43F;*/
	color: #fff;
	border-radius: 0;
	font-size: 14px;
	height: 45px;
	text-transform: uppercase;
	min-width: 170px;
	padding: 12px 10px;
	font-weight: 700;
	float: right;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	border: 1px solid transparent;
}
.btntitapartalo2{
	display:none;
}
.ico_play {
	width: 150px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
}
.cendiv {
	margin: 0 auto;
	width: 90%;
	padding: 21px;
	margin-top: 3%;
	text-align: justify;
}

.backLoadP, .backLoadP2 {
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 10000;
	left: 0;
	top: 0;
	background-color: transparent;
	background-color: rgba(0,0,0,0.76);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
	color: white;
	font-size: 18px;
	overflow-x: hidden;
	overflow-y: auto;
}
.divprocesoimg {
	width: 100%;
	margin-top: 40px;
}
	.divprocesoimg img {
		width: 100%;
	}
.divprocesoslider {
	display: none;
	float: left;
	width: 100%;
}

.imgclose {
	width: 50px;
	position: absolute;
	z-index: 4;
	right: 40px;
	margin-top: -37px;
	cursor: pointer;
}
.divimgp picture img {
	width: 100%;
}
.spcf {
	width: 20px;
	margin-top: -3px;
	margin-left: 4px;
}
.titidcf {
	padding: 10px;
	/*background-color: #f3b43f;*/
	color: white;
	font-weight: bold;
	border-radius: 2px;
	cursor: pointer;
}
	.titidcf:hover {
		background-color: #ffd485;
		color:black;
	}
.logocssJEEP {
	width: 80px;
}
.logocssJEEPeshop {
	width: 60px;
	margin-left: 14px;
}
.logocssFIAT {
    width: 80px;
    margin-left: 13px;
}
.logocssFIATeshop {
	width: 60px;
	margin-left: 25px;
}
.logocssRAM {
	width: 80px;
}
.logocssRAMeshop {
	width: 60px;
	margin-left: 15px;
}
.logocssDODGE {
	width: 80px;
}

.logocssDODGEeshop {
	width: 60px;
	margin-left: 10px;
}
.logocssCHRYSLER{
	width: 80px;
}

.logocssCHRYSLEReshop {
	width: 60px;
	margin-left: 10px;
}
.logoxs {
	width: 200px;
	/* filter: brightness(0.7); */
	/*margin-top: 15px;*/
}
.disclaimerexistencia {
	padding: 6px;
	margin-bottom: 15px;
	font-size: 15px;
	color: #0C0C0C;
	display: block;
	font-family: 'Roboto-Medium';
}
.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: #ED1B20;
	--color-fiat-primary-light: #f89ea7;
	--color-alfa-primary: #cb3335;
	--color-alfa-primary-light: #c77779;
	--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: #39454D;
	--color-alfa-third-light: #aecde2;
	/* --- */
	--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);
	}

.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: 23px;
}

.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;
}
.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);
}
/*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';
}

.alfaromeo .logoMarca img {
    width: 50px;
}
.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: #000000;
	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;
}

footer{
	background-color: #000000;
	height: 80px;
	/*position: fixed;*/
	width: 100%;
	bottom: 0;
	z-index: 5;
}

footer .container{
	display: flex;
	align-content: center;
	justify-content: center;
	padding: 13px;
	font-size: 14px;
	color: #B7B7B7;
}

footer p{
	margin: 0;
}

footer a{
	color: #838383;
	font-size: 14px;
	/*font-family: 'Roboto-Medium';*/
}

footer a:hover{
	color: #B7B7B7;
}

footer a img{
	margin-right: 5px;
}

/*detalle apartado*/
.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;
	}
.btnbcc {
	margin-left: 0 !important;
	margin-top: 15px !important;
}
.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;
}

.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;
	}

.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;
}

.infoAuto h2{
	width: 100%;
}

.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;
}

.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;
}

.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;
}

.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%;
}

.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-group2 {
	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;*/
}
.btn-black {
	background-color: #000000;
}



/**/
.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;
}
.dodge .sweet-alert .btn {
	background-color: #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;
}
.chrysler .sweet-alert .btn {
	background-color: #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;
}
.ram .sweet-alert .btn {
	background-color: #DD4E3C;
}
.jeep header,
.jeep footer {
	background-color: #000000;
}

.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;
}
.jeep .sweet-alert .btn {
	background-color: #F3B43F;
}

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

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

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

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

.fiat h2 span {
	color: #ED1B20;
}

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

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

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

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

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

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

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

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

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

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

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

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

.fiat footer {
	background-color: #000000;
}
.fiat .sweet-alert .btn {
	background-color: #ED1B20;
}

.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;
}

	.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: #ff6672;
	color: #fff;
}

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

.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;
}
.alfaromeo .sweet-alert .btn {
	background-color: #8F0E2C;
}

@media (max-width: 1400px) {
	.cardAuto .btnIn .btn {
		width: 100%;
	}
}

@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) {
	#dirmapas2, .btn2 {
		font-size: 11px;
	}
	.sweet-alert {
		top: 36% !important;
	}
	.divtextogracias {
		width: 80%;
	}
	.divlogogracias {
		width: 20%;
	}
	.sectionmodelos {
		float: left;
	}
	#divPrivacidadH video {
		width: 100%;
		height: 300px;
	}
	.cendiv {
		width: 100%;
		margin-top: 10%;
	}
	.divprocesoimg{
		display:none;
	}
	.divprocesoslider {
		display: block;
	}
	.infoAuto {
		float: left;
		width: 100%;
	}
	.ico_play {
		top: 25%;
		width: 60px;
	}
	.comofmov{
		display:block;
	}
	.logoMarca {
		width: 100%;
	}
		.logoMarca a {
			display: flex;
			justify-content: space-between;
		}
	.logoPago{
		display:none;
	}
	.btntitapartalo {
		display: none;
	}
	.btntitapartalo2 {
		display: block;
		width: 100%;
		margin-top: 12px;
	}
	.logocssJEEP {
		width: 100px;
	}
	.logocssJEEPeshop {
		width: 80px;
	}
	
	.titidcf {
		font-size: 9px;
	}
	.titid {
		font-size: 11px;
	}
	.privcs {
		float: left;
		width: 100%;
		text-align: center;
		margin-bottom: 25px;
	}
	.btnFin {
		display: grid;
	}
	.itemAuto {
		width: 49%;
		margin: 25px 0;
	}

	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: 6;
	}

	.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%;
	}

}
@media (max-width: 400px) {
	.btn2 {
		height: 60px;
		font-size: 10px;
	}
	.spn2 {
		font-size: 15px;
	}

}