/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
@font-face {
  font-family: 'Proxima Nova Alt Th';
  src: url("https://4560037.fs1.hubspotusercontent-na1.net/hubfs/4560037/FIAT/FUENTES/ProximaNovaA-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Alt Lt';
  src: url("https://4560037.fs1.hubspotusercontent-na1.net/hubfs/4560037/FIAT/FUENTES/ProximaNovaA-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Rg';
  src: url("https://4560037.fs1.hubspotusercontent-na1.net/hubfs/4560037/FIAT/FUENTES/ProximaNova-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Rg';
  src: url("https://4560037.fs1.hubspotusercontent-na1.net/hubfs/4560037/FIAT/FUENTES/ProximaNova-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Bl';
  src: url("https://4560037.fs1.hubspotusercontent-na1.net/hubfs/4560037/FIAT/FUENTES/ProximaNova-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}








   

 




/*********************************************/
/* Posventa nuevos */
/*************************************************/

body.posventa.jeep {
  font-family: Proxima Nova Rg;
}

.container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.row-fluid [class*="span"]{
  min-height: 0 !important;
}


.queDesesasCont{
  text-align:center;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #111111
}

.queDesesasCont p{
  font-family: Proxima Nova Rg;
  color: #FFBA00;
  text-transform: uppercase;
}

.queDesesasCont p:first-child{
  font-size: 30px;
  font-weight: bold;
  padding-bottom: 10px;
	text-align: center;
}

.queDesesasCont a{
  font-family: Proxima Nova Rg;
  text-transform: uppercase;
  color: white !important;
  margin-right: 50px;
  cursor: pointer;

}


div#navPosventa.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  z-index: 100;
  background: black;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fixed.navPosventa a {
  color: white;  
}

.navPosventa{
  display: flex;
  margin: auto;
  justify-content: center;
}


.navPosventa a p{
  font-size: 18px !important;
  margin-bottom: 0 !Important;
}


.text-slider a{
  cursor:pointer;
  color: white;
  padding: 10px 30px;
  border-radius: 3px;
  font-family: Proxima Nova Rg;
  border: 1px solid white;
}

.text-slider p:first-child {
  font-size: 45px !important;
  font-family: Proxima Nova Rg;
  font-weight: 600;
  color: #FFBA00;
}

.text-slider p:nth-child(2) {
  color: white !important;
  font-size: 22px;
  max-width: 800px;
  margin: auto;
  font-family: Proxima Nova Rg;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.slider-posventa-nuevo .carousel-item {
  height: calc(90vh - 120px);
}

.contenedor-card > div > .row-fluid {
  display: flex;
  max-width: 80vw;
  margin: 3em auto;
  width: 1250px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-around;
}
.card-medio {
  width: 250px !important;
  margin: 0.5em auto !important;
}
.cont-tarjeta-posventa, .iconos-links {
  width: 250px !important;
  margin: 0.5em auto !important;
}
.tarjeta-titulo{
  color: #FFBA00;
  text-align: center;
  margin-top: 20px;
  font-family: Proxima Nova Rg;
  line-height: 19px;
}
.iconos-links {
  margin: auto 0;
}
.contenedor-general-c a:hover {
  text-decoration: none;
}
.linea{
  display: flex;
  margin-bottom: 15px;
}
.linea:last-child {
  margin-bottom: 0;
}
.linea p{
  margin-top:auto;
  margin-bottom:auto;
  color:white;
  margin-left: 20px;
  font-family: Proxima Nova Rg;
  text-align: left;
}

.linea img{
  width: 50px;
  height: 50px;
  margin-right: 5px;
}

.linea a{
  cursor: pointer;
  text-decoration: none;
  color: black;
}


.cont-te-asegura{
  margin-top:200px;
  margin-bottom: 50px;

}

.cont-te-asegura p:first-child{
  text-align: center;
  color: white;
  font-family: Proxima Nova Rg;
  font-weight: bold;
  font-size: 25px;
  margin-bottom: 30px;
  margin-top: 30px;  
}

.cont-tarj-te-asegura{
  display: flex;
  width: 80vw;
  max-width: 1250px;
  flex-wrap: wrap;
  margin: auto;
  justify-content: space-evenly;
}

.tarj-te-asegura{
  width: 23.5%;
  margin: 0.5em auto;
  background-color:black;
  min-width: 250px;
}
.tarj-te-asegura-enc img {
  width: 100% !important;
}

.tarj-te-asegura div p{
  font-family: Proxima Nova Rg;
  color: #FFBA00;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  display:flex;
  padding-top: 31px;
  padding-left: 20px;
  padding-right: 20px;
}

.tarj-te-asegura ul {
  list-style: none;
  padding-bottom: 2px;
  padding-left: 20px;
  padding-right: 20px;  
}


.tarj-te-asegura ul li{
  margin-top: 15px;
  font-family: Proxima Nova Rg;
  line-height: 17px;
  color:white;
}

.tarj-te-asegura ul {
  list-style: none;
  padding-bottom: 12px;
}

.tarj-te-asegura:nth-child(1) ul li::before {
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  list-style-type: square;
}

.tarj-te-asegura:nth-child(2) ul li::before {
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  list-style-type: square;
}

.tarj-te-asegura:nth-child(3) ul li::before {
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  list-style-type: square;
}

.tarj-te-asegura:nth-child(4) ul li::before {
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  list-style-type: square;
}

.descubre-brochure{
  text-align: center;
  margin-top: 60px;
  margin-bottom:60px;
}

.descubre-brochure p{
  color: white;
  font-family: Proxima Nova Rg;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 30px;
  text-align: center;
}

.descubre-brochure a{
  padding: 12px 35px;
  background: #FFBA00;
  color: black !important;
  font-weight: bold;
  font-family: Proxima Nova Alt Th
}

.descubre-brochure span{
  font-family: Proxima Nova Rg;
}
.tarjeta-posventa {
  margin-bottom: 0 !important;
}

.agendarcita{
  background: #FFBA00;
  color:black;
  font-family : Proxima Nova Rg;
}

@media (max-width: 720px) {

  .queDesesasCont div{
    display: inline-grid;
  }

  .queDesesasCont a{
    margin-bottom: 10px;
    margin-right: 2px;
  }

  .text-slider p:first-child {
    font-size: 20px !important;
  }

  .text-slider p:nth-child(2) {
    font-size: 14px;
  }

  .posventa-slider .carousel-item{
    height: 50vh !important;
  }

  .cont-te-asegura {
    margin-top: 89px;
  }

  .cont-tarjeta-posventa .tarjeta-posventa {
    width: 100% !important;
    margin-top: 72px;
  }

  .cont-tarj-te-asegura{
    display:blocK
  }


}

/***************************************/
/* Mapa */
/**************************************/

.cont-inf{
  height: 670px;
}
.cont-inf-filtro {
  background-color: #111111;
  padding-left: 30px;
  padding-right: 36px;
}


.filtros-dealers h4{
  color: #FFBA00;
  font-family: Proxima Nova Rg;
  margin: 0;
}
.tit-map h3 {
  background-image: none !important;
}

.filtros-dealers{
  color: #FFBA00;
  font-family: Proxima Nova Rg;
  margin-bottom: 30px;
}

.tit-map h3{
  font-family: Proxima Nova Rg;
  color: white;
  font-size: 35px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 35px;
  margin-bottom: 28px;
  font-weight: bold;
}

.lista-dealers {
  margin-top: 9px;
  width: 100%;
  overflow-y: auto !important;
  position: relative;
  left:0px;
} 
select#selectBox {
  background: #FFBA00;
  color: black !important;
}

.lista-dealers h4{
  font-family: Proxima Nova Rg;
  color: #FFBA00;
}

.lista-dealers p{
  font-family: Proxima Nova Rg;
  color:white;
}

body.posventa.jeep .map {
  width: 100%;
}

@media (max-width: 800px) {
  body.posventa.jeep .map {
    height: 350px;
  }
  .lista-dealers {
    max-width: none;
    position: relative;
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  .mapas-concesionarios {
    max-width: unset !important;
  }
}

/***************************************/
/* Footer */
/**************************************/
body.posventa.jeep .container-footer-jeep {
  background: black !important;
}
.footer {
  background: #414042 !important;
  color: white;
  padding: 40px;

}

.footer-contenedor > div > .row-fluid {
  max-width: 1330px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}

.footer-info>div>.row-fluid .span7.widget-span {
  padding-right: 60px;
}

.footer a {
  color: white;
}

.footer a:hover {
  color: white;
}

.footer > div > .row-fluid {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.footer-info > div > .row-fluid {
  display: flex;
  /*flex-wrap: wrap;*/
}

.footer-info ul {
  padding: 0;
  list-style: none;
  line-height: 1.5;
}
.footer h4 {
  font-family: ;
  font-size: 20px;
}

.redes-container ul {
  list-style: none;
  padding: 0;
  display: flex;
}

.redes-container ul li {
  margin-right: 15px;
}

.footer p em {
  font-size: 14px;
}

.redes-container a {
  font-size: 25px;
}

.span12.widget-span.widget-type-cell.copy-footer {
  border-top: 1px solid;
  padding-top: 30px;
  margin-top: 30px;
}

.footer h5 {
  font-size: 2em;
  margin: 0;
  font-family: Proxima Nova Rg
}

.footer-info p {
  text-align: left;
  font-family: Proxima Nova Alt Th
}

@media (max-width: 550px) {
  .footer-info > div > .row-fluid {
    flex-wrap: wrap;
  }
  .footer-info>div>.row-fluid .span7.widget-span {
    padding-right: 0px;
  }
}

/*********************************************/
/* PrePago Plus */
/*************************************************/

.cont-prepago-banner{
  background-image: url(https://4560037.fs1.hubspotusercontent-na1.net/hubfs/4560037/MARESA%20CENTER/POSVENTA%20NUEVA/Depositphotos_47022403_xl-2015.jpg);
  height: 80vh;
  background-size: cover;
  background-position: 50% 30%;
  display: flex;
  position: relative;
}

.cont-prepago-banner:before {
  content:'';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,0.6);
}

.slider-posventa-nuevo .carousel-item {
  height: calc(90vh - 120px);
}

.prepago-banner{
  height: fit-content;
  margin: auto;
  text-align: center;
  z-index: 1;
}

.prepago-banner img{
  width: 200px;
}

.prepago-banner p{
  color: white;
  font-weight: bold;
  font-size: 28px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.prepago-banner p span{
  font-size: 32px;
}

.prepago-banner a{
  color: #ca0100;
  background: white;
  padding: 8px 25px;
  font-weight: bold;
  cursor:pointer;
}

.prepago-banner a:last-child{
  margin-left: 20px;
}

.cont-princ-prepago-ventajas{
  width: fit-content;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 50px;
}

.cont-princ-prepago-ventajas p:first-child{
  text-align: center;
  color: #ca0100;
  font-weight: bold;
  font-size: 20px;
  font-family: sans-serif;
}

.cont-prepago-ventajas{
  position: relative;
  max-width: 900px;
}

.ventaja-prepago{
  display:flex;
}

.ventaja-prepago p{
  margin-left: 10px;
  width: 90%;
}

.ventaja-prepago .icono-cont-prepago{
  background: #ca0100;
  width: 70px;
  height: 40px;
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
}

.ventaja-prepago .icono-cont-prepago img{
  height: 28px;
  margin: auto;
}

.prepago-ventajas-rectangulo{
  position: absolute;
  box-shadow: 0px 0px 15px #888;
  z-index: -1;
  width: 99%;
  height: 100%;
  margin: auto;
  top: 0;
  bottom: 0;
  left: auto;
  right: -5%;
}

.cont-prepago-descargas{
  width: fit-content;
  margin: auto;
  text-align: center;
}

.cont-prepago-descargas .titulo{
  text-align: center;
  color: #ca0100;
  font-weight: bold;
  font-size: 20px;
  font-family: sans-serif;
}

.cont-prepago-descargas .cont-bot-desc-prepago{
  display: flex;
  width: fit-content;
  margin: auto;
}

.cont-prepago-descargas .descargar-prepago{
  box-shadow: 0px 0px 15px #888;
  color: #ca0100 !important;
  font-weight: bold;
  padding: 0px 30px;
  border-radius: 5px;
  cursor: pointer;
}

.cont-prepago-descargas .descargar-prepago:last-child{
  margin-left: 20px;
}

.cont-prepago-descargas .descargar-prepago a{
  color: #ca0100; 
}

.cont-prepago-descargas .descargar-prepago p{
  font-weight: normal;
}

.cont-prepago-descargas .descargar-prepago p span{
  font-weight: bold;
}

.no-esperes-mas{
  width: fit-content;
  margin: auto;
  text-align: center;
  margin-top: 80px;
  margin-bottom: 80px;
}

.no-esperes-mas p:first-child{
  font-weight: bold;
  font-size: 20px;
  font-family: Futura Bold Italic;
  margin-bottom: 30px;
}

.no-esperes-mas a{
  background: #ca0100;
  color: white;
  padding: 10px 30px;
  font-weight: bold;
  cursor: pointer;
}

.no-esperes-mas a:last-child{
  margin-left: 20px;
  cursor:pointer;
}

.cont-footer-prepago{
  text-align: center;
}

.cont-footer-prepago img:first-child{
  height: 60px;
}

.cont-footer-prepago div{
  display: flex;
  width: fit-content;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

.cont-footer-prepago div p:nth-child(2){
  margin-left: 20px;
  margin-right: 20px;
}

.cont-footer-prepago div p:nth-child(3){
  display:flex;
}

.cont-footer-prepago div p span{
  font-size: 18px;
  font-weight: bold;
}

.cont-footer-prepago div i{
  color: limegreen;
  font-size: x-large;
  margin-right: 5px;
}

@media (max-width: 720px) {
  .fixed.navPosventa{
    position: fixed;
    top: 0;
    z-index: 10;
    background: white;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
  }
}

@media (max-width: 720px) {

  .slider-posventa-nuevo .carousel-item {
    height: calc(100vh - 120px);
  }

  .prepago-banner div{
    display: grid;
  }

  .prepago-banner a {
    margin: auto;
  }

  .prepago-banner a:last-child {
    margin-top: 15px;
    margin-left: auto;
  }

  .ventaja-prepago {
    display: block;
  }

  .ventaja-prepago .icono-cont-prepago {
    margin:auto;
  }

  .prepago-ventajas-rectangulo{
    display:none;
  }

  .cont-prepago-descargas .cont-bot-desc-prepago {
    display: block;
  }

  .no-esperes-mas-buttons{
    display:grid;
  }

	
	/********************************************************/
	@media(max-width: 768px) {
		.lista-dealers {
			display: flex;
			height: auto !important;
			position: relative;
			overflow-x: scroll;
			overflow-y: hidden;
			scroll-snap-type: x mandatory;
			width: 100%;
			max-width: unset;
		}
		.lista-dealers .dealer {
			width: 100% !important;
			min-width: calc(80vw - 20px);
			scroll-snap-align: start;
			padding: 10px;
		}
		.cont-inf {
			height: auto;
		}
	}