@font-face {
    font-family: 'Cupra-Light';
    src: url('/Cupra/Ateca/fonts/Cupra-Light.otf') format('otf'), url('/Cupra/Ateca/fonts/Cupra-Light.woff') format('woff');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'Cupra-Regular';
    src: url('/Cupra/Ateca/Cupra-Regular.otf') format('otf'), url('/Cupra/Ateca/fonts/Cupra-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cupra-Medium';
    src: url('/Cupra/Ateca/Cupra-Medium.otf') format('otf'), url('/Cupra/Ateca/fonts/Cupra-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.legalColoresFomentor {
	text-align: center;
	padding: 20px 0 0 0;
}


.title-section { text-align: center;}
.textCenter { text-align: center;}

.hcupra {
    padding-top: 0 !important;
    /*position: fixed;
    width: 100%;
    background-color: white;
    z-index: 15;
    margin-top: -30px;*/
}
body {
    font-family: 'Cupra-Light';
    font-size: 16px;
    padding-top: 152px;
}

header{
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #fff;
	z-index: 15;
}

a, a:hover{text-decoration: none;}
section .container{max-width: 1400px;}

.content-header{
	text-align: center;
	padding: 20px 0;
}

.content-header img{
	width: 300px;
	height: auto;
}

/*MENU INTERIOR*/

.ver-desktop{background: #ededed;}
.menu-interior .list-formentor {
	padding: 1.5em 15px !important;
}
.menu-interior .list-group{
    flex-direction: row;
    display: flex;
    justify-content: center;
}
.menu-interior .list-group-item {
    padding: 1.5em 3rem;
    margin-bottom: 0;
    height: 80px;
    border: none;
    background-color: #ededed;
    font-family: 'Cupra-Light';
}
.menu-interior .list-group-item-action {
    color: rgba(36,34,33,0.6);
    width: auto;
    font-size: 16px;
}

.menu-interior .list-group a::after, #menu-movil a::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 2px solid #013c49;
    bottom: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: transform .3s ease-in;
}

.menu-interior .list-group a.active::after, .menu-interior .list-group a:hover::after{
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.menu-interior-models .list-group-models {
	flex-direction: row;
	display: flex;
	justify-content: center;
}

.menu-interior-models .list-group-item-models {
	padding: 1.5em 2.5rem;
	margin-bottom: 0;
	height: 70px;
	border: none;
	background-color: #ededed;
	font-family: 'Cupra-Light';
}

@media (max-width: 710px) {
	.menu-interior-models .list-group-item-models {
		padding: .5rem 1rem;
	}
}

.menu-interior-models .list-group-item-action-models {
	color: rgba(36,34,33,0.6);
	width: auto;
	font-size: 16px;
}

.option-ateca {
	border-bottom: 2px solid #013c49 !important;
}

.option-leon {
	border-bottom: 2px solid #013c49 !important;
}

.option-formentor {
	border-bottom: 2px solid #013c49 !important;
}

.list-group-item-action-models:hover {
	border-bottom: 2px solid #013c49 !important;
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
.ver-movil{
    background-color: #0F0F0F;
    padding: 0; 
    top: 86px; 
    display: none;
}

#menu-movil a:hover::after{
    -webkit-transform: scaleX(1); 
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.menu-interior .btn-collapse{width: 100%;} 
.menu-interior .btn-collapse a{
    height: 50px;
    padding: 0 2em;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #ededed;
	font-family: 'Cupra-Medium';
	color: rgba(36,34,33,0.6);
}

.menu-interior .btn-collapse a:after{
    content: "\e903";
    font-family: 'icomoon' !important;
    color: rgba(36,34,33,0.6);
    position: absolute;
    right: 30px;
    bottom: 5px;
    font-size: 25px;
}

.menu-interior .btn-collapse a.collapsed:after{
    content: "\e902";
    font-family: 'icomoon' !important;
    color: rgba(36,34,33,0.6);
    position: absolute;
    right: 30px;
    bottom: 5px;
    font-size: 25px;
}

.menu-interior #menu-movil{
    width: 100%; 
    text-align: center; 
    background-color: rgba(0, 0, 0, 0.8);
}


.list-group-item:first-child,
.list-group-item:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}


/*CUPRA ATECA*/
.svg-cupra{width: 120px; height: auto;}
.bg-cupra{background-color: #f5f5f5;}
#cupraAteca{padding: 0;}
#cupraLeon{padding: 0;}
#cupraAteca .container.container-cupra{padding: 0;}
#cupraLeon .container.container-cupra {
	padding: 0;
}
.banner-cupra-ateca{position: relative;}
.banner-cupra-ateca img{
	display: block;
	width: 100%;
}

.banner-cupra-ateca h1{
	position: absolute;
	color: #fff;
	top: 10px;
	left: 30px;
	font-size: 60px;
	font-family: 'Cupra-Light';
}

.section-cupra,
.section-cupra2{
	display: flex;
	position: relative;
}

.section-cupra img,
.section-cupra2 img{
	width: 100%;
}

.info-cupra{
	top: 0;
	margin-left: 0;
	width: calc(50% + 98px);
	position: absolute;
	left: 0;
	height: auto;
	z-index: 12;
	background: #f5f5f5;
	display: flex;
	padding: 35px;
}

.info-cupra .content-info:first-child{
	text-align: right;
	margin-top: 0;
}

.info-cupra .content-info{
	width: 50%;
	padding: 0 16px;
	margin-top: 32px;
}

.content-info h3{
	line-height: 26px;
	font-size: 16px;
	font-family: 'Cupra-Light';
	color: #242221;
}

.content-info h4{
	font-size: 36px;
	color: #242221;
	font-family: 'Cupra-Light';
}

.content-info p{
	color: #242221;
	font-family: 'Cupra-Light';
}

    .content-info ul li p{text-align:left;}


    .img-cupra {
        width: 50%;
        padding-bottom: 75px;
        left: 50%;
        overflow: hidden;
        height: auto;
        position: relative;
    }

.img-cupra .img-front{
	position: relative;
	z-index: 11;
	width: calc( 100% - 166px);
	margin-left: 16px;
}

.img-cupra .img-back{
	position: absolute;
	z-index: 10;
	width: 499px;
	height: auto;
	overflow: hidden;
	top: inherit;
	right: 0;
	bottom: 0;
}

.section-cupra2 .img-cupra{
	padding-top: 100px;
	padding-bottom: 0;
	width: calc(70%);
	position: relative;
	left: 0;
	overflow: hidden;
	height: auto;
	margin-bottom: 0;
}

.section-cupra2 .img-cupra .img-front{
	width: calc(82.666666%);
	margin-left: 148px;
	position: relative;
	z-index: 11;
	overflow: hidden;
	height: auto;
}

.section-cupra2 .img-cupra .img-back{
	height: 184px;
	top: 0;
	bottom: inherit;
	width: calc(100% - 16px);
	position: absolute;
	z-index: 10;
	overflow: hidden;
	right: 0;
	left: 0;
}

.section-cupra2 .info-cupra{
	padding-bottom: 48px;
	top: 0;
	width: calc(40.66666%);
	padding-left: 82px;
	position: absolute;
	left: inherit;
	right: 0;
	height: auto;
	z-index: 12;
	margin-left: 0;
	text-align: left;
	padding-right: 0;
}

.section-cupra.section-cupra3 .img-cupra{
	padding-top: 75px;
	padding-bottom: 0;
}

.section-cupra.section-cupra3 .img-cupra .img-back{
	top: 0;
	bottom: unset;
}

.section-cupra.section-cupra3 .info-cupra{
	top: unset;
	bottom: 0;
}

.section-cupra2.section-cupra4 .img-cupra{
	padding-top: 75px;
	padding-bottom: 0;
	width: calc(50%);
}

.section-cupra2.section-cupra4 .img-cupra .img-back{
	top: 0;
	bottom: unset;
	height: auto;
	width: calc(86%);
}

.section-cupra2.section-cupra4 .info-cupra{
	top: unset;
	bottom: 0;
	width: calc(60%);
}

.section-cupra2.section-cupra4 .img-cupra .img-front{
	margin-left: 100px;
}

/*sdfdvf*/

.section-cupra2.section-cupra5 .img-cupra{
	padding-top: 0px;
	padding-bottom: 75px;
	width: calc(50%);
}

.section-cupra2.section-cupra5 .img-cupra .img-back{
	top: unset;
	bottom: 0;
	height: auto;
	width: calc(86%);
}

.section-cupra2.section-cupra5 .info-cupra{
	top: 0;
	bottom: unset;
	width: calc(60%);
}

.section-cupra2.section-cupra5 .img-cupra .img-front{
	margin-left: 100px;
}
/*Rines Formentor 2022*/
.colores-cupra.formentor .NomColor{margin-bottom: 0px;}

.colores-cupra.formentor .titCategoria {text-align:left;}
.colores-cupra.formentor .titCategoria p{margin-left: 5px;margin-right: 5px;}
.colores-cupra.formentor .imgRines {
	position: absolute;
	width: 100%;
	top: 0;
}

	.colores-cupra.formentor .imgRines img {
		width: 100%;
	}

.position {
	margin-top: -20px; 
}
.top{
	top:10px!important;
}

.colores-cupra.formentor .configuracion-tabs-rines-colores {
	text-align: center;
	margin-bottom: 16px;
	padding-top: 15px;
}

.colores-cupra.formentor .car-configurator-tab {
	position: relative;
	display: inline-block;
	width: 202px;
	cursor: pointer;
}

	.colores-cupra.formentor .car-configurator-tab.selected::before {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		height: 1px;
		width: 202px;
		border-bottom: 1px solid #013c49;
	}

.colores-cupra.formentor .content-color, .colores-cupra.formentor .content-rin {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	margin: 0 auto;
	width: auto;
}

.colores-cupra.formentor .configuracion-colores, .colores-cupra.formentor .configuracion-rines {
	position: relative;
	display: flex;
	overflow-x: auto;
	scrollbar-width: none;
	padding: 0;
	margin: 0 auto;
	flex-flow: row wrap;
}

.colores-cupra.formentor .ListaColoresCategoria a, .colores-cupra.formentor .ListaRinesCategoria a {
	width: 40px;
	height: 40px;
}

.colores-cupra.formentor .ListaColoresCategoria::before, .colores-cupra.formentor .ListaRinesCategoria::before {
	content: '';
	position: absolute;
	right: -8px;
	bottom: 0;
	height: 100%;
	width: 1px;
	border-right: 1px solid #013c49;
}

.colores-cupra.formentor .ListaColoresCategoria, .colores-cupra.formentor .ListaRinesCategoria {
	position: relative;
	height: 40px;
	white-space: nowrap;
	margin-top: 8px;
	margin-right: 8px;
	padding-right: 4px;
	margin-bottom: 10px;
}

.colores-cupra.formentor .color-categoria, .colores-cupra.formentor .rin-categoria {
	padding-right: 16px;
	padding-left: 0;
}

.colores-cupra.formentor .ListaRinesCategoria img {
	position: absolute;
	bottom: 0;
	height: 100%;
	transition: all .3s ease;
}

.colores-cupra.formentor .ListaRinesCategoria .icoSelec img {
	width: 40px;
	height: 44px;
	padding-bottom: 4px;
	border-bottom: 1px solid #013c49;
}

.colores-cupra.formentor .ListaColoresCategoria a.icoSelec {
	idth: 40px;
	height: 40px;
	padding-bottom: 4px;
	border-bottom: 1px solid #013c49;
}

.colores-cupra.formentor .configuracion-section-rines-colores .sectioninfo {
	display: none;
}

	.colores-cupra.formentor .configuracion-section-rines-colores .sectioninfo.active {
		display: flex;
	}

.colores-cupra.formentor .sectionDesColor {
	width: 100%;
}

.colores-cupra.formentor .NomRin {
	font-size: 16px;
	color: #0f0f0f;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 0px;
	font-family: 'Cupra-Medium';
}

/*COLORES*/
#colores{
    width: 50%;
    margin: 0 auto;
}

.content-img.contImgColores{position: relative;}

.colores.colores-cupra h4{
    font-size: 36px;
    color: #242221;
    font-family: 'Cupra-Light';
}

.colores a {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    border-radius: 0;
    width: 64px;
    height: 43px;
    border: none;
}

.colores a.icoColor.icoSelec:after{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    border-bottom: 2px solid #013c49;
    bottom: -10px;
}

.colores .content-color {
    text-align: center; 
    position: relative;}

.colores .color-tipo {
    display: flex;
    width: 465px;
    margin: 20px auto 0;
    justify-content: space-between;
}

.colores .color-tipo p{
    font-size: 12px;
}

.colores .content-color {text-align: center;}
.colores .NomColor{
    font-size: 16px;
    color: #0f0f0f;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    font-family: 'Cupra-Medium';
}

.icoColor.icoSelec{
    transition: all .4s ease;
    box-shadow: none;
}
.colores {position: relative;}
.colores .content-info{
	margin-bottom: 20px;
	text-align: center;
}
.colores .content-img .ncolor {
    position: absolute;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    text-align: center;
}
.colores .content-img .ncolor img {
    position: inherit;
    opacity: 1;
    width: 100%;
}
.colores .content-img .ncolor.imgSelec {opacity: 1;}
.colores .content-img .ncolor.hidden-car {
    position: inherit;
    opacity: 0;
}

.icoColor#azulEnergia {  background-image: url(../img/Material-cupra/Colores/thumbs/azul-energia.jpg);} 
.icoColor#platabrillante { background-image: url(../img/Material-cupra/Colores/thumbs/Plata-Brillante.jpg);}
.icoColor#grisRodio {background-image: url(../img/Material-cupra/Colores/thumbs/Gris-Rodio.jpg);} 
.icoColor#grisGrafito {background-image: url(../img/Material-cupra/Colores/thumbs/Gris-Grafito.png);background-size:auto;} 
.icoColor#blancoNevada {background-image: url(../img/Material-cupra/Colores/thumbs/Blanco-nevada.jpg);} 
.icoColor#negroCristal {background-image: url(../img/Material-cupra/Colores/thumbs/Negro-Cristal.jpg);} 
.icoColor#rojoVelvet {background-image: url(../img/Material-cupra/Colores/thumbs/Rojo-Velvet.jpg);}

.icoColor#azulMisterio {background-image: url(../img/cupra-leon/colores/thumbs/azul-misterio.png);} 
.icoColor#rojoDeseo {background-image: url(../img/cupra-leon/colores/thumbs/rojo-deseo.png);} 
.icoColor#blancoNevada {background-image: url(../img/cupra-leon/colores/thumbs/blanco-nevada.png);} 
.icoColor#grisMagnetico {background-image: url(../img/cupra-leon/colores/thumbs/gris-magnetico.png);} 
.icoColor#negroMedianoche {background-image: url(../img/cupra-leon/colores/thumbs/negro-medianoche.png);}
.icoColor#plataUrbano {background-image: url(../img/cupra-leon/colores/thumbs/plata-urbano.png);}

.icoColor#azulPetroleoMate {background-image: url(/Cupra/Formentor/img/colores/thumbs/azul-petroleo-mate.png);background-size: cover;} 
.icoColor#grisMagneticoMate {background-image: url(/Cupra/Formentor/img/colores/thumbs/gris-magnetico-mate.png);background-size: cover;} 
.icoColor#azulAsfalto {background-image: url(/Cupra/Formentor/img/colores/thumbs/azul-asfalto.png);background-size: cover;} 
.icoColor#blancoCandy {background-image: url(/Cupra/Formentor/img/colores/thumbs/Blanco-Candy.png);background-size: cover;} 
.icoColor#grisGrafeno {background-image: url(/Cupra/Formentor/img/colores/thumbs/Gris-Grafeno.png);background-size: cover;} 
.icoColor#negroMedianoche {background-image: url(/Cupra/Formentor/img/colores/thumbs/Negro-Medianoche.png);background-size: cover;} 
.icoColor#plataUrbano {background-image: url(/Cupra/Formentor/img/colores/thumbs/Plata-Urbano.jpg);background-size: cover;} 
.icoColor#rojoDeseo {background-image: url(/Cupra/Formentor/img/colores/thumbs/Rojo-Deseo.png);background-size: cover;}

.icoColor#grisMagneticoMateL {background-image: url(/Cupra/Leon/img/colores/thumbs/gris-magnetico-mate.jpg);} 
.icoColor#azulPetroleoMateL {background-image: url(/Cupra/Leon/img/colores/thumbs/azul-petroleo-mate.jpg);} 
.icoColor#grisMagneticoL {background-image: url(/Cupra/Leon/img/colores/thumbs/gris-magentico-metalico.jpg);} 
.icoColor#negroMedianocheL {background-image: url(/Cupra/Leon/img/colores/thumbs/negro-medianoche-metalico.jpg);} 
.icoColor#plataUrbanoL {background-image: url(/Cupra/Leon/img/colores/thumbs/plata-urbano-metalico.jpg);} 
.icoColor#blancoNevadaL {background-image: url(/Cupra/Leon/img/colores/thumbs/blanco-nevada-metalico.jpg);} 
.icoColor#azulAsfaltoL {background-image: url(/Cupra/Leon/img/colores/thumbs/azul-asfalto-metalico.jpg);} 
.icoColor#rojoDeseoL {background-image: url(/Cupra/Leon/img/colores/thumbs/rojo-dese-especial.jpg);} 
.icoColor#grisGrafenoL {background-image: url(/Cupra/Leon/img/colores/thumbs/gris-grafeno-especial.jpg);} 

.icoColor#grisGrafitoA {background-image: url(../img/Material-cupra/Colores/thumbs/gris-grafito-metalico.jpg);} 
.icoColor#rojoVelvetA {background-image: url(../img/Material-cupra/Colores/thumbs/rojo-velvet-metalico.jpg);} 
.icoColor#plataBrillanteA {background-image: url(../img/Material-cupra/Colores/thumbs/plata-brillante-metalico.jpg);} 
.icoColor#negroCristalA {background-image: url(../img/Material-cupra/Colores/thumbs/negro-cristal-metalico.jpg);} 
.icoColor#blancoNevadaA {background-image: url(../img/Material-cupra/Colores/thumbs/blanco-nevada-metalico.jpg);}


.icoColor#azulPetroleoMateF {background-image: url(/Cupra/Formentor/img/colores/thumbs/azul-petroleo-mate.jpg);background-size: cover;} 
.icoColor#grisMagneticoMateF {background-image: url(/Cupra/Formentor/img/colores/thumbs/gris-magnetico-mate.jpg);background-size: cover;} 
.icoColor#grisGrafenoF {background-image: url(/Cupra/Formentor/img/colores/thumbs/gris-grafeno-metalico.jpg);background-size: cover;} 
.icoColor#negroMedianocheF {background-image: url(/Cupra/Formentor/img/colores/thumbs/negro-medianoche-metalico.jpg);background-size: cover;} 
.icoColor#rojoDeseoF {background-image: url(/Cupra/Formentor/img/colores/thumbs/rojo-deseo-metalico.jpg);background-size: cover;} 
.icoColor#blancoNevadaF {background-image: url(/Cupra/Formentor/img/colores/thumbs/blanco-nevada-metalico.jpg);background-size: cover;} 
.icoColor#camuflajeF {background-image: url(/Cupra/Formentor/img/colores/thumbs/camuflaje-metalico.jpg);background-size: cover;} 
.icoColor#azulAsfaltoF {background-image: url(/Cupra/Formentor/img/colores/thumbs/azul-asfalto-metalico.jpg);background-size: cover;} 
.icoColor#grisMagneticoF {background-image: url(/Cupra/Formentor/img/colores/thumbs/gris-magnetico-metalico.jpg);background-size: cover;} 


.icoColor#azulPetroleoMateFP {background-image: url(/Cupra/Phev/img/colores/thumbs/01-azul-petroleo-mate.jpg);background-size: cover;} 
.icoColor#grisMagneticoMateFP {background-image: url(/Cupra/Phev/img/colores/thumbs/02-gris-magnetico-mate.jpg);background-size: cover;} 
.icoColor#grisGrafenoFP {background-image: url(/Cupra/Phev/img/colores/thumbs/03-gris-grafeno.jpg);background-size: cover;} 
.icoColor#negroMedianocheFP {background-image: url(/Cupra/Phev/img/colores/thumbs/04-negro-medianoche.jpg);background-size: cover;} 
.icoColor#blancoNevadaFP {background-image: url(/Cupra/Phev/img/colores/thumbs/05-blanco-nevada.jpg);background-size: cover;} 
.icoColor#grisMagneticoFP {background-image: url(/Cupra/Phev/img/colores/thumbs/06-gris-magnetico.jpg);background-size: cover;} 






.icoColor#azulPetroleoL {
    background-image: url(/Cupra/Leon/img/colores/thumbs/petrol-blue-matte-colour.jpg);
} 
.icoColor#blancoCandyL {background-image: url(/Cupra/Leon/img/colores/thumbs/candy-white-colour.jpg);} 







