.nav-transparent {
       position: absolute;
           z-index: 900;
}

@font-face {
    font-family: 'Comfortaa';
    src: url('font/comforta/fonts/Comfortaa-VariableFontwght.eot');
    src: url('font/comforta/fonts/Comfortaa-VariableFontwght.eot?#iefix') format('embedded-opentype'),
         url('font/comforta/fonts/Comfortaa-VariableFontwght.woff2') format('woff2'),
         url('font/comforta/fonts/Comfortaa-VariableFontwght.woff') format('woff'),
         url('font/comforta/fonts/Comfortaa-VariableFontwght.ttf')  format('truetype'),
         url('font/comforta/fonts/Comfortaa-VariableFontwght.svg#Comfortaa') format('svg');
}

@font-face {
    font-family: 'Gadugi';
    src: url('font/gadugi/fonts/gadugi.eot');
    src: url('font/gadugi/fonts/gadugi.eot?#iefix') format('embedded-opentype'),
         url('font/gadugi/fonts/gadugi.woff2') format('woff2'),
         url('font/gadugi/fonts/gadugi.woff') format('woff'),
         url('font/gadugi/fonts/gadugi.ttf')  format('truetype'),
         url('font/gadugi/fonts/gadugi.svg#Gadugi') format('svg');
}



@media (max-width: 767px) {
  .carousel-inners .carousel-items > div {
      display: none;
  }
  .carousel-inners .carousel-items > div:first-child {
      display: block;
  }
}

.carousel-inners .carousel-item.active,
.carousel-inners .carousel-item-next,
.carousel-inners .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
  
  .carousel-inners .carousel-item-end.active,
  .carousel-inners .carousel-item-next {
    transform: translateX(25%);
  }
  
  .carousel-inners .carousel-item-start.active, 
  .carousel-inners .carousel-item-prev {
    transform: translateX(-25%);
  }
}

.carousel-inners .carousel-item-end,
.carousel-inners .carousel-item-start { 
transform: translateX(0);
}

.flchas-carrusel{
        text-decoration: none;
}

.carousel-control-prev-icons {
    margin-top: 20px;
    background-image: url(../multimedia/img/flechaizquierda.png);
    width: 40px;
    height: 40px;
}

.carousel-control-next-icons {
    margin-top: 20px;
    background-image: url(../multimedia/img/flechaderecha.png);
    width: 40px;
    height: 40px;
}




.fondo-pantalla{
    height: 844px;
    z-index: 900;
    background: url(../multimedia/img/soluciones_bacanas.jpg); 
  -webkit-background-size: 100% 100%;           /* Safari 3.0 */
     -moz-background-size: 100% 100%;           /* Gecko 1.9.2 (Firefox 3.6) */
       -o-background-size: 100% 100%;           /* Opera 9.5 */
          background-size: 100% 100%;           /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */

}

.fondo-clientes{
    height: 100%;
    background: url(../multimedia/img/clientesfondo.jpg); 
  transform-origin: center center;
    transform: scale(1);

}

.fondo-formularios{
    height: 100%;
    background: url(../multimedia/img/fondo-formu.jpg); 
  transform-origin: center center;
    transform: scale(1);
    

}

