/* VERDE TEXTO CORPORATIVO color: #182d35; 
  DORDADO TEXTO color: #cab99f;  */

body, html {
	margin:0px;
	padding:0px;
	font-family: 'Gothic A1', sans-serif;
  font-weight: 200;
  
  

/*   overflow-x: hidden;*/
  
  /*cursor: none !important;*/
  
/*  cursor: url(../img/infiniaCursor.png), all-scroll;*/

 

}
/*html {scroll-behavior: smooth}*/
/*a:-webkit-any-link {
  
    cursor: none !important;

}*/

#general{
     overflow-x: hidden;
}
:focus {
    /*outline: -webkit-focus-ring-color auto 1px;*/
    outline: none !important;
}
/*
@font-face {
    font-family: 'dinproL';
    src:url('../font/DINPro-Light.otf')format('opentype');
    font-weight: normal;
    font-style: normal; 
}
@font-face {
    font-family: 'dinproB';
    src:url('../font/DINPro-Bold.otf')format('opentype');
    font-weight: normal;
    font-style: normal; 
}
@font-face {
    font-family: 'dinproM';
    src:url('../font/DINPro-Medium.otf')format('opentype');
    font-weight: normal;
    font-style: normal; 
}

@font-face {
    font-family: 'dinproBl';
    src:url('../font/DINPro-Black.otf')format('opentype');
    font-weight: normal;
    font-style: normal; 
}
*/
@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;  
}

@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@200;400;700&display=swap');
/* -------------------- */
.bcokk div{
  background-color: #182d35;
    width: 150px;
    text-align: center;
    color: white;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    margin: 20px 0px;
    cursor: pointer;
    border-radius: 50px;
     font-size: 15px !important;

}
.tipole {
  font-size: 20px !important;
}
.ajustesMsg {
      border: 1px solid #182d35;
    width: 200px;
    padding: 22px;
    text-align: center;
    display: none;
}

.xref {
position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 1300px;
    z-index: 1000;
    /*transform: scale(1.04);*/
    opacity: .6;
    border: 1px solid red;
    pointer-events: none;
    top: 0px;
}

.jumpLine {display: block}
/* CURSOR */
#anisete {
  position: absolute;
 /* top: 50%;
  left: 50%;*/
  z-index: 9999999;
  width: 50px;
  height: 50px;
  border: 1px solid red;
}

#follower {
  position: absolute;
 /* top: 50%;
  left: 50%;*/
  z-index: 500;
  width: 20px;
  height: 250px;
 /* border: 1px solid red;*/
}

#follower #circle1 {
  position: absolute;
/*  -webkit-animation: pulse 2s infinite;  Chrome, Safari, Opera 
  animation: pulse 2s infinite;*/
  background: red;
  border-radius: 50%;
  height: 2em;
  width: 2em;
  margin-top: 0em;
  margin-left: 0em;
   /* z-index: 9999999;*/
}
#follower #circle2 {
  position: absolute;
/*  -webkit-animation: pulse 4s infinite;  Chrome, Safari, Opera 
  animation: pulse 4s infinite;*/
  background: rgba(200,0,0,0.8);
  border-radius: 50%;
  height: 0em;
  width: 0em;
  margin-top: 0em;
  margin-left: 0em;
    z-index: 9999999;
}

.animmedi {opacity: 0}

@-moz-keyframes pulse {
  0% {
    opacity: 0.2;
    height: 1em;
    width: 1em;
    margin-top: -0.5em;
    margin-left: -0.5em;
  }
  50% {
    opacity: 0.9;
    height: 3em;
    width: 3em;
    margin-top: -1.5em;
    margin-left: -1.5em;
  }
  100% {
    opacity: 0.2;
    height: 1em;
    width: 1em;
    margin-top: -0.5em;
    margin-left: -0.5em;
  }
}
@-webkit-keyframes pulse {
  0% {
    opacity: 0.2;
    height: 1em;
    width: 1em;
    margin-top: -0.5em;
    margin-left: -0.5em;
  }
  50% {
    opacity: 0.9;
    height: 3em;
    width: 3em;
    margin-top: -1.5em;
    margin-left: -1.5em;
  }
  100% {
    opacity: 0.2;
    height: 1em;
    width: 1em;
    margin-top: -0.5em;
    margin-left: -0.5em;
  }
}
@-o-keyframes pulse {
  0% {
    opacity: 0.2;
    height: 1em;
    width: 1em;
    margin-top: -0.5em;
    margin-left: -0.5em;
  }
  50% {
    opacity: 0.9;
    height: 3em;
    width: 3em;
    margin-top: -1.5em;
    margin-left: -1.5em;
  }
  100% {
    opacity: 0.2;
    height: 1em;
    width: 1em;
    margin-top: -0.5em;
    margin-left: -0.5em;
  }
}
@keyframes pulse {
  0% {
    opacity: 0.2;
    height: 1em;
    width: 1em;
    margin-top: -0.5em;
    margin-left: -0.5em;
  }
  50% {
    opacity: 0.9;
    height: 3em;
    width: 3em;
    margin-top: -1.5em;
    margin-left: -1.5em;
  }
  100% {
    opacity: 0.2;
    height: 1em;
    width: 1em;
    margin-top: -0.5em;
    margin-left: -0.5em;
  }
}

.logoHome{
  width: 220px;
  height: 23px;
  left: 20px;
  top: 20px;
  background: url(../img/logoInfinia_homenews.png);
  background-size: 90%;
  position: absolute;
  display: block;
  z-index: 1;
  background-repeat: no-repeat;
}
/*
#cursor{

  z-index:9999;
  position:absolute;
  left:0px;
  top:0px;
  width:128px;
  height:128px;
  border: 1px solid red;
  
}*/

/*#cursor span {
    border: 1px solid yellow;
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    left: -20px;
    top: -20px;
        background:url(../img/cursor.png) center no-repeat;
    background-size:100%;


}
*/
/*#cursor span:before {

    
}*/
/*.intcursor{
     border: 2px solid red;
    border-radius: 50%;
    width: 20px;
    height: 20px;
     background-color: yellow; 
    position: absolute;
}*/
 
/*#cursor span{
  display:block;
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transform:translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(0.25,0.25);
  -moz-transform:translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(0.25,0.25);
  -ms-transform:translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(0.25,0.25);
  -o-transform:translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(0.25,0.25);
  transform:translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(0.25,0.25)}*/
/*
 #cursor span:before, #cursor span:after{
    content:"";
    display:block;
    position:absolute;
    left:50%;
    top:50%;
    width:100%;
    height:100%;
    background:url(../img/cursor.png) center no-repeat;
    background-size:100%;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -o-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0px) rotate(0deg) scale(1,1);-moz-transform:translateX(-50%) translateY(-50%) translateZ(0px) rotate(0deg) scale(1,1);-ms-transform:translateX(-50%) translateY(-50%) translateZ(0px) rotate(0deg) scale(1,1);-o-transform:translateX(-50%) translateY(-50%) translateZ(0px) rotate(0deg) scale(1,1);transform:translateX(-50%) translateY(-50%) translateZ(0px) rotate(0deg) scale(1,1)}

#cursor span:after{opacity:0;background-image:url(../img/cursor-over.png)}

#cursor.over-link span{-webkit-transform:translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(.5, .5);-moz-transform:translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(.5, .5);-ms-transform:translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(.5, .5);-o-transform:translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(.5, .5);transform:translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(.5, .5)}
#cursor.over-link span:before{opacity:0}
#cursor.over-link span:after{opacity:1;animation:pulse 2000ms infinite}
.tablet #cursor,.mobile #cursor{display:none !important}*/





/* GENERALES ........................................................................................................................ */
.centerize {}

.aliC {text-align: center}

.aliL { text-align: left;}

.aliR { text-align: right;}

/*.bigTitleGold {
  font-family: 'dinproL';
  letter-spacing: 8px;
  font-size: 35px;
  line-height: 35px;
  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%);


  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}*/