/*RANGE SLIDE*/
#range-cupra input[type=range]::-webkit-slider-runnable-track{background: #d5d5d5;}
#range-cupra input[type=range]::-moz-range-track{background: #d5d5d5;}
#range-cupra{padding: 0;}
#range-cupra .txt-acc {padding: 4% 10%;}
#range-cupra h4{font-size: 36px; color: #242221; font-family: 'Cupra-Light';}
#range-cupra p{color: #242221; font-family: 'Cupra-Light';}
#range-cupra span{font-family: 'Cupra-Light';}
.size-chart-block img.img-tab{display: none;}

.content-acc{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.img-acc{width: 50%;}
.img-acc img{width: 100%;}
.txt-acc{
    width: 50%;
    padding: 10%;
}

/*ESPECICFICACIONES CUPRA ATECA*/
.bg-specs{
	background: #003c4a;
	padding: 50px 80px;
}

.bg-specs h1{
	margin-bottom: 64px;
	font-size: 65px;
	line-height: 74px;
	color: #fff;
	font-family: 'Cupra-Light';
	text-align: left;

}

.bg-specs span{
	font-size: 36px;
	line-height: 44px;
	max-height: 46px;
	color: #fff;
	font-family: 'Cupra-Light';
	padding-right: 5%;
}

.container.container-cupra{padding: 35px 0;}

.container-data{
	display: flex;
	position: relative;
}

.container-data .cont-img {
	width: calc(50% + 16px);
	max-height: 412px;
	padding: 0;
	background: #f5f5f5;
	position: absolute;
	z-index: 2;
	margin-left: 0;
	margin-right: 0;
	right: 0;
}

.container-data .cont-img img{
	width: 100%;
}

.container-data .cont-img video{
	width: 100%;
	height: auto;
}

.container-data .cont-data{
	padding: 104px 120px 104px 120px;
	min-height: 460px;
	width: calc(58.3333333% - 24px);
	background: #EDEDED;
	order: 0;
}

.container-data .cont-data .prop-container{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	/*width: 456px;*/
	height: auto;
}

.prop-container .prop{
	width: 202px;
	flex: 0 0 202px;
	margin-bottom: 32px;
	max-width: 202px;
	color: #242221;
}

.prop-container .value{
	font-size: 48px;
	line-height: 58px;
	font-family: 'Cupra-Light';
}

.prop-container .super{
	font-size: 12px;
	color: #242221;
	vertical-align: super;
	font-family: 'Cupra-Regular';
}

.prop-container .subtitle{
	font-size: 12px;
	color: #242221;
	line-height: 20px;
	max-height: 40px;
	overflow: hidden;
	font-family: 'Cupra-Light';
}

.prop-container.txt-specs{
	width: 300px;
	display: block !important;
}

.prop-container.txt-specs h5{
	font-size: 14px;
	color: #242221;
	line-height: 24px;
	margin-bottom: 8px;
}

.prop-container.txt-specs p{
	font-size: 14px;
	color: rgba(36,34,33,0.6);
	line-height: 24px;
	margin-bottom: 32px;
	display: block;
	font-family: 'Cupra-Light';
}

#specsCupra h3{
	font-size: 48px;	
	color: #242221;
	margin: 25px 0;
	font-family: 'Cupra-Light';
}