.fondo-masbacanos{
    

    background: url(../multimedia/img/mas-bacano.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.fondo-adn{
    height: 1080px;
    background: url(../multimedia/img/adn.jpg); 
  transform-origin: center center;
    transform: scale(1);

}

.fondo-marketing{
    height: 844px;
    background: url(../multimedia/img/marketingdigital.jpg); 
  -webkit-background-size: 100% 100%;           /* Safari 3.0 */
     -moz-background-size: 100% 100%;           /* Gecko 1.9.2 (Firefox 3.6)*/ 
       -o-background-size: 100% 100%;           /* Opera 9.5 */
          background-size: 100% 100%;           /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */

}

.fondo-marketingdos{
    background: url(../multimedia/img/marketingdigital.jpg); 
  -webkit-background-size: 100% 100%;           /* Safari 3.0 */
     -moz-background-size: 100% 100%;           /* Gecko 1.9.2 (Firefox 3.6)*/ 
       -o-background-size: 100% 100%;           /* Opera 9.5 */
          background-size: 100% 100%;           /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */

}

.fondo-market-interna{
    
  height: 1080px;
  background: url(../multimedia/img/fondomarkinterna.jpg);  
  transform-origin: center center;
    transform: scale(1);

}

.slide__text {
  font-size: 40px;
  font-weight: bold;
  font-family: 'Comfortaa';
  position: fixed;
  left: 0;
  background: #fff;
}

.slides {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 100%;
    height: 900px;
    scroll-snap-align: center;
    margin-right: 0px;
    box-sizing: border-box;
}

.text-menu{
    font-family: 'Comfortaa';
    font-size: 12pt;
    line-height: 1;
    font-weight: 800;
    color: #fff;
}

.flexbox {
  align-items: center;
  display: flex;
  justify-content: center;
}
.ancho-lib-menu{
        width: 120px;
}

.titulo-uno{
    font-family: 'Comfortaa';
    font-size: 39pt;
    line-height: 1;
    font-weight: 800;
    color: #fff;
    margin-top: 20%;
}

.form-inputs{
        border-radius: 20px;
    background: #e5e5e5;
    border: 0;
}

.titulo-forms{
    font-family: 'Gadugi';
    font-size: 19px;
    text-align:center;
    color: #ff380c;
}

.titulo-form{
    font-family: 'Gadugi';
    font-size: 19px;
    text-align:left;
    color: #ff380c;
    margin-bottom:7px;
}

.titulo-adn{
    font-family: 'Comfortaa';
    font-size: 69pt;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    margin-top: 4%;
    text-align: center;
}
.texto-borde-adn {
     color: #070739;
     font-weight: bold;
     text-shadow: 2px 2px 0 #ffffff, 2px -2px 0 #ffffff, 
                 -2px 2px 0 #ffffff, -2px -2px 0 #ffffff, 
                  2px 0px 0 #ffffff, 0px 2px 0 #ffffff, 
                 -2px 0px 0 #ffffff, 0px -2px 0 #ffffff, 
                  4px -13px 0px rgb(206 89 55 / 0%);
}

.texto-borde-clientes {
 
   color: #fff;
     font-weight: bold;
     text-shadow: 2px 2px 0 #ff380c, 2px -2px 0 #ff380c, 
                 -2px 2px 0 #ff380c, -2px -2px 0 #ff380c, 
                  2px 0px 0 #ff380c, 0px 2px 0 #ff380c, 
                 -2px 0px 0 #ff380c, 0px -2px 0 #ff380c, 
                  4px -13px 0px rgb(206 89 55 / 0%);
}

.texto-borde {
     color: #070739;
     font-weight: bold;
     text-shadow: 2px 2px 0 #ffffff, 2px -2px 0 #ffffff, 
                 -2px 2px 0 #ffffff, -2px -2px 0 #ffffff, 
                  2px 0px 0 #ffffff, 0px 2px 0 #ffffff, 
                 -2px 0px 0 #ffffff, 0px -2px 0 #ffffff, 
                  4px -13px 0px rgb(206 89 55 / 0%);
}

.parrafo-adn{
    font-family: 'Gadugi';
    font-size: 19pt;
    line-height: 1;
    font-weight: 200;
    color: #fff;
    margin-top: 4%;
    text-align: left;
}


 .fadeTop {
  opacity: 0; 
  transform: translate(0, 10vh);
  transition: all 1s;
}

.fadeRight {
  opacity: 0;
  transform: translate(10vh, 0vh);
  transition: all 1s;
}

.fadeLeft {
  opacity: 0;
  transform: translate(-10vh, 0vh);
  transition: all 4s;
}

.visible {
  opacity: 1;
  transform: translate(0, 0);
}



.zoom {
 
  transition: transform .5s; /* Animation */

  margin: 0 auto;
}

.zoom:hover {
  transform: scale(0.9); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}







/* CIERRE SLIDER PROYECTOS 
@media (max-width: 767px) {
    .carousel-innerr .carousel-itemr > div {
        display: none;
    }
    .carousel-innerr .carousel-itemr > div:first-child {
        display: block;
        
    }
}
*/
.carousel-innerr .carousel-item.active,
.carousel-innerr .carousel-item-next,
.carousel-innerr .carousel-item-prev {
    display: flex;
   
}


/* medium and up screens */
@media (min-width: 768px) {
    
    .carousel-innerr .carousel-item-end.active,
    .carousel-innerr .carousel-item-next {
      transform: translateX(25%);
    }
    
    .carousel-innerr .carousel-item-start.active, 
    .carousel-innerr .carousel-item-prev {
      transform: translateX(-25%);
    }
}

.carousel-innerr .carousel-item-end,
.carousel-innerr .carousel-item-start { 
  transform: translateX(0);
}


@media (min-width: 1810px) and (max-width: 2920px) {
.titulo-clientes{
    font-family: 'Comfortaa';
    font-size: 49pt;
    line-height: 1;
    font-weight: bold;
    color: #ff380c;
    margin-top: 4%;
    text-align: center;
    
}

.img-soluciones{
    width:100%;
}

.ocultar-div{
display:none;
}
.ocultar-divt{
display:none;
}
.hi-slide { position: relative; width: 80%; height: 500px; margin: 115px auto 0; }

.background-proyects{
    
    width: 100%; 
        height: 1050px;
                   
}
    
}

@media (min-width: 1770px) and (max-width: 1809px) {
    
    .titulo-clientes{
    font-family: 'Comfortaa';
    font-size: 49pt;
    line-height: 1;
    font-weight: bold;
    color: #ff380c;
    margin-top: 4%;
    text-align: center;
    
}

.img-soluciones{
    width:100%;
}
.ocultar-div{
display:none;
}
.ocultar-divt{
display:none;
}
.hi-slide { position: relative; width: 80%; height: 500px; margin: 115px auto 0; }
    
.background-proyects{
    
    width: 100%; 
        height: 990px;
                   
}
    
}


@media (min-width: 1670px) and (max-width: 1769px) {
    
    .titulo-clientes{
    font-family: 'Comfortaa';
    font-size: 49pt;
    line-height: 1;
    font-weight: bold;
    color: #ff380c;
    margin-top: 4%;
    text-align: center;
    
}

.img-soluciones{
    width:90%;
}

.ocultar-div{
display:none;
}
.ocultar-divt{
display:none;
}
.hi-slide { position: relative; width: 80%; height: 500px; margin: 115px auto 0; }
    
.background-proyects{
    
    width: 100%; 
        height: 960px;
                   
}
    
}


@media (min-width: 1620px) and (max-width: 1669px) {
    
    .titulo-clientes{
    font-family: 'Comfortaa';
    font-size: 49pt;
    line-height: 1;
    font-weight: bold;
    color: #ff380c;
    margin-top: 4%;
    text-align: center;
    
}
.img-soluciones{
    width:90%;
}
.ocultar-div{
display:none;
}
.ocultar-divt{
display:none;
}
.hi-slide { position: relative; width: 80%; height: 500px; margin: 115px auto 0; }
    
.background-proyects{
    
    width: 100%; 
        height: 920px;
                   
}
    
}


@media (min-width: 1570px) and (max-width: 1619px) {
    
    .titulo-clientes{
    font-family: 'Comfortaa';
    font-size: 49pt;
    line-height: 1;
    font-weight: bold;
    color: #ff380c;
    margin-top: 4%;
    text-align: center;
    
}
.img-soluciones{
    width:90%;
}
.ocultar-div{
display:none;
}
.ocultar-divt{
display:none;
}
.hi-slide { position: relative; width: 80%; height: 500px; margin: 115px auto 0; }
    
.background-proyects{
    
    width: 100%; 
        height: 890px;
                   
}
    
}



@media (min-width: 1500px) and (max-width: 1569px) {
.titulo-clientes{
    font-family: 'Comfortaa';
    font-size: 49pt;
    line-height: 1;
    font-weight: bold;
    color: #ff380c;
    margin-top: 4%;
    text-align: center;
    margin-left:10px;
}
.img-soluciones{
    width:85%;
}
.ocultar-div{
display:none;
}
 .ocultar-divs{
display:none;
}
.hi-slide { position: relative; width: 95%; height: 700px; margin: 115px auto 0; }

.background-proyects{
 
        height: 860px;
     width: 100%;              
}
    
}


@media (min-width: 1420px) and (max-width: 1499px) {
.titulo-clientes{
    font-family: 'Comfortaa';
    font-size: 49pt;
    line-height: 1;
    font-weight: bold;
    color: #ff380c;
    margin-top: 4%;
    text-align: center;
    margin-left:-10px;
}

.img-soluciones{
    width:83%;
}
.ocultar-divs{
display:none;
}

.ocultar-divt{
display:none;
}
.hi-slide { position: relative; width: 80%; height: 700px; margin: 115px auto 0; }

.background-proyects{
 
        height: 820px;
     width: 100%;              
}
    
}




@media (min-width: 1300px) and (max-width: 1419px) {
.titulo-clientes{
    font-family: 'Comfortaa';
    font-size: 49pt;
    line-height: 1;
    font-weight: bold;
    color: #ff380c;
    margin-top: 4%;
    text-align: center;
    margin-left:-10px;
}

.img-soluciones{
    width:82%;
}
.ocultar-divs{
display:none;
}

.ocultar-divt{
display:none;
}
.hi-slide { position: relative; width: 80%; height: 700px; margin: 115px auto 0; }

.background-proyects{
 
        height: 790px;
     width: 100%;              
}
    
}


@media (min-width: 900px) and (max-width: 1299px) {
.titulo-clientes{
    font-family: 'Comfortaa';
    font-size: 49pt;
    line-height: 1;
    font-weight: bold;
    color: #ff380c;
    margin-top: 4%;
    text-align: center;
    margin-left:-50px;
}
  .img-soluciones{
    width:80%;
}
 .ocultar-divs{
display:none;
}
.ocultar-divt{
display:none;
}   

.hi-slide { position: relative; width: 100%; height: 500px; margin: 115px auto 0; }

.background-proyects{
 
        height: 750px;
     width: 100%;              
}

}







            
.hi-slide .hi-next,
.hi-slide .hi-prev 
            { position: absolute;
              top: 50%; 
              width: 70px;
              height: 70px; 
              margin-top: -20px;     
              border-radius: 100px; 
              padding: 5px;
              line-height: 40px;
              text-align: center; 
              cursor: pointer;
              background-color: #fff; 
              color: black;               
              transition: all 0.6s;
              font-size: 44px; 
                font-weight: bold;
            }
            
           .hi-slide .hi-next:hover, 
            .hi-slide .hi-prev:hover 
            
            {
            opacity: 1; 
            background-color: #fff;  
            }
            
  
    
    
     .hi-slide .hi-prev { left: 95px;color: #ff380c;
                          z-index: 900;
                                border: 3px solid #ff380c; }
            
    .hi-slide .hi-prev::before { content: '<'; }
    .hi-slide .hi-next { right: -10px; color: #ff380c;
                                border: 3px solid #ff380c;}
    .hi-slide .hi-next::before { content: '>'; }
    
    
    
    
            .hi-slide > ul
                    { 
                        list-style: none; 
                        position: relative;
                        width: 754px; 
                        height: 292px; 
                        margin: 0;
                        padding: 0;
            }
            
            
        .hi-slide > ul > li {
            overflow: hidden; 
            position: absolute; 
            z-index: 0; 
            left: 377px;
            top: 146px; 
            width: 0; 
            height: 0; 
            margin: 0; 
            padding: 0;
            border: 3px solid #fff;              
            background-color: #333; 
            cursor: pointer; }
            
        .hi-slide > ul > li > img { width: 100%; height: 100%; background-position: center;}