/* VERDE TEXTO CORPORATIVO color: #182d35; 
  DORDADO TEXTO color: #cab99f;  */
html {scroll-behavior: smooth}
.onlyDesktop {
    display: block;
    visibility: visible;
}

.onlyMobile {
    display: none;
    visibility: hidden;
}
@media only screen and (max-width: 2561px){
   
}
@media only screen and (max-width: 1594px){
    .contac-floatcont{
        height: 740px;
    }
}
@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@200;400;700&display=swap');

@font-face {
    font-family: 'CenturyGothic-Boldt';
    src:  url('../font/CenturyGothic-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;  
  }
  @font-face {
    font-family: 'CenturyGothic';
    src:  url('../font/CenturyGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;  
  }
/* DE 0 A 768 */
@media only screen and (min-width: 0px) and (max-width: 768px){

    .galleryDrdLogs {display: none;}
    .galleryDrdLogsMobile {display: block;}
    .galeeCapCarruMobile {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 50px;
    }
    .galeeCapCarruMobile div {
          /* width: 100%; */
    flex: 25%;
    align-items: center;
    margin-bottom: 30px;
    height: 50px;
    position: relative;
    display: flex;
    /* top: 50%; */
    /* float: left; */
  /*  border: 1px solid red;*/
    }
    .avisoMenu {margin-left: 30px;}
    .avisoMenu div a {font-size: 20px;}
    .subirmenuAviso {margin-left: 30px;}
    .avisoTitul {
    font-size: 27px;
    margin-left: 30px;
    }
    .avisoParr {
  
    margin-left: 0px;
    padding: 20px;
}
    .spColorWhitemediakit {
        background-color: #0e2026 !important;

    }


    input[type=email], input[type=text] {margin-bottom: 20px !important;}
    
    .nTirPer {
        font-size: 25px;
        color: white;
    }
    .b4Photo1 {width: 100%;}

    .b4Photo2 {margin-left: 200px;}
    .b4Float {
        width: 170px;
        display: block;
        bottom: 80px;
        padding: 20px;
        right: 0;
        left: 0;
    }

    .lega-section1Txt {top: 40px;}

    .upButton {
        display: block;
        width: 70px;
        margin: 0 auto;
        margin-top: 60px;
    }
    .sBTit {
  
       font-size: 22px;
    padding-left: 0;
    text-align: center;
    line-height: 26px;
    max-width: 100%;
    margin-bottom: 30px !important;
    letter-spacing: 6px;
    }

    .galeeCapCarru {
       margin-top: 30px;
       justify-content: center;
    }
    .galeeCapCarru div {
    width: 30px;
    height: 30px;
    margin: 10px;
    padding: 20px;
    }
    /* COOKIE MENSSGE */
    .jumpCookie {display: inline;}
  
    
    .cookieBtn {
        text-align: center;
        position: relative;
    }
    .cookieBtn a {
     display: block;
     position: relative;
    
   
    }
.spBuuu {
    color: white !important;
    font-size: 11px;
}
.configcookies {
  margin: 0vw; 
}
.cookieBtn {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: auto;
}
    .cookieBtn a div {

          background-color: rgba(6,14,18,0);
    border: 1px solid white;
    color: white; 
 
    
   
    display: inline;
   
    font-family: 'Gothic A1', sans-serif;
  



    /* background-color: white; */
  
   
    padding: 7px 5px;
    text-align: center;
    border-radius: 4px;
    display: inline;
    margin-left: 12px;
    text-transform: uppercase;

    font-size: 8px;
    letter-spacing: 1.1px;
    cursor: pointer;
}
.hbcookie {
    display: none !important;
}

.cookieMsg {
    position: fixed;
    z-index: 9999;
    bottom: 0px;
    /* display: none !important; */
    width: 100%;
    /* height: 100px; */
    /* background-color: #182d35; */
    /* background-color: rgba(24,45,53,0.7); */
    background-color: rgba(6,14,18,0.87);
    display: flex;
    /* text-align: center; */
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.cookieTxt {
    color: white;
    
    font-size: 9px;
    width: 90%;
    line-height: 13px;
    margin: 8px 0px;
}
    .menuMobileAc {
      display: block;
      width: 100%;
      height: 100vh;
      position: absolute;
    }

    .menuMobHam {position: absolute;
         position: absolute;
        top: 80px;
        left: 0;
       
        right: 0;
        margin: auto;
        z-index: 150;
        width: 35px;

        opacity: 0;
        transform: translateY(20px);
        /* height: 50px;*/

    }

    .menu {display: none;}
    .Section1 .wrapper {
        width: 78%;
        margin-top: 15%;}
    .Section2 {height: 45vh;}
    .Section2 .section2Txt div:nth-child(1) {font-size: 14px;}
    .Section2 .section2Txt div:nth-child(2) {font-size: 13px;}
    .float1-2 {
      width: 90%;
        height: 46.2vh;
      /*  height: 38.1vh;*/
    }
    .dI1 {flex: 10%;}
    .dI2, .dI3 {flex: 35%;}
    .dI4 {flex: 20%;}
    .diTxtCabecera {
        font-size: 6px;
        letter-spacing: 1px;
        padding-left: 10px;
    } 
    .dIgra {width: 80%;}
    .dIgral {width: 80%;}
    .circleTxt {font-size: 7px;}
    .graphTxt1 {font-size: 8px;}
    .dD2, .dD3, .dD4 {padding: 10px 5px;}
    #graphTxt2DB1, #graphTxt2DB2, #graphTxt2DB3 {font-size: 3px;}
    .positionMark1,  .positionMark2, .positionMark3 {width: 20px;}



    .txtParrafo-Dark, .txtParrafo {font-size: 16px;}
    .floatTxtTit { 
        font-size: 15px;
        width: 100%;
    }
    .jumpLine {display: none}
    .widthMob {width: 100%;}

    .Section3 .section3Txt, .almacenS3LA, .section3Gradient, .section3GradientL, .section3GradientR, .Sec3BLinetimeFix, .Sec3BFlex, .section3BTxt,
    .section4Txt, .section4Image, #logo {display: none;}

    .Section3 {
        position: relative;
        overflow: hidden;
        height: 50vh;
    }
    .Section3B {
        height: auto;
        background-color: transparent;
        margin-bottom: -40px;
    }
    .wrappSections {
        padding-top: 10px;
    }
    .slick-dotted.slick-slider {
        margin-bottom: 46px;
    }
    .logoIntroMobile {
        display: block;
        z-index: 10;
        position: absolute;
        top: 0;
    }
    .menumobS3config {
        color: #939394;
        width: auto;
    }
    .menumobS3config img {
            vertical-align: middle;
    margin-right: -5px;
    }
    .positionLineVertical {
       position: absolute;
    top: -100%;
    left: 18.5%;
    width: 2px;
    z-index: -1;
    height: 300%;
    background-color: #a59b84;
    }
    .S3VideoMobMenu  {display: block;}
    #homeS3_VIDEO {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 50vh;
    
    }
    .Section3Mob {display: block;
    background-color: white;
    width: 100%;}
    .title0-Dark, .title0 {
       letter-spacing: 1px;
    font-size: 26px;
    line-height: 27px;
    }
    .Section3Mob-Txt {padding: 80px 40px;}
    .Section3A {display: none}
    .widthSec3Text {
    max-width: 370px;
    margin-top: 30px;
    }
    .menCarrusel  {display: block}
    .section3BTxtMobile {
        display: block;
        position: absolute;
        top: 90px;
        left: 5%;
        color: #182d35;
        text-align: center;
        max-width: 440px;
        max-height: 270px;
        z-index: 20;
    }
    .menCarrusel div {position: relative;}
    .menCarrusel div span {
        font-family: 'Gothic A1', sans-serif;
        text-transform: uppercase;
    position: absolute;
    top: 41vw;
    letter-spacing: 1.55px;
    color: white;
    font-size: 14px;
    left: 5%;
    display: block;
    }
    
    div.menCarrusel.slick-initialized.slick-slider.slick-dotted > ul.slick-dots  {bottom: 20px !important;}
   
    div.sec4CarruselMob.slick-initialized.slick-slider.slick-dotted > ul.slick-dots {bottom: -60px !important;}

    div.multiple-items.slick-initialized.slick-slider.slick-dotted > ul.slick-dots {bottom: 35px !important;}

    div.proMobileFirstCarru.slick-initialized.slick-slider.slick-dotted > ul.slick-dots {bottom: 15px !important;}
    div.produCarrusel.slick-initialized.slick-slider.slick-dotted > ul.slick-dots {bottom: -17px !important;}
    div.conMobileFirstCarru.slick-initialized.slick-slider.slick-dotted > ul.slick-dots {bottom: 25px !important;}



    
    div.menCarrusel.slick-initialized.slick-slider.slick-dotted ul.slick-dots li button:before,
    div.sec4CarruselMob.slick-initialized.slick-slider.slick-dotted ul.slick-dots li button:before,
    div.multiple-items.slick-initialized.slick-slider.slick-dotted ul.slick-dots li button:before,
    div.proMobileFirstCarru.slick-initialized.slick-slider.slick-dotted ul.slick-dots li button:before,
    div.produCarrusel.slick-initialized.slick-slider.slick-dotted ul.slick-dots li button:before,
    div.conMobileFirstCarru.slick-initialized.slick-slider.slick-dotted ul.slick-dots li button:before
     {
    font-size: 12px;
/*    color: white;*/
    }

    .section4TxtMobile, .sec4CarruselMob {display: block}

    .section4TxtMobile {
            display: block;
    position: relative;
    margin-top: 6vh;
    color: #182d35;
    
    }
    .s4-cajaTitular {
        text-align: center;
        margin-top: 25px;
        text-transform: uppercase;
        font-size: 22px;
        letter-spacing: 2px;
        background: rgb(121,104,67);
        background: linear-gradient(90deg, rgba(121,104,67,1) 0%, rgba(226,208,144,1) 18%, rgba(202,185,159,1) 40%, rgba(226,208,144,1) 63%, rgba(113,106,98,1) 100%);
        /*   background: -webkit-linear-gradient(#eee, #333);*/
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 23px !important;
    }

    .s4-cajaParrafo {
        width: 80%;
        margin: 0 auto !important;
        margin-bottom: 30px !important;
    }

    .Section5 {
        height: auto;
        position: relative;
    }
    .Section5 .section5Txt {
    position: relative;
    top: 10%;
    left: 0%; 
    padding-top: 30px;
    color: #182d35;
    text-align: center;
    /* max-width: 440px; */
    /* max-height: 270px; */
    width: 100%;
    }
    .Section5 .section5Txt div:nth-child(1) {text-align: center;}
    .section5Logos {
    position: relative;
    width: 100%;
   display: flex;
    margin-top: 30px;
    padding-bottom: 70px;
    justify-content: space-around;
  }
  .section5Logos div {
    width: 40px;
    height: 40px;
    margin: 10px !important;
    margin-right: unset;
    margin-bottom: unset;
    /* background-color: grey; */
    /*border: 1px solid #132834;*/
}
    .sliderHBox {
    /*height: 657px;*/
    flex-direction: column;
    height: 100vh;
    }
    .slidePhotoText {padding-top: 3%; flex: 40% !important;}
    .wrapperPhotoS6 {
    overflow: hidden;
    flex: 30% !important;
    }
    .sliderHBox div:nth-child(1) {order: 1;}
   
    .slidePhotoText p:nth-child(2) {
    padding-left: 0;
    color: white;
    text-transform: uppercase;
    font-family: 'Gothic A1', sans-serif;
    letter-spacing: 2px;
    font-size: 18px;
    text-align: center;
}
    .slidePhotoText p:nth-child(3) {
        padding-left: 12px;
    padding-right: 12px;
    font-size: 13px;
    text-align: center;
    line-height: 20px;
    margin-bottom: 30px;
}
.slidePhotoText .buttonCaso {
    width: 65%;
    margin-left: 15%;
    border: 2px solid rgba(121,104,67,1);
    height: 35px;
    border-radius: 30px;
    text-transform: uppercase;
    text-align: center;
    font-size: 15px;
    margin-bottom: 90px;
    color: white;
    font-family: 'Gothic A1', sans-serif;
    line-height: 35px;
}
    .slidePhoto3, .slidePhoto1, .slidePhoto2 {background-position: center top;}
    .Section6 {
        height: unset;
        padding-bottom: 90px;
    }

    .titFooter {font-size: 18px;
     margin-bottom: 50px;
     text-align: center;
    padding-top: 40px;
}
    .sectionFooterTxt .columFooter:nth-child(1) {order: 3; display: none;}
    .sectionFooterTxt .columFooter:nth-child(2) {order: 2;}
    .sectionFooterTxt .columFooter:nth-child(3) {order: 1;}
    .socialesIcons {justify-content: space-evenly;}
    .sigueIma {max-width: 38px;}
    .footTrans {
       text-align: center;
    margin: 0 auto;
    max-width: 200px;
    opacity: 0.4;
    padding: 10px 0px;
    
    }
    .columFooter div a {
    text-align: center;
    font-size: 16px;
    margin-bottom: 12px;
    }
    .copyRight {
    color: white;
    font-size: 12px;
    font-family: 'Gothic A1', sans-serif;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: 100px !important;
    padding-bottom: 100px !important;
    margin: auto;
    display: block;
    width: 100%;
    text-align: center;
}
    .SectionFooter .sectionFooterTxt {flex-direction: column;}
    .SectionFooter {
    width: 100%;
    height: unset;
  /*  background: rgb(25,45,54) !important;*/
     background: linear-gradient(0deg, rgba(25,45,54,1) 0%, rgba(1,3,2,1) 100%); 
    position: relative;
}
    .socialesIcons a {opacity: 0.4;}



    /*LEGALIDAD */
    .sizeLegaS {
        font-size: 12px;
        padding: 0px 14px;
    }
    .titlega01 {
       padding: 0px 50px;
    }
    .legalBType1, .legalBType2, .legalBType3, .legalBType4 {
    text-align: center;
    width: 95%;
    margin: 0 auto;
    margin-top: 100px !important;
    position: relative;
    height: 630px;
    opacity: 1;
    
    }
    .legalBType1 {
        margin-bottom: 40px;
    }
    .legaFlex {
    position: relative;
    width: 100%;
    height: inherit;
    display: flex;
    flex-direction: column;
    }

    .legaFlex .rowLegal:nth-child(1){order: 1;}
    .legaFlex .rowLegal:nth-child(2){order: 2;     padding-bottom: 100px;}
    .txtRow1 {
        position: relative;
        text-align: center !important;
        bottom: 0;
        width: 90%;
        margin-top: 40px !important;
        left: 0;
        margin: auto;
        opacity: 1;
    }
    
    .rowLegal .txtRow1  div:nth-child(1), .rowLegal .txtRow1  div:nth-child(2), .legalBType1 div:nth-child(2), .legalBType2 div:nth-child(2),
    .legalBType3 div:nth-child(2) {text-align: center !important;}

    .legaTextLight {font-size: 20px;}
    .b1Tit, .b2Tit, .b3Tit, .b4Tit {margin-bottom: 20px;}
    .b1parr, .b2parr, .b3parr, .b4parr {
        margin-bottom: 40px !important;
        width: 95%;
        margin: 0 auto;
    }
    .b1Photo1, .b3Photo1 {
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0px;
    }
    .b1Photo2 {
    width: 60%;
    margin-top: -15px;
    float: left;
    }
    .b1Float {
        position: absolute;
        z-index: 10;
        width: 190px;
        bottom: 90px;
        background-color: white;
        padding: 20px;
        line-height: 25px !important;
        right: 5px;
    }
    .b2Photo1 {
        width: 100%;
        margin-bottom: 20px;
        margin: 0 auto;
    }
    .b2Photo2 {
        width: 40%;
        position: absolute;
        right: 5px;
        bottom: 25%;
        z-index: 50;
    }
    .b2Float {
          position: absolute;
    z-index: 830;
    width: 40%;
    bottom: 50px;
    padding: 30px;
    line-height: 20px !important;
    left: unset;
    right: 0;
    }
    .b2logosize {
        max-width: 170px;
        display: block;
        margin-bottom: 15px;
    }
    .spEndMargin {margin-bottom: 0px;}
    .b3Photo2 {
          width: 45%;
    position: absolute;
    left: unset;
    bottom: 11%;
    right: 0;
    }
    .b3Float {
           position: absolute;
    z-index: 10;
    /* border: 1px solid red; */
    width: 180px;
    /* height: 150px; */
    text-align: right;
    bottom: 180px;
    left: 0px;
    background-color: white;
    padding: 20px;
    line-height: 20px !important;
    /* margin: 60px; */
    right: 0px;
    }
    .b3logosize {
        max-width: 170px;
        display: block;
        margin-bottom: 15px;
        float: right;
    }
    .lega-Section3 {opacity: 1;}
    .lega-section3Txt .txtParrafo {padding: 18px 20px 10px 0px;}
    .buttonImportat {display: none;}
    #myCanvas {display: none;}
    .spMobileMargin {margin-top: -5px;
        background: linear-gradient(0deg, rgba(25,45,54,1) 0%, rgba(1,3,2,1) 100%) !important;}

    .spButtonMobile {display: block; opacity: 1 !important;}
    .spmarginMobiileButton {    margin-top: 90px !important;}
    .legalEnla {
        text-decoration: none !important;
        color: #182d35 !important;
        position: relative;
        top: 0;
        pointer-events: auto;
        left: 0;
        margin: 0 auto;
     /*   margin-top: -10px;*/
        z-index: 80;
        width: 80%;
        height: 55px;
    }
    .spButtonMobile img { 
       position: absolute;
       top: 0;
       left: 0;
   }
   .txtButtonTxtLega {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    right: 0;
    display: block;
    font-size: 14px;
    margin: auto;
    bottom: 0;
    text-align: center;
 
    }
    .spButtonMobmarLega {
      margin-bottom: 90px;
    display: block;
    position: relative;
    pointer-events: auto;
    }
    .miniTitleGold span::before {
    content: "\A";
    white-space: nowrap;
    }
    .title0 span::before {
    content: "\A";
    white-space: nowrap;
    }

    /* PRODUCTS */
    .productos-Section1 {display: none;}

    .productos-Section1Mobile {
        display: block;
        width: 100%;
        height: 100vh;
        position: relative;  

       
    }

    .speProduc {font-size: 21px !important;}

    .mediakit-ONETOONE {
        font-size: 36px;
        letter-spacing: 8px;
    }

    .productos-section1Txt {top: 38%;}
    .proMobileFirstCarru {background-color: white;}
    .miniCarrTit {
           top: 210px;
    color: red;
    left: 0;
    position: absolute;
    z-index: 10;
    padding-left: 20px;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Gothic A1', sans-serif;

    letter-spacing: 5.5px;



    text-transform: uppercase;
       background: rgb(121,104,67);
    background: linear-gradient(90deg, rgba(121,104,67,1) 0%, rgba(226,208,144,1) 18%, rgba(202,185,159,1) 40%, rgba(100,89,78,1) 63%, rgba(113,106,98,1) 100%);
    /* background: -webkit-linear-gradient(#eee, #333); */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: translateY(0px);
    opacity: 1;

       
    }
    
    
   .proMobColo {
        position: relative;
        width: 100%;
        display: inline-block;
       
     }

 
   .miniCarrSub {
      position: absolute;
    text-transform: uppercase;
    color: white;
    top: 250px;
    margin-top: 15px;
    font-family: 'Gothic A1', sans-serif;

    font-size: 14px;
    margin-left: 20px;
    max-width: 70%;
     }

   .miniCarrIma {
        top: 0;
        left: 0;
        height: 100vh;
   }
   .prodDat05SpecialThree {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    }

    .prodDatosFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
   /* margin: 0 auto;*/
    position: absolute;
   
    top: 175px;
    }

    .prodDatoFDiv {
    width: 22%;
    margin: 9px;
    /* height: 200px; */
    /* border: 3px solid white; */
    text-align: center;
    background-color: rgba(0,0,0,0.3);
    padding: 12px;
    }
    .prodDatoFDiv img {
    max-width: 40px;
    margin: 0 auto;
    }
    .prodDatoFDiv > p:nth-child(2) {font-size: 20px;}
    .prodDatoFDiv > p:nth-child(3) {font-size: 12px;}

    .multiple-items {display: none;}
    .zonaMobileProCarr {
        display: block;
        width: 100%;
        position: relative;
        margin: 0;
        height: 100vh;
    }
    .galleryDrdProductos {display: none;}
    .overProButt {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        opacity: 1;
        top: 0;
        left: 0;
        pointer-events: auto;
    }
    .capaCarruProd {width: 100%;}
    .productosTitle {
    margin: 0px 0px;
    left: 5%;
    padding-bottom: 100px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 100px;
    position: relative;
        width: 80%;
    }

    .productoCarruIma {
       width: 100%;
    height: 50vh;
    overflow: hidden;

    
    }
    .productoCarruImaSl1 {
            background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/productos/sli-01.jpg);
    }
    .productoCarruImaSl2 {
            background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/productos/sli-02.jpg);
    }
    .productoCarruImaSl3 {
            background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/productos/sli-03.jpg);
    }
    .productoCarruImaSl4 {
            background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/productos/sli-04.jpg);
    }
    .productoCarruImaSl5 {
            background-size: cover;
    background-repeat: no-repeat;
    background-position: center 100%;
    background-image: url(../img/productos/sli-05.jpg);
    }
    .productoCarruImaSl6 {
            background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/productos/sli-06.jpg);
    }
    .productoCarruImaSl7 {
            background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/productos/sli-07.jpg);
    }
    .productoCarruImaSl8 {
            background-size: cover;
    background-repeat: no-repeat;
    background-position: center 90%;
    background-image: url(../img/productos/sli-08.jpg);
    }
    .productoCarruImaSl9 {
            background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/productos/sli-09.jpg);
    }
    .productoCarruImaSl10 {
            background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/productos/sli-10.jpg);
    }
    .productoCarruImaSl11 {
            background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/productos/sli-11.jpg);
    }
 
    .produCarrusel {
        width: 100%;
        height: 90vh;
    }
    #overProima {display: none;}
    #flechaDPro {display: none;}
    .derProLayer {
        width: 90%;
        position: absolute;
        margin-top: 0 !important;
        top: 50px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        height: fit-content;
    }
    #oPBTitLogo {
        max-width: 150px;
        transform: translateY(0px);
        opacity: 1;
    }
    
    #oPBSub {
    font-size: 30px;
    letter-spacing: 2px;
    margin-bottom: 0;
    margin-top: -10px;
    font-family: 'Gothic A1', sans-serif;

    margin-left: 0px;
    text-transform: uppercase;
    text-align: center;
    background: rgb(121,104,67);
    background: linear-gradient(90deg, rgba(121,104,67,1) 0%, rgba(226,208,144,1) 18%, rgba(202,185,159,1) 40%, rgba(100,89,78,1) 63%, rgba(113,106,98,1) 100%);
    /* background: -webkit-linear-gradient(#eee, #333); */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: translateY(0px);
    opacity: 1;
    }
    #oPBParr {
       line-height: 20px;
    color: white;
    font-size: 15px;
    max-width: 100%;
    text-align: center;
    margin-left: 0px;
    padding: 0px 20px;
    margin-top: 20px;
    font-family: 'Gothic A1', sans-serif;

    transform: translateY(0px);
    opacity: 1;
    }
    #oPBTit {
           display: block;
           font-family: 'Gothic A1', sans-serif;

    color: white;
    text-align: center;
    margin-bottom: 4px;
    font-size: 17px;
    letter-spacing: 6px;
    margin-left: 0px;
    margin-top: 40px;
    text-transform: uppercase;
    transform: translateY(0px);
    opacity: 1;
    }

    /* CONTACTA */
    .sube1 {
    margin-top: -40px !important;
    font-size: 25px;
    font-family: 'Gothic A1', sans-serif;

    letter-spacing: 1px;
    }
    .title0-Dark span::before {
    content: "\A";
    white-space: nowrap;
    
    }
    .sube0 {
    
        font-size: 25px;
        font-family: 'Gothic A1', sans-serif;

    letter-spacing: 1px;
    }
    .contac-section1Txt {top: 30%;}
    .contac-floatcont {
        font-family: 'Gothic A1', sans-serif;
        top: 0;
        position: relative !important;
        width: 800px;
        height: 760px;
        max-width: 944px;
        color: #fff;
        left: 0;
        right: 0;
        background-color:#002831;
        margin: auto;
        box-shadow: 2px 2px 18px rgb(0 0 0 / 20%);
        z-index: 20;
        margin-bottom: 100px;
        border-radius: 30px;
        max-width: 99%;
    }
    .formTxt1 {
        font-family: 'Gothic A1', sans-serif;
    margin-top: 60px;
    text-align: center;
    font-size: 20px;
    }

    .formTxt2 {
        font-family: 'Gothic A1', sans-serif;
    /* max-width: 450px; */
    text-align: center;
    font-size: 11px;
    margin-top: 7.5px;
    }
    .formTxtCampos {
    font-family: 'Gothic A1', sans-serif !important;
    margin: 0 auto !important;
    margin-left: 0;
    margin-top: 30px  !important;
    /* border: 2px solid red; */
    font-family: dinproB;
    font-size: 12px;
    }
    .btn-gradient-border {
       
        margin-top: 30px;
    }
    .marginChek1 {
        margin-top: 20px;
        font-family: 'Gothic A1', sans-serif;
        font-weight: 200;
        font-size: 10px;
        width: 110%;
    }
    .formTxtBut {
      position: absolute;
    text-align: center;
    border: none;
    left: 0;
    margin: auto;
    top: 0;
    background-color: transparent;
    bottom: 0;
    right: 0;
    font-size: 15px;
    font-family: dinproB;
    cursor: pointer;
    }
    .buttonSendNew {    height: unset;}
    .contac-section2Txt {
    left: 0%; 
    text-align: center !important;
    }
    .spMobileMarg {
        text-align: center !important;
    }
    .sectionCarruMob {
        display: block;
        width: 100%;
        height: 100vh;
        position: relative;
        /*background-color: red;*/
    }

    .conMobileFirstCarru {
        width: 100%;
        height: 95vh;    
    }
    .conMobColo {
        width: 100%;
        height: 100vh;
        position: relative;    
      /*  background-color: yellow;*/
    }
    .conCarruMobBk1 {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(../img/contacta/sli-01on.jpg);
    }
    .conCarruMobBk2 {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(../img/contacta/sli-02on.jpg);
    }
    .conCarruMobBk3 {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(../img/contacta/sli-03on.jpg);
    }
        .conCarruMobBk4 {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(../img/contacta/sli-04on.jpg);
    }
    .conCarruMobBk5 {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(../img/contacta/sli-05on.jpg);
    }
      .conCarruMobBk6 {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(../img/contacta/sli-06on.jpg);
    }
      .conCarruMobBk7 {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(../img/contacta/sli-07on.jpg);
    }
      .conCarruMobBk8 {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(../img/contacta/sli-08on.jpg);
    }


    .prodTitGalleryC {
        pointer-events: none;
        color: white;
        position: relative;
        top: 0;
        text-align: center;
        left: 0px;
        font-size: 30px;
        margin-top: 110px;
        z-index: 80;
        width: 100%;
        letter-spacing: 3px;
        /* border: 2px solid red; */
        height: auto;
        font-family: 'Gothic A1', sans-serif;
    }
    .conTxt1 {
    color: white;
    font-family: 'Gothic A1', sans-serif;
    font-size: 19px;
    letter-spacing: 0.8px;
    margin-bottom: 1px;
    line-height: 23px;
    text-align: center;
    opacity: 1;
    transform: translateY(0px);
    }
    .caruMobaStyle {
        display: block;
    position: relative;
    font-size: 18px;
    font-family: 'Gothic A1', sans-serif;
    text-decoration: none;
    color: white;
    text-align: center;    
    }
    .conTxt2 {
    color: white;
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    margin-top: 30px !important;
    margin: 0 auto;
    text-align: center;
    font-family: 'Gothic A1', sans-serif;
    letter-spacing: 0.8px;
    opacity: 1;
    transform: translateY(0px);
    }
    .buttContac {
       position: absolute;
    color: white !important;
    bottom: unset;
    left: 0px;
    margin: auto;
    right: 0;
    top: 0;
    z-index: 30;
    width: 70%;
    line-height: 40px;
    font-family: 'Gothic A1', sans-serif;
    font-size: 16px;
    text-align: center;
    height: 40px;
    border: 1px solid white;
    border-radius: 20px;
    opacity: 1;
    transform: translateY(0px);
    }
    .caruMobaStyleBut {
           position: relative;
    display: block;
    width: 100%;
    margin-top: 60px;
    height: 0px;
   /* border: 1px solid red;*/
    }
    
    /* MEDIAKIT */
    .rotContac {transform: rotate(0deg) !important; }
    .mediakit-Section1 {display: none}
    .mediakit-Section1Mobile {display: block}
    .mediakit-Section2 {    margin-top: -30px;}
    .mediakit-section1Txt {top: 220px;}
    .mediakitFlex {
        position: relative;
        flex-direction: row;
        margin-top: 0px;
            width: 100%;
    }
    .rowMediaKit1, .rowMediaKit1 {flex: 100%;}
    .rowMediakit {text-align: left;}
    .selectMediakit {
       margin-top: 10px;
    font-size: 18px;
    padding: 0px 15px;
    letter-spacing: 2px;
    line-height: 30px;
    text-align: center;
    }
    .rowMediaKit2 {
    flex: 97%;
    }
    .middleMediakit{
        flex: 0%;
    }
    
    .onePerson {}
    .bkliso {width: 100%;
    height: 100vh;
    position: relative;}

    .personFigIMg {
     position: absolute;
     z-index: 80;   
    }
     
    .posiPerzIndex {
    /* position: absolute;*/
     z-index: 80;      
    }

    .mediakitMobCarrusel { display: block;}
    .mediakitMobCarrusel .slick-dots { bottom: 30px !important;}

    .vidMod1 {
           left: -30px;
    top: 70px;
    right: 0;
    
    }
    .vidMod2 {
        left: 0;
        top: 40px;
        right: 0;    
   
    }
    .vidMod3 {
        left: 0;
    top: 30px;
    right: -20px;   
      
    }
    .vidMod4 {
        left: 0;
        top: 25px;
        right: 0;    
       
    }
    .vidMod5 {
        left: 0;
        top: 40px;
        right: 0;    
   
    }

    .mediaMobilePhone {
        width: 60%;
   margin: 0 auto;
    display: block;
    /* margin-top: 50px; */
    position: absolute;
  
    z-index: 10;}

    .selectMediakit div {
        cursor: pointer;
    border-right: 0px solid #182d35;
    width: fit-content;
    display: block;
    padding-right: 0px;
    text-align: center;
    padding-top: 5px;
    }
    #mediaKitTxt {
       font-size: 12px;
    position: relative;
    line-height: 20px;
    text-align: left;
    bottom: 0;
    padding: 20px 20px 0px 20px;
    }
    .mKSlickGallery {margin-top: 30px;}