#especificaciones .nav-tabs{background-color: #f5f5f5;}
#especificaciones .nav-tabs .nav-link.active{
	background-color: transparent;
	font-family: 'Cupra-Medium';
	border: none;
    border-bottom: 2px solid #0f0f0f;
    color: #0f0f0f;
}
#especificaciones .nav-tabs .nav-link{
	font-family: 'Cupra-Light';
	border: none;
    border-bottom: 2px solid transparent;
    color: #898989;
    padding: 1rem 2rem;
    text-align: center;
}
#especificaciones .nav-tabs .nav-item {width: 20%;}
#especificaciones .specs-ficha{
	background-color: unset;
	padding-bottom: 50px;
    margin-top: 30px;
}
#especificaciones .specs-ficha ul{justify-content: center;}
.extra-engine-data{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	width: 100%;
	max-width: 100%;
	padding: 32px 32px 32px 117px;
	position: relative;
}

.extra-engine-data .prop{
	flex: 0 0 20%;
	line-height: 20px;
	margin-bottom: 24px;
	margin-right: 32px;
}

.extra-engine-data .prop .value{
	font-size: 24px;
	line-height: 34px;
	padding-right: 16px;
	color: #242221;
	margin-bottom: 8px;
}

.extra-engine-data .prop .des{
	line-height: 12px;
	font-size: 12px;
	color: rgba(36,34,33,0.6);
	overflow: hidden;
}