.bigTitleGold {
    font-family: 'Gothic A1', sans-serif;
	  font-weight: 200;
    letter-spacing: 8px;
    font-size: 35px;
    line-height: 35px;
    background: rgb(121,104,67);
    background: -webkit-gradient(linear, left top, right top, from(rgba(121,104,67,1)), color-stop(18%, rgba(226,208,144,1)), color-stop(40%, rgba(202,185,159,1)), color-stop(63%, rgba(100,89,78,1)), to(rgba(113,106,98,1)));
    background: -o-linear-gradient(left, 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: 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%);
 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bigTitleGold span::before{
 content: "\A";
 white-space: pre;
} 

.cien {
  width: 100%;
}

.contac-Mouse {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 150px;
    height: 150px; 
    text-align: center;
    background-color: white;
    margin-top: 150px !important;
   /* margin-bottom: 150px !important;*/
  
}

.contac-Mouse  img {
  width: 25%;
}

.miniTitleGold {
  font-family: 'Gothic A1', sans-serif;
	font-weight: 200;
  letter-spacing: 2px;
  font-size: 13px;
  line-height: 20px;
  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;
}

.miniTitleGold span::before{
 content: "\A";
 white-space: pre;
} 

.title0 {
  font-family: 'Gothic A1', sans-serif;
	font-weight: 700;

  letter-spacing: 2px;
  font-size: 50px;
  line-height: 47px;
  color: white;

} 

.title0-Dark {
  font-family: 'Gothic A1', sans-serif;
	font-weight: 700;
  letter-spacing: 2px;
  font-size: 50px;
  line-height: 47px;
  color: #182d35;

} 

.title0-Dark span::before{
 content: "\A";
 white-space: pre;
} 

.title0 span::before{
 content: "\A";
 white-space: pre;
} 

.txtParrafo {
  font-family: 'Gothic A1', sans-serif;
	font-weight: 200;
  font-size: 14px;
  /* letter-spacing: 1px; */
  line-height: 16px;
  color: white;
  opacity: 1;

}

.txtParrafo-Dark {
  font-family: 'Gothic A1', sans-serif;
	font-weight: 200;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 16px;
  color: #182d35;
}


/* WRAPP SECTION GENERAL  ........................................................................................................................ */
.wrappSections {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1280px;
/*  border: 1px solid red;*/
  left: 0;
  right: 0;
  margin: auto;
}


/* SECTION FOOTER GENERAL  ........................................................................................................................ */
.SectionFooter {
    width: 100%;
  /*  height: 55vh;*/
    background: rgb(25,45,54);
    background: linear-gradient(0deg, rgba(25,45,54,1) 0%, rgba(1,3,2,1) 100%);
    position: relative;
}
.SectionFooter .sectionFooterTxt {
position: relative;
    color: white;
    width: 90%;
    margin: 0 auto;
    padding-top: 70px;
    display: flex;
    top: 10%;
    height: inherit;
  /*  border: 1px solid green;*/

}
.upButton {display: none;}
.copyRight {
  color: white;
  font-size: 12px !important;
  font-family: 'Gothic A1', sans-serif;
  font-weight: 200;
  position: relative;
  margin-top: 10px;
  padding-bottom: 30px;
  display: block;
  width: 100%;
  text-align: center;
  /* border: 1px solid red; */
  position: relative;
  margin-top: 70px;
}
.columFooter{
   flex: 1;
  /* border: 1px solid red;*/
}

.titFooter {
  font-family: 'Gothic A1', sans-serif;
	font-weight: 700;
    letter-spacing: 2px;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 50px;
    text-align: center;
}

.columFooter div a {
  font-family: 'Gothic A1', sans-serif;
	font-weight: 200;
    letter-spacing: 1px;
    font-size: 18px;
    color: rgba(255,255,255,0.5);
    text-decoration: none;
    margin-bottom: 12px;
    display: block;
   /* border: 1px solid red;*/
    transition: all 0.3s;
    text-align: center;
    font-size: 14px !important;
    cursor: pointer;
}

.columFooter div a:hover {
    
    color: rgba(255,255,255,1);
   opacity: 1;
    
}
.row-padding{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.w3-col {
  width: 80px;
  margin: 5px;
}
.s1{

}
/*body > section.SectionFooter > div > div.sectionFooterTxt > div:nth-child(3), body > section.SectionFooter > div > div.sectionFooterTxt > div:nth-child(3) > a {
   cursor: default !important;
}*/
.socialesIcons {
  display: flex;
  
}
.socialesIcons a {
transition: all 0.3s;
opacity: 0.2;
/*border: 1px solid red;*/
}
/*.socialesIcons a:hover {
 filter: brightness(2);
}*/

.transIma {
  width: 100%;
 /* max-width: 255px;
  margin-bottom: 15px;
  min-width: 200px;

  cursor: default !important;*/
}
.footTrans {
  display: block;
    width: 60%;
    max-width: 300px;
    /*height: 45px;*/
  /*  cursor: pointer !important;*/
    opacity: 0.6;
    transition: all 0.3s;
  /*  border: 1px solid red;*/
}
.footTrans:hover {
  opacity: 1;
}

.sigueIma {
  width: 60%;
  max-width: 45px;
  min-width: 30px;
  margin-right: 20px;
}







/* SECTION MENU GENERAL ........................................................................................................................ */
.menu{
    width: 100%;
    height: 80px;
   /* border: 1px solid red;*/
   
    position: fixed;
    z-index: 600;
   /* max-width: 1300px;*/
    left: 0;
    right: 0;
    margin: auto;
}
.extraMenu {
  color: #182d35;
    display: flex;
    font-family: 'Gothic A1', sans-serif;
  font-weight: 200;
    flex-direction: column;
    position: absolute;
    margin-top: 0px;
    padding-top: 0;
    line-height: 27px;
    padding-left: 20px;
    text-align: left;
    background-color: #a7a9ab;
    text-transform: capitalize;
    border-radius: 10px;
    margin-left: 10px;
    width: 195px;
    opacity: 0;
    pointer-events: none;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 13px;
}
.extraMenuX {
 /* color: white;*/
    display: flex;
    font-family: 'Gothic A1', sans-serif !important;
	  font-weight: 200;
    flex-direction: column;
    position: absolute;
    margin-top: -8px;
    padding-top: 0;
    line-height: 27px;
    padding-left: 20px;
    text-align: left;
    background-color: #a7a9ab;
    text-transform: capitalize;
    border-radius: 10px;
    margin-left: 13px;
    width: 195px;
    opacity: 1;
    font-size: 13px;
        padding-top: 8px;
    padding-bottom: 8px;
    
}
 .menuMobilSelecActive {
    font-weight: 700;
    font-family: 'Gothic A1', sans-serif;
    color: white !important;
    }

 .boxIdioma{
  position: absolute;
  display: block;
  z-index: 1;
  float: right;
  right: 20px;
  top: 18px;
  color: white !important;
  font-family: 'Gothic A1', sans-serif;
 
 }   
.activeIdiomaSapn {
  color: white !important;
  /* opacity: 1 !important; */
  font-family: 'Gothic A1', sans-serif;
  font-weight: 700;
  text-decoration: none;
  font-size: 12px;

}

.activeIdioma {
  color: white !important;
  /* opacity: 1 !important; */
  font-family: 'Gothic A1', sans-serif;
  font-weight: 700;
  text-decoration: none;
  font-size: 12px;

}
.activeIdiomaSapn, samp{
  color: white !important;
 

}
#RecurSpCursor {cursor: default;}

.itSmallRecur, .itSmallRecurX {
  display: block;

}
.itSmallRecur:hover, .itSmallRecurX:hover {
   font-weight: 700;
   font-family: 'Gothic A1', sans-serif;
}
.extraMenu div a, .extraMenuX div a {
      color: #182d35;
    text-decoration: none !important;
}

  
.extraMenTop {}
.sizeMenuTrans, .sizeMenuTransX {
  flex: 14% !important;
}

.sizeMenuTransUS, .sizeMenuTransXUS {
  flex: 10% !important;
}

#spHMenu {cursor: pointer}
 .animContac {opacity: 1}
.menuMobileAc {display: none;}
#infinia-menuMobile {display: none}
.menuPC-Tablet, .menuPC-TabletX {
    display: flex;
    justify-content: space-around;
    /* max-width: 1300px; */
    margin: 0 auto;
    color: white;
    text-transform: uppercase;
    align-items: center;
    height: 68px;
    width: 100%;
    z-index: 50;
}
.menuPC-TabletX {
    z-index: 100;
}
  
.menuPC-Tablet .logo{
    flex: 15%;
    /* border: 1px solid green; */
    text-align: center;
    font-size: 2em;
   
    padding-right: 10px;
    text-align: center;
}
.circleMen {
        width: 90px;
    height: 90px;
  /*  background-color: blue;*/
    position: absolute;
    border-radius: 50%;
    top: 20px;
    left: 20px;
    z-index: 50;

    border: none !important;    

    background-size: 170%;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/menulog.png);

    opacity: 0;
    transform: scale(0.1);
}
.circleMenOver {

    background-image: url(../img/menulogon.png);

}
.rectaMen {
     width: 1200px;
    height: 80px;
   /* background-color: yellow;*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: 40;
    opacity: 0.2;
}
.overM {}
.sphereMenu {
    width: 100%;
    height: 90px;
    
    /*pointer-events: none;*/
    position: absolute;
    top: 0;
   /* border: 3px solid green;*/
    left: 0;

    z-index: 20;

   
    opacity: 0;
    display: none;

    


}


.logo img {
  min-width: 70px;
  /*      cursor: none !important;*/
    width: 100%;
}

.menuItemX {
  opacity: 0;
  transform: translateY(-60px);
}
.logoX {
   opacity: 0;
    cursor: pointer;
    z-index: 100;
}
.wrrapinsecond {
      position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    z-index: 90;
}
.menuItem, .menuItemX{
      position: relative;
    flex: 10%;
    margin-top: 5px;
   /* border: 1px solid pink;*/
    font-family: 'Gothic A1', sans-serif;
    font-weight: 200;
    text-align: center;
    font-size: 0.8em;
    height: 60px;
    text-decoration: none !important;
    color: white !important;
    line-height: 60px;
    z-index: 100;
  /*  cursor: none !important;*/
   /* cursor: pointer;*/
    letter-spacing: 3px;

}
.SPIdioma {
  color: rgba(255,255,255,0.5) !important;
    font-size: 10px !important;
    text-align: center;
    flex: 20% !important;
}
.SPSpace {    flex: 1% !important;}
.SPIdioma a{
  color: rgba(255,255,255,0.8);
  text-decoration: none !important;
  opacity: 1;
  font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
}
.SPIdioma a:hover {
  opacity: 1 !important;
  font-family: 'Gothic A1', sans-serif;
    font-weight: 700;

}
.menuItem:hover, .menuItemX:hover{
  
  font-family: 'Gothic A1', sans-serif;
  font-weight: 700;

}
/*.menuItem a, .menuItemX a {
    text-decoration: none;
    color: white;
    cursor: pointer !important;

}*/

section.menu > div > div:nth-child(2) {
  /*border-left: 1px solid white;*/
}
.login, .loginX {
  flex: 6%;
   
    text-align: right !important;
    padding-right: 0px;
    height: 60px;
    line-height: 60px;
    margin-top: 15px;
}
.loginX {z-index: 100;}

.login a, .loginX a{
color: #182d35 !important;
    background-color: white;
    padding: 8px;
    margin-top: 10px;
    border-radius: 30px;
    letter-spacing: 3px;
    font-family: 'Gothic A1', sans-serif !important;
    font-weight: 200;
    float: right;
    font-size: 0.7em;
    width: 100%;
    height: 15px;
    margin-left: 0px;
    display: block;
    line-height: 15px;
    text-align: center;
    /* float: right; */
    text-decoration: none;
    cursor: pointer;
}

.loginX {opacity: 0;}



















/* HOME ................................................................................................................ */
/* HOME ................................................................................................................ */
/* HOME ................................................................................................................ */
/* HOME ................................................................................................................ */
/* HOME ................................................................................................................ */
/* HOME ................................................................................................................ */
/* HOME ................................................................................................................ */
/* HOME ................................................................................................................ */
/* HOME ................................................................................................................ */
/* HOME ................................................................................................................ */
/* HOME ................................................................................................................ */
/* HOME ................................................................................................................ */
/* HOME ................................................................................................................ */
/* HOME ................................................................................................................ */
/* HOME ................................................................................................................ */
/* HOME ................................................................................................................ */


/* HOME - SECTION 1 ........................................................................................................................ */
.Section1 {
    width: 100%;
    height: 100vh;
    
    position: relative;  
    
 /*   background-image: url('../img/homeBk.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;*/

    display: flex;
    justify-content: center;
    align-items: center;
}

.cookieMsg {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    /* 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: row;
    justify-content: center;
    align-items: center;
}

/*.cookieMsg {
 position: fixed;
    z-index: 9999;
    bottom: 0;
    width: 100%;
    height: 100px;

        background-color: rgba(6,14,18,0.87);
    display: flex;

    flex-direction: row;
    justify-content: center;
    align-items: center;
}*/
.cookieD {}
.cookieTxt {
    color: white;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 200;
    font-size: 14px;
    width: 30%;
    line-height: 20px;
    margin: 40px 0px;
}
.configcookies {
    margin: 3vw;
}
.spBuuu {
  color: white !important;
}
/*.cookieTxt {
color: white;
    font-family: dinproL;
    font-size: 14px;
    width: 550px;  
}*/
.jumpCookie {display: block;}
.cookieBtn {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 500px;
}
.cookieBtn a {
    text-decoration: none !important;
  
    margin: 15px 0px;
    /* font-size: 8px !important; */
}

.cookieBtn a div{
 /* background-color: white;*/
    background-color: rgba(6,14,18,0);
    border: 1px solid white;
    color: white; 
    padding: 12px 25px;
    text-align: center;
    border-radius: 40px;
    display: inline;
    margin-left: 30px;
    text-transform: uppercase;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
    letter-spacing: 1.1px;
    cursor: pointer;
    font-size: 11px;
}
.cookieBtn a div:hover{
 /* background-color: white;*/
    background-color: rgba(6,14,18,0.8);
    
}
.full {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: black;
}
#bgvideo {
 
   /* width: 100%;*/
   /* height: 100vh;*/
}
.w-100 {
    width: 100%;
    height: 100%;
}
.imagesContent {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100vh;
    opacity: .9;
}

.Section1 .wrapper {
  margin-top: -10%;
  width: 38%;
  height: 38%;
  position: relative;
  max-width: 1000px;
}

.logoIntroMobile {display: none}

#logo {
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/logoInfiniaHome2.png);
    z-index: 100;
    mask-type: alpha;
    -webkit-mask-image: url(../img/logoinfiniahomemask2.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
  
}
#logoblue {
    position: absolute;
    left: -50vw;
    top: -35vw;
    width: 100%;
    pointer-events: none;
   
}


.lin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  pointer-events: none !important;
}

.linizq {opacity: 1}
.linder {opacity: 1}

/* SECTION 2 ........................................................................................................................ */
.Section2 {
    width: 100%;
    height: 82vh;
    background-color: white;
    position: relative;
}

@media only screen and (min-height: 0px) and (max-width: 980px){

}
@media only screen and (min-height: 1000px) and (max-height: 3000px){
   /* .Section2 {height: 65vh;}
    .Section2 .section2Txt {bottom: 14%;}*/
}
/*@media (max-width: 1024px){*/





.Section2 .section2Txt {
    position: absolute;
    bottom: 12%;
    left: 0;
    right: 0;
    margin: auto;
    color: #182d35;
    text-align: center;
}
.Section2 .section2Txt div:nth-child(1){
  font-family: 'Gothic A1', sans-serif;
	font-weight: 200;

  text-transform: uppercase;
  letter-spacing: 4.1px;
  font-size: 26px;

} 
.Section2 .section2Txt div:nth-child(2){
  font-family: 'Gothic A1', sans-serif;
	font-weight: 700;
  font-size: 16px;
  letter-spacing: 2px;
  /* margin-top: 8px; */
  padding-top: 10px;
} 

/* FLOAT OVER 1 Y 2 */
.float1-2 {
    width: 60%;
    max-width: 790px; 
    position: absolute;
    left: 0;
    right: 0;
   /* border: 1px solid blue;*/
    top: 0;
    margin: auto;
    opacity: 1;
    box-shadow: 2px 12px 8px rgba(0,0,0,0.2);
}

/*.txtFloatHomeSec {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: fit-content;

    z-index: 50;
    right: 0;
    margin: auto;
 

}*/
.txtFloatHomeSec {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    z-index: 50;
    right: 0;
    margin: auto;
 
}
.sec1FloatImgCss {
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    display: block;  
}
.float1-2 .layerDivs {
  position: absolute;
    width: 100%;
    height: 100%;
}
.partesCuad {
  display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
}

.partesCuadDiv {
   /* border: 2px solid red;*/
    flex: 50%;
}
.float1-izq {
  /* background-color: red;
    opacity: 0.96;*/
     overflow: hidden;
}
.float1-der {
    /*background-color: #182d35;*/
   /* opacity: 0.96;*/
    overflow: hidden;
  }

.datosDerecha {
   /* left: 0px;*/
    left: 450px; 
    position: relative;
    opacity: 0.95;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: rgb(44,63,70);
    background: linear-gradient(90deg, rgba(44,63,70,1) 0%, rgba(23,24,24,1) 100%);
}


.dD1 {
  flex: 35%;
   /* border: 2px solid green;*/
    display: flex;
    flex-direction: row;
    height: 0;
    align-items: flex-end;
    
    padding: 0px 20px;
}
.dD2 {
      padding: 10px 40px;
  flex: 20%;
   /* border: 2px solid green;*/
    display: flex;
    flex-direction: column;
}
.dD1Flex1 {/*border: 1px solid pink;*/
    flex: 22%;
    
    opacity: 0;
    transform: translateY(20px);
  }
.dD1Flex1 img {width: 90%;}

.db1Textos { 
   color: white;
   line-height: 6px;
   font-size: 15px;
   padding-left: 15px;
   font-family: 'Gothic A1', sans-serif;
   font-weight: 200;
 
   opacity: 0;
   transform: translateY(20px);
  }
.txtcabecera {
       font-size: 14px;
       font-family: 'Gothic A1', sans-serif;
       font-weight: 700;
    letter-spacing: 1.3px;
 }
.txtdato {
   letter-spacing: 1px;
    font-size: 14px;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 200;
  
 }

.dD1Flex2 {   /* border: 1px solid pink;*/
    flex: 60%;}

.graphFlex1{
    display: flex;
    flex: 20%;
    margin-bottom: 10px;
    color: white;
    align-items: flex-end;
    justify-content: space-between;
}
.graphFlex2{
  flex: 80%;
  position: relative;
}
.imgMap1 {
  width: 95%;
  opacity: 0;
}
.positionMark1 {
  position: absolute;
  width: 60px;
  left: 60%;
  top: 20%;
  opacity: 0;
}
.positionMark2 {
  position: absolute;
  width: 60px;
  left: 10%;
  top: 30%;
  opacity: 0;
}
.positionMark3 {
  position: absolute;
  width: 60px;
  left: 30%;
  top: 19%;
  opacity: 0;
}

.graphTxt1 {
  font-family: 'Gothic A1', sans-serif;
	font-weight: 700;
    padding-left: 5px;
    letter-spacing: 1px;
    color: white;

   opacity: 0;
   transform: translateY(20px);
}

#graphTxt2DB1, #graphTxt2DB2, #graphTxt2DB3 {
    font-size: 10px;
    padding-right: 5px;

    opacity: 0;
    
      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;
}

  
.dD3 {
  flex: 20%;
     padding: 10px 40px;
  /*border: 2px solid green;*/
}
.dD4 {
  flex: 20%;
     padding: 10px 40px;
 /* border: 2px solid green;*/
}

