body {
    background-image: url("../img/fondo-intro.png");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    font-family: 'Mont', sans-serif;
    font-style: normal;
  }
  
  * {
    margin: 0px;
    padding: 0%;
  }
  
  .clear {
    clear: both;
  }
  
  #particles-js{
    height: 100% !important;
    width: 100%;
    position: fixed;
    z-index: -100px;
  }

  /* #loadPage{
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000000000;
    background-image:url(../img/fondo-intro.png);
    color: white;
  }

  #loadPage p{
    display: block;
    width: 180px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  } */
  
  @font-face {
    font-family: 'Mont';
    src: url('../fonts/Mont-Black.eot');
    src: local('Mont Black'), local('Mont-Black'),
        url('../fonts/Mont-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mont-Black.woff2') format('woff2'),
        url('../fonts/Mont-Black.woff') format('woff'),
        url('../fonts/Mont-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url('../fonts/Mont-ThinItalic.eot');
    src: local('../Mont Thin Italic'), local('Mont-ThinItalic'),
        url('../fonts/Mont-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mont-ThinItalic.woff2') format('woff2'),
        url('../fonts/Mont-ThinItalic.woff') format('woff'),
        url('../fonts/Mont-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Mont';
    src: url('../fonts/Mont-ExtraLight.eot');
    src: local('Mont ExtraLight'), local('Mont-ExtraLight'),
        url('../fonts/Mont-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mont-ExtraLight.woff2') format('woff2'),
        url('../fonts/Mont-ExtraLight.woff') format('woff'),
        url('../fonts/Mont-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url('../fonts/Mont-Bold.eot');
    src: local('Mont Bold'), local('Mont-Bold'),
        url('../fonts/Mont-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mont-Bold.woff2') format('woff2'),
        url('../fonts/Mont-Bold.woff') format('woff'),
        url('../fonts/Mont-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url('../fonts/Mont-HeavyItalic.eot');
    src: local('Mont Heavy Italic'), local('Mont-HeavyItalic'),
        url('../fonts/Mont-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mont-HeavyItalic.woff2') format('woff2'),
        url('../fonts/Mont-HeavyItalic.woff') format('woff'),
        url('../fonts/Mont-HeavyItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Mont';
    src: url('../fonts/Mont-BlackItalic.eot');
    src: local('Mont Black Italic'), local('Mont-BlackItalic'),
        url('../fonts/Mont-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mont-BlackItalic.woff2') format('woff2'),
        url('../fonts/Mont-BlackItalic.woff') format('woff'),
        url('../fonts/Mont-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Mont';
    src: url('../fonts/Mont-ExtraLightItalic.eot');
    src: local('Mont ExtraLight Italic'), local('Mont-ExtraLightItalic'),
        url('../fonts/Mont-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mont-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Mont-ExtraLightItalic.woff') format('woff'),
        url('../fonts/Mont-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Mont';
    src: url('../fonts/Mont-Heavy.eot');
    src: local('Mont Heavy'), local('Mont-Heavy'),
        url('../fonts/Mont-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mont-Heavy.woff2') format('woff2'),
        url('../fonts/Mont-Heavy.woff') format('woff'),
        url('../fonts/Mont-Heavy.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url('../fonts/Mont-SemiBold.eot');
    src: local('Mont SemiBold'), local('Mont-SemiBold'),
        url('../fonts/Mont-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mont-SemiBold.woff2') format('woff2'),
        url('../fonts/Mont-SemiBold.woff') format('woff'),
        url('../fonts/Mont-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url('../fonts/Mont-RegularItalic.eot');
    src: local('Mont Regular Italic'), local('Mont-RegularItalic'),
        url('../fonts/Mont-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mont-RegularItalic.woff2') format('woff2'),
        url('../fonts/Mont-RegularItalic.woff') format('woff'),
        url('../fonts/Mont-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Mont';
    src: url('../fonts/Mont-BoldItalic.eot');
    src: local('Mont Bold Italic'), local('Mont-BoldItalic'),
        url('../fonts/Mont-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mont-BoldItalic.woff2') format('woff2'),
        url('../fonts/Mont-BoldItalic.woff') format('woff'),
        url('../fonts/Mont-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Mont';
    src: url('../fonts/Mont-SemiBoldItalic.eot');
    src: local('Mont SemiBold Italic'), local('Mont-SemiBoldItalic'),
        url('../fonts/Mont-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mont-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Mont-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Mont-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Mont';
    src: url('../fonts/Mont-LightItalic.eot');
    src: local('Mont Light Italic'), local('Mont-LightItalic'),
        url('../fonts/Mont-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mont-LightItalic.woff2') format('woff2'),
        url('../fonts/Mont-LightItalic.woff') format('woff'),
        url('../fonts/Mont-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Mont';
    src: url('../fonts/Mont-Thin.eot');
    src: local('Mont Thin'), local('Mont-Thin'),
        url('../fonts/Mont-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mont-Thin.woff2') format('woff2'),
        url('../fonts/Mont-Thin.woff') format('woff'),
        url('../fonts/Mont-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url('../fonts/Mont-Regular.eot');
    src: local('Mont Regular'), local('Mont-Regular'),
        url('../fonts/Mont-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mont-Regular.woff2') format('woff2'),
        url('../fonts/Mont-Regular.woff') format('woff'),
        url('../fonts/Mont-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url('../fonts/Mont-Light.eot');
    src: local('Mont Light'), local('Mont-Light'),
        url('../fonts/Mont-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mont-Light.woff2') format('woff2'),
        url('../fonts/Mont-Light.woff') format('woff'),
        url('../fonts/Mont-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

  

  
  /*---------------------------------------------------------------------------------------------------------------------*/
  .animacionfondo img {
    width: 100%;
    height: 100%;
  }
  
  .contenedor-intro {
    width: 100%;
    height: auto;
  }
  
  .contenido-intro {
    width: 100%;
    /* background-image: url('../img/gp_pruebaweb.gif'); 
    background-size:60% auto;*/
    background-image: url('../img/fondo-introBaja.gif');
    background-repeat: no-repeat;
    background-size:100% auto;
    background-position: center center;
    height: 100%;
    z-index: -1;
    position: absolute;
    top: 0px;
  }
  
  .lenguaje {
    position: fixed;
    top: 4%;
    right: 30px;
    z-index: 999000px;
  }
  
  .lenguaje img {
    width: 30px;
    height: auto;
    float: left;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
  }
  
  a.btn-leng {
    color: white;
    font-family: 'Mont', sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 18px;
    text-decoration: none;
    letter-spacing: 2px;
    float: left;
    margin: 1px 0 0 10px;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
  }
  
  a.btn-leng:hover {
    color: #1aa886;
    font-weight: 500;
    letter-spacing: 2px;
  }
  
  .btn-english {
    display: none;
  }
  
  div.contenedor-txt {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: absolute;
    top: 40%;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
  }
  
  h1.iconoLogo {
    font-family: 'Mont', sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 100px;
    margin-bottom: 50px;
    color: white;
    text-align: center;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    letter-spacing: 20px;
    -webkit-user-select: none;
    -webkit-user-drag: none;
  }
  
  .triangle-right {
    width: 90px;
    height: 90px;
    position: relative;
    top: 8px;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
  }
  
  .triangle-right img {
    width: 50px;
    height: auto;
    margin-right: 30px;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    animation: flecha-intro 2s ease infinite;
  }
  @keyframes flecha-intro{
    0%{transform: translateX(-20px)};
    25%{transform: translateX(0px)};
    100%{transform: translateX(-20px)};
  }
  h4.iconotitulo {
    font-family: 'Mont', sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 40px;
    color: white;
    text-align: center;
    line-height: 0px;
    letter-spacing: 7px;
    -webkit-user-select: none;
    position: relative;
    top: -55px;
  }
  
  .titulo-english {
    display: none;
  }
  
  .menu {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: absolute;
    bottom: 0px;
    z-index: 1;
  }
  
  .menu ul {
    width: 100%;
    height: auto;
    z-index: 1;
    text-align: center;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
  }
  
  ul.list-menu li {
    margin: 60px 25px;
    display: inline-block;
    letter-spacing: 2px;
    list-style: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
  }
  
  ul.list-menu li a {
    font-family: 'Mont', sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 18px;
    color: white;
    text-decoration: none;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
  }
  
  ul.list-menu li a:hover {
    color: #1aa886;
    font-weight: 500;
  }
  
  .english-menu {
    display: none;
  }

  .social-footer{
    display: block;
    margin: 0;
    font-size: 20px;
    position: fixed;
    z-index: 90000000px;
    bottom: 9%;
    right: 17px;
  }
  .social-footer a{
    width: 30px;
    height: 30px;
    color:white;
    display: flex;
    text-decoration: none;
    position: relative;
    z-index: 90000000px;
  }
  .social-footer a:hover{
    color:#1aa886;
  }

  
  /*---------------------TRABAJOS------------------------*/
  .imglogo img {
    width: 170px !important;
    height: auto;
    position: absolute;
    top: 30px !important;
    left: 45px !important;
    z-index: 200;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    user-drag: none;
    cursor: pointer;
  }
  
  .menu-superior {
    width: 100%;
    height: auto;
    margin: 0 auto;
    right: 50px;
    z-index: 1;
  }
  
  .menu-superior ul {
    width: auto;
    height: auto;
    z-index: 1;
    text-align: center;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    float: right;
  }
  
  ul.list-menu-superior li {
    margin: 50px 25px;
    display: inline-block;
    letter-spacing: 2px;
    list-style: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
  }
  
  ul.list-menu-superior li a {
    font-family: 'Mont', sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 18px;
    color: white;
    text-decoration: none;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
  }
  
  ul.list-menu-superior li a:hover {
    color: #1aa886;
    font-weight: 500;
  }
  
  .menu-trabajos {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: absolute;
    top: 100px;
    z-index: -1;
  }
  
  .menu-trabajos ul {
    width: auto;
    height: auto;
    z-index: 100;
    position: relative;
    top: -145px;
    text-align: center;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
  }
  
  ul.list-menu-trabajos li {
    margin: 30px 25px;
    display: inline-block;
    letter-spacing: 2px;
    list-style: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
  }
  
  ul.list-menu-trabajos li a {
    font-family: 'Mont', sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 14px;
    color: white;
    text-decoration: none;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
  }
  
  ul.list-menu-trabajos li a:hover {
    color: #1aa886;
    font-weight: 500;
  }
  .active {
    color: #1aa886 !important;
    font-weight: 500 !important;
  }
  
  
  @keyframes izquierda-derecha{
    0%{transform: translateX(-20px)};
    25%{transform: translateX(0px)};
    100%{transform: translateX(-20px)};
  }
  
  h2.h2-trabajos {
    font-family: 'Mont', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 130px;
    color: white;
    text-align: center;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    letter-spacing: 20px;
    opacity: 0.1;
    margin-top: 50px;
    -webkit-user-select: none;
    -webkit-user-drag: none;
  }
  

  .intro{
    width: 100%;
    height: 100%;
  }
  .intro-slider{
    position: relative;
    top:20px
  }



    /*----------------------------- DETALLE TRABAJOS -------------------------------*/
    
    .btn-cerrar{
      width: 30px;
      height: 30px;
      position: absolute;
      top: 50px !important;
      right: 55px !important;
      background-image: url(../img/btn-cerrar-blanco.png);
      background-size: 100% auto;
      background-repeat: no-repeat;
      z-index:10;
      cursor: pointer;}

    .btn-cerrar:hover{
      background-image: url(../img/btn-cerrar.png);}

  
    .intro-slider-Trabajos{
      position: relative;
      top:0px;
      }

      .detalleTrabajos{
        background-position:center;
        background-size:cover;
        background-repeat: no-repeat;
      }
      .detalleTrabajos2{
        background-position:center;
        background-size:cover;
        background-repeat: no-repeat;
      }
      .detalleTrabajos3{
        background-position:center;
        background-size:cover;
        background-repeat: no-repeat;
      }
      .detalleTrabajos4{
        background-position:center;
        background-size:cover;
        background-repeat: no-repeat;
      }
      .detalleTrabajos5{
        background-position:center;
        background-size:cover;
        background-repeat: no-repeat;
      }
      .detalleTrabajos6{
        background-position:center;
        background-size:cover;
        background-repeat: no-repeat;
      }
      .detalleTrabajos7{
        background-position:center;
        background-size:cover;
        background-repeat: no-repeat;
      }
      .detalleTrabajos8{
        background-position:center;
        background-size:cover;
        background-repeat: no-repeat;
      }
      .detalleTrabajos9{
        background-position:center;
        background-size:cover;
        background-repeat: no-repeat;
      }
      .detalleTrabajos10{
        background-position:center;
        background-size:cover;
        background-repeat: no-repeat;
      }
  
      .detalleTrabajos-slider1{
        width: 40%;
        float: left;
        margin:0px 0% 0 5%;
        height: 600px;
        opacity: 1;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajos 2s ease;
      
      }
      
      .detalleTrabajos-slider2{
        width: 50%;
        float: left;
        margin:  0px 0% 0 0% !important;
        height: 600px;
        opacity: 0.5;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajosDetalle 1s ease  ;
      }
      .detalleTrabajos-slider2.detalleTrabajos{
        background-image: url(/img/atlethic/appAtlethic.gif);
      }
      .detalleTrabajos-slider2.detalleTrabajos2{
        background-image: url(/img/ventura/webComunidad.gif);
      }
      .detalleTrabajos-slider2.detalleTrabajos3{
        
        background-image: url(/img/superlist/superlist.gif);
      }
      .detalleTrabajos-slider2.detalleTrabajos4{
        
        background-image: url(/img/goplay/appGoplay.gif);
      }
      .detalleTrabajos-slider2.detalleTrabajos5{
        background-size:100%;
        background-image: url(/img/3d/foxSport.gif);
      }
      .detalleTrabajos-slider2.detalleTrabajos6{
        background-size:100%;
        background-image: url(/img/iluminacion/escena2.jpg);
      }
      

      .detalleTrabajos-slider3{
        width: 43%;
        float: left;
        margin:0px 2% 0 5%;
        height: 600px;
        opacity: 0.5;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajos 2s ease;
      }

      .detalleTrabajos-slider3.detalleTrabajos{
        background-image: url(/img/atlethic/portada-atlethic.jpg);
      }
      .detalleTrabajos-slider3.detalleTrabajos2{
        background-size:120%;
        background-image: url(/img/ventura/ventura-1.png);
      }
      .detalleTrabajos-slider3.detalleTrabajos3{
        background-size:120%;
        background-image: url(/img/superlist/superlist-1.png);
      }
      .detalleTrabajos-slider3.detalleTrabajos4{
        background-image: url(/img/goplay/portada-goplay2.jpg);
      }
      .detalleTrabajos-slider3.detalleTrabajos5{
        background-size:100%;
        background-image: url(/img/3d/foxComedy.gif);
      }
      .detalleTrabajos-slider3.detalleTrabajos6{
        background-size:100%;
        background-image: url(/img/iluminacion/Causticas.jpg);
      }
      .detalleTrabajos-slider3.detalleTrabajos9{
        background-size:100%;
        background-image: url(/img/multimedia/18.jpg);
      }
      .detalleTrabajos-slider3.detalleTrabajos10{
        background-size: contain;
        background-image: url(/img/canepas/homeCanepas.gif);
      }
      

      .detalleTrabajos-slider4{
        width: 43%;
        float: left;
        margin:  0px 5% 0 2% !important;
        height: 600px;
        opacity: 0.5;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajosDetalle 1s ease  ;
      
      }
      .detalleTrabajos-slider4.detalleTrabajos2{
        background-image: url(/img/ventura/appComunidad.gif);
      }
      .detalleTrabajos-slider4.detalleTrabajos5{
        background-size:100%;
        background-image: url(/img/3d/foxplay.gif);
      }
      .detalleTrabajos-slider4.detalleTrabajos6{
        background-size:100%;
        background-image: url(/img/iluminacion/pelota.jpg);
      }
      .detalleTrabajos-slider4.detalleTrabajos9{
        background-size:100%;
        background-image: url(/img/multimedia/30.png);
      }
      .detalleTrabajos-slider4.detalleTrabajos10{
        background-size:100%;
        background-image: url(/img/canepas/recorridoVirtual.gif);
      }
      .detalleTrabajos-slider13{
        width: 43%;
        float: left;
        margin:0px 2% 0 5%;
        height: 600px;
        opacity: 0.5;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajos 2s ease;
      }

      .detalleTrabajos-slider13.detalleTrabajos2{
        background-size:120%;
        background-image: url(/img/ventura/ventura-2.png);
      }
      .detalleTrabajos-slider13.detalleTrabajos5{
        background-size:100%;
        background-image: url(/img/3d/google.gif);
      }
      .detalleTrabajos-slider13.detalleTrabajos6{
        background-size:100%;
        background-image: url(/img/iluminacion/Cornel-final.jpg);
      }
      .detalleTrabajos-slider13.detalleTrabajos9{
        background-size:100%;
        background-image: url(/img/multimedia/31.png);
      }
      .detalleTrabajos-slider13.detalleTrabajos10{
        background-size:100%;
        background-image: url(/img/canepas/appCanepas.gif);
      }

      .detalleTrabajos-slider14{
        width: 43%;
        float: left;
        margin:  0px 5% 0 2% !important;
        height: 600px;
        opacity: 0.5;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajosDetalle 1s ease  ;
      
      }
      .detalleTrabajos-slider14.detalleTrabajos2{
        background-size:150%;
        background-image: url(/img/ventura/ventura-3.png);
      }
      .detalleTrabajos-slider14.detalleTrabajos5{
        background-size:100%;
        background-image: url(/img/3d/harley.gif);
      }
      .detalleTrabajos-slider14.detalleTrabajos6{
        background-size:100%;
        background-image: url(/img/iluminacion/z2.jpg);
      }
      .detalleTrabajos-slider14.detalleTrabajos9{
        background-size:100%;
        background-image: url(/img/multimedia/portada-multimedia.png);
      }
      .detalleTrabajos-slider14.detalleTrabajos10{
        background-size:100%;
        background-image: url(/img/canepas/adminCanepas.gif);
      }
      

      .detalleTrabajos-slider15{
        width: 50%;
        float: left;
        margin:  0px 0% 0 0% !important;
        height: 600px;
        opacity: 0.5;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajosDetalle 1s ease  ;
      
      }
      .detalleTrabajos-slider15.detalleTrabajos5{
        background-size:100%;
        background-image: url(/img/3d/particulas.gif);
      }
      .detalleTrabajos-slider16{
        width: 43%;
        float: left;
        margin:0px 2% 0 5%;
        height: 600px;
        opacity: 0.5;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajos 2s ease;
      
      }
      .detalleTrabajos-slider16.detalleTrabajos10{
        background-size:100%;
        background-image: url(/img/canepas/usadosCanepas.gif);
      }
      .detalleTrabajos-slider19{
        width: 43%;
        float: left;
        margin:  0px 5% 0 2% !important;
        height: 600px;
        opacity: 0.5;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajosDetalle 1s ease  ;
      
      }
      .detalleTrabajos-slider17{
        width: 43%;
        float: left;
        margin:0px 2% 0 5%;
        height: 600px;
        opacity: 0.5;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajos 2s ease;
      
      }
      .detalleTrabajos-slider17.detalleTrabajos10{
        background-size:cover;
        background-image: url(/img/canepas/fotosCanepas.gif);
      }
      .detalleTrabajos-slider18{
        width: 43%;
        float: left !important;
        margin:  0px 5% 0 2% !important;
        height: 600px;
        opacity: 0.5;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajosDetalle 1s ease  ;
      
      }
      
      
      .detalleTrabajos-slider5{
        width: 30%;
        float: left !important;
        margin:  0px 2% 0 8% !important;
        height: 600px;
        background-color: royalblue;
        opacity: 0.5;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajosDetalle 1s ease  ;
      
      }
      .detalleTrabajos-slider6{
        width: 50%;
        float: left;
        margin:  0px 8% 0 2% !important;
        height: 600px;
        background-color: royalblue;
        opacity: 0.5;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajosDetalle 1s ease  ;
      
      }
      .detalleTrabajos-slider7{
        width: 50%;
        float: left;
        margin:  0px 5% 0 5% !important;
        height: 600px;
        background-color: royalblue;
        opacity: 0.5;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajosDetalle 1s ease  ;
      
      }
      .detalleTrabajos-slider8{
        width: 40%;
        float: left;
        margin:0px 0% 0 0%;
        height: 600px;
        opacity: 1;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajos 2s ease;
      }
      .detalleTrabajos-slider9{
        width: 40%;
        float: left;
        margin:0px 0% 0 15%;
        height: 600px;
        opacity: 1;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajos 2s ease;
      
      }
      .detalleTrabajos-slider10{
        width: 30%;
        float: left;
        margin:  0px 0% 0 0% !important;
        height: 600px;
        background-color: royalblue;
        opacity: 0.5;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajosDetalle 1s ease  ;
      }
      .detalleTrabajos-slider11{
        width: 30%;
        float: left;
        margin:  0px 0% 0 15% !important;
        height: 600px;
        background-color: royalblue;
        opacity: 0.5;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajosDetalle 1s ease  ;
      }
      .detalleTrabajos-slider12{
        width: 40%;
        float: left;
        margin:0px 10% 0 5%;
        height: 600px;
        opacity: 1;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajos 2s ease;
      
      }
  
      .detalleTrabajosHover:hover{
        opacity:1;
      }
  
      @keyframes entradaTrabajosDetalle{
        0%{transform: translateY(300px); opacity: 0;};
        25%{transform: translateY(-600px);opacity: 0;};
        100%{transform: translateY(0px); opacity: 0.5;};
      
      }

      .info-detalle {
        width: 100%;
        height: auto;
        padding: 0px 0;
        position: relative;
        bottom: 0 !important;
      }
      
      .info-detalle p {
        font-family: 'Mont', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 16px;
        color: grey;
        line-height: 25px;
        letter-spacing: 7px;
        -webkit-user-select: none;
        
      }
      
      .info-detalle h2 {
        font-family: 'Mont', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 4.6em;
        color: white;
        line-height: 70px;
        letter-spacing: 7px;
        -webkit-user-select: none;
        margin-top: 15px;
      }

      .cont-detalle{
        width: 60%;
        margin: 180px 70px 0 0;
        float:right;
      }
      .detalleTrabajos-slider8 .cont-detalle{
        width: 60%;
        margin: 180px 20px 0 0;
        float:left;
      }
      .cont-detalle h4{
        font-weight: 500;
        font-style: normal;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 1px;
        margin: 0px 0 ; 
      }
      .cont-detalle p{
        font-weight: 100;
        font-style: normal;
        font-size: 12px;
        line-height: 19px;
        letter-spacing: 1px;
        margin: 10px 0 25px ;
        color: white; 
      }

      p.creditos{
        width: 90%;
        font-weight: 300;
        font-style: normal;
        font-size: 10px;
        line-height: 18px;
        letter-spacing: 1px;
        margin: 0px 0 ; 
        color: grey;
      }


  
      /*----------------------------- FIN DETALLE TRABAJOS -------------------------------*/
      

  .w1{
    background-image: url(../img/ventura/portada-comunidadVentura.jpg);
    background-position: center;
    background-size:cover;
    cursor: pointer;
  }
  .w2{
    background-image: url(../img/atlethic/portada-atlethic.jpg);
    background-position: center;
    background-size:cover;
    cursor: pointer;
  }
  .w3{
    background-image: url(../img/goplay/portada-goplay.jpg);
    background-position: center;
    background-size:cover;
    cursor: pointer;
  }
  .w4{
    background-image: url(../img/superlist/portada-superlist.png);
    background-position: center;
    background-size:cover;
    cursor: pointer;
  }
  .w5{
    background-image: url(../img/3d/m-portada-3d.jpg);
    background-position: center;
    background-size:cover;
    cursor: pointer;
  }
  .w6{
    background-image: url(../img/iluminacion/portada-iluminacion.jpg);
    background-position: center;
    background-size:cover;
    cursor: pointer;
  }
  .w7{
    background-image: url(../img/boomerang/portada-boomerang.jpg);
    background-position: center;
    background-size:cover;
    cursor: pointer;
  }
  .w8{
    background-image: url(../img/brutalismo/portada-brutalismo.jpg);
    background-position: center;
    background-size:cover;
    cursor: pointer;
  }
  .w9{
    background-image: url(../img/multimedia/portada-multimedia.png);
    background-position: center;
    background-size:cover;
    cursor: pointer;
  }
  .w10{
    background-image: url(../img/canepas/m-portada-canepas.jpg);
    background-position: center;
    background-size:cover;
    cursor: pointer;
  }

  .contenidoTrabajos-slider:nth-child(odd){
    width: 43%;
    float: left;
    margin:100px 2% 0 5%;
    height: 500px;
    animation: entradaTrabajos 2s ease;
  
  }
  
  .contenidoTrabajos-slider:nth-child(even){
    width: 43%;
    float: left;
    margin:  100px 5% 0 2% !important;
    height: 500px;
    animation: entradaTrabajos 1s ease  ;
  
  }
  
  .animacionEntrada{
    animation: entradaTrabajos 2s ease  ;
    will-change: transform, opacity;
    animation: entradaTrabajos 1s ease  ;
  }
  .animacionEntrada2{
    animation: entradaTrabajos 1s ease  ;
    will-change: transform, opacity;
    animation: entradaTrabajos 1s ease  ;
  }
  
  @keyframes entradaTrabajos{
    0%{transform: translateY(300px); opacity: 0;};
    25%{transform: translateY(-600px);opacity: 0;};
    100%{transform: translateY(0px); opacity: 0.5;};
  
  }
  
  .contenidoTrabajos-slider{
    transform: perspective(1000px) rotateY(0) rotateX(0) scale3d(1.03,1.03,1.03);
    transition: transform 3s ease-out;
    opacity: 0.5;
    animation: tranformar-3d;
    cursor: pointer;
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
  }
  .contenidoTrabajos-slider:hover{
    opacity:1;
  }
  
  #anim3d{
  background-image: url(../img/atlethic/portada-atlethic.jpg);
  }
  #anim3d2{
  background-image: url(../img/ventura/portada-comunidad.png);
  }
  #anim3d3{
  background-image: url(../img/superlist/portada-superlist.jpg);
  }
  #anim3d4{
  background-image: url(../img/goplay/portada-goplay.jpg);
  }
  #anim3d5{
  background-image: url(../img/3d/portada-3d.jpg);
  }
  #anim3d6{
  background-image: url(../img/iluminacion/z2.jpg);
  }
  #anim3d7{
  background-image: url(../img/boomerang/portada-boomerang.jpg);
  }
  #anim3d8{
  background-image: url(../img/brutalismo/portada-brutalismo.jpg);
  }
  #anim3d9{
  background-image: url(../img/multimedia/portada-multimedia.png);
  }
  #anim3d10{
  background-image: url(../img/canepas/portada-canepas.jpg);
  }

  
  /* .contenedorTrabajos {
    display: flex;
    flex-direction: row;
    width: 230vw;
    transform: rotate(90deg) translateY(-100vh);
    transform-origin: top left;
  } */
  .contenedorTrabajos {
  }
  /* html{
    scroll-behavior: unset;
  } */
  
  /* #scrolltrabajos {
    width: 100vh;
    height: 90vw;
    margin-left: 5vw;
    transform: rotate(-90deg) translateX(-100vh);
    transform-origin: top left;
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    top:00px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  } */
  /* ::-webkit-scrollbar {
    display:none;
  }
  
  ::-webkit-scrollbar {
    display:none;
  } */
  /*
  .swiper-container {
    height: 100vh;
  
  } 
  .swiper-wrapper {
    
  } 
  
  .swiper-slide {
    padding: 80px;
    box-sizing: border-box;
    width: 40vh !important;
    margin:400px 5em;
    height: 500px;
    background-color: rgb(0, 129, 129); 
  }
  
  
  */
  
  .info-trabajos {
    width: 100%;
    height: auto;
    background-color: rgba(6, 15, 46, 0.8);
    padding: 50px 0;
    position: relative;
    bottom: 0 !important;
    visibility: hidden;
  }
  
  .info-trabajos p {
    font-family: 'Mont', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    color: grey;
    line-height: 25px;
    letter-spacing: 7px;
    -webkit-user-select: none;
    margin-left: 25px;
  }
  
  .info-trabajos h2 {
    font-family: 'Mont', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: white;
    line-height: 25px;
    letter-spacing: 6px;
    -webkit-user-select: none;
    margin-left: 25px;
  }
  
  .info-trabajos2 {
    width: 100%;
    height: auto;
    background-color: rgba(6, 15, 46, 0.8);
    padding: 50px 0;
    position: relative;
    bottom: 0 !important;
    visibility: hidden;
  }
  
  .info-trabajos2 p {
    font-family: 'Mont', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    color: grey;
    line-height: 25px;
    letter-spacing: 7px;
    -webkit-user-select: none;
    margin-left: 25px;
  }
  
  .info-trabajos2 h2 {
    font-family: 'Mont', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: white;
    line-height: 25px;
    letter-spacing: 6px;
    -webkit-user-select: none;
    margin-left: 25px;
  }
  .info-trabajos3 {
    width: 100%;
    height: auto;
    background-color: rgba(6, 15, 46, 0.8);
    padding: 50px 0;
    position: relative;
    bottom: 0 !important;
    visibility: hidden;
  }
  
  .info-trabajos3 p {
    font-family: 'Mont', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    color: grey;
    line-height: 25px;
    letter-spacing: 7px;
    -webkit-user-select: none;
    margin-left: 25px;
  }
  
  .info-trabajos3 h2 {
    font-family: 'Mont', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: white;
    line-height: 25px;
    letter-spacing: 6px;
    -webkit-user-select: none;
    margin-left: 25px;
  }
  .info-trabajos4 {
    width: 100%;
    height: auto;
    background-color: rgba(6, 15, 46, 0.8);
    padding: 50px 0;
    position: relative;
    bottom: 0 !important;
    visibility: hidden;
  }
  
  .info-trabajos4 p {
    font-family: 'Mont', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    color: grey;
    line-height: 25px;
    letter-spacing: 7px;
    -webkit-user-select: none;
    margin-left: 25px;
  }
  
  .info-trabajos4 h2 {
    font-family: 'Mont', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: white;
    line-height: 25px;
    letter-spacing: 6px;
    -webkit-user-select: none;
    margin-left: 25px;
  }
  .info-trabajos5 {
    width: 100%;
    height: auto;
    background-color: rgba(6, 15, 46, 0.8);
    padding: 50px 0;
    position: relative;
    bottom: 0 !important;
    visibility: hidden;
  }
  
  .info-trabajos5 p {
    font-family: 'Mont', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    color: grey;
    line-height: 25px;
    letter-spacing: 7px;
    -webkit-user-select: none;
    margin-left: 25px;
  }
  
  .info-trabajos5 h2 {
    font-family: 'Mont', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: white;
    line-height: 25px;
    letter-spacing: 6px;
    -webkit-user-select: none;
    margin-left: 25px;
  }
  .info-trabajos6 {
    width: 100%;
    height: auto;
    background-color: rgba(6, 15, 46, 0.8);
    padding: 50px 0;
    position: relative;
    bottom: 0 !important;
    visibility: hidden;
  }
  
  .info-trabajos6 p {
    font-family: 'Mont', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    color: grey;
    line-height: 25px;
    letter-spacing: 7px;
    -webkit-user-select: none;
    margin-left: 25px;
  }
  
  .info-trabajos6 h2 {
    font-family: 'Mont', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: white;
    line-height: 25px;
    letter-spacing: 6px;
    -webkit-user-select: none;
    margin-left: 25px;
  }
  .info-trabajos7 {
    width: 100%;
    height: auto;
    background-color: rgba(6, 15, 46, 0.8);
    padding: 50px 0;
    position: relative;
    bottom: 0 !important;
    visibility: hidden;
  }
  
  .info-trabajos7 p {
    font-family: 'Mont', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    color: grey;
    line-height: 25px;
    letter-spacing: 7px;
    -webkit-user-select: none;
    margin-left: 25px;
  }
  
  .info-trabajos7 h2 {
    font-family: 'Mont', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: white;
    line-height: 25px;
    letter-spacing: 6px;
    -webkit-user-select: none;
    margin-left: 25px;
  }
  .info-trabajos8 {
    width: 100%;
    height: auto;
    background-color: rgba(6, 15, 46, 0.8);
    padding: 50px 0;
    position: relative;
    bottom: 0 !important;
    visibility: hidden;
  }
  
  .info-trabajos8 p {
    font-family: 'Mont', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    color: grey;
    line-height: 25px;
    letter-spacing: 7px;
    -webkit-user-select: none;
    margin-left: 25px;
  }
  
  .info-trabajos8 h2 {
    font-family: 'Mont', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: white;
    line-height: 25px;
    letter-spacing: 6px;
    -webkit-user-select: none;
    margin-left: 25px;
  }
  .info-trabajos9 {
    width: 100%;
    height: auto;
    background-color: rgba(6, 15, 46, 0.8);
    padding: 50px 0;
    position: relative;
    bottom: 0 !important;
    visibility: hidden;
  }
  
  .info-trabajos9 p {
    font-family: 'Mont', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    color: grey;
    line-height: 25px;
    letter-spacing: 7px;
    -webkit-user-select: none;
    margin-left: 25px;
  }
  
  .info-trabajos9 h2 {
    font-family: 'Mont', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: white;
    line-height: 25px;
    letter-spacing: 6px;
    -webkit-user-select: none;
    margin-left: 25px;
  }
  .info-trabajos10 {
    width: 100%;
    height: auto;
    background-color: rgba(6, 15, 46, 0.8);
    padding: 50px 0;
    position: relative;
    bottom: 0 !important;
    visibility: hidden;
  }
  
  .info-trabajos10 p {
    font-family: 'Mont', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    color: grey;
    line-height: 25px;
    letter-spacing: 7px;
    -webkit-user-select: none;
    margin-left: 25px;
  }
  
  .info-trabajos10 h2 {
    font-family: 'Mont', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: white;
    line-height: 25px;
    letter-spacing: 6px;
    -webkit-user-select: none;
    margin-left: 25px;
  }
  
  .visible-info3d {
    visibility: visible;
  }
  
  
  /* .scrolltrabajos {
    position: fixed;
    top: 0px;
    width: 400%;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .contenedorTrabajos {
    position: relative;
    top: 20px;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: blue;
  }
  
  .contenidoTrabajos {
    width: 46%;
    /* width: 800px; 
    height: 500px;
    margin: 0 2%;
    background-color: royalblue;
    float: left;
    position: relative;
    top: 400px;
  } */
  .scroll-div{
    position: absolute;
    left:17px;
    bottom: 13%;
    width: 20px;
    height: 300px;
  }

  .flecha-bajar{
    width: 10px;
    height: 100px;
    background-image: url(../img/flecha-scroll.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    animation: bajar-subir 1s ease infinite;
    position: absolute;
    bottom:0%;

  }
  .scrolldown{
    width: 300px;
    height: auto;
    position: absolute;
    bottom:255px;
    left:-142px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 2px;
    -webkit-transform: rotate(-180deg); 
    -moz-transform: rotate(-180deg); 
    -ms-transform: rotate(-180deg); 
    -o-transform: rotate(-180deg); 
    transform: rotate(-90deg);  
  }

  
  @keyframes bajar-subir{
    0%{transform: translateY(20px)};
    25%{transform: translateY(0px)};
    100%{transform: translateY(20px)};
  }
  
  .section a.ir-trabajos{
    position: absolute;
    top:6vh;
    right:5vw;
    text-decoration: none;
    font-family: 'Mont', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.5vw;
    color: white;
    line-height: 25px;
    letter-spacing: 7px;
    -webkit-user-select: none;
    margin-left: 25px;
    z-index: 10;
  }
  
  
  .efecto3d2{transform: perspective(1000px) rotateY(5deg) rotateX(-5deg) scale3d(1.03,1.03,1.03); opacity:1;}
  .efecto3d1{transform: perspective(1000px) rotateY(-5deg) rotateX(-5deg) scale3d(1.03,1.03,1.03); opacity:1;}
  .efecto3d4{transform: perspective(1000px) rotateY(-5deg) rotateX(5deg) scale3d(1.03,1.03,1.03); opacity:1;}
  .efecto3d3{transform: perspective(1000px) rotateY(5deg) rotateX(5deg) scale3d(1.03,1.03,1.03); opacity:1;}
  
  .fp-slidesNav.fp-top ul li:nth-child(1){
    color: #1aa886;
    display: none;
  }
  .fp-slidesNav.fp-top ul li:nth-child(3){
    width:180px;
    position: relative;
    left: 2%;
  }
  
  
  
  
  /*---------------------BIO------------------------*/
  
  .contenedorBio{
    position: relative;
    z-index: 100;
    width: 100%;
    height: 80vh;
    margin-top: 10vh;
  
  }
  .contenidoBio{
    width: 80%;
    height: 80vh;
    margin:0 auto;
  
  }
  .imagenBio{
    width: 45%;
    height: auto;
    float: left;
  }
  .imagenBio img{
    width: 60%;
    height: auto;
    margin: 24vh 0% 0 40%;
  }
  .infoBio{
    width: 55%;
    height: 45vh;
    float: left;
    position: relative;
    left: -1vw;
    margin: 14vh 0% 0 0%;
  }
  .infoBio span img{
    width: 60px;
    height: auto;
    float: left;
    margin-right: 40px;
    animation: izq-der 1s ease infinite;
  }
  
  @keyframes izq-der{
    0%{transform: translateX(20px)};
    25%{transform: translateX(0px)};
    100%{transform: translateX(20px)};
  }
  
  .txtInfo{
    width: 60%;
    float: left;
    color: white;
    letter-spacing: 2px;
  }
  .txtInfo h2{
    font-size: 2.5em;
    font-weight: 600;
    margin-bottom: 30px;
  }
  .txtInfo p{
    font-size:0.8em;
    font-weight: 300;
    line-height: 1.5em;
  }
  
  /*---------------------REEL------------------------*/
  
  .contenedorReel{
    width: 100%;
    height: 100%;
    position: relative;
    z-index:-100000px;
  }
  
  /*---------------------CONTACTO------------------------*/
  
  .contenedorContacto{
    position: relative;
    z-index: 100;
    width: 100%;
    height: 80vh;
    margin-top: 10vh;
  
  }
  .contenidoContacto{
    width: 80%;
    height: 80vh;
    margin:0 auto;
  
  }
  .imagenContacto{
    width: 45%;
    height: auto;
    float: left;
    margin-left: 5%;
  }
  .imagenContacto p{
    width: 100%;
    height: auto;
    font-family: 'Mont', sans-serif;
    font-weight: 100;
    font-style: normal;
    color:white;
    letter-spacing: 2px;
    text-align: center;
  }
  .imagenContacto p a{
    font-family: 'Mont', sans-serif;
    font-weight: 100;
    font-style: normal;
    color:white;
    letter-spacing: 3px;
    text-decoration: none;
    margin: 28px;
  }
  .imagenContacto p a:hover{
    font-weight: 300;
    color: #1aa886;
  }
  .redes-sociales{
    display: flex;
    justify-content: center;
    margin: 0;
    font-size: 30px;
  }
  .redes-sociales a{
    width: 50px;
    height: 50px;
    color:#1aa886;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
  }
  .imagenContacto img{
    width: 60%;
    height: auto;
    margin: 20vh 0% 0 20%;
  }
  .infoContacto{
    width: 50%;
    height: 45vh;
    float: left;
    position: relative;
    left: -1vw;
    margin: 14vh 0% 0 0%;
  }
  .infoContacto span img{
    width: 60px;
    height: auto;
    float: left;
    margin-right: 40px;
    animation: izq-der 1s ease infinite;
  }
  
  @keyframes izq-der{
    0%{transform: translateX(20px)};
    25%{transform: translateX(0px)};
    100%{transform: translateX(20px)};
  }
  
  .formularioContacto{
    width: 70%;
    float: left;
    color: white;
    letter-spacing: 2px;
  }
  .formularioContacto h2{
    font-size: 3.2em;
    font-weight: 600;
    margin-bottom: 30px;
  }
  
  .formularioContacto input{
    width: 100%;
    height: 40px;
    font-family: 'Mont', sans-serif;
    font-weight: 100;
    font-size: 14px;
    font-style: normal;
    color:white;
    margin: 0px auto 30px;
    border: 0px solid transparent;
    border-bottom: 1px solid #1aa886;
    background-color: transparent;
    padding: 15px;
    color:white;
    letter-spacing: 1px;
  }
  
  input::placeholder{
    font-family: 'Mont', sans-serif;
    font-weight: 100;
    font-size: 14px;
    font-style: normal;
    color:white;
  }
  textarea::placeholder{
    font-family: 'Mont', sans-serif;
    font-weight: 100;
    font-style: normal;
    color:white;
  }
  .formularioContacto textarea{
    width: 100%;
    height: 150px;
    font-size: 14px;
    padding: 15px;
    margin: 0px auto 30px;
    border: 0px solid transparent;
    border-bottom: 1px solid #1aa886;
    background-color: transparent;
    color:white;
    letter-spacing: 1px;
    font-family: 'Mont', sans-serif;
    font-weight: 100;
    font-style: normal;
  }
  .formularioContacto button{
    width: 100%;
    height: 50px;
    margin: 0px auto;
    color: #fff;
    font-size: 16px;
    letter-spacing: 4px;
    background: transparent;
    border:0px solid transparent;
    text-align: right;
    font-weight: 100;
    font-style: normal;
    color:white;
  }
  
  input:focus , button:focus , textarea:focus{
    outline:0px !IMPORTANT;
    border: 0px solid transparent;
    -webkit-text-fill-color: white;
    -webkit-box-shadow: 0 0 0px 1000px #1aa886 inset;
    box-shadow: 0 0 0px 1000px #1aa886 inset;
  }
  input:active , button:active , textarea:active {
    outline:0px !IMPORTANT;
    outline:0px !IMPORTANT;
    border: 0px solid transparent;
    -webkit-text-fill-color: white;
    -webkit-box-shadow: 0 0 0px 1000px #1aa886 inset;
    box-shadow: 0 0 0px 1000px #1aa886 inset;
  }
  
  
  [type=button]:not(:disabled):hover, button:not(:disabled):hover {
      cursor: pointer;
      border-radius: 40px;
      color: #1aa886;
      box-shadow: 0px;
  }
  
  input:-webkit-autofill,
  input:-webkit-autofill:hover, 
  input:-webkit-autofill:focus,
  textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover,
  textarea:-webkit-autofill:focus,
  select:-webkit-autofill,
  select:-webkit-autofill:hover,
  select:-webkit-autofill:focus {
    outline:0px !IMPORTANT;
    border: 0px solid transparent;
    -webkit-text-fill-color: white;
    -webkit-box-shadow: 0 0 0px 1000px #1aa886 inset;
    box-shadow: 0 0 0px 1000px #1aa886 inset;
    
  }
  
  
  /*---------------------Responsivo------------------------*/
  /*---------------------Responsivo------------------------*/
  /*---------------------Responsivo------------------------*/
  /*---------------------Responsivo------------------------*/
  /*---------------------Responsivo------------------------*/
  
  
  @media (max-width: 1200px) {
    
    
   
  }
  @media (min-width: 1024px) {
    
    
    #triangulo-menu img {
      width: 30px;
      height: auto;
      position: relative;
      z-index: 100;
      top: -99px;
      left: 17%!important;
      animation: izquierda-derecha 1s ease infinite;
    }
    
  }
  @media screen and (min-width: 1300px) and (max-width: 1920px) {
    
    #triangulo-menu img {
      width: 30px;
      height: auto;
      position: relative;
      z-index: 100;
      top: -99px;
      left: 20%!important;
      animation: izquierda-derecha 1s ease infinite;
    }
   
  }
  @media (min-width: 1024px) {
    
    .menu-superior {
      position: absolute;
      top: 0px !important;
    }
  
  }
  @media (max-width: 540px) {
    .btn-cerrar{
      top:6vh !important;
      right:6vw;
    }
  
    /* .menu-trabajos ul {
      bottom: 0px !important;
    }
   */
    h2.h2-trabajos {
      width: 100%;
      font-size: 32px !important;
      text-align: center !important;
      position: relative;
      top:9vh !important;
    }
  
    }









  @media (max-width: 1024px) {

       /*---------------------CONTACTO------------------------*/
  
  .contenedorContacto{
    width: 100%;
    height: auto;
    margin-top: 0 !important;
  
  }
  .contenidoContacto{
    width: 90%;
    height: auto;
    margin:0 auto;
  
  }
  .imagenContacto{
    width: 70%;
    height: auto;
    float: none;
    position:absolute;
    top:350px;
    margin: 0 10%;
  }
  .imagenContacto p{
    font-size: 16px;
    line-height: 20px;
    text-align: center;
  }
  .imagenContacto p a{
    font-family: 'Mont', sans-serif;
    font-weight: 100;
    font-style: normal;
    color:white;
    letter-spacing: 3px;
    text-decoration: none;
    margin: 0px;
  }
  .imagenContacto p a:hover{
    font-weight: 300;
    color: #1aa886;
  }
  .redes-sociales{
    display: flex;
    justify-content: center;
    margin: 0;
    font-size: 50px;
  }
  .redes-sociales a{
    width: 60px;
    height: 60px;
    color:#1aa886;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
  }
  .imagenContacto img{
    width:36%;
    height: auto;
    margin: 0vh 0% 0 32%;
  }
  .infoContacto{
    width: 90%;
    height: auto;
    float: none;
    position: relative;
    left: 0;
    margin: 0 5% 0 5%;
    position: absolute;
    top:200px;
  }
  .infoContacto span img{
    width: 30px;
    height: auto;
    float: left;
    margin-right: 20px;
    animation: izq-der 1s ease infinite;
  }
  
  @keyframes izq-der{
    0%{transform: translateX(20px)};
    25%{transform: translateX(0px)};
    100%{transform: translateX(20px)};
  }
  
  .formularioContacto{
    width: 100%;
    float: left;
    color: white;
    letter-spacing: 2px;
    position: relative;
    bottom: 30px;
  }
  .formularioContacto h2{
    font-size: 2em;
    font-weight: 600;
    margin-bottom: 15px;
    margin-left: 60px;
  }
  
  .formularioContacto input{
    width: 100%;
    height: 55px !important;
    font-family: 'Mont', sans-serif;
    font-weight: 100;
    font-size: 13px;
    font-style: normal;
    color:white;
    margin: 0px auto 8px;
    border: 0px solid transparent;
    border-bottom: 1px solid #1aa886;
    background-color: transparent;
    padding: 15px;
    color:white;
    letter-spacing: 1px;
  }
  
  input::placeholder{
    font-family: 'Mont', sans-serif;
    font-weight: 100;
    font-size: 13px;
    font-style: normal;
    color:white;
  }
  textarea::placeholder{
    font-family: 'Mont', sans-serif;
    font-weight: 100;
    font-style: normal;
    color:white;
  }
  .formularioContacto textarea{
    width: 100%;
    height: 80;
    font-size: 13px;
    padding: 15px;
    margin: 0px auto 8px;
    border: 0px solid transparent;
    border-bottom: 1px solid #1aa886;
    background-color: transparent;
    color:white;
    letter-spacing: 1px;
    font-family: 'Mont', sans-serif;
    font-weight: 100;
    font-style: normal;
  }
  .formularioContacto button{
    width: 100%;
    height: 20px;
    margin: 0px auto;
    color: #fff;
    font-size: 14px;
    letter-spacing: 4px;
    background: transparent;
    border:0px solid transparent;
    text-align: right;
    font-weight: 100;
    font-style: normal;
    color:white;
  }

      /*---------------------BIO------------------------*/
  
  .contenedorBio{
    width: 100%;
    height: auto;
    margin-top: 180px;
  
  }
  .contenidoBio{
    width: 90%;
    height: auto;
    margin:0 auto;
  
  }
  .imagenBio{
    width: 100%;
    height: auto;
    float: none;
  }
  .imagenBio img{
    width: 50%;
    height: auto;
    margin: 0;
  }
  .infoBio{
    width: 80%;
    height: auto;
    float: none;
    position: relative;
    left: -2vw;
    margin: 30px 0% 0 25%;
  }
  .infoBio span img{
    width:40px;
    height: auto;
    float: left;
    margin-right: 30px;
  }
  
  @keyframes izq-der{
    0%{transform: translateX(20px)};
    25%{transform: translateX(0px)};
    100%{transform: translateX(20px)};
  }
  
  .txtInfo{
    width: 80%;
    float: left;
    color: white;
    letter-spacing: 2px;
  }
  .txtInfo h2{
    font-size: 2em;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .txtInfo p{
    font-size: 13px;
    line-height: 20px;
    font-family: 'Mont', sans-serif;
    font-weight: 200;
    font-style: normal;
    letter-spacing: 2px;

  }
  
  /*--------------------- INICIO ------------------------*/
  
  
    .imglogo img {
      width: 26vw !important;
      top: 4vw !important;
      left: 3vw !important;
    }
    
      /* .slide  {
      position: relative;
      top:0px !important;
      z-index: 0;
      }
      .contenidoTrabajos-slider-mobile:nth-child(odd){
        width: 100wh;
        float: none;
        margin:0 0% 0 0%;
        height: 100vh;
        background-color: royalblue;
      }
      .contenidoTrabajos-slider-mobile:nth-child(even){
        width: 100wh;
        float: none;
        margin:0 0% 0 0%;
        height: 100wh;
        background-color: royalblue;
      }
  
      .info-trabajos-mobile {
        width: 70vw;
        height: 20vh;
        background-image: url('../img/fondo-intro-opacity.png');
        background-size:100% 100%;
        padding: 5vw 0;
        position: relative;
        top: 30vh !important;
      }
      
      .info-trabajos-mobile p {
        font-family: 'Mont', sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 2.3vw;
        color: grey;
        line-height: 7vw;
        letter-spacing: 1vw;
        -webkit-user-select: none;
        margin-left: 6vw;
      }
      
      .info-trabajos-mobile h2 {
        font-family: 'Mont', sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 3.2vw;
        color: white;
        line-height: 4vw;
        letter-spacing: 1vw;
        -webkit-user-select: none;
        margin-left: 6vw;
      }
      .info-trabajos-mobile h3 {
        font-family: 'Mont', sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 2vw;
        color: #1aa886;
        line-height: 4vw;
        letter-spacing: 1vw;
        -webkit-user-select: none;
        float: right;
        position: relative;
        right: 5vw;
        top: 8vh;
      } */
      .menu-trabajos{
        display: none;
      }

      .menu {
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 0px !important;
        right: 0;
      }
      .menu ul {
        width: 100%;
        height: auto;
        position: absolute;
        margin: 0 auto;
        bottom: 0px !important;
        z-index: 10000;
      }
      ul.list-menu li {
        margin: 4vw 3vw;
      }
      ul.list-menu li a {
        font-size: 2.5vw;
      }
    
  
      .menu-superior {
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 0px !important;
        right: 0;
      }
      .menu-superior ul{
        width: 100%;
        height: auto;
        position: absolute;
        margin: 0 auto;
        bottom: 0px !important;
        z-index: 10000;
        background-image: url('../img/fondo-intro-opacity.png');
        background-size:100% 100%;
      }
      
      ul.list-menu-superior li {
        margin: 4vw 3vw;
      }
      
      ul.list-menu-superior li a {
        font-size: 2.5vw;
      }
      
      ul.list-menu-superior li a:hover {
        color: #1aa886;
        font-weight: 500;
      }
  
      .menu-trabajos {
        width: 95vw;
        margin: 0px 2.5%;
      }
      .menu-trabajos ul {
        top: 0px;
      }
      ul.list-menu-trabajos li {
        text-align: center !important;
        width: 80%;
        margin: 5px 10%;
      }
      ul.list-menu-trabajos li a {
        font-size: 3vw;
        line-height: 50px;
      }
  
      h2.h2-trabajos {
        width: 100%;
        font-size: 100px;
        position: relative;
        top:20vh;
      }
  
      .scrolldown2{
        width: 300px;
        height: auto;
        position: absolute;
        bottom:57%;
        left:-127px;
        color: #fff;
        font-size: 12px;
        letter-spacing: 2px;
        -webkit-transform: rotate(-180deg); 
        -moz-transform: rotate(-180deg); 
        -ms-transform: rotate(-180deg); 
        -o-transform: rotate(-180deg); 
        transform: rotate(-90deg); 
      }
      .flecha-bajar2{
        width: 10px;
        height: 100px;
        position: absolute;
        bottom:12%;
        left:17px;
        background-image: url(../img/flecha-scroll.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        animation: bajar-subir 1s ease infinite;
      }
  
        .section a.ir-trabajos{
          position:absolute;
          z-index: 200 !important;
        }

        /*----------------------------- DETALLE TRABAJOS -------------------------------*/
    
    .btn-cerrar{
      right: 40px !important;
}

      .detalleTrabajos{
        background-position:center;
        background-size:contain;
        background-repeat: no-repeat;
      }
      .detalleTrabajos2{
        background-position:center;
        background-size:100% auto;
        background-repeat: no-repeat;
      }
      .detalleTrabajos3{
        background-position:center;
        background-size:cover;
        background-repeat: no-repeat;
      }
      .detalleTrabajos4{
        background-position:center;
        background-size:cover;
        background-repeat: no-repeat;
      }
      .detalleTrabajos5{
        background-position:center;
        background-size:cover;
        background-repeat: no-repeat;
      }
      .detalleTrabajos6{
        background-position:center;
        background-size:cover;
        background-repeat: no-repeat;
      }
      .detalleTrabajos7{
        background-position:center;
        background-size:cover;
        background-repeat: no-repeat;
      }
      .detalleTrabajos8{
        background-position:center;
        background-size:cover;
        background-repeat: no-repeat;
      }
      .detalleTrabajos9{
        background-position:center;
        background-size:cover;
        background-repeat: no-repeat;
      }
      .detalleTrabajos10{
        background-position:center;
        background-size:cover;
        background-repeat: no-repeat;
      }
  
      .detalleTrabajos-slider1{
        width: 100%;
        height: 350px !important;
        float: none;
        margin:115px 0 0 !important;
        opacity: 1;
        animation: none;
        cursor: pointer;
        animation:none;
      
      }
      
      .detalleTrabajos-slider2{
        width: 100%;
        float: none;
        margin:0px 0 0px 0 !important;
        height: 450px;
        opacity: 1;
        animation: none;
        cursor: pointer;
        animation:none;
      }
      .detalleTrabajos-slider2.detalleTrabajos6{
        background-size:100%;
        position: relative;
        top: 0;
        background-image: url(/img/iluminacion/escena2.jpg);
      }
      .detalleTrabajos-slider2.detalleTrabajos8{
        background-size:100%;
        position: relative;
        top: 0px;
      }
      .detalleTrabajos-slider2.detalleTrabajos9{
        background-size:100%;
        position: relative;
        top: 0px;
      }

      .detalleTrabajos-slider3{
        width: 100%;
        float: none;
        margin:0px 0 15px 0;
        height: 450px;
        opacity: 1;
        animation: none;
        cursor: pointer;
        animation:none;
      }
      .detalleTrabajos-slider3.detalleTrabajos{
      background-size:100% auto !important;
      }


      .detalleTrabajos-slider4{
        width: 100%;
        height: 450px;
        float: none;
        margin:0 !important;
        padding: 0 !important;
        opacity: 1;
        animation: none;
        cursor: pointer;
        animation:none;
      
      }
      .detalleTrabajos-slider13{
        width: 100%;
        float: none;
        margin:0px 0 15px 0;
        height: 450px;
        opacity: 1;
        animation: none;
        cursor: pointer;
        animation:none;
      }

      .detalleTrabajos-slider14{
        width: 100%;
        height: 450px;
        float: none;
        margin:0 !important;
        padding: 0 !important;
        opacity: 1;
        animation: none;
        cursor: pointer;
        animation:none;
      
      }
      
      .detalleTrabajos-slider15{
        width: 100%;
        float: none;
        margin:0px 0 0px 0 !important;
        height: 450px;
        opacity: 1;
        animation: none;
        cursor: pointer;
        animation:none;
      
      }

      .detalleTrabajos-slider16{
        width: 100%;
        float: none;
        margin:0px 0 15px 0 !important;
        height: 450px;
        opacity: 1;
        animation: none;
        cursor: pointer;
        animation:none;
      
      }
      .detalleTrabajos-slider16.detalleTrabajos10{
        background-size:100%;
        background-image: url(/img/canepas/usadosCanepas.gif);
      }
      .detalleTrabajos-slider19{
        width: 100%;
        height: 450px;
        float: none;
        margin:0 !important;
        padding: 0 !important;
        opacity: 1;
        animation: none;
        cursor: pointer;
        animation:none;
      
      }
      .detalleTrabajos-slider17{
        width: 100%;
        float: none;
        margin:0px 0 15px 0 !important;
        height: 450px;
        opacity: 1;
        animation: none;
        cursor: pointer;
        animation:none;
      
      }
      .detalleTrabajos-slider17.detalleTrabajos10{
        background-size: 100%;
      }

      .detalleTrabajos-slider18{
        width: 100%;
        height: 450px;
        float: none;
        margin:0 !important;
        padding: 0 !important;
        opacity: 1;
        animation: none;
        cursor: pointer;
        animation:none;
      }
      .detalleTrabajos-slider18.detalleTrabajos10{
        background-size: 100%;
      }
      
      
      .detalleTrabajos-slider5{
        width: 30%;
        float: left;
        margin:  0px 2% 0 8% !important;
        height: 600px;
        background-color: royalblue;
        opacity: 0.5;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajosDetalle 1s ease  ;
      
      }
      .detalleTrabajos-slider6{
        width: 50%;
        float: left;
        margin:  0px 8% 0 2% !important;
        height: 600px;
        background-color: royalblue;
        opacity: 0.5;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajosDetalle 1s ease  ;
      
      }
      .detalleTrabajos-slider7{
        width: 50%;
        float: left;
        margin:  0px 5% 0 5% !important;
        height: 600px;
        background-color: royalblue;
        opacity: 0.5;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajosDetalle 1s ease  ;
      
      }
      .detalleTrabajos-slider8{
        width: 40%;
        float: left;
        margin:0px 0% 0 0%;
        height: 600px;
        opacity: 1;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajos 2s ease;
      }
      .detalleTrabajos-slider9{
        width: 40%;
        float: left;
        margin:0px 0% 0 15%;
        height: 600px;
        opacity: 1;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajos 2s ease;
      
      }
      .detalleTrabajos-slider10{
        width: 30%;
        float: left;
        margin:  0px 0% 0 0% !important;
        height: 600px;
        background-color: royalblue;
        opacity: 0.5;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajosDetalle 1s ease  ;
      }
      .detalleTrabajos-slider11{
        width: 30%;
        float: left;
        margin:  0px 0% 0 15% !important;
        height: 600px;
        background-color: royalblue;
        opacity: 0.5;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajosDetalle 1s ease  ;
      }
      .detalleTrabajos-slider12{
        width: 40%;
        float: left;
        margin:0px 10% 0 5%;
        height: 600px;
        opacity: 1;
        animation: tranformar-3d;
        cursor: pointer;
        animation: entradaTrabajos 2s ease;
      
      }
  
      .detalleTrabajosHover:hover{
        opacity:1;
      }

      .responsive-video{
        width:100%;
        height: 450px;
        margin: 0px 0px 0px!important;
        padding: 0 !important;
      }
  
      @keyframes entradaTrabajosDetalle{
        0%{transform: translateY(300px); opacity: 0;};
        25%{transform: translateY(-600px);opacity: 0;};
        100%{transform: translateY(0px); opacity: 0.5;};
      
      }

      .info-detalle {
        width: 90%;
        margin: 0 5% 0px;
        top: 0px !important;
      }
      
      .info-detalle p {
        font-size: 13px;
        
      }
      
      .info-detalle h2 {
        font-family: 'Mont', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 5em;
        color: white;
        line-height: 60px;
        letter-spacing: 7px;
        -webkit-user-select: none;
        margin-top: 2px;
      }

      .cont-detalle{
        width: 60%;
        margin: 30px 0px 15px 0;
        float:right;
      }
      .detalleTrabajos-slider8 .cont-detalle{
        width: 60%;
        margin: 180px 20px 0 0;
        float:left;
      }
      .cont-detalle h4{
        font-size: 16px;
        line-height: 20px;
      }
      .cont-detalle p{
        font-weight: 100;
        font-style: normal;
        font-size: 13px;
        line-height: 17px;
        letter-spacing: 1px;
        margin: 10px 0 10px ;
        color: white; 
      }

      p.creditos{
        width: 90%;
        font-weight: 300;
        font-style: normal;
        font-size: 11px;
        line-height: 15px;
        letter-spacing: 1px;
        margin: 0px 0 ; 
        color: grey;
      }
  
    }
  
  
  
  @media screen and (min-width: 992px) and (max-width: 1200px) {
    h4.iconotitulo {
      font-size: 30px;
      top: -65px;
    }
  
    #triangulo-menu img {
      width: 30px;
      height: auto;
      position: relative;
      z-index: 100;
      top: -99px;
      left: 8%!important;
      animation: izquierda-derecha 1s ease infinite;
    }
  }
  
  @media screen and (min-width: 767px) and (max-width: 992px) {
    div.contenedor-txt {
      width: 80%;
      margin-left: 10%;
    }
    h4.iconotitulo {
      font-size: 35px;
      top: -25px;
      line-height: 50px;
    }
    .triangle-right img {
      width: 35px;
    }
    .imglogo img {
      top: 3vh !important;
      left: 3vw !important;
    }
        /*---------------------BIO------------------------*/
  
  .contenedorBio{
    width: 100%;
    height: auto;
    margin-top: 180px;
  
  }
  .contenidoBio{
    width: 90%;
    height: auto;
    margin:0 auto;
  
  }
  .imagenBio{
    width: 100%;
    height: auto;
    float: none;
  }
  .imagenBio img{
    width: 50%;
    height: auto;
    margin: 0;
  }
  .infoBio{
    width: 80%;
    height: auto;
    float: none;
    position: relative;
    left: -2vw;
    margin: 30px 0% 0 25%;
  }
  .infoBio span img{
    width:40px;
    height: auto;
    float: left;
    margin-right: 30px;
  }
  
  @keyframes izq-der{
    0%{transform: translateX(20px)};
    25%{transform: translateX(0px)};
    100%{transform: translateX(20px)};
  }
  
  .txtInfo{
    width: 80%;
    float: left;
    color: white;
    letter-spacing: 2px;
  }
  .txtInfo h2{
    font-size: 2em;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .txtInfo p{
    font-size: 13px;
    line-height: 20px;
    font-family: 'Mont', sans-serif;
    font-weight: 200;
    font-style: normal;
    letter-spacing: 2px;

  }
  
    
    
    
    
    /*.contenedorTrabajos {
       width: 4000px;
      width: 100%;
      height: auto;
      margin: 0 auto;
    } */
    /*.contenidoTrabajos {
      width: 90%;
       width: 800px; 
      height: 500px;
      margin: 0 5%;
      position: relative;
      top: 450px;
    }
  
  }
  */}













  @media (max-width: 767px) {

      /*---------------------CONTACTO------------------------*/
  
  .contenedorContacto{
    width: 100%;
    height: auto;
    margin-top: 0 !important;
  
  }
  .contenidoContacto{
    width: 90%;
    height: auto;
    margin:0 auto;
  
  }
  .imagenContacto{
    width: 70%;
    height: auto;
    float: none;
    position:absolute;
    top:340px;
    margin: 0 10%;
  }
  .imagenContacto p{
    font-size: 12px;
    line-height: 20px;
    text-align: center;
  }
  .imagenContacto p a{
    font-family: 'Mont', sans-serif;
    font-weight: 100;
    font-style: normal;
    color:white;
    letter-spacing: 3px;
    text-decoration: none;
    margin: 0px;
  }
  .imagenContacto p a:hover{
    font-weight: 300;
    color: #1aa886;
  }
  .redes-sociales{
    display: flex;
    justify-content: center;
    margin: 0;
    font-size: 50px;
  }
  .redes-sociales a{
    width: 60px;
    height: 60px;
    color:#1aa886;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
  }
  .imagenContacto img{
    width:46%;
    height: auto;
    margin: 0vh 0% 0 27%;
  }
  .infoContacto{
    width: 90%;
    height: auto;
    float: none;
    position: relative;
    left: 0;
    margin: 0 5% 0 5%;
    position: absolute;
    top:110px;
  }
  .infoContacto span img{
    width: 30px;
    height: auto;
    float: left;
    margin-right: 20px;
    animation: izq-der 1s ease infinite;
  }
  
  @keyframes izq-der{
    0%{transform: translateX(20px)};
    25%{transform: translateX(0px)};
    100%{transform: translateX(20px)};
  }
  
  .formularioContacto{
    width: 100%;
    float: left;
    color: white;
    letter-spacing: 2px;
    position: relative;
    bottom: 22px;
  }
  .formularioContacto h2{
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 15px;
    margin-left: 60px;
  }
  
  .formularioContacto input{
    width: 100%;
    height: 15px !important;
    font-family: 'Mont', sans-serif;
    font-weight: 100;
    font-size: 11px;
    font-style: normal;
    color:white;
    margin: 0px auto 8px;
    border: 0px solid transparent;
    border-bottom: 1px solid #1aa886;
    background-color: transparent;
    padding: 15px;
    color:white;
    letter-spacing: 1px;
  }
  
  input::placeholder{
    font-family: 'Mont', sans-serif;
    font-weight: 100;
    font-size: 11px;
    font-style: normal;
    color:white;
  }
  textarea::placeholder{
    font-family: 'Mont', sans-serif;
    font-weight: 100;
    font-style: normal;
    color:white;
  }
  .formularioContacto textarea{
    width: 100%;
    height: 56px;
    font-size: 11px;
    padding: 15px;
    margin: 0px auto 8px;
    border: 0px solid transparent;
    border-bottom: 1px solid #1aa886;
    background-color: transparent;
    color:white;
    letter-spacing: 1px;
    font-family: 'Mont', sans-serif;
    font-weight: 100;
    font-style: normal;
  }
  .formularioContacto button{
    width: 100%;
    height: 20px;
    margin: 0px auto;
    color: #fff;
    font-size: 14px;
    letter-spacing: 4px;
    background: transparent;
    border:0px solid transparent;
    text-align: right;
    font-weight: 100;
    font-style: normal;
    color:white;
  }
          /*---------------------BIO------------------------*/
  
  .contenedorBio{
    width: 100%;
    height: auto;
    margin-top: 110px;
  
  }
  .contenidoBio{
    width: 90%;
    height: auto;
    margin:0 auto;
  
  }
  .imagenBio{
    width: 100%;
    height: auto;
    float: none;
  }
  .imagenBio img{
    width: 60%;
    height: auto;
    margin: 0;
  }
  .infoBio{
    width: 100%;
    height: auto;
    float: none;
    position: relative;
    left: -2vw;
    margin: 0 0% 0 0%;
  }
  .infoBio span img{
    width: 29px;
    height: auto;
    float: left;
    margin-right: 20px;
  }
  
  @keyframes izq-der{
    0%{transform: translateX(20px)};
    25%{transform: translateX(0px)};
    100%{transform: translateX(20px)};
  }
  
  .txtInfo{
    width: 80%;
    float: left;
    color: white;
    letter-spacing: 2px;
  }
  .txtInfo h2{
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .txtInfo p{
    font-size: 10px;
    line-height: 12px;
    font-family: 'Mont', sans-serif;
    font-weight: 200;
    font-style: normal;
    letter-spacing: 2px;

  }
  /*---------------------iNICIO------------------------*/
    .imglogo img {
      width: 33vw !important;
      top: 4vw !important;
      left: 3vw !important;
    }
    .lenguaje{
      right:17px;
    }
    .lenguaje img {
      width: 25px;
      height: auto;
      float: left;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
      -webkit-user-select: none;
      -webkit-user-drag: none;
    }
    a.btn-leng {
      font-size: 14px;
      margin: 2px 0 0 10px;
    }
    .contenido-intro {
      /* background-image: url('../img/gp_pruebaweb.gif'); 
      background-size:60% auto;*/
      background-size:160% auto;
    }
    h1.iconoLogo {
      width: 100%;
      font-size: 50px;
      text-align: center;
      margin-bottom: 0px;
    }
    .triangle-right {
      width: 100%;
      height: auto;
      top: 13px;
    }
    .triangle-right img {
      width: 45px;
    }
    div.contenedor-txt {
      width: 90%;
      position: absolute;
      top: 120px;
      left: 5%;
    }
    h4.iconotitulo {
      font-size: 15px;
      top: 120px;
      line-height: 40px;
    }

    .social-footer{
      bottom: 12%;
      right: 8px;
    }
            /*----------------------------- DETALLE TRABAJOS -------------------------------*/
    
            .btn-cerrar{
              right: 30px !important;
        }
        
              .detalleTrabajos{
                background-position:center;
                background-size:contain;
                background-repeat: no-repeat;
              }
              .detalleTrabajos2{
                background-position:center;
                background-size:100% auto;
                background-repeat: no-repeat;
              }
              .detalleTrabajos3{
                background-position:center;
                background-size:cover;
                background-repeat: no-repeat;
              }
              .detalleTrabajos4{
                background-position:center;
                background-size:cover;
                background-repeat: no-repeat;
              }
              .detalleTrabajos5{
                background-position:center;
                background-size:cover;
                background-repeat: no-repeat;
              }
              .detalleTrabajos6{
                background-position:center;
                background-size:cover;
                background-repeat: no-repeat;
              }
              .detalleTrabajos7{
                background-position:center;
                background-size:cover;
                background-repeat: no-repeat;
              }
              .detalleTrabajos8{
                background-position:center;
                background-size:cover;
                background-repeat: no-repeat;
              }
              .detalleTrabajos9{
                background-position:center;
                background-size:cover;
                background-repeat: no-repeat;
              }
              .detalleTrabajos10{
                background-position:center;
                background-size:cover;
                background-repeat: no-repeat;
              }
          
              .detalleTrabajos-slider1{
                width: 100%;
                height: 250px !important;
                float: none;
                margin:60px 0 0 !important;
                height: auto;
                opacity: 1;
                animation: none;
                cursor: pointer;
                animation:none;
              
              }
              
              .detalleTrabajos-slider2{
                width: 100%;
                float: none;
                margin:60px 0 0px 0;
                height: 250px;
                opacity: 1;
                animation: none;
                cursor: pointer;
                animation:none;
              }
              .detalleTrabajos-slider2.detalleTrabajos6{
                background-size:100%;
                position: relative;
                top: 0;
                background-image: url(/img/iluminacion/escena2.jpg);
              }
              .detalleTrabajos-slider2.detalleTrabajos8{
                background-size:100%;
                position: relative;
                top: 0px;
              }
              .detalleTrabajos-slider2.detalleTrabajos9{
                background-size:100%;
                position: relative;
                top: 20px;
              }
        
              .detalleTrabajos-slider3{
                width: 100%;
                float: none;
                margin:60px 0 0px 0;
                height: 250px;
                opacity: 1;
                animation: none;
                cursor: pointer;
                animation:none;
              }
        
        
              .detalleTrabajos-slider4{
                width: 100%;
                height: 250px;
                float: none;
                margin:0 !important;
                padding: 0 !important;
                opacity: 1;
                animation: none;
                cursor: pointer;
                animation:none;
              
              }
              .detalleTrabajos-slider13{
                width: 100%;
                float: none;
                margin:60px 0 0px 0;
                height: 250px;
                opacity: 1;
                animation: none;
                cursor: pointer;
                animation:none;
              }
        
              .detalleTrabajos-slider14{
                width: 100%;
                height: 250px;
                float: none;
                margin:0 !important;
                padding: 0 !important;
                opacity: 1;
                animation: none;
                cursor: pointer;
                animation:none;
              
              }
              
              .detalleTrabajos-slider15{
                width: 100%;
                float: none;
                margin:60px 0 0px 0;
                height: 250px;
                opacity: 1;
                animation: none;
                cursor: pointer;
                animation:none;
              
              }
        
              .detalleTrabajos-slider16{
                width: 100%;
                float: none;
                margin:60px 0 0px 0 !important;
                height: 250px;
                opacity: 1;
                animation: none;
                cursor: pointer;
                animation:none;
              }

              .detalleTrabajos-slider16.detalleTrabajos10{
                background-size:100%;
                background-image: url(/img/canepas/usadosCanepas.gif);
              }
              .detalleTrabajos-slider19{
                width: 100%;
                height: 250px;
                float: none;
                margin:0 !important;
                padding: 0 !important;
                opacity: 1;
                animation: none;
                cursor: pointer;
                animation:none;
              
              }
              .detalleTrabajos-slider17{
                width: 100%;
                float: none;
                margin:60px 0 0px 0 !important;
                height: 250px;
                opacity: 1;
                animation: none;
                cursor: pointer;
                animation:none;
              
              }
              .detalleTrabajos-slider17.detalleTrabajos10{
                background-size: 100%;
              }
        
              .detalleTrabajos-slider18{
                width: 100%;
                height: 250px;
                float: none;
                margin:0 !important;
                padding: 0 !important;
                opacity: 1;
                animation: none;
                cursor: pointer;
                animation:none;
              }
              .detalleTrabajos-slider18.detalleTrabajos10{
                background-size: 100%;
              }
              
              
              
          
              .detalleTrabajosHover:hover{
                opacity:1;
              }
        
              .responsive-video{
                width:100%;
                height: 200px;
                margin: 20px 0px 0px!important;
                padding: 0 !important;
              }
          
              @keyframes entradaTrabajosDetalle{
                0%{transform: translateY(300px); opacity: 0;};
                25%{transform: translateY(-600px);opacity: 0;};
                100%{transform: translateY(0px); opacity: 0.5;};
              
              }
        
              .info-detalle {
                width: 90%;
                margin: 0 5% 0px;
                top: 0px !important;
              }
              
              .info-detalle p {
                font-size: 8px;
                
              }
              
              .info-detalle h2 {
                font-family: 'Mont', sans-serif;
                font-weight: 400;
                font-style: normal;
                font-size: 2em;
                color: white;
                line-height: 33px;
                letter-spacing: 7px;
                -webkit-user-select: none;
                margin-top: 2px;
              }
        
              .cont-detalle{
                width: 100%;
                margin: 15px 0px 15px 0;
                float:right;
              }
              .detalleTrabajos-slider8 .cont-detalle{
                width: 60%;
                margin: 180px 20px 0 0;
                float:left;
              }
              .cont-detalle h4{
                font-size: 12px;
                line-height: 20px;
              }
              .cont-detalle p{
                font-weight: 100;
                font-style: normal;
                font-size: 10px;
                line-height: 17px;
                letter-spacing: 1px;
                margin: 10px 0 10px ;
                color: white; 
              }
        
              p.creditos{
                width: 90%;
                font-weight: 300;
                font-style: normal;
                font-size: 9px;
                line-height: 15px;
                letter-spacing: 1px;
                margin: 0px 0 ; 
                color: grey;
              }
  
  }
  
  @media (min-width: 1920px) {
    #triangulo-menu img {
      top: -99px;
      left: 30%!important;
    }
   
  
  }
  
  
  
  /*# sourceMappingURL=estilos.css.map */