.disclaimer-cupra{
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	font-family: 'Cupra-Regular';
	color: rgba(36,34,33,0.6);
}


/*SLIDE CUPRA*/

.slide-info{
	position: absolute;
	z-index: 8;
	top: 50px;
	left: 0;
	display: flex;
	width: 45%;
	transition: all 0.5s ease-in-out;
}

.slide-info.expanded{
	left: -100%;
	transition: all 0.5s ease-in-out;
}

.slide-img{
	height: 660px;
	max-height: 660px;
	overflow: hidden;
	padding: 0;
	width: 100%;
	position: relative;
	max-width: 1436px;
	margin: 0 auto;
}

.slide-img img{
	height: 660px;
	max-height: 660px;
	position: relative;
	width: auto;
	max-width: none;
	left: 100%;
	transition: left .6s ease-in-out;
	transform: translateX(-50%);
}

.slide-cupra-sec{
	position: relative;
	overflow: hidden;
}

.slide-img .expand, .slide-img .close{
	position: absolute;
	opacity: 1;
	padding: 0;
	width: 40px;
	height: 40px;
	top: 0;
	right: 0;
	margin: 16px 0 0 0;
	background-color:
	transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	z-index: 9;
	outline: none;
}

.slide-img .close{
	display: none;
}

.slide-img .expand img,
.slide-img .close img{
	position: unset;
	margin: 0 auto;
	display: block;
	width: 100%;
	height: 100%;
}