.datosIzquierda {
  right: 450px;
/*   right: 0px;*/
  position: relative;  
  opacity: 0.95;
  width: 100%;
  height: 100%;
  background: rgb(44,63,70);
  background: linear-gradient(270deg, rgba(44,63,70,1) 0%, rgba(23,24,24,1) 100%);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.dI1 {
  flex:20%;
 /* border: 1px solid purple;*/
}
.dI2 {
  flex:30%;
 /* border: 1px solid purple;*/
      text-align: center;
      position: relative;
}
.dI3 {
  flex:30%;
  position: relative;
 /* border: 1px solid purple;*/
      text-align: center;
}
.dI4 {
  flex:20%;
/*  border: 1px solid purple;*/
      text-align: center;
}
.dIgra {width: 90%;
   opacity: 0;
   transform: translateY(20px);
    /* opacity: 1;*/
   

 }
.dIgral {width: 90%;
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    bottom: 0;
    right: 0;
    margin: auto;
   }

.homeGl1 {
   clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
 }  
.homeGl2 {
   clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
 } 
 .homeGll1 {
   clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
 }  
.homeGll2 {
   clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
 } 
.dILey {width: 100%;

   opacity: 0;
   transform: translateY(20px);
 }

.diTxtCabecera {
   font-size: 15px;
   font-family: 'Gothic A1', sans-serif;
	font-weight: 700;
    letter-spacing: 1.3px;
    color: white;
    text-align: left;
    padding-left: 20px;

     opacity: 0;
   transform: translateY(20px);
}

.dIdatos3 {
  display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
        width: 97%;

             opacity: 0;
   transform: translateY(20px);
}

.circledI {width: 50%;}

.circleTxt {
  color: white;
    font-size: 12px;
}

.caparoja {
  /*  background-color: white;*/
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    /* text-align: center; */
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    z-index: 10;

    display: block;
    opacity: 1;

   /* background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/home/sect1float_0.jpg);*/
}
.rojito {
    position: absolute;
 
    top: 0;
    left: 0;
    z-index: 20;
   /* opacity: 0.8;*/

  }
    
.floatTxtTit {
  font-family: 'Gothic A1', sans-serif;
	font-weight: 700;
  font-size: 27px;
  margin-bottom: 14px;
  text-align: center;
  color: #182d35;
  letter-spacing: 1.3px;
}
.floatTxtSubTit {font-size: 16px;}
.Section2 .wrappSections .images-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Section2 .wrappSections .images-wrapper img {
  position: absolute;
}

/* SECTION 3 ........................................................................................................................ */
.Section3 {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.Section3 .section3Txt {
    position: absolute;
    top: 16%;
    left: 5%;
    color: #182d35;
    text-align: center;
    max-width: 440px;
    max-height: 270px;
    z-index: 20;
}

.Section3 .section3Txt div:nth-child(2){
  padding-top: 14px;
 
} 
.widthSec3Text {max-width: 370px; }

#homeS3_VIDEO {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1;
}
.section3LineAnim {
  position: absolute;
  bottom: 14%;
  left: 0;
  right: 0;
  margin: auto;
  height: 100px;
  max-width: 900px;
  max-height: 103px;
 /* background-color: pink;*/
  width: 85%;
  z-index: 50;

}

.almacenS3LA {
    /* position: relative; */
    position: absolute;
    bottom: 14%;
    left: 0;
    right: 0;
    margin: auto;
    height: 100px;
    /* max-width: 900px; */
    /* max-height: 103px; */
    /* background-color: pink; */
    width: 900px;
    z-index: 50;
}

.almacenS3LA div {
    position: absolute;
   
    background-size: 100% auto;
    width: 35px;
    height: 35px;
    display: block;
    background-repeat: no-repeat;

    cursor: pointer;
  
}
.bottonHSec3 {
   /* opacity: 0;*/
}

.idBlink {
    margin-top: -40px !important;
    font-family: 'Gothic A1', sans-serif !important;
    font-weight: 200;
  
    font-size: 9px !important;
    /* width: 150px; */
    letter-spacing: 2px;
    margin-left: -20px;
    /* border: 2px solid red; */
    width: 120px !important;
    font-weight: 600;
    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;
}
#idbli1 {opacity: 0}
#idbli2 {opacity: 0}
#idbli3 {opacity: 0}
#idbli4 {opacity: 0}

.almacenS3LA div span{
           color: white;
    text-transform: uppercase;
    font-family: 'Gothic A1', sans-serif;
	font-weight: 200;

    font-size: 15px;
    width: 180px;
    display: block;
    margin-top: 40px;
    letter-spacing: 3px;
    margin-left: -18px;
}

.almacenS3LA img {
  max-width: 100%;
  height: auto;
}

#linefill {
  position: absolute;
  z-index: 20;
  clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
  opacity: 0;
  pointer-events: none;

}

.linefill1_Anim {
   animation: lineFillOne 3s;
   animation-fill-mode: forwards;
}

@keyframes lineFillOne {
  0%   {opacity: 0; clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);  }
  100% {opacity: 1; clip-path: polygon(0 0, 35% 0, 35% 100%, 0% 100%);  }
}

.linefill2_Anim {
   animation: lineFillTwo 3s;
   animation-fill-mode: forwards;
}

@keyframes lineFillTwo {
  0%   {opacity: 1; clip-path: polygon(0 0, 35% 0, 35% 100%, 0% 100%);   }
  100% {opacity: 1; clip-path: polygon(0 0, 62% 0, 62% 100%, 0% 100%);  }
}


.linefill3_Anim {
   animation: lineFillThr 3s;
   animation-fill-mode: forwards;
}

@keyframes lineFillThr {
  0%   {opacity: 1; clip-path: polygon(0 0, 62% 0, 62% 100%, 0% 100%);   }
  100% {opacity: 1; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);  }
}


.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}


#ele1S3LA {
  top: 30%;
  left: 0.8%;
/*  background-image: url(../img/homeSec3/home_Sec3_lineatiempo-botlleno.png);*/
/*  border: 2px solid red;*/
}

#almaS3bk1 {
  background-image: url(../img/homeSec3/home_Sec3_lineatiempo-botlleno.png);
}

.titnameAlS3 {
    color: #939394;
    text-transform: uppercase;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
  
    font-size: 15px;
    width: 180px;
    display: block;
    margin-top: 40px;
    letter-spacing: 3px;
    margin-left: -18px;  
    width: 150px !important;
}

#ele2S3LA {
    top: 3.4%;
    left: 32.4%;
 
}
#almaS3bk2 {
   background-image: url(../img/homeSec3/home_Sec3_lineatiempo-botvacio.png);
}
#ele3S3LA {
   top: 17.4%;
    left: 62%;
 
}
#almaS3bk3 {
   background-image: url(../img/homeSec3/home_Sec3_lineatiempo-botvacio.png);
}
#ele4S3LA {
    top: -7.5%;
    left: 94.18%;
  
}
#almaS3bk4 {
   background-image: url(../img/homeSec3/home_Sec3_lineatiempo-botvacio.png);
}

.S3VideoMobMenu {display: none}
.menumobS3config {
      position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 20px;
    color: WHITE;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
    line-height: 35px;
    width: 30%;
    /* left: 10px; */
    height: fit-content;
    /* background-color: red; */
   /* border: 1px solid red;*/
    left: 20px;
    z-index: 10;
}
.menumobS3config div{} 
.Section3Mob {display: none}
.section3Gradient {
  position: absolute;
  bottom: 0;
  height: 40%;
  width: 100%;
  z-index: 10;
  background: rgb(25,45,54);
  background: linear-gradient(180deg, rgba(17,33,36,0) 0%, rgba(17,33,36,1) 100%);

}
.section3GradientL {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  
    position: absolute;
  
    right: 500px !important;
   /* border: 1px solid red;*/
    height: 30%;
    opacity: 0;


}
.section3GradientR{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  
    position: absolute;
  
    left: 500px !important;
   /* border: 1px solid red;*/
    height: 30%;
    opacity: 0;

}

/* SECTION 3A ........................................................................................................................ */
.Section3A {
    width: 100%;
    height: 350px;
    background-color: white;
    position: relative;
}

/* SECTION 3B ........................................................................................................................ */
.Section3B {
    width: 100%;
   /* height: 100vh;*/
    background-color: white;
    position: relative;
}

.menCarrusel {display: none;}
.Section3B .section3BTxt {
    position: absolute;
       top: 90px;
    left: 5%;
    color: #182d35;
    text-align: center;
    max-width: 440px;
    max-height: 270px;
    z-index: 20;
}
.Section3A .section3BTxt {
   position: absolute;
   top: 50%;
   left: 5%;
   color: #182d35;
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}
.section3BTxtMobile {display: none}

.Sec3BFlex { 
  width: 100%;
   /* border: 3px solid red;*/
    box-sizing: border-box;
    height: 700px;
    display: flex;
    top: 0;
    flex-wrap: nowrap;
    position: relative;
   /* background-color: red;*/
}
.secMenDivF {
  background-color: green;
  width: 25%;
}

.Sec3BLinetimeFix {
     position: absolute;
   top: 50%;
  -ms-transform: translateY(-50%);
   transform: translateY(-50%);

    width: 80%;
    position: absolute;
    /* top: 0; */
    right: 0;
    margin: auto;
    left: 0;
  

    z-index: 20;
    pointer-events: none;

   
}
.Sec3BLinetimeFix2 {
    width: 100%;
    /* border: 3px solid red; */
    height: 980px;
    /* top: 0; */
    position: absolute;
    z-index: 20;
    pointer-events: none;
    opacity: 0.5;

    clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);

   
}
.cienImaFix {
    /* width: 2200px;*/
    display: block;
    width: 85%; 
    left: 7.5%;
    top: 30%;
    position: absolute;
}
#ec3Num1Men {
 top: 57%;
    left: 45%;

  opacity: 0;
 }
#ec3Num2Men {
top: 52%;
    left: 35%;
  opacity: 0;
 }
 #ec3Num3Men {
top: 53%;
    left: 47%;
  opacity: 0;
 }
 #ec3Num4Men {
 top: 61%;
    left: 33%;
  opacity: 0;
 }
.sec3BNumber {
    position: absolute;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 200;  
    z-index: 40;
   /* width: 150px;*/
        letter-spacing: 1.1px;
    font-size: 10px;
    font-weight: 600;
    background: rgb(121,104,67);
    background: linear-gradient(90deg, rgba(233,204,141,1) 0%, rgba(225,201,158,1) 30%, rgba(202,185,159,1) 50%, 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;
}


.sec3BCap1, .sec3BCap2, .sec3BCap3, .sec3BCap4  {  border-right: 0.1px dotted white;


   opacity: 1;
    transition: all 0.8s;
    position: relative;
    flex: 25%;
    overflow: hidden;
    height: 100%;

    }

#sec3Ima1 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background-image: url(../img/homeSec3B/01.jpg);
    height: 100%;
   /* transition: all 2s;*/
}

#sec3Ima2 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background-image: url(../img/homeSec3B/02.jpg);
    height: 100%;
   /* transition: all 2s;*/
}
#sec3Ima3 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background-image: url(../img/homeSec3B/03.jpg);
    height: 100%;
   /* transition: all 2s;*/
}
#sec3Ima4 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background-image: url(../img/homeSec3B/04.jpg);
    height: 100%;
  /*  transition: all 2s;*/
}
.sec3BTextPhoto {
  z-index: 10;
    position: absolute !important;
    text-transform: uppercase;
    color: white;
    font-size: 18px;
    letter-spacing: 2px;
    top: 60px;
    left: 60px;
}
#myCanvas {
/*  border: 1px solid #d3d3d3;*/
    position: absolute;
    bottom: 0;
    z-index: 500;
  /*   pointer-events: none; */
    left: 0;
    right: 0;
    margin: auto;
    display: block;
     width: 100%;
   /* width: 800px;
    height: 400px;*/
}

/* SECTION 4 ........................................................................................................................ */
.Section4 {
    width: 100%;
    height: 110vh;
    background-color: #122229;
    position: relative;

    margin-top: -1px !important;




}

.sec4Ima1 {
  /* position: absolute;
    left: 0;
    top: -80px;
    max-width: 1000px;
    left: -400px;
    z-index: -10;*/
}
.spColorBod { background-color: #122229;}


.Section4 .section4Txt {
    position: relative;
    top: 2%;
    left: 5%;
    color: #182d35;
    text-align: center;
    max-width: 380px;
    padding: 120px 0px !important;
    
   /* max-height: 820px;*/
}

.section4TxtMobile, .sec4CarruselMob {display: none}

.section4Txt-Caja {
  
  max-width: 350px;
  padding-left: 15px;
}
.cajaPrimera {margin-top: 55px;}
.cajaResto {margin-top: 20px;}

.s4-cajaTitular {
      text-align: left;
      font-family: 'Gothic A1', sans-serif;
      font-weight: 700;
    font-size: 22px;
    letter-spacing: 2px;
    color: white;
    line-height: 22px;
    margin-bottom: 3px !important;

}

 .apagado {opacity: 0.2}
 

.s4-cajaParrafo {

  padding: 0 !important;
  margin: 0 !important;
} 


#s4Caja2 .s4-cajaTitular span::before{
 content: "\A";
 white-space: pre;
}


.section4Image {
position: absolute;
    right: 0;
    top: 0;
    max-height: 700px;
    width: 70%;
    bottom: 0;
    max-width: 860px;
    margin: auto;
    /* border: 2px solid green;
  /*border: 2px solid green;*/

}
.detailSec4_4 {
    width: 90%;
    margin-left: 60px;
    margin-top: 100px;
}
/*.section4Image  img {
  position: absolute;
  opacity: 0;
  transform: translateY(600px);
  transition: all 0.5s;

}*/
.mg {
   position: absolute;
  opacity: 0;
  transform: translateY(600px);
  transition: all 0.5s;
}
.s4marginB {padding-bottom: 10px;}
.s4g2{
 /*  display: flex;
    flex-direction: row;*/
   /* border: 1px solid red;*/
    width: 100%;
   /* align-items: flex-end;*/

  /*  height: 100%;*/

}
.detailSec4_V2 {
      width: 40%;
    position: absolute;
    left: 90px;
    right: 0;
    bottom: 90px;
    margin: auto;

    opacity: 0.3;
      transform: translateY(150px);
}
.detailSec44_V2{
   width: 33%;
    position: absolute;
    /* left: 0px; */
    right: 110px;
    bottom: 7px;
    margin: auto;

    opacity: 0.3;
      transform: translateY(150px);
}
.cap2 {color:white}

.s4TitBeCirc {
 /*  color: white;*/
 font-family: 'Gothic A1', sans-serif;
 font-weight: 700;
    letter-spacing: 2.5px;
    font-weight: 800;
    margin-bottom: 30px;

    padding-left: 20px;

    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%);

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.s4FlexConCircle {
  display: flex;
  flex-wrap: nowrap;
  padding-left: 20px;
}

.s4CirCapa1 {
     flex: 40%;
   /* border: 1px solid green;*/
}
.s4CirCapa1 img {
  width: 100%;
}
   
.s4CirCapa2 {
    color: white;
   /* border: 1px solid green;*/
    top: 0;
    flex: 80%;
    bottom: 0;
    margin: auto;
    /* position: absolute; */
    /* margin-top: 15%; */
    /* line-height: 85px; */
    padding-left: 15px;
    /* margin-top: 25px; */
    font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
    font-size: 15px;
    opacity: 1;
}
.s4CirCapa2 span {
  font-family: 'Gothic A1', sans-serif;
    font-weight: 400; 
}
.s4zCapa {
    flex: 50%;
    max-width: 500px;

  /*  border: 1px solid green;*/
    

}



#containerW {
      width: 100%;
      position: absolute;
  
    z-index: 10;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    display: -webkit-box;
    display: flex;
  
    align-items: center;
  
    justify-content: center;
  
}

#containerW canvas {
  width: 50%;
}
#containerW2 {
      width: 100%;
      position: absolute;
  
    z-index: 10;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    display: -webkit-box;
    display: flex;
  
    align-items: center;
  
    justify-content: center;
  
}

#containerW2 canvas {
  width: 70%;
}