/*    .mediaBoxGallery {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    margin-bottom: 10px;
    margin-right: 0px;
   
    max-width: 400px;
    width: 45%;
    opacity: 0;
    margin: 0 auto;
    display: none;
    }*/
    .gallMedia {
    border: 2px solid white;
    box-sizing: content-box;
    }
    .medialup {
    position: absolute !important;
    
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: rgba(0,0,0,0.5);
    
    filter: brightness(10);
    width: 40px;
    text-align: center;
    display: block !important;
    z-index: 30;
    opacity: 1;
    transform: scale(1);
    }
    .mediaBoxGallery {margin: 0 auto;}
    .columFooter .footTrans:nth-child(3) {
        padding-left: 90px;
    }
     .columFooter .footTrans:nth-child(4) {
        padding-left: 45px;
    }
     .columFooter .footTrans:nth-child(5) {
        padding-left: 100px;
    }
     .columFooter .footTrans:nth-child(6) {
        padding-left: 100px;
    }

    /* AUDIENCIAS */
    .spMobileSize0 {
        font-size: 18px;
        line-height: 20px;
        letter-spacing: 2px;
        font-weight: 700;
    }
    .spMobileSize1 {
        font-size: 18px;
        line-height: 20px;
        letter-spacing: 2px;
        font-weight: 700;
    }
    .spMobileSize2 {
        font-size: 18px;
    letter-spacing: 2px;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
    }
    .audi-millones {
      font-size: 30px;
      letter-spacing: 8px;
    }
    .audi-USUARIOS {
        font-family: 'Gothic A1', sans-serif;
        font-size: 20px;
    }
    
    .audi-section2Tab {display: none;}
    .audi-Section2 {display: none;}
    .worldMobile {
        display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 80px;

    opacity: 0;
    transform: translateY(50px);
    }