.slide-cupra-sec .slide-info .content-info:first-child{
	text-align: right;
}

.slide-cupra-sec .slide-info .content-info{
	width: 50%;
	padding: 20px 20px;
}

.img-tela img{
	width: 88px;
	height: 66px;
	display: block;
	border-bottom: 2px solid #013c49;
	padding-bottom: 8px;
}

.img-tela span{
	font-size: 16px;
	color: #242221;
	line-height: 30px;
	margin-top: 20px;
	display: block;
	font-family: 'Cupra-Medium';
}

.img-interior-mb{display: none;}

.title-cupra-sec{
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(51,48,46,0));
	max-height: 324px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200px;
}

.descarga-ficha{
	border: 1px solid #ccc;
	padding: 50px;
	text-align: center;
}

.descarga-ficha p{color: #242221;}

.descarga-ficha a.cta {
    color: #242221;
    position: relative;
    padding-left: 22px;
    transition: all .2s ease-in;
}

.descarga-ficha a.cta::after{
	display: block;
	content: '';
	position: absolute;
	height: 1px;
	width: 24px;
	left: 0;
	background: #242221;
	bottom: 4px;
	transition: all .2s ease-in;
}


.descarga-ficha a.cta span {
    padding-left: 8px;
    position: relative;
    z-index: 1;
    font-family: 'Cupra-Medium';
}

.descarga-ficha a.cta:hover::after {
    background: 
    rgba(36,34,33,0.6);
    width: 32px;
}

.descarga-ficha a.cta:hover {
    padding-left: 30px;
    color: rgba(36,34,33,0.6);
}
/*PRECIOS MODELOS*/
.specs-auto.container {
	border-bottom: 1px solid #ccc;
}

.item-spec {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.item-spec h1 {
	margin: 0 !important;
	text-align: initial;
	line-height: 22px;
	color: #000;
}

.item-spec h1 span {
	font-size: 20px;
	color: #898989;
}

.item-spec ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding-left: 0;
}

.item-spec ul li {
	padding-right: 35px;
	line-height: 1.2;
	color: #898989;
}

.item-spec ul li span {
	font-size: 30px;
	font-family: 'Cupra-Medium';
	color: #000;
}

.span-cupra {
	font-size: 15px !important;
}

/*VERSIONES MID*/
.mid {
	width: 85%;
	margin: auto;
}

.mid-title {
	font-family: 'SeatBcn-Bold';
	color: black;
	text-align: center;
	font-size: 30px;
}

.mid-text {
	color: #898989;
	text-align: center;
}

.versiones-mid {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.version {
	width: 45%;
}

.version img {
	width: 100%;
	height: auto;
}

.container-motor {
	margin-top: 40px;
	width: 100%;
	flex-wrap: wrap;
}

.version-nombre {
	width: 100%;
	margin-bottom: 40px;
}

.version-nombre p {
	margin-top: 54px;
	font-size: 30px !important;
	line-height: 32px;
	max-height: 64px;
	font-family: 'SeatBcn-Bold';
	color: black;
}

.version-nombre span {
	margin-top: 8px;
	font-size: 20px;
	line-height: 24px;
	max-height: 48px;
	color: #666;
}

.title-two-highlight {
	font-family: 'Cupra-Medium';
	font-size: 23px;
}

.title-motor {
	display: flex;
	margin-bottom: 12px;
}

.motor-dropdown {
	background-color: #ededed;
	padding: 24px;
}

.motor-info {
	margin-top: 20px;
}

.engineFuel {
	font-family: 'Cupra-Regular';
}

.motor p {
	font-family: 'SeatBcn-Bold';
	color: black;
	font-size: 30px;
	line-height: 34px;
	max-height: 68px;
	margin-top: 16px;
	margin-bottom: 12px;
	height: auto;
}

.engineTag {
	color: #666;
}

.potencia-title {
	display: inline-block;
	margin-right: 23%;
}

.engine-features-data-title {
	color: #666;
	font-size: 18px;
}

.potencia {
	font-family: 'SeatBcn-Bold';
	color: black;
	font-size: 23px;
}

.potencia span {
	font-size: 15px;
	color: #666;
}

.acelera,
.velocidad {
	font-family: 'SeatBcn-Bold';
	color: black;
	font-size: 23px;
}

.acelera span,
.velocidad span {
	font-size: 15px;
	color: #666;
}

.acelera-title,
.velocidad-title {
	display: inline-block;
}

.velocidad-title {
	margin-right: 3rem;
}

.separador {
	width: 100%;
	background-color: #d1d1d1;
	height: 1px;
	margin-top: 25px;
}

.mid-highlights {
	margin-top: 32px;
}

.container-highlights {
	display: flex;
	flex-direction: column;
	margin-top: 16px;
}

.container-highlights ul {
	color: #666;
	margin-bottom: 0;
	list-style: disc !important;
}
/*TERMINA VERSIONES MID*/
@media (max-width: 1650px) {

    /*RANGE SLIDE*/
    .txt-acc{padding: 4%;}
}

@media (max-width: 1200px) {

	/*CUPRA ATECA*/
	.container-data .cont-data {padding: 40px; min-height: auto;}
	.prop-container .prop{margin-right: 24px; margin-bottom: 24px;}
	.prop-container .value{font-size: 30px;}

	#specsCupra h3 {font-size: 30px;}

	.bg-specs h1 {margin-bottom: 35px; font-size: 36px;}
	.bg-specs span {font-size: 18px;}

	.extra-engine-data {padding: 40px;}

	/*ESPECIFICACIONES*/
	#especificaciones .nav-tabs{
		align-items: flex-end;
        -webkit-align-items: flex-end;
	}
	#logo-cupra-formentor {
		display: none;
	}
}
@media (max-width: 1050px) {
	.menu-interior .list-formentor {
		padding: 1.5em 11px !important;
	}
}
@media (min-width: 879px) and (max-width: 1200px) {
	.motor p {
		font-size: 24px;
	}
}