#canvasLines {
  position: absolute;
    top: 0;
    left: -100px;
    margin: auto;
    bottom: 0;
    display: block;
    filter: sepia(1);
    right: 0;
    z-index: 900;
    width: 320px;
    height: 320px;
   /* border: 2px solid green;*/
}
.s4ilateral {width:100%}

.selecc{
  color: white !important;
}
.seleccBox {
  border-left: 1px solid #cab99f;
  max-width: 350px;
  padding-left: 15px;
}

.borderCaja1, .borderCaja2,.borderCaja3,.borderCaja4,.borderCaja5 {
  border-left: 1px solid rgba(202,185,159,0);
  padding-left: 15px;

}
.piechartWrapper {
  padding: 10px 50px;
  text-align: center;
}

.piechart,
.piechart2_1, .piechart2_2, .piechart2_3,
.piechart3_1, .piechart3_2, .piechart3_3,
.piechart4_1, .piechart4_2 {
  position: relative;
  display: inline-block;
  margin: 0px 0px;
  color: #BBB;
  font-family: 'Gothic A1', sans-serif;
  font-weight: 400; 
  font-size: 18px;
  text-align: left;

  opacity: 0;
  transform: translateY(380px);
}
.piechart canvas,
.piechart2_1 canvas, .piechart2_2 canvas, .piechart2_3 canvas,
.piechart3_1 canvas, .piechart3_2 canvas, .piechart3_3 canvas,
.piechart4_1 canvas, .piechart4_2 canvas
 {
  position: absolute;
  top: 0;
  left: 0;
}

.imaPie {
  position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    max-width: 38%;
}
.imaPieHome {
  position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    max-width: 25%;
}
.perceGrapSphere {
    position: relative;
    margin-left: -15px;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 200;
    font-size: 14px;
    margin-bottom: -6px;
    margin-right: 16px;
}
  
.txtPie{
    color: white;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    font-size: 25px;
    /* width: 50px; */
    /* height: 50px; */
    /* border: 1px solid red; */
    text-align: center;
}    
/* SECTION 5 ........................................................................................................................ */
.Section5 {
    width: 100%;
  /*  height: 50vh;*/
    background-color: white;
    position: relative;
    padding-top: 60px;
}
.Section5 .section5Txt {
   position: relative;
   top: 10%;
   left: 5%;
   color: #182d35;
   text-align: center;
   /* max-width: 440px; */
   /* max-height: 270px; */
   width: 90%;
   padding-bottom: 20px;
}
.Section5 .section5Txt div:nth-child(1){
  font-family: 'Gothic A1', sans-serif;
  font-weight: 700;
  letter-spacing: 2px;
  font-size: 24px;
  line-height: 47px;
  text-align: left;
  color: #182d35;

} 
.galeeCapCarruMax{
  width: 45px;
  height: 35px;
}
.sLoMax {
  width: 75% !important;
    /* margin: 0 auto !important; */
    margin-left: 20px;
  }
.spLogMin {
  width: 75% !important;
    /* margin: 0 auto !important; */
    margin-left: 20px;
  }
  .spLogMinMob {
    width: 15% !important;
  }
.section5Logos {
    position: relative;
   /* border: 1px solid black;*/
    width: 100%;
    left: 0;
    display: flex;
    margin-top: 30px;
    flex-wrap: wrap;
    justify-content: end;
    align-content: baseline;

}
.cienSpLog {    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}
  .cienSpLogMob {  
        width: 70%;
        margin: 12px;
    
    }
.section5Logos div{
   width: 45px;
    height: 45px;
    position: relative;
    margin: 20px;
    padding: 20px;
/*    background-color: grey;*/

  /*  border: 1px solid #132834;*/
  
}
.galleryDrdLogs {display: block;}
.galleryDrdLogsMobile {display: none;}
.multiple-itemsLogs {}
.galeeCapCarru {
  /* position: relative;*/
   /* border: 1px solid black;*/
    width: 100%;
    left: 0;
    display: flex !important;
    margin-top: 30px;
    flex-wrap: wrap;
    justify-content: end;
    align-content: baseline;
    cursor: ew-resize;

}
.galeeCapCarru div {
    width: 45px;
    height: 45px;
    position: relative;
    margin: 20px;
    padding: 20px;
}
.galeeCapCarru div img {}


.twoParrS4 {
position: absolute;
    bottom: -28px;
    text-align: center;
    width: 100%;
    line-height: 24px;
    left: 0;
    right: 0;
    margin: auto;
    height: 80px;
    /* border: 1px solid red; */
    z-index: 50;
    pointer-events: none;
}
#parraAnni1 {
  opacity: 0;
      color: white;
       font-size: 16px;
       font-family: 'Gothic A1', sans-serif;
       font-weight: 200;
    font-weight: 100;
   

}
#parraAnni2 {
  opacity: 0;
      color: white;
       font-size: 16px;
       font-family: 'Gothic A1', sans-serif;
    font-weight: 200;
    

}
.typewriter {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: 0em solid white; 
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  /*letter-spacing: .8em;  Adjust as needed */
  animation: 
    typing 1.0s steps(100, end),
    blink-caret 1.0s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0;  }
  to { width: 20%;  }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  20% { border-color: orange;  }

}

/*.section5Carrusel {
  position: absolute;
  bottom: 3%;
  width: 90%;
  left: 0;
  right: 0;
  margin: auto;
  height: 55%;
  background-color: pink;
}
*/

/* SECTION 6 ........................................................................................................................ */
.Section6 {
    width: 100%;
    height: 100vh;
    background-color: white;
    position: relative;
    margin-top: -2px;
}


.sliderHBox {
display: flex !important;
height: 657px;

}
.sliderHBox div {
  flex: 50%;
  /*border: 1px solid red;*/
  position: relative;
}
.sliderHBox {
  flex: 50%;
  /*border: 1px solid red;*/
}

.sliderHBox div:nth-child(1) {
  background-color: #192d36;
}
.sliderHBox div:nth-child(2) {
  /*background-color: green;*/
}
.slidePhotoText {
      padding-top: 11%;
}


.sBTit {
  font-family: 'Gothic A1', sans-serif;
  font-weight: 200;
   font-size: 24px;
   text-transform: uppercase;
   padding-left: 10%;
   line-height: 25px;
   margin-bottom: 10px !important;
   letter-spacing: 4px;
max-width: 80%;
  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;

  
}


.slidePhotoText p:nth-child(2) {
   padding-left: 10%;
   color: white;
   text-transform: uppercase;
   font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
   letter-spacing: 2px;
   font-size: 24px;

  
}
.slidePhotoText p:nth-child(3) {
   padding-left: 10%;
    padding-right: 10%;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 40px;
}
.slidePhotoText .buttonCaso {
    width: 71%;
    margin-left: 15%;
    border: 2px solid rgba(121,104,67,1);
    height: 60px;
    border-radius: 30px;
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    color: white;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
    line-height: 60px;
    pointer-events: none;
    opacity: 0.2;

}