/*    .sphereImgMob {
            width: 150%;
    margin: 0 auto;
    display: block;
    max-width: 1000px;
    margin-left: -100px;
    }*/
    .audi-section1Txt-Cuad2 img {
    width: 150px;
    padding-bottom: 0px;
    }
    .mobileAudiSelec {
        width: 6%;
        display: block;
        height: 6%;
        position: absolute;
        /*border: 1px solid red;*/
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(../img/audi/sig.png);

    }
    .mobileSpanSp {display: block}
    .mobileSpanSp2 {display: block; margin:0;}
    .mobileSpanSp3 {display: block; margin:0; line-height: 15px;}
    .mouseSpAudi { display: none}
    .animContac {opacity: 0}
    .almacenAudi {
          position: relative;
          margin-left: -90px;
          width: 120%;
    }
     .almacenAudi img {
       max-width: 120%;
      height: auto;
    }
    #mSA01 {
        top: 35%;
        left: 38%;

      
    }
    #mSA02 {
        top: 52%;
        left: 40%;
    }
    #mSA03 {
        top: 59%;
        left: 56%;
    }
    #mSA04 {
        top: 66%;
        left: 55%;
    }
    #mSA05 {
        top: 76%;
        left: 57%;
    }
    #mSA06 {
        top: 64%;
        left: 68%;
    }
    #mSA07 {
        top: 40%;
        left: 90%;
    }
    #mSA08 {
        top: 72%;
        left: 65%;
    }
    #globoMob {
    width: 30%;
    position: absolute;
    z-index: 30;
        pointer-events: none;
    /* left: -190%; */
    /* top: -200%; */
    /* height: 10%; */
   

     opacity: 0;
     transform: translateY(30px);

    }
    #gloText1 {
      
   
        font-family: 'Gothic A1', sans-serif;
        font-size: 4vw;
   
    }
    #gloText2 {
   
    font-size: 3.5vw;
    font-family: 'Gothic A1', sans-serif;
  
    }
    .globpoitner {pointer-events: none;}
    .glotextAll {
           color: white;
    position: absolute;
        pointer-events: none;
    top: 13%;
    /* width: fit-content; */
    display: block;
    left: 0;
    /* height: fit-content; */
    bottom: 0;
    margin: auto;
    right: 0;
    line-height: 25px;
    font-size: 16px;
    text-align: center;

    }
   

    .audiSpaceBlack {height: 10vh;}

    /* MOVIL MENU */
    #infinia-menuMobile {
    
    overflow-y: scroll;
    width: 100vw;
    height: 100vh;
    background-color: #182d35;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;

    transform: translateY(50px);
    opacity: 0;
    display: none;

    }
    #menuMobilClose {
  width: 30px;
    margin: auto;
    }
    .menuMobilIdiom {
        font-family: 'Gothic A1', sans-serif;
        color: grey;
    font-size: 12px;
    float: right;
    letter-spacing: 2px;
    padding: 10px;


    opacity: 0;
    }
     .menuMobilIdiom a{
       
    text-decoration: none !important;
 color: grey;
   
    }
    .speLoginMobile{
            background-color: white;
    /* max-width: 50%; */
    width: 25%;
    height: 22px;
    line-height: 22px;
    margin: 0 auto;
    margin-top: 20px !important;
    padding: 6px !important;
    border-radius: 20px;
    color: #182d35 !important;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
    }
    #menuMobilClose:hover {
    opacity: 1;
    }
    .Section4 {height: 98vh;}
    .menuMobilLogo {
 position: absolute;
    max-width: 80px;
   /* height: 90px;*/
    top: 10%;
    right: 0;
    z-index: 40;
    margin: auto;
    left: 0;
    z-index: 20;
   /* border: 1px solid red;*/

     transform: translateY(20px);
    opacity: 0;
   
    }
    .mobResources {
        font-size: 9px;
        color: #cab99f;
    }
    .menuMobilLogo a{
    width: 100%;
   /* height: 180px;*/
    /* border: 1px solid red; */
    position: absolute;
    top: 0;
    left: 0; }

    .menuMobilLogo img {
    width: 100%
    }
    .mobilMen {
   width: 100%;
    height: 70%;
    top: 13%;
    right: 0;
    /* font-family: dinproL !important; */
    color: white;
    left: 0;
    bottom: 0;
    margin: auto;
    /* border-right: 1px solid grey; */
    text-align: center;
    position: absolute;
    display: flex;
    flex-direction: column;
    }
    .butMobile {
      font-size: 12px !important;
    text-transform: uppercase;
    padding: 2.5vh 0px;
    letter-spacing: 5px;
    text-decoration: none !important;
    font-family: 'Gothic A1', sans-serif;
    color: white;

     transform: translateY(20px);
    opacity: 0;
    }

    .butMobile div { transform: translateY(80px);}
   
    

}
   










































