@media (max-width: 991px) {

	body{padding-top: 133px;}

	/*CUPRA ATECA*/
	.info-cupra {flex-wrap: wrap; padding: 15px;}
	.info-cupra .content-info:first-child{text-align: left;}
	.info-cupra .content-info {width: 90%;}
	.content-info h4 {font-size: 30px;}

	.section-cupra .img-cupra .img-front{width: calc( 100% - 80px);}
	.section-cupra .img-cupra .img-back{width: 270px;}
	.section-cupra .img-cupra{padding-bottom: 30px;}

	.section-cupra2 .img-cupra .img-front{margin-left: 70px;}
	.section-cupra2 .img-cupra .img-back{height: 80px; width: calc(100% - 70px);}
	.section-cupra2 .img-cupra{padding-top: 48px; width: calc(56%);}
	.section-cupra2 .info-cupra{width: calc(50%); padding-left: 50px;}

	.section-cupra.section-cupra3 .img-cupra {padding-top: 45px;}
	.section-cupra2.section-cupra4 .img-cupra .img-front {margin-left: 50px;}
	.section-cupra2.section-cupra5 .img-cupra .img-front {margin-left: 50px;}

	.container.container-cupra{max-width: 100%; padding: 0;}
	.banner-cupra-ateca h1 {font-size: 40px;}

	.container-cupra .owl-theme .owl-dots .owl-dot span{margin: 5px 3px; width: 25px !important; height: 2px !important;}

	/*SLIDE IMG CUPRA ATECA*/
	.slide-cupra-sec .slide-info .content-info:first-child {text-align: left;}
	.slide-cupra-sec .slide-info .content-info {width: 100%; padding: 10px 20px;}
	.slide-info {flex-wrap: wrap;}

	/*MENU INTERIOR*/
	.ver-movil{display: block;}
    .ver-desktop{display: none;}
    .menu-interior .list-group-item {height: 50px; padding: .8rem 1rem;}
	.menu-models {
		display: block !important;
	}

    /*COLORES*/
    .colores .content-img .ncolor img {width: 100%;}

    /*ESPECIFICACIONES*/
	#especificaciones .nav-tabs .nav-link{padding: 1rem;}
	#especificaciones .nav-tabs .nav-item {width: 25%;}

	.prop-container .prop{width: 120px; max-width: 120px;}
	.prop-container .value {line-height: 40px;}

	/*RANGO SLIDE*/
	.size-chart-block img.img-desktop{display: none;}
    .size-chart-block img.img-tab{display: block;}
    .txt-acc{padding: 0 7%;}
	.item-spec ul {
		padding-top: 25px;
	}
	.mid {
		margin-top: 10%;
	}
}