.slidePhotoText .buttonCaso2 {
    

    width: 61%;
    display: block;
    position: relative;
    margin-left: 10%;
    /* border: 1px solid red; */
    height: 60px;
    /* border: 1px solid red; */
    /* border-radius: 30px; */
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    color: white;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
    line-height: 60px;
    text-decoration: none !important;


}
.numeracionHomeCarr {
/*   border: 1px solid red;*/
    width: 15%;
    margin: 0 auto;
    margin-top: 50px;
    height: 90px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.numeracionHomeCarr div {
      max-width: 30px;
    margin: 7px;
}
.cld01, .cld02, .cld03, .cld04, .cld05 {cursor: pointer;}
.activeImageCarru {
      max-width: 250px !important;
  }  
.buttonCaso2 div {
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   margin-top: 4px;
  }

.buttonCaso2 img {
 position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    bottom: 0;
    margin: auto;
  }
.buttonCaso2 .textCaso {
  font-family: 'Gothic A1', sans-serif;
  font-weight: 700;
    color: white;
    font-size: 18px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.slidePhotoText .buttonCaso:hover {
   background-color: rgba(255,255,255,0.05);
  /* color: #192d36;*/
   cursor: pointer;
    /*width: 71%;
    margin-left: 15%;
    border: 2px solid rgba(121,104,67,1);
    height: 60px;
    border-radius: 30px;
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    color: white;
    font-family: dinproB;
    line-height: 60px;
*/

}
.wrapperPhotoS6 {overflow: hidden}

.slidePhoto1 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/homeCarrousel/01photo.jpg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slidePhoto2 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/homeCarrousel/02photo.jpg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .slidePhoto3 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/homeCarrousel/03photo.jpg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .slidePhoto3EN {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/homeCarrousel/03ENphoto.jpg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*
    -webkit-filter: sepia(100%) saturate(140%) brightness(60%) hue-rotate(140deg) contrast(0.8) grayscale(0.5);
            filter: sepia(100%) saturate(140%) brightness(60%) hue-rotate(140deg) contrast(0.8) grayscale(0.5);*/
  }
  .slidePhoto2EN {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/homeCarrousel/02ENphoto.jpg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*
    -webkit-filter: sepia(100%) saturate(140%) brightness(60%) hue-rotate(140deg) contrast(0.8) grayscale(0.5);
            filter: sepia(100%) saturate(140%) brightness(60%) hue-rotate(140deg) contrast(0.8) grayscale(0.5);*/
  }


.slick-prev, .slick-next {}



/* SECTION 7 ........................................................................................................................ */
.Section7 {
  width: 100%;
    background-color: white;
    position: relative;
    padding-top: 30px;
    padding-bottom: 10px;
}
.Section7 .section5Txt {
  position: relative;
  top: 10%;
  left: 8%;
  font-family: 'Gothic A1', sans-serif;
  font-weight: 700;
  letter-spacing: 2px;
  font-size: 24px;
  text-align: left;
  color: #182d35;
  padding-bottom: 50px;
}

.flex-container {
  display: flex;
  flex-direction: row;
  font-size: 30px;
}

.flex-item-left {
  background-color: #fff;
  padding: 10px;
  flex: 60%;
}

.flex-item-right {
  padding: 10px;
  flex: 40%;
}
.textSobre{
  font-family: 'Gothic A1', sans-serif;
  font-weight: 200;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 16px;
  color: #182d35;
  margin-left: 60px;
  width: 530px;
}
.btn {
	background-image: linear-gradient(to right,#d4bda0 0%,#d4bda0 100%);
    border-radius: 40px;
    box-sizing: border-box;
    color: #182d35;
    display: block;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
    height: 60px;
    letter-spacing: 1px;
    margin: 0 auto;
    padding: 2px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    width: 414px;
    z-index: 2;
    top: 80px;
    margin-bottom: 20px;
    left: -30px;
}
.btn:hover {
	color: #fff;
}

.btn span {
  align-items: center;
  background: #fff;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  height: 100%;
  transition: background .5s ease;
  width: 100%;
  font-size: 16px;
}

.btn:hover span {
  background:transparent;
}




button {
  padding: 1.5em 3em;
  text-transform: uppercase;
  cursor: pointer;
  margin: 2em auto;
  border-radius: 5px;
  color: #fff;
  transition: all 0.4s ease-in-out;
  display: block;
}

.btn-gradient {
  background-image: linear-gradient(
	90deg, #f0c27b, #b57ab2);
  border: none;
  text-align: center;
  background-size: 150% auto;     
 
}

.btn-gradient:hover {
  background-position: center; 
  
}
         
.btn-gradient-border {
  border: 1px solid transparent;
  background-image: linear-gradient(transparent, transparent), linear-gradient( 101deg ,#d4bda0,#d4bda0);
  background-origin: border-box;
  box-shadow: 12px 1000px 1px #002831 inset;
  transform: perspective(1000px) translateZ(0px);
  width: 270px;
  height: 50px;
  border-radius: 50px;
  color: #fff;
  font-family: 'Gothic A1', sans-serif;
  font-weight: 700;
      margin-top: 60px;
      -webkit-transition: transform 0.2s ease-in;
      -moz-transition:transform 0.2s ease-in;
      -o-transition: transform 0.2s ease-in;
      transition: transform 0.2s ease-in;
}

.btn-gradient-border:hover {
  box-shadow: none;
    transform: perspective(1000px) translateZ(90px) translateY(0px);
   
}






@media (max-width: 800px) {
  .flex-container {
    flex-direction: column;
  }
  .Section7 .section5Txt {
    top: 10%;
    left: 0;
    padding-bottom: 50px;
    text-align: center;
}
.textSobre {
  width: 100%;
  text-align: center;
  margin: 0;
  margin-bottom: 30px;
}
.btn {
  width: 100%;
  z-index: 2;
  top: 80px;
  margin-bottom: 20px;
  left: 0;
}
}


/* SECTION 7 ........................................................................................................................ */

.SectionContact{
  width: 100%;
  background-color: white;
  position: relative;
  padding-top: 1px;
  padding-bottom: 30px;
}
/* AUDIENCIA ................................................................................................................ */
/* AUDIENCIA ................................................................................................................ */
/* AUDIENCIA ................................................................................................................ */
/* AUDIENCIA ................................................................................................................ */
/* AUDIENCIA ................................................................................................................ */
/* AUDIENCIA ................................................................................................................ */
/* AUDIENCIA ................................................................................................................ */
/* AUDIENCIA ................................................................................................................ */
/* AUDIENCIA ................................................................................................................ */
/* AUDIENCIA ................................................................................................................ */
/* AUDIENCIA ................................................................................................................ */
/* AUDIENCIA ................................................................................................................ */
/* AUDIENCIA ................................................................................................................ */
/* AUDIENCIA ................................................................................................................ */
/* AUDIENCIA ................................................................................................................ */


/* AUDIENCIA  - SECTION 1 ........................................................................................................................ */

.audi-Section1 {
    width: 100%;
    height: 50vh;
    position: relative;  
    background-color: black;
 }

.worldMobile {display: none;}

.specialBlackAudi {background-color: black !important}
.paddinAudiFive {padding-bottom: 6px;}
.audi-section1Txt0  {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: fit-content;
    text-align: center;
    opacity: 1;
    z-index: 90;
    pointer-events: none !important;
}

.mouseSpAudi{ bottom: -45vh !important;}

.audi-section1Txt  {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    height: fit-content;
    z-index: 90;
    pointer-events: none !important;
  }

.textInfoSPehere {
    color: white;
    font-family: 'Gothic A1', sans-serif;
    font-weight:200;
    display: block;
    position: absolute;
    top: -30px;
    letter-spacing: 1.0px;
    font-size: 12px;
}
  
.audi-section1Txt-Cuad2 {
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: fit-content;
    text-align: center;
    z-index: 90;
    pointer-events: none !important;
}

.audi-section1Txt-Cuad2 img {
    width: 200px;
    padding-bottom: 15px;
}

.audi-millones{
  opacity: 1;
  color: white;
  font-size: 75px;
  font-family: 'Gothic A1', sans-serif;
  font-weight: 200;
  letter-spacing: 14px;
}

.audi-USUARIOS {
  font-family: 'Gothic A1', sans-serif;
    font-weight:200;
}



/* AUDIENCIA  - SECTION 2 ........................................................................................................................ */

.audi-Section2 {
    width: 100%;
    height: 120vh;
    position: relative;  
    overflow: hidden;
    background-color: black;
 }

.audi-section2Img {
    position: relative;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 80%;
    height: fit-content;
}

#audi-section2Tab {
 /*     border: 1px solid red;*/
   z-index: 100;
   position: absolute;
   top: 70px;
   right: -250px;
   margin: auto; 
   width: 40%;
   max-width: 650px;
   opacity: 0;
   pointer-events: none;
   color: white;
   font-family: 'Gothic A1', sans-serif;
   font-weight: 200;
   background-color: rgba(0,0,0,0.5);
   padding: 0px 10px 0px 85px;
}

#refBody {}

.wrapFichas {
    position: absolute;
    border: 4px solid pink;
    width: 100%;
    height: 850px;
    top: 0px;
    left: 0;
    z-index: 900;
    pointer-events: none;
}

.audiCabeTop {
  display: flex;
    flex-direction: row;
    max-width: 100%;
    align-items: end;
    margin-left: -70px;
    margin-top: 40px;
}
.audiTabArrow {
  width: 7%;
  cursor: pointer;
}
.audiTabArrow2 {
 margin-left: 30px;
    width: 100%;
}

.audiSpaceBlack {
    width: 100%;
    height: 30vh;
    
    position: relative;  
    
    background-color: black;
    


}
.resultCountry{
  font-family: 'Gothic A1', sans-serif;
  font-weight: 200;
    color: rgba(255, 255, 255, 0.15);
    margin: 10px 20px !important;
    padding: 0px 0px !important;
    font-size: 23px;

    transition: all 1s;
}
  .resultCountryBox {
    margin-top: 100px;
    pointer-events: none;

  }
  .resultActive {
    color: rgba(255, 255, 255, 0.8);
  }

  .spDesktopSizeAudi {}
#audiTabTitle{
  font-family: 'Gothic A1', sans-serif;
  font-weight: 700;
    letter-spacing: 3px;
    font-size: 25px;
 }
#audiTabCode {
      font-size: 15px;
    border-bottom: 1px solid white;
    max-width: 400px;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.audiTabSubtitle {
     font-size: 15px;
     font-family: 'Gothic A1', sans-serif;
     font-weight: 700;
    letter-spacing: 1.2px;
    }
.audiTabFlexCircle{
        display: flex;
    position: relative;
    margin-bottom: 25px;
}
.audiTabFlexCircle div{
     
    position: relative;
}
.ausiTabGraDiv {
    width: 90%;
    margin-bottom: 30px;
    max-width: 900px;
    margin-top: 20px;
}
.spMarginTable2 {
  margin-top: 10px !important;
}
.ausiTabGraDivEdad {
   width: 100%;
   margin-bottom: 30px;
   max-width: 900px;
   margin-top: 20px;
}
.ausiTabGraDivSpider {
   width: 80%;
    margin-bottom: 30px;
    max-width: 900px;
    margin-top: 20px;
}
.audiTabSubtitle p {
  color: white;
  font-family: 'Gothic A1', sans-serif;
  font-weight: 700;
    font-size: 9px;
    margin-top: 50px;
    letter-spacing: 1.3px;
    line-height: 18px;

}
.audiTabSubtitle p span{
  
  font-family: 'Gothic A1', sans-serif;
  font-weight: 200;
    
}

.ausiSopoGR {
      position: relative;
    display: flex;
    align-items: center;
}
.audiS2perc {
      font-size: 23px;
    padding-left: 15px;
    margin-right: 20px;
}
  
  #closeTab {
  /*  position: absolute;
    max-width: 22px;
    right: 5%; 
    top: 120px; 
    z-index: 900;
    display: none;*/
    cursor: pointer;
  }
  
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */


/* LEGALIDAD  - SECTION 1 ........................................................................................................................ */

.lega-Section1 {
    width: 100%;
    height: 100vh;
    
    position: relative;  
    
    background-image: url('../img/legalidad/legabk.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 85%;

   /*     background-color: red;*/


}
.sizeLegaS {font-size: 15px;}

.lega-section1Txt {
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: fit-content;
 /*   border:2px solid green;*/
        text-align: center;
  
}


.lega-section1Txt .miniTitleGold {
  margin-top: 28px;
}





/* LEGALIDAD  - SECTION 2 ........................................................................................................................ */
.lega-Section2 {
    width: 100%;
  /*  height: 90vh;*/
    background-color: white;
    position: relative;
}

.legaFlex{
  position: relative;
  width: 100%;
  height: inherit;
  display: flex;
  flex-direction: row;
}

.rowLegal {
    flex: 50%;
  /*  border: 2px solid green;*/
    text-align: center;
    position: relative;
}

.txtRow1 {
position: fixed;
    /* bottom: 15%; */
    bottom: 15%;
    width: 350px;
    left: 20%;
    /* right: 0; */
    margin: auto;

    opacity: 0;
}
.txtRow1 .txtParrafo-Dark {
font-size: 16px;
    line-height: 20px;
}

.legaTextLight {
  font-family: 'Gothic A1', sans-serif;
    font-weight: 200;
 letter-spacing: 2px;
 font-size: 30px;
 margin-top: -30px;
 vertical-align: super;
}

.legalButtonbk {
  margin-top: 25px;
 
  height: 45px;
  text-align: center;
  line-height: 45px;
  border-radius: 20px;
  font-size: 15px;
  font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
  cursor: pointer;
    color: #182d35;

        background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/legalidad/buttonbk.png);
}

.legalButton {
  margin-top: 25px;
  border: 1.5px solid #cab99f;
  height: 45px;
  text-align: center;
  line-height: 45px;
  border-radius: 20px;
  font-size: 15px;
  font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
  cursor: pointer;
    color: #182d35;
}
.legalButton:hover {
 
   /* border: 1.5px solid white;*/
   /* color: white;*/
 
    background-color: rgba(24,45,53,0.2);
}
.txtButtonTxtLega {
      position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    right: 0;
    display: block;
    margin: auto;
    bottom: 0;
    text-align: center;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
}

.buttonImportat {
  height: 50px;
    position: relative;
}
.lb01 {
  opacity: 1;
  display: block;
}
.lb02 {
  opacity: 0;
  pointer-events: none;
  display: block;
}
.lb03 {
  opacity: 0;
  pointer-events: none;
  display: block;
}
.lb04 {
  opacity: 0;
  pointer-events: none;
  display: block;
}
.legalEnla {
  
     text-decoration: none !important;
    color: #182d35 !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 80;
    width: 100%;
    /* height: 65px; */
    margin-top: 20px;
}
.spButtonMobile {display: none;}
.legaL1 {
  top: 10%;
  
  opacity: 1;
  clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
}

.legaL2 {
  top: 32%;

  opacity: 1;
  clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
}
.legaL3 {
   top: 55%;

  opacity: 1;
  clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
}
.legaL4 {
   top: 78%;

  opacity: 1;
  clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
}
.legaL5 {
   top: 40%;

  opacity: 1;
  clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
}

.goldenLinesLega {
    position: absolute;
    width: 100%;
}

.legalBType1, .legalBType2, .legalBType3, .legalBType4{
  text-align: left;
  width: 90%;
 /* bottom: 15%;*/
     margin-top: 200px;
  position: relative;
  height: 630px;
  opacity: 1;
 /* border: 1px solid red;*/
  /*transform: translateY(750px);*/
}
.transpaBold {
  /*font-weight: bold;*/
  
  font-family: 'Gothic A1', sans-serif;
  font-weight: 700;
}
.b1Tit, .b2Tit, .b3Tit, .b4Tit{
  font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
    color: #182d35;
    font-size: 20px;
    }

.b1parr, .b2parr, .b3parr, .b4parr {
     margin-bottom: 20px;
    width: 95%;
    font-size: 16px;
    line-height: 20px;
}
.b1Photo1 {  
   width: 100%;
   margin-bottom: 20px;
 }

.b4Photo1 { 
 width: 110%;
    margin-bottom: 20px;
}


.b3Photo1 {
  width: 98%;
  margin-left: 30px;
}

  .b2Photo1 {
  width: 100%;
  margin-bottom: 20px;

  display: block;
 }

 
  .b2Photo1BB  {
 width: 75%;
  margin-bottom: 20px;
  margin: 0 auto;
  display: block;
 }

.b2Photo2 {
     width: 30%;
    position: absolute;
    left: 8%;
    bottom: -10%;
    z-index: 50;
}
.b2Photo2BB {
   width: 40%;
    position: absolute;
    right: 0;
    bottom: 15%;
    z-index: 50;
   /* border: 1px solid;*/
    
}
.b1Photo2  {width: 30%;
    margin-top: -15px;}

.b4Photo2 {
width: 32%;
    margin-top: -80px;
    margin-left: 30px;
  }
.b3Photo2 {
 width: 50%;
    position: absolute;
    right: -80px;
    bottom: 6%;
}

.spEndMargin {
margin-bottom: 250px;  
}

.b3Float {
 position: absolute;
    z-index: 10;
    /* border: 1px solid red; */
    width: 320px;
    /* height: 150px; */
    bottom: -60px;
    background-color: white;
    padding: 30px;
    line-height: 20px !important;
    font-size: 14px;
    left: -35px;
}
.b1Float { 
  position: absolute;
  letter-spacing: 0.4px;
    z-index: 10;
    /* border: 1px solid red; */
    width: 300px;
    /* height: 150px; */
    bottom: 20px;
    background-color: white;
    padding: 30px;
    line-height: 30px !important;
    /* margin: 60px; */
    right: 10px;
}

.b4Float {
position: absolute;
    z-index: 10;
    /* border: 1px solid red; */
    width: 250px;
    /* height: 150px; */
    font-size: 14px;
    bottom: 20px;
    background-color: white;
    padding: 30px;
    line-height: 20px !important;
    /* margin: 60px; */
    right: 10px;
  }

.b1Float p {
     font-size: 14px;
     font-family: 'Gothic A1', sans-serif;
     font-weight: 200;
    line-height: 22px;
}


.b2Float {
      position: absolute;
    z-index: 30;
    width: 230px;
    font-size: 14px;
    bottom: 50px;
    background-color: white;
    padding: 30px;
    line-height: 20px !important;
    right: 20px;
}
.b2FloatBB {
  position: absolute;
  z-index: 10;
  width: 350px;
  bottom: 30px;
  padding: 30px;
  line-height: 20px !important;
  left: 0px;
}
.b2logosize {
  max-width: 170px;
    display: block;
  /*  margin-bottom: 15px;*/

}
.b3logosize {
 max-width: 195px;
    display: block;
    margin-bottom: 15px;

}




/* LEGALIDAD  - SECTION 3 ........................................................................................................................ */
.lega-Section3 {
    width: 100%;
    height: 90vh;
 
    position: relative;  
    
    background-image: url('../img/legalidad/LEGA-sect3bk.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;

    opacity: 0;

}



.titlega01, .titlega02 {
  opacity: 0;
  transform: translateY(50px);
}
.lega-section3Txt {
    position: absolute;
    top: 16%;
    left: 5%;
    color: #182d35;
    text-align: center;
    max-width: 640px;
   /* max-height: 270px;*/
}



.lega-section3Txt .txtParrafo {
  padding-top: 18px;
 
} 

.legaLogos2 {
  text-align: left;
  margin-top: 25px;
}

.legaDownLogo1 {
    width: 20%;
  display: inline;
}
.legaDownLogo2 {
    width: 38%;
  display: inline;
}
.lega-section3LineAnim {
  position: absolute;
  bottom: 40%;
  left: 0;
  right: 0;
  margin: auto;
  height: 100px;
  width: 100%;
  /*max-width: 900px;
  max-height: 103px;*/
 /* background-color: pink;*/
  /*width: 85%;*/
  z-index: 50;

}

.canvasPointer {

  cursor: pointer;

}


/* PRODUCTO ................................................................................................................ */
/* PRODUCTO ................................................................................................................ */
/* PRODUCTO ................................................................................................................ */
/* PRODUCTO ................................................................................................................ */
/* PRODUCTO ................................................................................................................ */
/* PRODUCTO ................................................................................................................ */
/* PRODUCTO ................................................................................................................ */
/* PRODUCTO ................................................................................................................ */
/* PRODUCTO ................................................................................................................ */
/* PRODUCTO ................................................................................................................ */
/* PRODUCTO ................................................................................................................ */
/* PRODUCTO ................................................................................................................ */
/* PRODUCTO ................................................................................................................ */
/* PRODUCTO ................................................................................................................ */
/* PRODUCTO ................................................................................................................ */
/* PRODUCTO ................................................................................................................ */
/* PRODUCTO ................................................................................................................ */
/* PRODUCTO ................................................................................................................ */



/* PRODUCTO  - SECTION 1 ........................................................................................................................ */

.productos-Section1 {
  width: 100%;
  height: 100vh;
  background-color: #182d35;
  position: relative;  
  overflow: hidden;
 }
.proFiveSec {
    width: 100%;
    height: 100vh;
}

.proFiveSec div {}
.openvideoS1 {}

.pSecCap1 {
  width: 20%;
  overflow: hidden;
}
.pSecCap2 {width: 20%;   overflow: hidden;}
.pSecCap3 {width: 20%;   overflow: hidden;}
.pSecCap4 {width: 20%;   overflow: hidden;}
.pSecCap5 {width: 20%;   overflow: hidden;}

.ProTapadera1, .ProTapadera2, .ProTapadera3, .ProTapadera4, .ProTapadera5 {
  position: absolute; height: 100vh;
  z-index: 20;
}
.vidCien {width: 100vw;}

.xpro1 {
  width: 20%;
  height: 100vh;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 5;
  position: absolute;
}
.xpro2 {
  width: 20%;
  height: 100vh;
  overflow: hidden;
  top: 0;
  left: 20%;
  z-index: 5;
  position: absolute;
}
.xpro3 {
  width: 20%;
  height: 100vh;
  overflow: hidden;
  top: 0;
  left: 40%;
  z-index: 5;
  position: absolute;
}
.xpro4 {
  width: 20%;
  height: 100vh;
  overflow: hidden;
  top: 0;
  left: 60%;
  z-index: 5;
  position: absolute;
}
.xpro5 {
  width: 20%;
  height: 100vh;
  overflow: hidden;
  top: 0;
  left: 80%;
  z-index: 5;
  position: absolute;
}

.capDetailspS1 {opacity: 1}
.productos-Section1Mobile, .proMobileFirstCarru {display: none}
.sp1Tapadera {}
.almacen { position: relative; 

    /*background-color: #0e2026 !important;*/
      background-color: white !important;
       }

.almacen img {
  max-width: 100%;
  height: auto;
}

#ele1 {
    position: absolute;
    background-image: url(../img/productos/Unouno.png);
    background-size: 100% auto;
    width: 22%;
    height: 22%;
    display: block;
    background-repeat: no-repeat;
    top: 58%;
    left: 7.6%;
    cursor: pointer !important;
    opacity: 0;
}

#ele2 {
    position: absolute;
    background-image: url(../img/productos/Dosuno.png);
    background-size: 100% auto;
    width: 22%;
    height: 22%;
    display: block;
    background-repeat: no-repeat;
    top: 64%;
    left: 38%;
    cursor: pointer !important;
    opacity: 0;
}
#ele3 {
     position: absolute;
    background-image: url(../img/productos/Tresuno.png);
    background-size: 100% auto;
    width: 22%;
    height: 22%;
    display: block;
    background-repeat: no-repeat;
    top: 33%;
    left: 70%;
    cursor: pointer !important;
    opacity: 0;
}