/* DE 769 A 1024 */
@media only screen and (min-width: 769px) and (max-width: 1024px){
         .sBTit {margin-bottom: 25px !important;    }
        .numeracionHomeCarr {
     width: 20%;
     margin-top: 20px;
    }
        .Section6 {height: 120vh;}
    .Sec3BLinetimeFix2 {height: 400px;}

        /* CONTACTA */
    .sube0, .sube1 {
        font-size: 22px;
        line-height: 25px;
    }
    .conTxt1 {font-size: 11px;}
    .conTxt2 {font-size: 11px;}
    .buttContac {
        width: 70%;
        font-size: 13px;
    }
    .prodTitGalleryC {
       top: 40px;
    left: 5px;
    font-size: 20px;
    }
   

    .formTxt1{
        margin-top: 30px;
        font-size: 20px;
    }
    .formTxt2 {font-size: 12px;}
    input[type=email], input[type=text] {margin-bottom: 10px !important;}

    
    .formTxtCampos {font-size: 12px;}
    .contac-floatcont {
        height: 740px;
    }
    .marginChek1 {margin-top: 20px;}




          /* MEDIAKIT OPEN MOVIL */
    #oCClose {width: 40px;}
    .oCTit {font-size: 45px;}
    .oCSubTit {font-size: 22px;}
    .oCtxtParr {font-size: 13px;}
    .oCBut {width: 200px !important;     margin: 20px 0px 20px 0px;}
    .oCBut a {font-size: 14px;}
    .oCqr {max-width: 115px;}
    .soportemobil {margin-left: -80px !important;}



        .typeVidPhone {
        width: 5%;
        margin-left: 0%;
    }
    .selectMediakit {
      font-size: 20px;
      margin-left: 35px;
    }
    .middleMediakit {width: 0;}
    #mediaKitTxt {
       font-size: 12px;
       padding: 0px 180px;
    }
    
    .mediaBoxGallery {width: 260px; 
    margin-left: 25px;}



      .mediaLogWhi {max-width: 120px;}
    .mediakit-section1Txt .miniTitleGold {
        margin-top: 4px;
        font-size: 11px;
    }
    .mediakit-ONETOONE {font-size: 40px;}
    .mediakit-section1LineAnim, .mediakit-section1LineAnim2 {bottom: 20%;}

    .imaIntMedi {max-width: 19px !important;}
    .s4CirCapa2 {font-size: 10px; padding-left: 0px;}
    .wrapMediaDat {max-width: 80%;}
    .wrapCirclesMedia {right: -140px;}
    .s4marginBMediakit {padding-bottom: 0px;}





    #oPBTit {
        font-size: 15px;
        margin-bottom: -4px;
        margin-left: 0px;
    }


    #flechaDPro {max-width: 30px;}
    #flechaIPro {max-width: 30px;}
    #oPBParr {font-size: 11px; max-width: 80%;}
    .vidCien {
    width: 136vw;
    margin-left: -190px;
    }
     .speProduc2 {font-size: 13px !important;}
    .activeBuP {width: 40px;}
    .proDatRow1 img {max-width: 30px;}
    .proDatRow1 > p:nth-child(2) {font-size: 20px;}
    .proDatRow1 > p:nth-child(3) {
        font-size: 12px;
        letter-spacing: 1px;
    }
    .prodDatoFDiv img {max-width: 40px;}
    .prodDatoFDiv {
        width: 80px;
        height: 100px;
        padding: 15px;
        margin: 8px;
    }
    .prodDatoFDiv > p:nth-child(2) {font-size: 19px;}
    .prodDatoFDiv > p:nth-child(3) {font-size: 10px;}

    .overProButt {
        width: 70%;
        height: 70%;
    }
    #overProima {max-width: 30px;}
    #oPBSub {font-size: 20px; margin-top: -4px; }
    .prodDatos1 {
      top: 90px;
      width: 400px;
   }
   .prodDatos2 {
     top: 90px;
     right: 9%;
     width: 300px;
   }
    .prodDatos3 {
     top: 90px;
     width: 450px;
     right: 5%;
   }
    .prodDatos4 {
     top: 90px;
     width: 450px;
   }
   .prodDatos5 {
     top: 130px;
     width: 390px;
   }

   .nTirPer {font-size: 30px;}
   .cajaImProduct {max-width: 90px;}

     .lega-section1Txt .miniTitleGold {margin-top: 17px;}
    .sizeLegaS {
        font-size: 11px;
        line-height: 15px;
    }
    .txtRow1 {width: 250px;}
    .txtRow1 .txtParrafo-Dark {
       font-size: 12px;
        line-height: 16px;
    }
    .b1parr, .b2parr, .b3parr, .b4parr {
        font-size: 12px;
        line-height: 16px;
    }
    .spTRanspaSize {
        font-size: 24px !important;
        line-height: 25px !important;
    }
    .legaTextLight {font-size: 27px;}
    .txtButtonTxtLega {font-size: 14px;}
    .legalBType1, .legalBType2, .legalBType3, .legalBType4 {width: 80%;}





    #audi-section2Tab {width: 50%;}

    .menuPC-Tablet, .menuPC-TabletX {width: 90%;}
    
    #audiTabTitle {font-size: 20px;}
    .audiTabSubtitle {font-size: 14px;}
    .audiS2perc {font-size: 18px;}
    .ausiTabGraDivEdad {width: 70%;}
    .ausiTabGraDiv {width: 65%;}
    .ausiTabGraDivSpider {width: 50%;}
    .audiTabSubtitle p {
        font-size: 9px;
        max-width: 400px;
    }
    .audi-Section2 {height: 150vh;}
    .spDesktopSizeAudi {
        font-size: 23px;
        line-height: 23px;
        letter-spacing: 5px;
    }
    .audi-millones {font-size: 35px;}
    .audi-USUARIOS {font-size: 25px;}
    .year:hover, .year.active {font-size: 15px !important;}
    .year {font-size: 13px !important;}
    .resultCountry {font-size: 16px;}
    .mouse {
        width: 15px;
        height: 25px;
    }




    .sigueIma {width: 45%;}
    .footTrans {width: 70%;}
    .columFooter div a {font-size: 13px;}
    .titFooter {font-size: 15px;}
    .SectionFooter .sectionFooterTxt {width: 70%;}

    .copyRight {font-family: 'Gothic A1', sans-serif;}

