body{
    width: 100vw !important;
    overflow-x: hidden;
}

ul{
    list-style: none;
}

li{
    text-decoration: none;
}

.col-12{
    padding: 0 !important;
}

.row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.container-navbar{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/*----------------BREADCRUMB----------------*/
ul.breadcrumb {
    list-style: none;
    margin-top: 2% !important;
    margin-left: 3.5% !important;
    background-color: #fff !important;
  }

.link-breadcrumb{
    margin-bottom: 10px !important;
}
  
.link-breadcrumb a{
    font-family: 'VWTextLight';
    font-size: 1em;
    text-decoration: none;
    color: #192f52;
    padding-bottom: 3px;
    border-bottom: 1px solid #192f52;
    margin-right: 15px !important;
    margin-left: 15px !important;
}

.link-breadcrumb a:hover{
    color: #192f52;
    background-color: rgba(0, 0, 0, 0.040);
}

.link-breadcrumb-active{
    font-family: 'VWTextRegular';
    font-size: 1em;
    text-decoration: none;
    color: #000000;
    margin-right: 15px !important;
    margin-left: 15px !important;
}

/*----------------TITULOS----------------*/
.titulo-seccion{
    font-size: 2.5em;
    margin-top: 1em;
    margin-bottom: 0.4em;
    font-family: 'VWHeadBold';
    padding-right: 27%;
    padding-left: 30%;
}

.subtitulo-seccion{
    font-size: 1.2em;
    margin-bottom: 2em;
    font-family: 'VWHeadLight';
    padding-right: 30%;
    padding-left: 35%;
    line-height: 1.5em;
}

p{
    font-family: 'VWTextRegular';
}

.titulo-seccion-light{
    font-size: 3em;
    margin-top: 2em;
    margin-bottom: 2em;
    font-family: 'VWHeadRegular';
    padding-right: 25%;
    padding-left: 25%;
}

.titulo-seccion-regular{
    font-size: 3em;
    margin-top: 1em;
    margin-bottom: 0.4em;
    font-family: 'VWHeadLight';
    padding-right: 27%;
    padding-left: 30%;
}

.vid-tituloprincipal{
    width: 900px;
    height: 500px;
}

/*----------------BANNER HOME----------------*/
.img-banner-home{
    height: auto !important;
    width: 100vw !important;
    position: relative;
}

@supports(object-fit: cover){
    .img-banner-home{
      width: 100% !important;
      object-fit: cover;
      object-position: left left;
    }

    .cont-banner{
        position: relative;
        height: 40vh;
        width: 50vw;
        background-image: linear-gradient(90deg, #113f7c, #091f4e);
        padding: 5%;
    }

    .cont-banner-nuevo{
        position: relative;
        height: 20vh !important;
        background-color: #fff !important;
        padding: 0% 2%;
        border-bottom: 1px solid #e0e4e8 !important;
    }

    .tit-banner{
        font-family: 'VWTextLight';
        font-size: 34m;
        color: #fff;
        margin-bottom: 20px !important;
    }

    .tit-banner-nuevo{
        font-family: 'VWTextLight';
        font-size: 3em;
        color: #000;
    }

    .subtit-banner{
        font-family: 'VWTextLight';
        font-size: 1.2em;
        color: #fff;
        padding-right: 20%;
    }

    .btn-light{
        border-radius: 30px !important;
        padding: 10px 40px !important;
        font-family: 'VWTextLight';
        color: #192f52;
    }

    .btn-light-nuevo{
        border-radius: 30px !important;
        padding: 10px 40px !important;
        font-family: 'VWTextLight';
        color: #fff !important;
        background-color: #091f4e !important;
        margin-right: 50px !important;
    }
}

.img-banner{
    height: auto;
    width: 90%;
}


/*----------------TITULOS----------------*/

.tit-modelo{
    font-family: 'VWHeadBold';
    font-size: 2em;
    margin-left: 3%;
}

.subtit-modelo{
    font-family: 'VWTextRegular';
    font-size: 1.2em;
    text-decoration: none;
    margin-left: 3%;
    color: #192f52;
    padding-bottom: 3px;
    border-bottom: 1px solid #192f52;
}

.subtit-modelo:hover{
    color: #192f52;
    background-color: rgba(0, 0, 0, 0.040);
}

.titulo-seccion-light{
    font-family: 'VWHeadLight';
    font-size: 2.6em;
}

/*----------------IMAGENES 3 COLUMNAS----------------*/
.imagenes-tres-columnas{
    margin-left: 7%;
    margin-right: 7%;
}

.card{
    border: none !important;
}

.card-img-tres-col img{
    width: 90% !important;
    margin-left: 5%;
    transition: transform 0.5s ease;
}

.card-img-tres-col img:hover{
    transform: scale(1.01);
}

.card-img-col{
    margin-right: 4%;
    margin-left: 8%;
}

.subtit-img-col{
    font-family: 'VWHeadBold';
    font-size: 1.2em;
}

.bold{
    font-family: 'VWHeadBold';
}

.tit-img-col{
    font-family: 'VWHeadLight';
    font-size: 2em;
    padding-bottom: 2%;
}

.tit-img-col-modelo{
    font-family: 'VWHeadLight';
    font-size: 1.6em !important;
}

.tit-img-2col-modelo{
    font-family: 'VWHeadLight';
    font-size: 3em;
}

.tit-img-2col-polo{
    font-family: 'VWHeadRegular';
    font-size: 1.2em;
    margin-top: 3%;
    color: #091f4e !important;
}

.tit-img-borde-gris{
    font-family: 'VWHeadRegular' !important;
    font-size: 1em !important;
    margin-top: -26px !important;
    background-color: #fff !important;
    color: #000 !important;
    width: 30% !important;
}

.aclaracion-tit-2col{
    font-family: 'VWHeadBold';
    font-size: 1em;
    margin-bottom: 15px !important
}

.text-img-col{
    font-family: 'VWTextLight';
    font-size: 1.2em;
    line-height: 1.7em;
}

.link-img-col{
    font-family: 'VWTextRegular';
    font-size: 1em;
    text-decoration: none;
    color: #192f52;
    padding-bottom: 3px;
    border-bottom: 1px solid #192f52;
}

.link-img-col:hover{
    color: #192f52;
    background-color: rgba(0, 0, 0, 0.040);
}

.fa-external-link-alt{
    font-size: 0.7em !important;
}

.vid-img-col{
    width: 100%;
    height: 400px;
}

.col-2-img{
    padding: 5% !important;
}

.col-3-img{
    padding: 2% !important;
}

/*----------------COLLAGE BANNER POLO----------------*/
.backgroundBannerPolo{
  background-color: rgb(21, 33, 88) !important;
  height: 750px !important;
  width: 80vw;
  margin-left: 15vw;
  margin-top: 110px;
}

.backgroundBannerPoloMovil{
  background-color: rgb(21, 33, 88) !important;
  height: 350px !important;
  width: 90vw;
  margin-top: 400px;
}

.rowBannerPolo{
  margin-top: -780px !important;
}

.tit-banner-polo{
    font-family: 'VWHeadRegular';
    font-size: 1.8em;
    margin-top: 9%;
    color: #fff !important;
}

.text-banner-col{
    font-family: 'VWTextLight';
    font-size: 1.2em;
    line-height: 1.7em;
    color: #fff !important;
}

.cardBordeGris{
    border: 1px solid rgb(224, 228, 232); 
    height: 320px !important; 
    width: 30% !important; 
    margin-right: 2%
}

/*----------------COLLAGE BANNER----------------*/
.banner-collage{
    visibility: visible;
}

.carousel-collage{
    visibility: hidden;
    height: 0;
}

/*----------------ACCORDION----------------*/
.div-img-collapse{
    position: relative; 
    height: 900px;
}

.accordion-flush{
    padding-right: 15%;
}

.accordion-button{
    border-radius: none !important;
}

.accordion-button p{
    font-family: 'VWTextBold';
    font-size: 1.2em;
    line-height: 1.7em;
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: none !important;
    border-bottom-left-radius: none !important;
}

.accordion-button:not(.collapsed) {
    color: #000000 !important;
    background-color: #ffffff !important;
}

.accordion-body{
    border: none !important
}
.accordion-body h5{
    font-family: 'VWTextRegular' !important;
    font-size: 1.5em !important;
    line-height: 1.7em !important;
}

.accordion-body p{
    font-family: 'VWTextLight' !important;
    font-size: 1em !important;
    line-height: 1.7em !important;
}

.img-collapse-inicio{
    visibility: visible;
    position: absolute !important;
    width: 95% !important; 
    height: auto !important;
}

.img-collapse{
    visibility: hidden;
    position: absolute !important;
    width: 95% !important; 
    height: auto !important;
}

.vid-collapse{
    visibility: hidden;
    position: absolute !important;
    width: 95% !important; 
    height: 700px !important;
}

.vid-collapse-inicio{
    visibility: visible;
    position: absolute !important;
    width: 95% !important; 
    height: 700px !important;
}

/*----------------VERSIONES----------------*/

.versiones{
    padding: 5% 10%;
}

.tit-versiones{
    font-family: 'VWHeadBold';
    font-size: 1.5em;
    margin-top: 20px;
    padding: 0px 40px;
    text-align: center;
}

.subtit-versiones{
    font-family: 'VWHeadBold';
    font-size: 1.1em;
    margin-top: 20px;
    border-bottom: 1px solid #cccccc !important;
    padding-bottom: 10px;
    margin-left: 40px;
}

.text-versiones{
    font-family: 'VWHeadLight';
    font-size: 0.9em;
    padding-left: 45px;
}

.btn-version{
    background-color: #fff !important;
    border: 1px solid #192f52 !important;
    border-radius: 50px !important;
    font-family: 'VWHeadLight';
    font-size: 0.8em !important;
    padding: 8px 25px !important;
}

.btn-version:hover{
    background-color: rgba(0, 0, 0, 0.040) !important;
}

@media (max-width:2000px) {
    .div-img-collapse{
        height: 800px;
    }
}

@media (max-width:1800px) {
    .div-img-collapse{
        height: 700px;
    }
}
/*----------------TABLET HORIZONTAL (LG 1024px)----------------*/

@media (max-width:1199px) {

    /*----------------BANNER HOME----------------*/
    .img-banner-home{
        height: 30vh !important;
        width: auto !important;
        position: relative;
    }

    @supports(object-fit: cover){
        .img-banner-home{
           height: 100% !important;
           object-fit: cover;
           object-position: center center;
        }
        .cont-banner{
            width: 60vw;
        }

        .tit-banner-nuevo{
            font-size: 2.5em !important;
        }
    }

    /*----------------TITULOS----------------*/
    .titulo-seccion{
        font-size: 2.5em;
        padding-right: 15%;
        padding-left: 25%;
    }
    
    .subtitulo-seccion{
        padding-right: 20%;
        padding-left: 30%;
    }

    .div-img-collapse{
        height: 500px;
    }

    /*----------------TITULOS----------------*/
    .tit-modelo{
        font-size: 1.6em;
        margin-left: 6%;
        margin-top: 4%;
    }

    .subtit-modelo{
        font-size: 0.9em;
        margin-left: 6%;
    }

    .titulo-seccion-light{
        font-size: 2.4em !important;
        margin-top: 1em !important;
        margin-bottom: 1em !important;
    }

    .titulo-seccion-regular{
        padding-right: 20%;
        padding-left: 20%;
    }

    /*----------------IMAGENES 3 COLUMNAS----------------*/
    .card-img-col{
        margin-right: 1%;
        margin-left: 1%;
    }
    .card-body{
        padding: 0 !important;
    }
    .subtit-img-col{
        font-size: 1em;
    }

    .tit-img-col{
        font-size: 1.4em;
    }

    .text-img-col{
        font-size: 0.9em;
        line-height: 1.5em;
    }

    .tit-img-2col-modelo{
        font-size: 2em;
        margin-top: 5%;
    }

    .link-img-col{
        font-size: 1em;
    }

    .vid-img-col{
        width: 100%;
        height: 200px;
    }
    /*----------------COLLAGE BANNER POLO----------------*/
    .backgroundBannerPolo{
      height: 500px !important;
      margin-top: 90px !important;
    }

    .rowBannerPolo{
      margin-top: -520px !important;
    }

    .tit-banner-polo{
        font-size: 1.5em !important;
        margin-top: 9% !important;
    }

    .text-banner-col{
        font-size: 1em !important;
        line-height: 1.5em !important;
    }

}

/*----------------TABLET VERTICAL (MD 768px)----------------*/

@media (max-width:991px) {

    .tit-banner{
        font-size: 3em;
        top: 65vh;
    }
    
    .titulo-seccion-light{
        font-size: 2.2em;
    }

    .btn-light{
        top: 70vh;
    }

    .titulo-seccion-regular{
        padding-right: 15%;
        padding-left: 15%;
    }

    .cont-banner-nuevo{
        height: 28vh !important;
        padding: 0% 2%;
    }

    .tit-banner-nuevo{
        font-size: 2.5em !important;
    }

    .btn-light-nuevo{
        margin-top: 10px !important;
        margin-left: 30px !important;
    }

    /*----------------ACCORDION----------------*/

    .div-img-collapse{
        position: relative; 
        height: 650px;
    }    

    .img-collapse-inicio{
        width: 100% !important; 
    }

    .img-collapse{
        width: 100% !important; 
    }

    .vid-collapse{
        width: 100% !important; 
        height: 580px !important;
    }

    .accordion-flush{
        padding-right: 10%;
        padding-left: 10%;
    }

    .accordion-button p{
        font-size: 1.5em;
    }

    /*----------------VERSIONES----------------*/

    .versiones{
        padding: 5% 5% !important;
    }
    
    .subtit-versiones{
        margin-left: 20%;
        margin-right: 20%;
    }
    
    .text-versiones{
        padding-left: 20%;
        padding-right: 20%;
    }
}

/*----------------MOVIL HORIZANTAL (SM 810px)----------------*/

@media (max-width:790px) {

    .tit-banner{
        font-size: 2em;
        top: 55vh;
    }

    .btn-light{
        top: 70vh;
    }

    .cardBordeGris{
        border: 1px solid rgb(224, 228, 232); 
        height: 240px !important; 
        width: 90% !important; 
        margin-right: 0 !important;
        margin-top: 40px !important;
    }
    
    .tit-img-borde-gris{
        font-family: 'VWHeadRegular' !important;
        font-size: 1em !important;
        margin-top: -27px !important;
        color: #000 !important;
        background-color: #fff !important;
        width: 40% !important;
    }

    .cont-banner-nuevo{
        height: 30vh !important;
    }

    .tit-banner-nuevo{
        font-size: 2em !important;
    }
}

/*----------------MOVIL VERTICAL (SM 320px)----------------*/

@media (max-width:500px) {
    ul.breadcrumb{
        margin-top: 5% !important;
    } 

    .link-breadcrumb{
        margin-bottom: 5px !important;
    }

    .cont-banner ul{
        padding-left: 0px !important;
    }

    .tit-banner{
        font-size: 3em;
        top: 50vh;
    }

    .btn-light{
        top: 60vh;
    }

    /*----------------BANNER HOME----------------*/
    .img-banner-home{
        height: 30vh !important;
        width: auto !important;
        position: relative;
    }

    @supports(object-fit: cover){
        .img-banner-home{
        height: 100% !important;
        object-fit: cover;
        object-position: center center;
        }
        .cont-banner{
            width: 100vw;
        }
        .subtit-banner{
            font-size: 1em;
            padding-right: 5%;
        }
    }
    
    /*----------------TITULOS----------------*/
    .titulo-seccion{
        font-size: 2em;
        padding-right: 10%;
        padding-left: 10%;
    }
    
    .subtitulo-seccion{
        padding-right: 15%;
        padding-left: 15%;
    }

    /*----------------TITULOS----------------*/
    .tit-modelo{
        font-size: 1.6em;
        margin-left: 6%;
        margin-top: 4%;
    }

    .subtit-modelo{
        font-size: 0.9em;
        margin-left: 6%;
    }

    .titulo-seccion-light{
        font-size: 1.6em;
        padding-left: 10%;
        padding-right: 10%;
    }

    .titulo-seccion-regular{
        font-size: 2em;
        padding-right: 10%;
        padding-left: 10%;
    }

    .vid-tituloprincipal{
        width: 900px;
        height: 200px;
    }

    /*----------------IMAGENES 3 COLUMNAS----------------*/

    .vid-img-col{
        width: 100%;
        height: 180px;
    }

    .col-2-img{
        padding: 10% !important;
    }

    /*----------------COLLAGE BANNER----------------*/
    .banner-collage{
        visibility: hidden;
        height: 0;
    }

    .carousel-collage{
        visibility: visible;
        height: auto;
    }

    .carousel-inner{
        height: 400px;
        width: 80%;
    }

    @supports(object-fit: cover){
        .img-slider-collage{
          width: 100%;
          height: 400px;
          object-fit: cover;
          object-position: center center;
        }
    }

    .carousel-indicators{
        margin-bottom: -30px !important;
    }

    .carousel-indicators .active {
        width: 9px !important;
        height: 9px !important;
        margin-top: -2px !important;
    }

    .buttons-slider{
        width: 5px !important;
        height: 5px !important;
        background-color: #192f52 !important;
        border-radius: 50px !important;
        border-top: none !important;
        border-bottom: none !important;
        margin-right: 6px !important;
        opacity: 1 !important;
    }

    /*----------------ACCORDION----------------*/

    .div-img-collapse{
        position: relative; 
        height: 350px;
    }    

    .vid-collapse{
        height: 285px !important;
    }

    .accordion-flush{
        padding-right: 5%;
        padding-left: 5%;
    }

    .accordion-button p{
        font-size: 1em;
    }

    .accordion-body h5{
        font-size: 1.5em !important;
    }
    
    .accordion-body p{
        font-size: 1em !important;
    }

    /*----------------VERSIONES----------------*/
    .tit-versiones{
        padding: 0px 15px;
        text-align: center !important;
    }
    
    .subtit-versiones{
        margin-left: 5%;
        margin-right: 10%;
    }
    
    .text-versiones{
        padding-left: 5%;
        padding-right: 10%;
    }
    
}