.ele4 {
   top: 21%;
   left: 6%;
}

.titProAnim01, .titProAnim02, .titProAnim03  {
  opacity: 0;
  transform: translateY(50px);
}

.spVisibilityAudi {opacity: 1;}

.speProduc {
    font-size: 55px;
    margin-bottom: 10px;
}

.speProduc2 {font-size: 16px !important;}



.prodDatos1{
   position: absolute;
    top: 0px;
    left: 10%;
    bottom: 0px;
    /* right: 0%; */
    margin: auto;
    width: 550px;
    color: white;
    height: 520px;
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    transform: translateY(150px);
}
.prodDatos2{
   position: absolute;
    top: 0px;
    right: 10%;
    bottom: 0px;
    margin: auto;
    width: 450px;
    color: white;
    height: 520px;
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    transform: translateY(150px);
}
.prodDatos3{
   position: absolute;
    top: 0px;
    right: 17%;
    bottom: 0px;
    margin: auto;
    width: 550px;
    color: white;
    height: 520px;
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    transform: translateY(150px);
}
.prodDatos4{
   position: absolute;
    top: 0px;
    left: 10%;
    bottom: 0px;
    margin: auto;
    width: 550px;
    color: white;
    height: 520px;
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    transform: translateY(150px);
}
.prodDatos5{
   position: absolute;
    top: 0px;
    left: 10%;
    bottom: 0px;
    margin: auto;
    width: 550px;
    color: white;
    height: 520px;
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    transform: translateY(150px);
}

.nTirPer {
    font-size: 40px;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
 }

.activeBuP {
    position: absolute;
    bottom: 190px;
    width: 60px;
    color: black;
    left: 0;
    right: 0;
    z-index: 80;
    text-align: center;
    margin: auto;

    cursor: pointer;

  
    
}
.proBut1Active {
    pointer-events: none;
    opacity: 0;
}
.proBut2Active {
    pointer-events: none;
    opacity: 0;
}
.proBut3Active {
    pointer-events: none;
    opacity: 0;
}
.proBut4Active {
    pointer-events: none;
    opacity: 0;
}
.proBut5Active {
    pointer-events: none;
    opacity: 0;
}

.activeOn1, .activeOn2, .activeOn3, .activeOn4, .activeOn5 {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 60vh;
    left: 0;
    z-index: 50;
}
.proDatRow1 {
    width: 100%;
    color: white !important;
    margin: 0 auto;
    width: 90%;
}

.prodDatosFlex {
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 95%;
    margin: 0 auto;
  }

.prodDat05Special {}
.prodDat05SpecialThree {display: flex;}
.prodDat05SpecialThree div {}

.proDatRow1 > p:nth-child(2) {
       color: white;
    margin-top: 0;
    font-size: 26px;
   font-family: 'Gothic A1', sans-serif;
   font-weight:200;
    letter-spacing: 5.5px;
    margin-bottom: 0px;

      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;

}
.proDatRow1 > p:nth-child(3) {
    color: white;
    margin-top: 0px;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 200;
    font-size: 15px;
    max-width: 80%;
    text-transform: uppercase;
}


.proDatRow1 img {
    max-width: 60px;
    display: block;
    cursor: pointer !important;
}
.prodDatoFDiv img {
  max-width: 50px;
}
.prodDatoFDiv {
    width: 105px;
    margin: 10px;
    text-align: center;
    background-color: rgba(0,0,0,0.6);
    padding: 20px;
}


.prodDatoFDiv >  p:nth-child(2) {
        color: white;
    font-size: 23px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 200;
}
.prodDatoFDiv >  p:nth-child(3) {
       color: white;
    font-size: 13px;
    margin-top: 7px;
    line-height: 16px;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 200;
    margin-bottom: 0;
}


.productos-section1Txt {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    
    margin: auto;
    width: 90%;
    height: fit-content;
   /* border:2px solid green;*/
    text-align: center;
    z-index: 100;
    pointer-events: none;
  
}

/*.productosTitle {
  margin: 150px 0px;
  left: 5%;
  position: relative;
  width: 450px
}*/

.cajaProductos {
      width: 100%;
    margin-bottom: 150px;
    position: relative;
    height: fit-content;

}

.productos-SliderOn {
  position: absolute;
  top: 0;
  left: 0;
  /* width: 100%; */
  /* height: 100%; */
  z-index: 10;
  opacity: 0.5;

}

.productos-Slider {
  position: relative;
    top: 0;
    left: 0;
    width: 100%


}


/* PRODUCTO  - SECTION 2 ........................................................................................................................ */

/*.productos-Section2 {
    width: 100%;
  
    background-color: white;
    position: relative;
}*/

.productos-Section2 {
   width: 100%;
  
    background-color: white;
    position: relative;
/*    margin-top: -150px;*/
    padding-top: 10px;
}

.proBox {}

.galleryDrdProductos {
     padding-bottom: 220px;
     position: relative;
     width: 100%;

   /*  max-height: 800px;
     overflow: hidden;*/
     position: relative;
}
.zonaMobileProCarr {display: none}
.speWhhtml {background-color: white !important;}

.overProButt {
  display: flex;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 950;
   max-height: 808px;
   opacity: 0;
   pointer-events: none;
   max-width: 1280px;
   right: 0;
   margin: auto;
}

/*.sPMveLefet {left: -100px !important;}*/

.layerBlPro {
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 900;
    background-color: rgba(0,0,0,1);
    top: 0;
    left: 0;

    opacity: 0;
    display: none;

}
/*
.wrappSections {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1280px;
  border: 1px solid red;
  left: 0;
  right: 0;
  margin: auto;
}*/
#flechaDPro {
     max-width: 40px;
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
        z-index: 50;
    cursor: pointer;
}
#flechaIPro {
    max-width: 40px;
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
        z-index: 50;
    cursor: pointer;
}

#overProima {
    max-width: 45px;
    position: absolute;
    right: 10px;
    top: 10px;

     cursor: pointer;
}
.backBlueAnim {
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  height: 100%;
  background-color: #182d35;

  z-index: 10;


}
#oPBTitLogo {
 max-width: 150px;
margin-bottom: 4px;
 transform: translateY(-20px);
 opacity: 0;
}

#oPBSub{
  font-size: 45px;
  letter-spacing: 6px;
    margin-bottom: 0;
    margin-top: -10px;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 200;
    margin-left: -4px;
    text-transform: uppercase;
    text-align: left;


      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(-20px);
    opacity: 0;
}
#oPBTit {
    display: block;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
    color: white;
   margin-bottom: -4px;
    letter-spacing: 6px;
   /* margin-left: -4px;*/

       transform: translateY(-20px);
    opacity: 0;
}
#oPBParr{    color: white;
    font-size: 13px;
    max-width: 70%;
    text-align: left;
    margin-top: 20px;
    font-family: 'Gothic A1', sans-serif;
    font-weight:200;

    transform: translateY(-20px);
    opacity: 0;
  }
#oPBimg {
  position: relative;
    top: 0;
    left: -100%;
    opacity: 0;
    /* width: 100%; */
    /* height: 100%; */
    z-index: 20;
        width: 120%;
}
.oPB {flex: 1;}

.cpIProButt {overflow: hidden;}

.cpDProButt {background-color: #182d35;
    position: relative;
  z-index: 20;}

.derProLayer {
  width: 80%;
    position: absolute;
    top: 100px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: fit-content;
}



.overLayPro {
     width: 100%;
    height: 100%;
    background: black;
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    opacity: 0.7;
}
.cajaBoxProduct {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s;
}

.proBkFondo {
  transform: scale(1);
}
.capaOverConta {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  opacity: 0.4;

}

.cajaImProduct {
     max-width: 130px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    z-index: 40;

   /* border: 1px solid red;*/

    /*pointer-events: none;*/

    opacity: 0;
    transform: scale(0.5);


}

  
.prodTitGallery {
      pointer-events: none;

    color: white;
    position: absolute;
    top: 20px;
    left: 50px;
    font-size: 23px;
    z-index: 40;
    width: 100%;
    /* border: 2px solid red; */
    height: 80px;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 700;

}
.wrapperPhotoProduct {}

.slidePhotoPro1 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/productos/sli-01.jpg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slidePhotoPro2 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/productos/sli-02.jpg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slidePhotoPro3 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/productos/sli-03.jpg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slidePhotoPro4 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/productos/sli-04.jpg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slidePhotoPro5 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/productos/sli-05.jpg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* MEDIAKIT ................................................................................................................ */
/* MEDIAKIT ................................................................................................................ */
/* MEDIAKIT ................................................................................................................ */
/* MEDIAKIT ................................................................................................................ */
/* MEDIAKIT ................................................................................................................ */
/* MEDIAKIT ................................................................................................................ */
/* MEDIAKIT ................................................................................................................ */
/* MEDIAKIT ................................................................................................................ */
/* MEDIAKIT ................................................................................................................ */
/* MEDIAKIT ................................................................................................................ */
/* MEDIAKIT ................................................................................................................ */
/* MEDIAKIT ................................................................................................................ */
/* MEDIAKIT ................................................................................................................ */
/* MEDIAKIT ................................................................................................................ */
/* MEDIAKIT ................................................................................................................ */


/* MEDIAKIT  - SECTION 1 ........................................................................................................................ */


.mediakit-Section1 {
   width: 100%;
   position: relative;  
   overflow: hidden;
  }

.mediakit-Section1Mobile {
    display: none;

    width: 100%;
    height: 100vh;
    
    position: relative;  
    
    background-image: url('../img/mediakit/bkMobile2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;

}
.mediakitMobCarrusel {display: none;}
 .wrappSectionsAbs{
       position: absolute;
    width: 100%;
    height: 100%;
    max-width: 1280px;
  /*  border: 1px solid red;*/
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    top: 0;
    margin: auto;
}
.wrapMediaDat {
position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 85%;
}
.wrapCirclesMedia {
    position: absolute;
    /* border: 1px solid green; */
    top: 0;
    right: -90%;
    }

 .s4marginBMediakit {padding-bottom: 5px;}   
.piechartl_3, .piechartl_2, .piechartl_1, .piechart2x_1, .piechart2x_2, .piechart2x_3,
.piechart3x_1, .piechart3x_2, .piechart3x_3, .piechart4x_1, .piechart4x_2, .piechart4x_3,
.piechart5x_1, .piechart5x_2, .piechart5x_3  {
 position: relative;
}
.mediakitPersonas {
    position: absolute;
    pointer-events: none;
    z-index: 400;}
.mediaVidPhone {width: 100%;}
.mediakitPersonas img {}

.openCreas {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #192d36;
  width: 100%;
  height: 100vh;
  z-index: 600;

  opacity: 0;
  display: none;
}
.wrappSectionsOpen {
 /* border: 2px solid black;*/
  width: 80%;
  height:  fit-content;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 1300px;
  align-items: center;

      display: flex;
    flex-direction: row;
    flex-wrap: nowrap;

}
body > section.mediakit-Section2 > div.openCreas > div > div:nth-child(1) > img {
  transform: rotate(180deg);
}
.movili {
  max-width: 320px;
  margin: 0 auto;
  display: block;

  transform: scale(0.2);
  opacity: 0;
}
.soportemobil {
  width: 482px;
  height: 952px;
  
  margin: 0 auto;
  display: block;
      position: relative;
      transform: translateY(20px) scale(0.7);
      margin-left: -20px !important;



  opacity: 0;

}
#divFleizq {width: 3%}
.divMovilete {width: 40%}
.divDatosCrea {width: 54%}
#divFleder {width: 3%}

.oCTit {
      color: white;
    font-size: 52px;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
}
.oCSubTit {
 /* color: white;*/
    font-size: 25px;
    text-transform: uppercase;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 200;
    letter-spacing: 3px;
    margin-top: -6px;
    margin-bottom: 30px;

      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;
}
.oCarrow {cursor: pointer;}
.oCtxtBold {
  font-family: 'Gothic A1', sans-serif;
  font-weight: 700;
    color: white;
    font-size: 16px;
    /* display: block; */
    margin-bottom: 0;
    margin-top: 0;

    opacity: 0;
    transform: translateY(20px);
}
.oCtxtParr {
  font-family: 'Gothic A1', sans-serif;
  font-weight: 200;
    color: white;
        max-width: 80%;
    margin-bottom: 12px;
    margin-top: 0;
    font-size: 15px;

    opacity: 0;
    transform: translateY(20px);
}
.oCDat {}
.oCBut {
  color: white;
  font-family: 'Gothic A1', sans-serif;
  font-weight: 700;
    text-align: center;
    border-radius: 30px;
    margin: 30px 0px 50px 0px;
    line-height: 50px;
    height: 50px;
    text-decoration: none !important;
    width: 300px !important;
    border: 1px solid #cab99f !important;
        transition: all 0.3s;

        cursor: pointer !important;

}
.oCBut a{
  color: white;
text-transform: uppercase;
    text-decoration: none !important;
}
#oCClose {
    position: absolute;
    width: 60px;
    top: 10%;
    right: 12%;
    display: block;
    flex: none;
    z-index: 9000;
    cursor: pointer;
}
.oCBut:hover{
 background-color: rgba(0,0,0,0.5);


}
.oCqr {
    max-width: 145px;
   /* cursor: pointer;*/

     opacity: 0;
    transform: translateX(10px) rotate(20deg);
}