.cookieBtn a div {
    /* background-color: white; */
    background-color: rgba(6,14,18,0);
    border: 1px solid white;
    color: white;
    padding: 10px 10px;
    text-align: center;
    border-radius: 40px;
    display: inline;
    margin-left: 30px;
    text-transform: uppercase;
    font-family: 'Gothic A1', sans-serif;
    font-size: 11px;
    letter-spacing: 1.1px;
    cursor: pointer;
}
    .cookieTxt {font-size: 12px;     width: 450px;}
    .cookieBtn a div {font-size: 8px;}
   /* .cookieMsg {height: 70px;}*/

    .sec3BNumber {font-size: 7px;}
    #ec3Num1Men {
     top: 55%;
    left: 35%;
    }
    #ec3Num4Men {
      top: 58%;
    left: 35%;
    }


     .s4g2 {
        width: 85%;
        margin-left: 115px;
    }
    .detailSec4_3 {margin-top: 50px;}
    #parraAnni1 {font-size: 13px;}
    #parraAnni2 {font-size: 13px;}



    .sliderHBox {
        height: 550px;
        width: 800px !important;
        margin: 0 auto;
    }

    .slidePhotoText p:nth-child(2) {font-size: 20px;}
    .slidePhotoText p:nth-child(3) {font-size: 13px;}
    .slidePhotoText .buttonCaso {
    width: 50%;
    margin-left: 0%;
    margin: 0 auto;
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    }


    .galeeCapCarru div {
        width: 35px;
        height: 35px;
        margin: 15px;
        padding: 15px;
    }


         .section4Txt-Caja {max-width: 450px;}
    .Section4 .section4Txt {
        top: 0%;
        padding: 20px 0px !important;
    }
    .cajaPrimera {margin-top: 20px;}
    .s4-cajaTitular {
        font-size: 16px;
        letter-spacing: 1.5px;
        line-height: 16px;
    }
    
        .Sec3BFlex {height: 400px;}
    .sec3BTextPhoto {font-size: 12px;}
    .widthSec3Text {max-width: 300px;}
        .title0-Dark {
        font-size: 30px;
        line-height: 30px;
    }
    .title0 {
        font-size: 30px;
        line-height: 30px;
    }
    .txtParrafo {font-size: 12px;}
    .titnameAlS3 {font-size: 12px;}
    .idBlink {font-size: 7px !important;}
    .Section3A {height: 250px;}
    #ele2S3LA {left: 32.5%;}

    .Section2 .section2Txt div:nth-child(1) {font-size: 17px;}
    .Section2 .section2Txt div:nth-child(2) {font-size: 14px;}
    .txtdato {font-size: 8px;}
    .txtcabecera {font-size: 10px;
     letter-spacing: 1.2px;}
    #graphTxt2DB1, #graphTxt2DB2, #graphTxt2DB3 {font-size: 6px;}
    .graphTxt1 {font-size: 8px;}
    .positionMark1, .positionMark2, .positionMark3  {width: 30px;}
    .diTxtCabecera {font-size: 9px;}
    .dIgra {width: 80%;}
    .circleTxt {font-size: 9px;}


      .float1-2 {width: 55%;}
     .floatTxtTit {font-size: 18px;}
     .floatTxtSubTit {font-size: 12px;}
       .menuPC-Tablet .logo {
       flex: 12%;
    padding-right: 10px;
    margin-top: -7px;
    }
    .menuItem, .menuItemX {
        flex: 8%;
        font-size: 0.45em;
    }  
    .login a, .loginX a {
          font-size: 0.5em;
    width: 60%;
    height: 4px;
    line-height: 4px;
    margin-top: 19px;
    }
    .logo img {
        width: 85%;
        margin-left: 15px;
    }
    .SPIdioma {font-size: 8px !important;}
        .circleMen {
    width: 75px;
    height: 75px;
    top: 20px;
     }
     .menu {height: 60px;
      max-width: 99vw;}