@media (max-width: 767px) {
	.colores-cupra.formentor .car-configurator-tab, .colores-cupra.formentor .car-configurator-tab.selected::before {
		width: 150px;
	}

	/*CUPRA ATECA*/
	.section-cupra,
	.section-cupra2,
	.section-cupra.section-cupra3,
	.section-cupra2.section-cupra4,
	.section-cupra2.section-cupra5{flex-wrap: wrap;}

	.img-cupra{width: 100%; left: 0; padding: 0 0 30px !important;}
	.section-cupra .img-cupra .img-front {margin-left: 0; width: calc(100%);}
	.info-cupra{width: 100%; position: relative; padding: 15px !important;}
	.img-cupra .img-back{display: none;}

	.section-cupra2 .img-cupra {width: calc(100%);}
	.section-cupra2 .info-cupra {width: calc(100%); padding-left: 0; position: relative;}
	.section-cupra2 .img-cupra .img-front {margin-left: 0; width: calc(100%);}

	.section-cupra2.section-cupra4 .info-cupra {width: calc(100%);}
	.section-cupra2.section-cupra4 .img-cupra .img-front {margin-left: 0;}
	.section-cupra2.section-cupra4 .img-cupra {width: calc(100%);}

	.section-cupra2.section-cupra5 .info-cupra {width: calc(100%);}
	.section-cupra2.section-cupra5 .img-cupra .img-front {margin-left: 0;}
	.section-cupra2.section-cupra5 .img-cupra {width: calc(100%);}

	.info-cupra{margin-top: -60px; width: 90%;}
	.info-cupra.txt-drecha{text-align: right; width: 90%; margin-left: 10%;}
	.info-cupra.txt-drecha .content-info{width: 100%;}
	.info-cupra.txt-drecha .content-info:first-child{text-align: right;}

	#range-cupra .content-acc .img-acc{width: 100%;}
	#range-cupra .content-acc .txt-acc{width: 100%;}

	/*ESPECIFICACIONES CUPRA ATECA*/
	.container-data .cont-img {
		width: calc(100%);
		position: relative;
	}

	.container-data .cont-data {width: calc(100%);}
	.container-data {flex-wrap: wrap;}
	.prop-container .prop {
		width: 200px;
		max-width: 200px;
	}

	.extra-engine-data .prop {
		flex: 0 0 30%;
		margin-bottom: 20px;
		margin-right: 0;
	}

	#especificaciones .nav-tabs .nav-link {
        font-size: 14px;
    }

	/*SLIDE IMG CUPRA ATECA*/
	.slide-cupra-sec .slide-img{display: none;}
	.img-tela{text-align: center;}
	.img-interior-mb{display: block;}
	.slide-info {position: relative; width: 100%; top: 0;}
	.img-tela img {margin: 25px auto 0;}

	.img-interior-mb{
		position: relative;
		display: block;
		overflow: hidden;
		height: 300px;
		max-height: 300px;
		width: calc(100% + 32px);
		margin-top: 32px;
		margin-left: -16px;
	}

	.img-interior-mb img{
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		object-fit: cover;
		object-position: 0 0;
		width: auto;
		height: 100%;
		min-width: 100%;
		max-width: none;
		min-height: 100%;
	}
	.banner-formentor {
		padding: 100px 0 25px;
	}
	/*PRECIOS MODELOS*/
	.item-spec ul li {
		margin-bottom: 20px;
		padding-right: 25px;
	}

	.item-spec h1 {
		line-height: 33px;
		font-size: 34px;
	}

	.item-spec ul li span {
		font-size: 24px;
	}

	.mid {
		width: 100%;
	}

	.versiones-mid {
		padding: 0px;
	}

	.versiones-mid {
		width: 100%;
	}

	.version {
		width: 45.9vw;
	}
}