.imaIntMedi {
max-width: 38px !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
#medi1 {
    position: absolute;
    background-image: url(../img/mediakit/refbutton.jpg);
    background-size: 100% auto;
    width: 10%;
    height: 20%;
    border: 1px solid green;
    display: block;
    background-repeat: no-repeat;
    top: 70%;
    left: 11%;
    cursor: pointer !important;
    z-index: 300;
    opacity: 0;

}
.s4MediaFlexConCircle {
  display: flex;
  flex-wrap: nowrap;
  padding-left: 20px;

   transform: translateY(50px);
   opacity: 0;
   pointer-events: none;
}

#medi2 {
       position: absolute;
    background-image: url(../img/mediakit/refbutton.jpg);
    background-size: 100% auto;
    width: 10%;
    height: 30%;
    border: 1px solid green;
    display: block;
    background-repeat: no-repeat;
    top: 60%;
    left: 26%;
    z-index: 300;
    cursor: pointer !important;
    opacity: 0;
}
#medi3 {
      position: absolute;
    background-image: url(../img/mediakit/refbutton.jpg);
    background-size: 100% auto;
    width: 10%;
    height: 80%;
    display: block;
    border: 1px solid green;
    background-repeat: no-repeat;
    top: 60%;
    z-index: 300;
    left: 43%;
    cursor: pointer !important;
        opacity: 0;


}

/* LOADER */
.loaderMob {
     color: #192d36;
    font-size: 90px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    z-index: 500;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    position: absolute;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



.mediaBoxGallery {
 overflow: hidden;
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
    margin-right: 25px;
    /*flex: 30%;*/
    max-width: 400px;
    width: 400px;

    opacity: 0;
    display: none;
}
.showMBG {
  display: block;
  animation: animIntro 2.4s;
  animation-fill-mode: forwards;

}
@keyframes animIntro {
  0% {
   opacity: 0;
  }
  100% {
   opacity: 1;
  }
}
.medialup {
    position: absolute !important;
    /* top: 0; */
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    /* height: 80px; */
    width: 60px;
    text-align: center;
    display: block !important;
    z-index: 30;

    opacity: 0;
    transform: scale(0.8);
}
.mediaTitGallery {
       position: absolute;
    bottom: 10px;
    left: 20px;
    text-align: left;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    z-index: 30;

    opacity: 0;
    transform: translateY(20px);
}
.mediaOverPro {
       background-color: white;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    right: 0;
    bottom: 0;
    width: 100%; 
    box-sizing: content-box;
    /* height: 92%; */
    /* margin: 10px !important; */
    z-index: 20;
}
.gallMedia {
    border: 10px solid white;
    box-sizing: content-box;
  }


#medi4 {
      position: absolute;
    background-image: url(../img/mediakit/refbutton.jpg);
    background-size: 100% auto;
    width: 10%;
    height: 80%;
    display: block;
    border: 1px solid green;
    background-repeat: no-repeat;
    top: 65%;
    z-index: 300;
    left: 59%;
    cursor: pointer !important;
        opacity: 0;


}
#medi5 {
      position: absolute;
    background-image: url(../img/mediakit/refbutton.jpg);
    background-size: 100% auto;
    width: 10%;
    height: 80%;
    display: block;
    border: 1px solid green;
    background-repeat: no-repeat;
    top: 60%;
    z-index: 300;
    left: 75%;
    cursor: pointer !important;
        opacity: 0;


}
#dato1 {
   position: absolute;
  /*  background-image: url(../img/mediakit/marco.png);
    background-size: 100% auto;*/
    width: 16%;
    height: 48%;

    display: block;
    background-repeat: no-repeat;
    top: 20%;

    left: 8%;
    z-index: 300;


    transform: translateY(50px);
    opacity: 0;


}
#dato2 {
   position: absolute;
  /*  background-image: url(../img/mediakit/marco.png);
    background-size: 100% auto;*/
    width: 16%;
    height: 48%;
   /* border: 1px solid green;*/
    display: block;
    background-repeat: no-repeat;
    top: 12%;
    /*opacity: 0.3;*/
    left: 23%;
    z-index: 300;
    /*display: none;*/

    transform: translateY(50px);
    opacity: 0;

   /* display: none;
    opacity: 0;*/
}
#dato3 {
   position: absolute;
   /* background-image: url(../img/mediakit/marco.png);
    background-size: 100% auto;*/
    width: 16%;
    height: 48%;
 
    display: block;
    background-repeat: no-repeat;
    
    top: 13%;
    left: 40.5%;

    z-index: 300;


    transform: translateY(50px);
    opacity: 0;

 
}
#dato4 {
   position: absolute;
  /*  background-image: url(../img/mediakit/marco.png);
    background-size: 100% auto;*/
    width: 16%;
    height: 48%;
 
    display: block;
    background-repeat: no-repeat;
    
    top: 16%;
    left: 56%;

    z-index: 300;


    transform: translateY(50px);
    opacity: 0;

 
}
#dato5 {
   position: absolute;
    /*background-image: url(../img/mediakit/marco.png);
    background-size: 100% auto;*/
    width: 16%;
    height: 48%;
 
    display: block;
    background-repeat: no-repeat;
    
    top: 13%;
    left: 71%;

    z-index: 300;


    transform: translateY(50px);
    opacity: 0;

 
}

.mediakit-section1LineAnim, .mediakit-section1LineAnim2  {
  position: absolute;
  bottom: 23%;
  left: 0;
  right: 0;
  margin: auto;
  height: 100px;
  width: 100%;
  z-index: 400;

  pointer-events: none;

}
.mediakit-section1LineAnim img, .mediakit-section1LineAnim2 img {
  position: absolute;
  top: 0;
  left: 0;

}
.mLLine1dot01, .mLLine1dot02, .mLLine1dot03  {
  opacity: 0;

}
.mLLine2dot01, .mLLine2dot02, .mLLine2dot04, .mLLine2dot05, .mLLine2dot06  {
  opacity: 0;

}

.lineLong {
  clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
}
.lineLong2 {
  clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
}
.mediakit-section1Txt {
    position: absolute;
    /*top: 165px;*/
    top: 20vh;
    left: 0;
    right: 0;
    
    margin: auto;
    width: 100%;
    height: fit-content;
  /*  border:2px solid green;*/
    text-align: center;

    opacity: 1;
  
}

.mediakit-section1Txt .miniTitleGold {
  margin-top: 10px;
  color: white !important;
  -webkit-text-fill-color: white;
  font-size: 15px;
}

.mediaLogWhi {
max-width: 190px;  
}

.mediakit-ONETOONE {
  font-family: 'Gothic A1', sans-serif !important;
  font-weight:200;
    font-size: 76px;
    text-transform: uppercase;
    line-height: inherit;
    letter-spacing: 13px;
  }


.movilpru {
     position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}
.movilpru img {
  width: 100%;
}
.caca {
  border: 3px solid red;
    position: absolute;
    top: 0;
    z-index: 800;
    color: green;
}
.todo {
 border: 4px solid green;
    width: 482px;
    height: 952px;
    position: relative;
    background-color: green;
}


/*.todo {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; 
}*/
  
.myfr {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
     z-index: 90;
     height: 736px;
    width: 414px;
   /* border: 6px solid green;*/
    margin: auto;
  }

.containerIframe {
 position: relative;
   
    height: 0;
    overflow: hidden;
}
.dbyn {
    padding-bottom: 56.25%;
}
.embed-container {
     position: relative;
    height: -webkit-fill-available;
    overflow: hidden;
}

.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cbyt {
    padding-bottom: 75%;
}
/*.myfr {
position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
      z-index: 90;
}
  */

/* MEDIAKIT  - SECTION 2 ........................................................................................................................ */
.mediakit-Section2 {
    width: 100%;
  /*  height: 190vh;*/
    background-color: white;
    position: relative;
    
    margin-top: -30px;
}
.spColorWhitemediakit {background-color: white !important}
.mediakitFlex{
  position: relative;
  width: 97%;
  display: flex;
  flex-direction: row;
  margin-top: 40px;
  z-index: 90;
}
.typeVidPhone {
     width: 65%;
    display: block;
    margin-left: 8%;
    margin-top: 20px;
}
.rowMediakit {
  /* border: 2px solid green;*/
    text-align: left;
    position: relative;
}
.rowMediaKit1 {flex: 33%;}
.rowMediaKit2 {flex: 67%;}

.selectMediakit {
  margin-top: 40px;

  font-family: 'Gothic A1', sans-serif;
  font-weight: 700;
  font-size: 26px;
  letter-spacing: 2px;
  color: #182d35;

  cursor: pointer;

}
.selectMediakit div{
  cursor: pointer;
  /*  border: 1px solid red;*/

}
.selectMediakit div:hover {
  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;
}

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

#mediaKitTxt {
  font-family: 'Gothic A1', sans-serif;
  font-weight: 200;
    letter-spacing: 1.8px;
    font-size: 13px;
    position: absolute;
    padding: 0px 20px;
    line-height: 20px;
    text-align: justify;
    bottom: 0;
}
.mKSlickGallery {
    margin-top: 80px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.mediakitFlex-Product{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.imaMediaKit {
  width: 30%;
  border: 2% solid red;
  margin: 1%;
}






















/* CONTACTA ................................................................................................................ */
/* CONTACTA ................................................................................................................ */
/* CONTACTA ................................................................................................................ */
/* CONTACTA ................................................................................................................ */
/* CONTACTA ................................................................................................................ */
/* CONTACTA ................................................................................................................ */
/* CONTACTA ................................................................................................................ */
/* CONTACTA ................................................................................................................ */
/* CONTACTA ................................................................................................................ */
/* CONTACTA ................................................................................................................ */
/* CONTACTA ................................................................................................................ */
/* CONTACTA ................................................................................................................ */
/* CONTACTA ................................................................................................................ */
/* CONTACTA ................................................................................................................ */
/* CONTACTA ................................................................................................................ */


/* CONTACTA  - SECTION 1 ........................................................................................................................ */

.contac-Section1 {
    width: 100%;
    height: 100vh;
    
    position: relative;  
    
    background-image: url('../img/contacta/cont-sec1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    


}
.mailSend {
      position: absolute;
    top: 0;
    left: 0;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
    color: white;
    width: 30%;
    font-size: 18px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 50px;
    text-align: justify;
    pointer-events: none;

    opacity: 0;
}

.activemail {animation: opamail 4s;}

@keyframes opamail{
  0% {
    opacity: 0;
    
  }
  25% {
    opacity: 1;
    
  }
  90% {
    opacity: 1;
    
  }
  100% {
    opacity: 0;
  }
}



.sectionCarruMob {display: none;}
.contac-section1Txt {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    
    margin: auto;
    width: 100%;
    height: fit-content;
  /*  border:2px solid green;*/
    text-align: center;
  
}

.spEmpleoSize {
  font-size: 25px;
}

.contac-section1Txt img {
    width: 200px;
    padding-bottom: 15px;

   /* opacity: 0;
    transform: scale(4);*/
}


.contac-section1Txt div {
/*opacity: 0;
    transform: scale(0.3);*/
}
.sube1 {    margin-top: -35px !important;}
.sube2 {}
.mouse {
  width: 20px;
  height: 32px;
  border: 1px solid #fff;
  border-radius: 24px;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.mouse:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -2px;
  background-color: #fff;
  border-radius: 100%;
  width: 4px;
  height: 4px;
  opacity: 1;
  -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
  transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
  -webkit-animation: scroll 1.5s -1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
  animation: scroll 1.5s -1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
}

@-webkit-keyframes scroll {
  0%, 20% {
    -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
    transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
  }
  10% {
    -webkit-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
    transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);
    transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);
    opacity: 0.01;
  }
}
@keyframes scroll {
  0%, 20% {
    -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
    transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
  }
  10% {
    -webkit-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
    transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);
    transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);
    opacity: 0.01;
  }
}


/* CONTACTA  - SECTION 2  ........................................................................................................................ */
.contac-Section2 {
    width: 100%;
  /*  height: 190vh;*/
    background-color: white;
    position: relative;
}

.productosTitle {
  margin: 150px 0px;
  max-width: 400px;
  left: 5%;
  position: relative;
  width: 450px;
}
.contac-section2Txt {
  margin: 520px 0px 140px 0px;
  left: 5%;
  position: relative;
  width: 350px;
/*    position: absolute;
    bottom: 2%;
    left: 5%;

    color: #182d35;
    text-align: left;*/
}
.overLayProCon {
    width: 100%;
    height: 100%;
    background: #182d35;
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    opacity: 0;
}
.rotContac {
    transform: rotate(-90deg) !important;
    /* border: 2px solid red; */
    top: 22%;
    left: -25%;
    position: absolute;
    bottom: 0;
    font-size: 27px;
    text-align: end;
}

.contac-section2Txt div:nth-child(2){
  font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
  font-size: 13px;
  letter-spacing: 2px;
  /* margin-top: 8px; */
  padding-top: 10px;
} 
.txtConColo {
  position: absolute;
    color: white !important;
    bottom: 120px;
    left: 20px;
    z-index: 30;

    opacity: 1;
}
.conTxt1 {
  color: white;
  font-family: 'Gothic A1', sans-serif;
  font-weight: 700;
    font-size: 15px;
    letter-spacing: 0.8px;
    line-height: 23px;

    opacity: 0;
    transform: translateY(10px);
}
.conTxt2 {
  color: white;
  font-size: 15px;
  line-height: 23px;
  font-family: 'Gothic A1', sans-serif;
  font-weight: 200;
      letter-spacing: 0.8px;

  opacity: 0;
  transform: translateY(10px);
}
.conTxt1 a, .conTxt2 a  {
  color: white;
  text-decoration: none !important
}
.conTxt1 a:hover, .conTxt2 a:hover  {
  opacity: 0.85;
}
.buttContac {
       position: absolute;
    color: white !important;
    bottom: 50px;
    left: 20px;
    z-index: 30;
    width: 80%;
    line-height: 40px;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    height: 40px;
    border: 1px solid white;
    border-radius: 20px;

    opacity: 0;
    transform: translateY(40px);

}
.buttContac:hover {
     background-color: rgba(0,0,0,0.2); 
     /*color: #182d35 !important;*/

}
/* FLOAT OVER 1 Y 2 */
.contac-float1-2 {
    width: 100%;
    height: 90vh;
  /*  background-color: white;*/
    max-width: 944px;
    max-height: 654px;
   /* background-color: yellow;*/
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    bottom: -400px;
    margin: auto;
    box-shadow: 2px 12px 8px rgba(0,0,0,0.2);
    z-index: 20;
}

.contac-floatcont {
  top: 0;
  position: relative !important;
  width: 800px;
  height: 870px;
  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: 50px;
}
/*
.contac-floatcont {
    width: 100%;
    max-width: 944px;
    color: #182d35;
    position: absolute;
    left: 0;
    right: 0;
    background-color: white;
    opacity: 0;
    bottom: -500px;
    margin: auto;
    box-shadow: 2px 12px 8px rgba(0,0,0,0.2);
    z-index: 20;
}
*/
.contac-floatcont-empleo {
    width: 100%;
    max-width: 944px;
    color: #182d35;
    position: absolute;
    left: 0;
    right: 0;
    background-color: white;
    opacity: 1;
    bottom: -400px;
    margin: auto;
    box-shadow: 2px 12px 8px rgba(0,0,0,0.2);
    z-index: 20;
}