.sizeMenuTransUS, .sizeMenuTransXUS {
    flex: 6% !important;

}

     .avisoMenu div a {font-size: 22px;}
     .avisoTitul {font-size: 25px;}

}




































/* DE 1025 A 1280 */
@media only screen and (min-width: 1025px) and (max-width: 1280px){
    .mediaTitGallery {
        font-size: 10px;
    }
     .sBTit {margin-bottom: 25px !important;    }
        .numeracionHomeCarr {
     width: 20%;
     margin-top: 20px;
    }
        .Section6 {height: 120vh;}
    .Sec3BLinetimeFix2 {height: 500px;}
    /* CONTACTA */
    .sube0, .sube1 {
        font-size: 25px;
        line-height: 25px;
    }
    .conTxt1 {font-size: 12px;}
    .conTxt2 {font-size: 12px;}
    .buttContac {
        width: 70%;
        font-size: 13px;
    }
    .prodTitGalleryC {
        top: 70px;
        left: -10px;
        font-size: 25px;
    }

    .formTxt1{
        margin-top: 30px;
        font-size: 20px;
    }
    .formTxt2 {font-size: 12px;}
    input[type=email], input[type=text] {margin-bottom: 10px !important;}

    .formTxtBut {/*margin-top: 40px;*/}
    .formTxtCampos {font-size: 12px;}
    .contac-floatcont {
        width: 60%;
        height: 740px;
    top: 300px;
    }
    .marginChek1 {margin-top: 20px;}



      /* MEDIAKIT OPEN MOVIL */
    #oCClose {width: 40px;}
    .oCTit {font-size: 35px;}
    .oCSubTit {font-size: 20px;}
    .oCtxtParr {font-size: 13px;}
    .oCBut {width: 200px !important;     margin: 20px 0px 20px 0px;}
    .oCBut a {font-size: 14px;}
    .oCqr {max-width: 115px;}



    .typeVidPhone {
        width: 5%;
        margin-left: 0%;
    }
    .selectMediakit {
      font-size: 20px;
      margin-left: 35px;
    }
    .middleMediakit {width: 0;}
    #mediaKitTxt {
       font-size: 12px;
       padding: 0px 180px;
    }

    .mediaBoxGallery {width: 260px; 
    margin-left: 25px;
}






    .mediaLogWhi {max-width: 150px;}
    .mediakit-section1Txt .miniTitleGold {
        margin-top: 8px;
        font-size: 12px;
    }
    .mediakit-ONETOONE {font-size: 46px;}
    .mediakit-section1LineAnim, .mediakit-section1LineAnim2 {bottom: 20%;}

    .imaIntMedi {max-width: 19px !important;}
    .s4CirCapa2 {font-size: 12px;}
    .wrapMediaDat {max-width: 80%;}
    .wrapCirclesMedia {right: -170px;}
    .s4marginBMediakit {padding-bottom: 0px;}


    #oPBParr {max-width: 80%;}
    .speProduc2 {font-size: 14px !important;}
    .activeBuP {width: 40px;}
    .proDatRow1 img {max-width: 30px;}
    .proDatRow1 > p:nth-child(2) {font-size: 20px;}
    .proDatRow1 > p:nth-child(3) {
        font-size: 12px;
        letter-spacing: 1px;
    }
    .prodDatoFDiv img {max-width: 40px;}
    .prodDatoFDiv {
        width: 80px;
        height: 100px;
        padding: 15px;
        margin: 8px;
    }
    .prodDatoFDiv > p:nth-child(2) {font-size: 19px;}
    .prodDatoFDiv > p:nth-child(3) {font-size: 10px;}

    .overProButt {
        width: 70%;
        height: 70%;
    }
    #overProima {max-width: 30px;}
    #oPBSub {    font-size: 25px;
    margin-top: 1px;
   /* margin-left: -2px;*/}
    .prodDatos1 {
      top: 90px;
      width: 400px;
   }
   .prodDatos2 {
     top: 90px;
     right: 15%;
     width: 300px;
   }
    .prodDatos3 {
     top: 90px;
     width: 450px;
   }
    .prodDatos4 {
     top: 90px;
     width: 450px;
   }
   .prodDatos5 {
     top: 130px;
     width: 390px;
   }

   .nTirPer {font-size: 30px;}
   .cajaImProduct {max-width: 90px;}


    
    .lega-section1Txt .miniTitleGold {margin-top: 17px;}
    .sizeLegaS {
        font-size: 11px;
        line-height: 15px;
    }
    .txtRow1 {width: 250px;}
    .txtRow1 .txtParrafo-Dark {
       font-size: 12px;
        line-height: 16px;
    }
    .b1parr, .b2parr, .b3parr, .b4parr {
        font-size: 12px;
        line-height: 16px;
    }
    .spTRanspaSize {
        font-size: 24px !important;
        line-height: 25px !important;
    }
    .legaTextLight {font-size: 27px;}
    .txtButtonTxtLega {font-size: 14px;}
    .legalBType1, .legalBType2, .legalBType3, .legalBType4 {width: 80%;}



     #audiTabTitle {font-size: 20px;}
    .audiTabSubtitle {font-size: 14px;}
    .audiS2perc {font-size: 18px;}
    .ausiTabGraDivEdad {width: 70%;}
    .ausiTabGraDiv {width: 65%;}
    .ausiTabGraDivSpider {width: 50%;}
    .audiTabSubtitle p {
        font-size: 9px;
        max-width: 400px;
    }
    .audi-Section2 {height: 180vh;}
    .spDesktopSizeAudi {
        font-size: 23px;
        line-height: 23px;
        letter-spacing: 5px;
    }
    .audi-millones {font-size: 35px;}
    .audi-USUARIOS {font-size: 25px;}
    .year:hover, .year.active {font-size: 15px !important;}
    .year {font-size: 13px !important;}
    .resultCountry {font-size: 16px;}
    .mouse {
        width: 15px;
        height: 25px;
    }



    .sigueIma {width: 45%;}
    .footTrans {width: 70%;}

    .columFooter div a {font-size: 14px;}
    .titFooter {font-size: 15px;}
    .SectionFooter .sectionFooterTxt {width: 70%;}

    .copyRight {font-family: 'Gothic A1', sans-serif;}


    .sizeMenuTrans, .sizeMenuTransX {flex: 8% !important;}
    .sizeMenuTransUS, .sizeMenuTransXUS {flex: 3% !important;}

    .login, .loginX {flex: 13%;}

    .Section3 .section3Txt {left: 7%;}

    .cookieTxt {font-size: 12px;}
    .cookieBtn a div {font-size: 8px;}
  /*  .cookieMsg {height: 70px;}*/

    .sec3BNumber {font-size: 8px;}
    #ec3Num1Men {
      top: 54.7%;
    left: 38%;

    }
    #ec3Num4Men {
          top: 58.5%;
    left: 37%;
    }

    .s4g2 {
        width: 85%;
        margin-left: 50px;
    }
    .detailSec4_3 {margin-top: 50px;}
    #parraAnni1 {font-size: 13px;}
    #parraAnni2 {font-size: 13px;}


    .sliderHBox {
        height: 550px;
        width: 1000px !important;
        margin: 0 auto;
    }
   
    .slidePhotoText p:nth-child(2) {font-size: 20px;}
    .slidePhotoText p:nth-child(3) {font-size: 13px;}
    .slidePhotoText .buttonCaso {
    width: 50%;
    margin-left: 0%;
    margin: 0 auto;
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    }


    .galeeCapCarru div {
        width: 35px;
        height: 35px;
    }

    .section4Txt-Caja {max-width: 450px;}
    .Section4 .section4Txt {
        top: 0%;
        padding: 20px 0px !important;
    }
    .cajaPrimera {margin-top: 20px;}
    .s4-cajaTitular {
        font-size: 16px;
        letter-spacing: 1.5px;
        line-height: 16px;
    }


    .Sec3BFlex {height: 500px;}
    .sec3BTextPhoto {font-size: 12px;}
    .widthSec3Text {max-width: 300px;}
    .title0-Dark {
        font-size: 30px;
        line-height: 30px;
    }
    .title0 {
        font-size: 30px;
        line-height: 30px;
    }
    .txtParrafo {font-size: 12px;}
    .titnameAlS3 {font-size: 12px;}
    .idBlink {font-size: 7px !important;}
    .Section3A {height: 250px;}
    #ele2S3LA {left: 32.35%;}

    .Section2 {height: 75vh;}
    .Section2 .section2Txt div:nth-child(1) {font-size: 17px;}
    .Section2 .section2Txt div:nth-child(2) {font-size: 14px;}
    .txtdato {font-size: 8px;}
    .txtcabecera {font-size: 10px;
     letter-spacing: 1.2px;}
    #graphTxt2DB1, #graphTxt2DB2, #graphTxt2DB3 {font-size: 6px;}
    .graphTxt1 {font-size: 8px;}
    .positionMark1, .positionMark2, .positionMark3  {width: 30px;}
    .diTxtCabecera {font-size: 9px;}
    .dIgra {width: 80%;}
    .circleTxt {font-size: 9px;}

      .float1-2 {width: 40%;}
     .floatTxtTit {font-size: 18px;}
     .floatTxtSubTit {font-size: 12px;}
    .menuPC-Tablet .logo {
       flex: 9%;
    padding-right: 30px;
    margin-top: -15px;
    }
    .menuItem, .menuItemX {
        flex: 4%;
        font-size: 0.55em;
        margin-top: -5px;
    }  
    .login a, .loginX a {
      font-size: 0.6em;
    width: 40%;
    height: 10px;
    line-height: 10px;
    }
    .logo img {
        width: 85%;
        margin-left: 30px;}
    .circleMen {
    width: 75px;
    height: 75px;
    top: 20px;
     }
     .menu {height: 60px;}
     .menuPC-Tablet, .menuPC-TabletX {width: 92%;}
     .SPIdioma {font-size: 9px !important;
     flex: 10% !important;}
     .avisoMenu div a {font-size: 22px;}
     .avisoTitul {font-size: 25px;}

}


