@media (max-width: 575px) {

	body{padding-top: 119px}

	/*CUPRA ATECA*/
	.content-info h4 {font-size: 27px;}
	.info-cupra .content-info {margin-top: 15px;}

	.container-cupra .owl-theme .owl-dots{width: 100%;}

	.prop-container .prop {width: 50%; max-width: 50%; margin-right: 0;}
	.extra-engine-data .prop {flex: 0 0 50%;}
	.bg-specs {padding: 30px 20px;}

	#especificaciones .nav-tabs .nav-link {font-size: 12px; padding: 0.5rem;}

	/*MENU INTERIOR*/
	.menu-interior .btn-collapse a{
        padding: 0 1em;
        font-size: 14px;
    }

	/*HEADER*/
    .content-header img {width: 200px;}

    /*RANGO SLIDE*/
    /*#img img.img-desktop{display: block;}
    #img img.img-tab{display: none;}*/
    .img-acc {width: 100%;}
    .txt-acc{
        width: 100%;
        order: 2;
        padding: 10%;
    }
	
	.menu-interior-models .list-group-item-models {
		display: inline-block;
		padding: 1rem 5px !important;
		height: auto;
	}

	.menu-interior .list-formentor-mb {
		height: 37px !important;
	}

	.version {
		width: 100%;
		margin-top: 5%;
	}

	.version-nombre p {
		font-size: 25px !important;
	}

}
@media (max-width: 568px) {
	.item-spec ul li {
		padding-right: 13px;
	}
}
@media (max-width: 480px) {
	.colores-cupra.formentor .content-color, .colores-cupra.formentor .content-rin {
		width: 100%;
		flex-flow: row wrap;
		align-items: center;
		align-content: center;
		justify-content: center;
	}

	/*CUPRA ATECA*/
	.container-data .cont-data {padding: 20px;}
	.extra-engine-data {padding: 20px;}

    .bg-specs span {
        display: block;
        font-size: 12px;
        line-height: 2;
        max-height: 80px;
    }
    #especificaciones .nav-tabs .nav-link {
        font-size: 11px;
    }

	/*COLORES*/
	.colores a {
        margin-left: 2px;
        margin-right: 2px;
    }

	.motor p {
		font-size: 25px !important;
	}
}

        .versiones-mid-carousel .version {
            width: 100%;
            margin-bottom: 20px;
            padding-inline: 15px;
        }
        .versiones-mid-carousel .version img {
            aspect-ratio: 16 / 9;
        }

        .versiones-mid-carousel.owl-theme .owl-dots {
            position: absolute;
            left: 50%;
            transform: translateX(-50%)
        }

        .versiones-mid-carousel.owl-theme .owl-dots .owl-dot span {
            width: 10px !important;
            height: 10px !important;
            border-radius: 50% !important
        }

        .versiones-mid-carousel.owl-theme .owl-dots .owl-dot.active span,
        .versiones-mid.owl-theme .owl-dots .owl-dot:hover span {
            background: #000 !important
        }

        .versiones-mid-carousel.owl-theme .owl-nav [class*="owl-"] {
            position: absolute;
            top: 50%;
            color: #0f0f0f !important;
            font-size: 20px !important
        }

        .versiones-mid-carousel.owl-theme .owl-nav .owl-prev {
            left: 5%
        }

        .versiones-mid-carousel.owl-theme .owl-nav .owl-next {
            right: 5%
        }