.contacWord {display: block;}
.contacEmpreyCargo {
      display: flex;
    width: 100% !important;
    flex-direction: row;

}
.contacEmpreyCargo div {
    flex: 50%;
    
}
.capaEmpresaMargin {
  margin-right: 20px;
}
.buttonSendNew {
  max-width: 300px;
    margin-bottom: 40px !important;
    width: 75%;
    text-align: center;
    margin: 0 auto;
    height: 52px;
    position: relative;
    margin-top: 50px;
    cursor: pointer;
}
.buttonSendNew:hover {
  opacity: 0.8 !important;
}
.bsIma {width: 100%;}
.alignSendBut {
  text-align: center;
}
input[type=email], input[type=text] {
       width: 100%;
    padding: 10px 0px 5px 0px;
    margin: 0px;
    box-sizing: border-box;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 40px !important;
    background: transparent;
    color: #fff;
}
textarea[type=mensaje]{
  width: 100%;
  padding: 15px 0px 5px 5px;
  margin: 10px 0;
  box-sizing: border-box;
  border-top: none;
  border-left: none;
  border-right: none;
  border: 1px solid #fff;
  margin-bottom: 10px !important;
  resize: none !important;
  background: transparent;
  color: #fff;
}



#docContainer input[type="radio"], #docContainer input[type="checkbox"] {
  float: left;
      float: left;
      background: transparent;
      border: 0;
}
input[type="checkbox"] {
  appearance: none;
  background-color: transparent;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid currentColor;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
  border: 0;
  position: relative;
  padding-left: 24px;
}


input[type=checkbox]:before {
  content: "";
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  left: 0px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color:#002831;
}
input[type=checkbox]:checked:after {
  content: "";
  display: block;
  width: 7px;
  height: 11px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 2px;
  left: 5px;
}



.marginChek1  {
  margin-top: 20px;
  font-family: 'Gothic A1', sans-serif;
    font-weight:200;
    font-size: 10px;
}
.marginChek2  {
  margin-top: 20px;
  font-family: 'Gothic A1', sans-serif;
  font-weight: 200;
  font-size: 10px;
  line-height: 22px;
  max-width: 600px;
  width: 100%;
}
.input {
  display: block !important;
  width: 100% !important;
  margin-top: 5px !important;
  padding-bottom: 5px !important;
  font-size: 16px !important;
  border-bottom: 1px solid #182d35 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
.formTxt1 {
  font-family: 'Gothic A1', sans-serif;
  font-weight: 700;
    margin-top: 60px;
    text-align: center;
    font-size: 27px;
    position: relative;
    padding-top: 80px;

  background: linear-gradient(to right, #ecdab7, #706961 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
    
}
.formTxt2 {
  font-family: 'Gothic A1', sans-serif;
  font-weight: 200;
    /* max-width: 450px; */
    text-align: center;
    font-size: 14px;
    margin-top: 7.5px;
}
.formTxtCampos {
      text-align: left;
    margin-top: 60px !important;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
    font-size: 14px;
    width: 80%;
    margin: 0 auto;
}
.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: 'Gothic A1', sans-serif;
    font-weight: 700;
    cursor: pointer;
    color:#fff;
}
.formTxtBut:hover {
  background-color: rgba(0,0,0,0.1);
  
}
.formTxtCampos label span {display: block}
.formTxtCampos label:nth-child(1) {    }
.formTxtCampos label:nth-child(3) {    }
.formTxtCampos label:nth-child(5) {    }
.formTxtCampos label:nth-child(7) {    }


/* CONTACTA  - SECTION 3  ........................................................................................................................ */
.contac-Section3 {
    width: 100%;
   /* height: 100vh;*/
    background-color: white;
    position: relative;
}

.contac-Slider {
  padding-top: 40px !important;
    position: relative;
    top: 10%;
    left: 0;
    width: 100%;
    /* height: 350px; */
    background-color: white;

}

.prodTitGalleryC {
      pointer-events: none;
    color: white;
    position: absolute;
    top: 100px;
    text-align: right;
    left: -40px;
    font-size: 30px;
    z-index: 80;
    width: 50%;
    letter-spacing: 3px;
    /* border: 2px solid red; */
    height: 80px;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
}
.specialWhite {
  background-color: white !important;
}








/* AVISO ................................................................................................................ */
/* AVISO ................................................................................................................ */
/* AVISO ................................................................................................................ */
/* AVISO ................................................................................................................ */
/* AVISO ................................................................................................................ */
/* AVISO ................................................................................................................ */



/* AVISO  - SECTION 1 ........................................................................................................................ */

.aviso-Section1 {
    width: 100%;
    height: 50vh;
    
    position: relative;  
    
    background-image: url('../img/lega-sect1bk.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;

}

.aviso-Section1B {
    width: 100%;
 /*   height: 100vh;*/
    background-color: white;


}

.aviso-section1Txt {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: fit-content;
 /*   border:2px solid green;*/
        text-align: center;
  

}

.avisoMenu {
  padding: 80px 0px;
    display: flex;
    flex-direction: column;

      margin-left: 130px;
}
.avisoMenu div {
  margin: 8px 0px;
}

.avisoMenu div a {
  color: #182d35;
  font-family: 'Gothic A1', sans-serif;
  font-weight: 700;
    font-size: 28px;
    text-decoration: none;
    letter-spacing: 0.8px !important;
}
.avisoMenu div a:hover {
   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;
}
.aviso-section1Txt .miniTitleGold {
  margin-top: 28px;
}

.avisoTitul {
  font-family: 'Gothic A1', sans-serif;
  font-weight: 700;
    font-size: 30px;
    color: #182d35;
    padding-top: 90px;
 padding-bottom: 20px;
 margin-left: 130px;
}
.appsp {
  margin-left: 0px !important
}
.avisoParr {
  font-family: 'Gothic A1', sans-serif;
  font-weight: 200;
    font-size: 12px !important;
    padding-bottom: 20px;
    margin-left: 130px;
}
.avisoParr h3 {
  font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #182d35;}
.avisoParr p, .avisoParr ul, .avisoParr ul li {
  font-size: 16px;
  font-family: 'Gothic A1', sans-serif;
  font-weight: 200;
    color: #182d35;
    padding-bottom: 8px;
}

.aviso-Section2, .aviso-Section3, .aviso-Section4 {
  background-color: white;
  padding-bottom: 180px;
}
.avisoParr p a, .avisoParr li a  {
      text-decoration: underline;
       color: #182d35 !important;
       font-family: 'Gothic A1', sans-serif;
       font-weight: 700;
}
.subirmenuAviso {
   font-size: 13px;
   font-family: 'Gothic A1', sans-serif;
   font-weight: 200;
    color: #182d35;
    text-decoration: underline;
     padding-bottom: 60px;
     display: block;
     margin-left: 130px;
}




#scrollData {
   position: fixed;
    top: 0;
    left: 0;
    font-size: 15px;
    width: 150px;
    height: 50px;
    color: red;
    z-index: 999999;
   /* border: 2px solid red;*/
}

h1 {
  font-family: "Poppins";
  color: #43515c;
  font-size: 70px;
  font-weight: lighter;
  letter-spacing: -5px;
  padding: 50px 0px 0px 0px;
  z-index: 999;
}

p {
  font-family: "Poppins";
  color: #43515c;
  font-size: 24px;
  font-weight: 100;
  z-index: 999;
}

.third-section {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  position: relative;
  background-color: white;
}

.third-section .images-wrapper {
  margin-top: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.third-section .images-wrapper img {
  position: absolute;
}


.forth-section {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  position: relative;
}

.forth-section .images-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.forth-section .images-wrapper img {
  position: absolute;
}


/******* POP UP ******/
.instructions {
  text-align:center;
  font-size:20px;
  margin: 15vh;
}  

/* //////////////////////////////////////////////////////////////////////////////////////////////
  //   Default Modal Styles   //
////////////////////////////////////////////////////////////////////////////////////////////// */
/*   This is the background overlay   */
.backgroundOverlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  background:#182a33;
  opacity: .85;
  filter: alpha(opacity=85);
  -moz-opacity: .85;
  z-index: 999;
  display: none;
}
/*   This is the Popup Window   */
.delayedPopupWindow {
  display: none;
  position: fixed;
  width: auto;
  top: 29%;
  background-image: url(../img/bg-popup.jpg);
  z-index:9999;
  background-size:contain;
  width: 800px;
  height: 480px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.logoPopup{
  background-image: url(../img/logoAzerionPopup.png);
  position: relative;
  width: 200px;
  height: 34px;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
  top: 50px;
}
/*   This is the closing button  */
#btnClose {
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 35px;
  width: 50px;
  float: right;
  top: 10px;
  position: relative;
  right: 10px;
  font-family: 'CenturyGothic';
  text-align: center;
}
/*   This is the closing button hover state  */
#btnClose:hover {
  opacity: 0.8;
}
/*   This is the description headline and paragraph for the form   */
#delayedPopup > div.formDescription {
  font-family: 'CenturyGothic-Boldt';
  font-size: 60px;
  color: #fff;
  text-align: center;
  position: relative;
  top: 90px;
  margin: 0 auto;
  width: 560px;
}

/*   This is the styling for the form's headline   */
#delayedPopup > div.formDescription h2 {
  font-family: 'CenturyGothic-Boldt';
  font-size: 46px;
  color: #fff;
  text-align: center;
  position: relative;
  background-color: #ff5000;
  margin: 0 auto;
  top: 10px;
  width: 480px;
}
#delayedPopup > div.formDescription h3 {
  font-family: 'CenturyGothic';
  font-size: 20px;
  color: #fff;
  text-align: center;
  position: relative;
  margin: 0 auto;
  top: 40px;
}
#delayedPopup > div.formDescription .cta {
  font-family: 'CenturyGothic-Boldt';
  font-size: 20px;
  color: #fff;
  text-align: center;
  position: relative;
  margin: 0 auto;
  top: 40px;
  text-decoration: none;
  border: 1px solid #fff;
  padding: 10px 110px;
  border-radius: 100px;
}
#delayedPopup > div.formDescription .cta:hover {
 opacity: 0.5;
 cursor: pointer;
}
#delayedPopup > div.formDescription .h4 {
  font-family: 'CenturyGothic';
  font-size: 18px;
  color: #fff;
  text-align: center;
  position: absolute;
  margin: 0 auto;
  top: 291px;
  width: 180px;
  left: 0;
  right: 0;
  cursor: pointer;
}
#delayedPopup > div.formDescription .h4:hover {
  opacity: 0.5;
  cursor: pointer;
 }
@media only screen and (max-width: 768px) {
  .delayedPopupWindow {
    width: 490px;
    height: 296px;
  }
  .logoPopup{
    width: 130px;
    height: 24px;
    top: 40px;
  }
  #btnClose {
    font-size: 27px;
    width: 50px;
    top: 10px;
    right: 0px;
}
#delayedPopup > div.formDescription {
  font-size: 34px;
  top: 60px;
  width: 320px;
}
#delayedPopup > div.formDescription h2 {
  font-size: 26px;
  width: 280px;
  top: 10px;
}
#delayedPopup > div.formDescription h3 {
  font-size: 16px;
  margin: 0 auto;
  top: 25px;
}
#delayedPopup > div.formDescription .cta {
  font-size: 17px;
  top: 31px;
  padding: 5px 90px;
  border-radius: 100px;
}
#delayedPopup > div.formDescription .h4 {
  font-size: 16px;
  top: 171px;
  width: 180px;
}
}
@media only screen and (max-width: 490px) {
  .delayedPopupWindow {
    width: 370px;
    height: 616px;
    background-image: url(../img/bg-popup-movil.jpg);
    background-repeat: no-repeat;
    top: 60px;
}
  .logoPopup{
    width: 180px;
    height: 34px;
    top: 130px;
  }
  #btnClose {
    font-size: 27px;
    width: 50px;
    top: 10px;
    right: 0px;
}
#delayedPopup > div.formDescription {
  font-size: 30px;
  top: 170px;
  width: 280px;
}
#delayedPopup > div.formDescription h2 {
  font-size: 26px;
  top: 10px;
}
#delayedPopup > div.formDescription h3 {
  font-size: 16px;
  margin: 0 auto;
  top: 45px;
}
#delayedPopup > div.formDescription .cta {
  font-size: 17px;
  top: 50px;
  padding: 5px 90px;
  border-radius: 100px;
}
#delayedPopup > div.formDescription .h4 {
  font-size: 16px;
  top: 191px;
  width: 180px;
}
}
@media only screen and (max-width: 420px) {
  .delayedPopupWindow {
    width: 370px;
    height: 616px;
    background-image: url(../img/bg-popup-movil.jpg);
    background-repeat: no-repeat;
    top: 60px;
}
  .logoPopup{
    width: 180px;
    height: 34px;
    top: 130px;
  }
  #btnClose {
    font-size: 27px;
    width: 50px;
    top: 10px;
    right: 0px;
}
#delayedPopup > div.formDescription {
  font-size: 25px;
  top: 170px;
  width: 280px;
}
#delayedPopup > div.formDescription h2 {
  font-size: 23px;
    top: 10px;
    width: 250px;
}
#delayedPopup > div.formDescription h3 {
  font-size: 16px;
  margin: 0 auto;
  top: 45px;
}
#delayedPopup > div.formDescription .cta {
  font-size: 17px;
  top: 50px;
  padding: 5px 90px;
  border-radius: 100px;
}
#delayedPopup > div.formDescription .h4 {
  font-size: 16px;
  top: 191px;
  width: 180px;
}
}
@media only screen and (max-width: 375px) {
  .delayedPopupWindow {
    width: 310px;
    top: 40px;
}
  .logoPopup{
    width: 180px;
    height: 34px;
    top: 130px;
  }
  #btnClose {
    font-size: 27px;
    width: 50px;
    top: 10px;
    right: 0px;
}
#delayedPopup > div.formDescription {
  font-size: 30px;
  top: 170px;
  width: 280px;
}

#delayedPopup > div.formDescription h3 {
  font-size: 16px;
  margin: 0 auto;
  top: 45px;
}
#delayedPopup > div.formDescription .cta {
  font-size: 17px;
  top: 50px;
  padding: 5px 90px;
  border-radius: 100px;
}
#delayedPopup > div.formDescription .h4 {
  font-size: 16px;
  top: 191px;
  width: 180px;
}
}