/* DE 1281 HASTA 1366 */
@media only screen and (min-width: 1281px) and (max-width: 1366px){
    .SPIdioma {flex: 11% !important;}
    .sBTit {margin-bottom: 25px !important;    }
        .numeracionHomeCarr {
     width: 20%;
     margin-top: 20px;
    }
        .Section6 {height: 120vh;}
        .Sec3BLinetimeFix2 {height: 500px;}
       .sube0, .sube1 {
        font-size: 25px;
        line-height: 25px;
    }
    .conTxt1 {font-size: 13px;}
    .conTxt2 {font-size: 13px;}
    .buttContac {
        width: 70%;
        font-size: 14px;
    }
    .prodTitGalleryC {
        top: 70px;
        left: -10px;
        font-size: 25px;
    }


    .formTxt1{
        margin-top: 40px;
        font-size: 20px;
    }
    .formTxt2 {font-size: 12px;}
    input[type=email], input[type=text] {margin-bottom: 10px !important;}
    
/*    .formTxtBut {margin-top: 40px;}*/
    .formTxtCampos {font-size: 12px;}
    
    .contac-floatcont {
        width: 80%;
        height: 740px;
    }


    /* MEDIAKIT OPEN MOVIL */
    #oCClose {width: 40px;}
    .oCTit {font-size: 45px;}
    .oCSubTit {font-size: 22px;}
    .oCtxtParr {font-size: 13px;}
    .oCBut {width: 250px !important;}
    .oCBut a {font-size: 14px;}
    .oCqr {max-width: 125px;}




     .imaIntMedi {max-width: 19px !important;}
    .s4CirCapa2 {font-size: 12px;}
    .wrapMediaDat {max-width: 80%;}
    .wrapCirclesMedia {right: -100%;}



    .speProduc2 {font-size: 14px !important;}
    .activeBuP {width: 40px;}
    .proDatRow1 img {max-width: 30px;}
    .proDatRow1 > p:nth-child(2) {font-size: 20px;}
    .proDatRow1 > p:nth-child(3) {
        font-size: 12px;
        letter-spacing: 1px;
    }
    .prodDatoFDiv img {max-width: 40px;}
    .prodDatoFDiv {
        width: 80px;
        height: 100px;
        padding: 15px;
        margin: 8px;
    }
    .prodDatoFDiv > p:nth-child(2) {font-size: 19px;}
    .prodDatoFDiv > p:nth-child(3) {font-size: 10px;}

    .overProButt {
        width: 70%;
        height: 70%;
    }
    #overProima {max-width: 40px;}
    #oPBSub {font-size: 35px; margin-top: 2px;}
    .prodDatos1 {
      top: 90px;
      width: 400px;
   }
   .prodDatos2 {
     top: 90px;
     right: 15%;
     width: 300px;
   }
    .prodDatos3 {
     top: 90px;
     width: 450px;
   }
    .prodDatos4 {
     top: 90px;
     width: 450px;
   }
   .prodDatos5 {
     top: 130px;
     width: 390px;
   }

   .nTirPer {font-size: 30px;}
   .cajaImProduct {max-width: 90px;}




    .legalBType1, .legalBType2, .legalBType3, .legalBType4 {width: 80%;}
    
    .spTRanspaSize {
        font-size: 24px !important;
        line-height: 25px !important;
    }
    .legaTextLight {font-size: 27px;}
    .txtButtonTxtLega {font-size: 14px;}


    .lega-section1Txt .miniTitleGold {margin-top: 22px;}
    .sizeLegaS {
        font-size: 12px;
        line-height: 17px;
    }
    .txtRow1 {width: 300px;}
    .txtRow1 .txtParrafo-Dark {
       font-size: 14px;
       line-height: 18px;
    }
    .b1parr, .b2parr, .b3parr, .b4parr {font-size: 14px;}


     #audiTabTitle {font-size: 20px;}
    .audiTabSubtitle {font-size: 14px;}
    .audiS2perc {font-size: 20px;}
    .ausiTabGraDivEdad {width: 80%;}
    .ausiTabGraDiv {width: 75%;}
    .ausiTabGraDivSpider {width: 60%;}
    .audiTabSubtitle p {font-size: 11px;}
    .audi-Section2 {height: 170vh;}
    .spDesktopSizeAudi {font-size: 27px; line-height: 27px;}
    .audi-millones {font-size: 55px;}
    .audi-USUARIOS {font-size: 30px;}
    .year:hover, .year.active {font-size: 18px !important;}
    .year {font-size: 15px !important;}
    .resultCountry {font-size: 16px;}



    .sizeMenuTrans, .sizeMenuTransX {flex: 8% !important;}
    .sizeMenuTransUS, .sizeMenuTransXUS {flex: 4% !important;}

    .columFooter div a {font-size: 15px;}
    .titFooter {font-size: 15px;}
    .SectionFooter .sectionFooterTxt {width: 70%;}
    .SectionFooter {/*height: 85vh;*/}
    .copyRight {font-family: 'Gothic A1', sans-serif;;}



    .sliderHBox {
        height: 550px;
        width: 1000px !important;
        margin: 0 auto;
    }
  
    .slidePhotoText p:nth-child(2) {font-size: 20px;}
    .slidePhotoText p:nth-child(3) {font-size: 13px;}
    .slidePhotoText .buttonCaso {
    width: 50%;
    margin-left: 0%;
    margin: 0 auto;
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    }


    .cookieTxt {font-size: 12px;}
    .cookieBtn a div {font-size: 9px;}

    #ec3Num1Men {
           top: 56.6%;
    left: 42%;
    }
    .sec3BNumber {font-size: 8px;}
    .s4g2 {width: 90%;}

    .section4Txt-Caja {max-width: 450px;}
    .Section4 .section4Txt {
        top: 0%;
        padding: 20px 0px !important;
    }
    .cajaPrimera {margin-top: 20px;}
    .s4-cajaTitular {
        font-size: 16px;
        letter-spacing: 1.5px;
        line-height: 16px;
    }


    .Sec3BFlex {height: 500px;}
    .sec3BTextPhoto {font-size: 12px;}
    .title0-Dark {
        font-size: 35px;
        line-height: 35px;
    }
    .title0 {
        font-size: 35px;
        line-height: 35px;
    }
    .txtParrafo {font-size: 13px;}

    .Section2 {height: 72vh;}
    .Section2 .section2Txt div:nth-child(1) {font-size: 17px;}
    .Section2 .section2Txt div:nth-child(2) {font-size: 14px;}
    .txtdato {font-size: 8px;}
    .txtcabecera {font-size: 10px;
     letter-spacing: 1.2px;}
    #graphTxt2DB1, #graphTxt2DB2, #graphTxt2DB3 {font-size: 6px;}
    .graphTxt1 {font-size: 8px;}
    .positionMark1, .positionMark2, .positionMark3  {width: 30px;}
    .diTxtCabecera {font-size: 9px;}
    .dIgra {width: 80%;}
    .circleTxt {font-size: 9px;}


    .menuPC-Tablet .logo {
        flex: 8%;
    padding-right: 10px;
    margin-top: -5px;
    }
    .menuItem, .menuItemX {
        flex: 4%;
        font-size: 0.6em;
    }  
    .login a, .loginX a {
    font-size: 0.7em;
    width: 50%;
    height: 16px;
    line-height: 16px;
    }
    .logo img {width: 90%;}
        .circleMen {
    width: 80px;
    height: 80px;
    top: 35px;
     }
     .float1-2 {width: 40%;}
     .floatTxtTit {font-size: 18px;}
     .floatTxtSubTit {font-size: 12px;}
     .avisoTitul {font-size: 26px;}
     .vidCien {
    width: 110vw;
}

}


















/* DE 1367 A 1600 */
@media only screen and (min-width: 1367px) and (max-width: 1600px){
    .avisoTitul {font-size: 27px;}
    .cajaImProduct {max-width: 100px;}
    .vidCien {
    width: 113vw;
    }
    .prodDatos1, .prodDatos3, .prodDatos2, .prodDatos4, .prodDatos5 {top: 100px;}
    .prodDat05Special {max-width: 430px;}

    .formTxt1{
        margin-top: 40px;
        font-size: 20px;
    }
    .formTxt2 {font-size: 12px;}
    input[type=email], input[type=text] {margin-bottom: 10px !important;}


    .numeracionHomeCarr {
     width: 20%;
     margin-top: 20px;
    }
    
    .Section6 {height: 120vh;}

    .sec3BNumber {font-size: 8px;}
    #ec3Num1Men {
    top: 62%;
    left: 45%;
    opacity: 0;
    }
    #ec3Num2Men {
    top: 55%;
    left: 35%;
    opacity: 0;
    }
    #ec3Num3Men {
    top: 56%;
    left: 47%;
    opacity: 0;
}
#ec3Num4Men {
    top: 66%;
    left: 33%;
    opacity: 0;
}
    .Sec3BLinetimeFix2 {height: 500px;}
    .sube0, .sube1 {
        font-size: 25px;
        line-height: 25px;
    }
    .conTxt1 {font-size: 13px;}
    .conTxt2 {font-size: 13px;}
    .buttContac {
        width: 70%;
        font-size: 14px;
    }
    .prodTitGalleryC {
        top: 70px;
        left: -10px;
        font-size: 25px;
    }


    .imaIntMedi {max-width: 25px !important;}
    .s4CirCapa2 {font-size: 12px;}
    .wrapMediaDat {max-width: 80%;}
    .wrapCirclesMedia {right: -100%;}

    .activeBuP {width: 40px;}
    .proDatRow1 img {max-width: 50px;}
    .proDatRow1 > p:nth-child(2) {font-size: 25px;}
    .proDatRow1 > p:nth-child(3) {font-size: 14px;}
    .prodDatoFDiv img {max-width: 40px;}
    .prodDatoFDiv {
        width: 90px;
        height: 120px;
        padding: 15px;
    }
    .prodDatoFDiv > p:nth-child(2) {font-size: 20px;}
    .prodDatoFDiv > p:nth-child(3) {font-size: 12px;}

    .overProButt {
        width: 70%;
        height: 70%;
    }
    #overProima {max-width: 40px;}
    #oPBSub {font-size: 35px; }


    .lega-section1Txt .miniTitleGold {margin-top: 22px;}
    .sizeLegaS {
        font-size: 12px;
        line-height: 17px;
    }
    .txtRow1 {width: 300px;}
    .txtRow1 .txtParrafo-Dark {
       font-size: 14px;
       line-height: 18px;
    }
    .b1parr, .b2parr, .b3parr, .b4parr {font-size: 14px;}


    #audiTabTitle {font-size: 20px;}
    .audiTabSubtitle {font-size: 14px;}
    .audiS2perc {font-size: 20px;}
    .ausiTabGraDivEdad {width: 90%;}
    .ausiTabGraDiv {width: 85%;}
    .ausiTabGraDivSpider {width: 70%;}
    .audiTabSubtitle p {font-size: 12px;}
    .audi-Section2 {height: 145vh;}
    .spDesktopSizeAudi {font-size: 27px; line-height: 27px;}
    .audi-millones {font-size: 55px;}
    .audi-USUARIOS {font-size: 30px;}




    .resultCountry {font-size: 18px;}
    .txtcabecera {font-size: 13px;}
    .txtdato {font-size: 12px;}
    .graphTxt1 {font-size: 15px;}
    .diTxtCabecera {font-size: 14px;}


    .sec3BTextPhoto {font-size: 15px;}
    .title0-Dark {
        font-size: 35px;
        line-height: 35px;
    }
    .title0 {
        font-size: 35px;
        line-height: 35px;
    }
    .txtParrafo {font-size: 13px;}

    .Section2 .section2Txt div:nth-child(1) {font-size: 20px;}
    .floatTxtTit {font-size: 21px;}
    .floatTxtSubTit {font-size: 14px;}
    .circleMen {
    width: 80px;
    height: 80px;
    top: 35px;
     }
    .logo img {width: 85%;}
    .menuPC-Tablet .logo {flex: 14%;}
    .menuItem, .menuItemX {
        flex: 8%;
        font-size: 0.7em;
    }  
    .sliderHBox {
        width: 80% !important;
        margin: 0 auto;
    }
    .slick-prev:before {left: -50px !important;}
    .slick-next:before {left: 60px !important;}

    .float1-2 {width: 50%;}
    .Sec3BFlex {height: 500px;}

    .Section4 .section4Txt {
      top: 0%;
      padding: 70px 0px !important;
   }
   .s4-cajaTitular {font-size: 20px;}
   .SectionFooter {/*height: 75vh;*/}
}

/* DE 1601 A 1920 */    
@media only screen and (min-width: 1601px) and (max-width: 1920px){
        
        .Sec3BLinetimeFix2 {height: 700px;}

}

/* DE 1921 A 5000 */  
@media only screen and (min-width: 1921px) and (max-width: 5000px){
    .nTirPer {
    font-size: 45px;
    margin-bottom: 10px;
    margin-top: 20px;
    }
    #ec3Num1Men {
       top: 56%;
    left: 45%;
    }
    #ec3Num2Men {
       top: 52%;
    left: 35%;
    }
    #ec3Num3Men {
           top: 54%;
    left: 50%;
    }
    #ec3Num4Men {
      top: 60%;
    left: 35%;
    }
    .prodTitGalleryC {
        top: 150px;
        font-size: 35px;
    }
    .wrapCirclesMedia {
        top: 20px;
        right: -80%;
    }
    .sec3BNumber {font-size: 11px;}
    .prodDatos2 {width: 650px;}
    .prodDatos3 {width: 750px;}
    .prodDatos4 {width: 750px;}
    .section4Image {top: 13%;}
    .Section3B .wrappSections {display: none;}
    .Sec3BFlex {height: 980px;}
    .Section3 .section3Txt {left: -1%;}
    /* MENU */
    .mediaLogWhi {max-width: 290px;}
    .mediakit-section1Txt .miniTitleGold {font-size: 18px;}
    .mediakit-ONETOONE {font-size: 86px;}
    .s4MediaFlexConCircle {padding-bottom: 30px;}

    .Section2 {height: 65vh;}
    .Section2 .section2Txt {bottom: 14%;}

    .Section3B {height: 75vh;}
    .sec3BTextPhoto {
        font-size: 21px;
        letter-spacing: 3px;
        top: 80px;
        left: 80px;
    }
    .Sec3BLinetimeFix {bottom: 140px;}


    .Section5 {padding-top: 60px;}
    .Section6 {height: 70vh;}

   

	.lega-Section2 {/*height: 75vh;*/}

	.legalBType1, .legalBType2, .legalBType3 {
 
   /* bottom: 15%;*/
    height: 730px;
 	}
 	.b1Tit, .b2Tit, .b3Tit {
 			/*margin-bottom: 30px;*/
 		    font-size: 22px;}
 	.b1parr, .b2parr, .b3parr {/*margin-bottom: 70px;*/}

 	/* PRODUCTOS */
 	.proDatRow1 > p:nth-child(2) {font-size: 35px;}
 	.proDatRow1 > p:nth-child(3) {font-size: 20px;}
 	.prodDatoFDiv {
 	width: 170px;
    height: 200px;
    }
    .prodDatoFDiv > p:nth-child(2) {font-size: 38px;}
    .prodDatos1 {
     width: 750px;
     height: 520px;
     top: -15%;
 	}
 	.prodDatoFDiv > p:nth-child(3) {
     font-size: 18px;
     line-height: 25px;
  	}

  	.prodTitGallery {
    line-height: 40px;
    font-size: 33px;
    }

    .cajaImProduct {max-width: 180px;}
    .overProButt {max-height: 980px;
        max-width: 1580px;}

    .overProtxt {  
    font-size: 18px;
    max-width: 75%;
    }
    .overProtit {font-size: 55px;}
    .overProImaLogo {max-width: 200px;
    margin-bottom: 10px;}

    /*MEDIAKIT */
    .s4CirCapa2 {font-size: 20px;}
    .imaIntMedi { max-width: 35px !important;}
    .mediaKitTxt {font-size: 16px;}

    .Section4 {
        height: 85vh;
        margin-top: -35px !important;
    }
    .Section4 .section4Txt {top: 5% !important;}
    .cajaResto {margin-top: 40px !important;}
  
    /* CONTACT */
    .buttContac {
  
   bottom: 130px;
    line-height: 70px;
    font-size: 20px;
    height: 70px;
        width: 75%;
            border-radius: 50px;
                left: 60px;
 
}

.conTxt2 {font-size: 20px;}
.conTxt1 {font-size: 20px;}
.txtConColo {bottom: 250px;
    left: 60px;}

}

@media only screen and (max-width: 414px){
    .Section4 {
        height: 90vh;
    }
    .sectionFooterTxt .columFooter:nth-child(1) {
        order: 3;
         display: block;
    }
    .row-padding {
        position: relative;
        display: grid;
        justify-content: center;
        align-items: center;
    }
}
@media only screen and (max-width: 375px){
    .Section4 {
        height: 105vh;
    }
} 

@media only screen and (max-width: 320px){
    .Section4 {
        height: 120vh;
    }
}