/*!
 * FANKI
 * Version - 1.0
 * Author: Vannelo - http://www.bluedev.agency

 * - RESOURCES -
 * COLORS
 * ACCENT: #ff2645;
 * ACCENT: #;

*/

/* TIPOGRAFÍA */

    @font-face {
        font-family: untitled;
        src: url("../fonts/untitled-regular.otf");
    }
    @font-face {
        font-family: untitled-black;
        src: url("../fonts/untitled-black.ttf");
    }



/* GENERAL */
    * {
        font-family: untitled;
    }
    h1, h2, h3, h4, h5, h6, b {
        font-family: untitled-black !important;
    }

/* MENÚ */
    .menu-desktop {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 300;
        padding: 40px 20px;

    }
    .menu-desktop .l2 {
        text-align: center;
    }
    .menu-desktop .l2 img {
        width: 120%;
    }
    .menu-desktop .l10 {
        text-align: right;
    }
    .menu-desktop .l10 a {
        color: white;
        font-size: 16px;
        display: inline-block;
        margin: 0px 20px;
        transition-duration: .2s;
    }
    .menu-desktop .l10 a:hover {
        color: rgba(255,255,255,.5);
        font-size: 16px;
        display: inline-block;
        margin: 0px 20px;
        transition-duration: .2s;
    }
    .menu-desktop .l10 a img {
        width: 25px;
        margin-bottom: -3px;
        transition-duration: .2s;
    }
    .menu-desktop .l10 a img:hover {
        transition-duration: .2s;
        opacity: .5;
    }

    .menu-mobile {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 900;
        padding: 15px 0px;
    }
    .menu-mobile .izquierda img {
        width: 100px;
    }
    .menu-mobile .derecha .abrir-menu {
        width: 35px;
        cursor: pointer;
        display: inline-block;
    }
    .menu-mobile .derecha .linea {
        width: 100%;
        height: 2px;
        margin: 7px 0px;
        background-color: white;
    }
    .menu-mobile .izquierda {
        padding: 10px 20px;
    }
    .menu-mobile .derecha {
        text-align: right;
        padding: 0px 20px 0px 0px;
    }

    .escondido {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0,0,0,.9);
        z-index: 999;
        padding: 40px 20px 0px 20px;
        text-align: center;
    }
    .escondido img {
        width: 150px;
    }
    .escondido a {
        display: block;
        color: white;
        padding: 10px 0px;
    }
    .imagenes-escondidas {
        height: 0;
        visibility: hidden;
    }

/* SLIDER */
    .contenedor-slider {

    }
    .contenedor-slider .item {
        position: relative;
        width: 100%;
        height: 750px;
        background-position: center;
        background-size: cover;
    }
    .contenedor-slider .item .parallax-container {
        height: 750px;
    }
    .contenedor-slider .item .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #eee;
        z-index: 100;
        opacity: 0;
        transition-duration: .2s;
    }
    .contenedor-slider .item .texto {
        position: absolute;
        top: 550px;
        left: 100px;
        color: white;
        z-index: 200;
    }
    .contenedor-slider .item .titulo {
        font-size: 50px;
        color: rgba(255,255,255,.8);
        transition-duration: .2s;
        cursor: pointer;
    }
    .contenedor-slider .texto:hover .titulo {
        color: rgba(255,255,255,1);
        text-shadow: 0 0 10px #000;
        transition-duration: .2s;
    }
    .contenedor-slider .texto:hover .subtitulo {
        color: rgba(255,255,255,1);
        text-shadow: 0 0 10px #000;
        transition-duration: .2s;
    }
    .contenedor-slider .item .subtitulo {
        font-family: untitled;
        font-size: 20px;
        color: rgba(255,255,255,.8);
        transition-duration: .2s;
        cursor: pointer;
    }

    .slider-mobile {
        /*display: none;*/
    }
    .slider-mobile .item {
        height: 630px;
    }
    .slider-mobile .item .texto {
        top: 430px;
        left: 20px;
        padding: 30px;
    }
    .slider-mobile .item .titulo {
        font-size: 32px;
        font-weight: 600;
    }
    .slider-mobile .item .subtitulo {
        font-size: 18px;
    }

    .slider-desktop .boton-atras {
        position: absolute;
        top: 45%;
        left:20px;
        z-index: 900;
        background-color: transparent;
        border: none;
        font-size: 40px;
        color: white;
        width: 40px;
        cursor: pointer;
        transition-duration: .2s;
    }
    .slider-desktop .boton-atras:hover {
        width: 50px;
        cursor: pointer;
        transition-duration: .2s;
    }
    .slider-desktop .boton-siguiente {
        position: absolute;
        top: 45%;
        right:20px;
        z-index: 900;
        background-color: transparent;
        border: none;
        font-size: 40px;
        color: white;
        width: 40px;
        cursor: pointer;
        transition-duration: .2s;
    }
    .slider-desktop .boton-siguiente:hover {
        width: 50px;
        cursor: pointer;
        transition-duration: .2s;
    }
    .slider-desktop .boton-atras img {
        width: 100%;
        transition-duration: .2s;
    }
    .slider-desktop .boton-siguiente img {
        width: 100%;
        transition-duration: .2s;
    }
    .owl-prev, .owl-next {
        opacity: 0;
    }

/* PROYECTOS */
    .contenedor-proyectos {
        position: relative;
        padding: 60px 40px 100px 40px;
    }
    .contenedor-proyectos .row {
        padding: 0 !important;
    }
    .contenedor-proyectos .col {
        padding: 0;
    }
    .contenedor-proyectos .item-1 {
        cursor: pointer;
        margin-bottom: 20px;
    }
    .contenedor-proyectos .item-1:hover .imagen {
        opacity: .7;
        transition-duration: .2s;
    }
    .contenedor-proyectos .item-1 .imagen {
        width: 100%;
        height: 200px;
        background-position: center;
        background-size: cover;
        transition-duration: .2s;
    }
    .contenedor-proyectos .item-1 .titulo {
        font-family: untitled-black;
        text-transform: uppercase;
        padding: 10px 0px;
        font-size: 14px;
        font-weight: 900;
    }
    .contenedor-proyectos .item-2 {
        cursor: pointer;
        margin-bottom: 20px;
    }
    .contenedor-proyectos .item-2:hover .imagen {
        opacity: .7;
        transition-duration: .2s;
    }
    .contenedor-proyectos .item-2 .imagen {
        width: 100%;
        height: 468px;
        transition-duration: .2s;
        background-position: center;
        background-size: cover;
    }
    .contenedor-proyectos .item-2 .titulo {
        font-family: untitled-black;
        text-transform: uppercase;
        padding: 10px 0px;
        font-size: 14px;
        font-weight: 900;
    }
    .contenedor-proyectos .row {
        margin: 0;
        padding: 5px;
    }
    .contenedor-proyectos .item-1 {
        padding: 0px 20px;
    }
    .contenedor-proyectos .item-2 {
        padding: 0px 20px;
    }

/* WORK */
    .contenedor-work {
        text-align: center;
        padding: 100px 40px 100px 40px;
    }
    .contenedor-work h2 {
        font-size: 30px;
        font-weight: 900;
    }
    .contenedor-work .categorias {
        width: 90%;
        margin: auto;
        font-size: 0;
    }
    .contenedor-work .separador {
        width: 90%;
        margin: auto;
        height: 1px;
        background-color: #ccc;
        margin-top: -1px;
    }
    .contenedor-work .categorias button {
        font-size: 14px;
        border: none;
        background-color: transparent;
        padding: 20px 20px;
        transition-duration: .2s;
        border-bottom: 1px solid #ccc;
        color: #888;
    }
    .contenedor-work .categorias button.activo {
        color: black;
        border-bottom: 1px solid black;
    }
    .contenedor-work .categorias button:hover {
        border-bottom: 1px solid black;
        transition-duration: .2s;
    }
    .contenedor-work .grids .item {
        padding: 20px;
    }
    .contenedor-work .grids .item .nombre {
        font-size: 16px;
        text-align: left;
        padding: 10px 0px;
        font-weight: 600;
    }
    .contenedor-work .grids .numero {
        font-weight: 300;
        color: #999;
    }
    .contenedor-work .grids .item .imagen {
        height: 250px;
        background-position: center;
        background-size: cover;
    }
    .contenedor-work .grids .item {
        cursor: pointer;
        transition-duration: .2s;
    }
    .contenedor-work .grids .item:hover {
        transition-duration: .2s;
        opacity: .7;
    }
    .contenedor-work .grids .grid {
        display: none;
    }
    .contenedor-work .grids .grid.activo {
        display: block;
    }
    .contenedor-work .filtros button {
        background-color: transparent;
        border: none;
        padding: 20px;
        color: #999;
        font-size: 12px;
    }
    .contenedor-work .filtros button.activo {
        color: black;
    }

/* ABOUT */
    .contenedor-about {
        padding: 150px 20px;
        color: white;
    }
    .contenedor-about .info {
        padding: 40px;
    }
    .contenedor-about .info h1 {
        font-weight: 600;
    }
    .contenedor-about .info p {
        font-size: 20px;
    }
    .contenedor-about .equipo {
        padding: 20px 40px;
    }
    .contenedor-about .equipo .imagen {
        width: 100%;
        height: 250px;
        background-position: center;
        background-size: cover;
    }
    .contenedor-about .equipo .nombre {
        padding: 10px 0px;
        font-size: 14px;
    }
    .contenedor-about h5 {
        margin: 30px 0px;
    }

/* NEWS */
    .contenedor-news {
        text-align: center;
        padding: 100px 40px 100px 40px;
    }
    .contenedor-news h2 {
        font-size: 30px;
        font-weight: 900;
    }
    .contenedor-news .categorias {
        width: 90%;
        margin: auto;
        font-size: 0;
    }
    .contenedor-news .separador {
        width: 90%;
        margin: auto;
        height: 1px;
        background-color: #ccc;
        margin-top: -1px;
    }
    .contenedor-news .categorias button {
        font-size: 14px;
        border: none;
        background-color: transparent;
        padding: 20px 20px;
        transition-duration: .2s;
        border-bottom: 1px solid #ccc;
        color: #888;
    }
    .contenedor-news .categorias button.activo {
        color: black;
        border-bottom: 1px solid black;
    }
    .contenedor-news .categorias button:hover {
        border-bottom: 1px solid black;
        transition-duration: .2s;
    }
    .contenedor-news .grids .item {
        padding: 20px;
    }
    .contenedor-news .grids .item .nombre {
        font-size: 20px;
        text-align: left;
        padding: 10px 0px;
        font-weight: 600;
    }
    .contenedor-news .grids .numero {
        font-weight: 300;
        color: #999;
    }
    .contenedor-news .grids .item .imagen {
        height: 250px;
        background-position: center;
        background-size: cover;
    }
    .contenedor-news .grids .item {
        cursor: pointer;
        transition-duration: .2s;
    }
    .contenedor-news .grids .item:hover {
        transition-duration: .2s;
        opacity: .7;
    }
    .contenedor-news .grids .grid {
        display: block;
    }
    .contenedor-news .grids .grid.activo {
        display: block;
    }
    .contenedor-news .filtros button {
        background-color: transparent;
        border: none;
        padding: 20px;
        color: #999;
        font-size: 12px;
    }
    .contenedor-news .filtros button.activo {
        color: black;
    }

/* CONTACTO */

    .contenedor-contact {
        padding: 100px 20px;
        color: white;
    }
    .contenedor-contact .contenido {
        padding: 20px 40px;
    }
    .contenedor-contact h2 {
        font-weight: 600;
        font-size: 40px;
    }
    .contenedor-contact .imagenes .izquierda .imagen {
        width: 100%;
        height: 800px;
        background-position: center;
        background-size: cover;
        margin-bottom: 10px;
    }
    .contenedor-contact .imagenes .derecha .imagen {
        width: 100%;
        height: 390px;
        background-position: center;
        background-size: cover;
        margin-bottom: 20px;
    }
    .contenedor-contact .texto .texto1 {
        font-size: 30px;
        font-weight: 600;
    }
    .contenedor-contact .texto .texto2 {
        font-size: 22px;
        font-weight: 300;
        color: #ccc;
    }
    .contenedor-contact .texto .texto2 a {
        color: white;
    }
    .contenedor-contact .texto .texto3 {
        font-size: 18px;
        font-weight: 300;
        color: #ccc;
    }
    .contenedor-contact .texto .texto3 a {
        color: white;
    }
    .contenedor-contact .row {
        margin: 0;
    }
    .contenedor-contact .mapas {
        padding: 50px 0px;
    }
    .contenedor-contact .mapas img {
        width: 100%;
    }
    .contenedor-contact .mapas h3 {
        font-size: 18px;
        font-weight: 200;
    }

/* NEWSLETTER */

    .contenedor-newsletter {
        padding: 100px 20px;
        color: white;
    }
    .contenedor-newsletter .contenido {
        padding: 20px 40px;
    }
    .contenedor-newsletter h2 {
        font-weight: 600;
        font-size: 40px;
    }
    .contenedor-newsletter input {
        width: 98% !important;
        height: auto !important;
        padding: 15px !important;
        font-size: 30px !important;
        color: #999 !important;
        background-color: #111 !important;
        border: none !important;
    }
    .contenedor-newsletter button {
        background-color: transparent;
        padding: 20px;
        color: white;
        border: none;
        font-size: 30px;
        transition-duration: .2s;
    }
    .contenedor-newsletter button:hover {
        color: #bbb;
        transition-duration: .2s;
    }
    .contenedor-newsletter .row {
        margin: 0;
    }
    .contenedor-newsletter .formulario {
        margin-bottom: 200px;
    }

/* PROYECTO */
    .contenedor-proyecto {

    }
    .contenedor-proyecto .separador {
        width: 50px;
        height: 5px;
        background-color: #666;
        margin: auto;
    }
    .contenedor-proyecto .header {
        width: 100%;
        height: 100vh;
        background-position: center;
        background-size: cover;
    }
    .contenedor-proyecto .header .parallax-container {
        height: 100vh;
    }
    .contenedor-proyecto .contenido {
        padding: 100px 40px;
        text-align: center;
    }
    .contenedor-proyecto .info span {
        font-weight: 600;
        color: #666;
        margin: 0px 40px;
    }
    .contenedor-proyecto .titulo {
        font-family: untitled;
        font-weight: 800;
        font-size: 50px;
        margin: 50px 0px 10px 0px;
    }
    .contenedor-proyecto .subtitulo {
        font-weight: 300;
        font-size: 30px;
        margin: 10px 0px 20px 0px;
        padding: 0px 100px;
    }
    .contenedor-proyecto .texto1 {
        width: 700px;
        margin: auto;
        padding: 50px 0px;
        text-align: justify;
        text-justify: distribute;
        font-size: 24px;
    }

    .contenedor-proyecto p {
        font-family: untitled !Important;
    }
    .contenedor-proyecto .texto2 {
        width: 700px;
        margin: auto;
        padding: 50px 0px;
        text-align: justify;
        text-justify: distribute;
        font-size: 24px;
    }
    .contenedor-proyecto .texto3 {
        width: 700px;
        margin: auto;
        padding: 50px 0px;
        text-align: justify;
        text-justify: distribute;
        font-size: 24px;
    }
    .contenedor-proyecto .imagen1 {
        padding: 20px;
        position: relative;
    }
    .contenedor-proyecto .imagen1 img {
        width: 100%;
    }
    .contenedor-proyecto .imagen1 .creditos {
        text-align: left;
    }
    .contenedor-proyecto .imagen2 {
        padding: 20px;
        position: relative;
    }
    .contenedor-proyecto .imagen2 img {
        width: 100%;
    }
    .contenedor-proyecto .imagen2 .creditos {
        text-align: left;
    }
    .contenedor-proyecto .galeria .imagen {
        width: 100%;
        height: 600px;
        background-position: center;
        background-size: cover;
        cursor: pointer;
    }
    .contenedor-proyecto .imagen img {
        width: 100%;
    }
    .contenedor-proyecto .galeria .col {
        margin: 10px 0px;
    }
    .contenedor-proyecto .video {
        margin-bottom: 100px;
    }

/* OTROS PROYECTOS */
    .contenedor-otros {

        padding: 80px 0px 300px 0px;
        text-align: center;
    }
    .contenedor-otros h3 {
        font-size: 28px;
        font-weight: 900;
        margin-bottom: 30px;
    }
    .contenedor-otros .item {
        cursor: pointer;
    }
    .contenedor-otros .item:hover .imagen {
        opacity: .7;
        transition-duration: .2s;
    }
    .contenedor-otros .item .imagen {
        width: 100%;
        height: 500px;
        background-position: center;
        background-size: cover;
        transition-duration: .2s;
    }
    .contenedor-otros .item .nombre {
        font-size: 20px;
        font-weight: 600;
        color: black;
        padding: 10px 0px;
        text-align: left;
    }


/* FOOTER */
    .contenedor-footer {
        width: 100%;
        padding: 10px 50px;
        z-index: 999;
    }
    .contenedor-footer .izquierda {
        color: #999;
    }
    .contenedor-footer .derecha {
        text-align: right;
    }
    .contenedor-footer a img {
        width: 20px;
        margin: 0px 20px;
    }


/* EXTRAS */
    .trigger-miembro {
        cursor: pointer;
    }
    .miembro img {
        width: 100%;
        margin-top: 35px;
    }
    .loader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: white;
        z-index: 999;
        text-align: center;
        padding-top: 45vh;
    }
    .loader img {
        width: 200px;
    }

/* RESPONSIVE */

    @media only screen and (max-width: 1000px) {
        .menu-desktop {
            display: none;
        }
        .menu-mobile {
            display: block;
        }
        .slider-desktop {

        }
        .slider-mobile {
            display: block;
        }
        .contenedor-proyectos {
            padding: 50px 20px 100px 20px;
        }
        .contenedor-proyectos .col {
            padding: 0;
        }
        .contenedor-proyectos .item-2 .imagen {
            height: 200px;
        }
        .contenedor-proyectos .item-2 .titulo {
            padding: 10px 0px;
            font-size: 14px;
        }
        .contenedor-proyectos .row {
            padding: 0;
        }
        .contenedor-proyectos .item-1, .contenedor-proyectos .item-2 {
            margin-bottom: 10px;
        }
        .contenedor-footer .col {
            text-align: center;
            padding: 10px;
        }
        .contenedor-footer .derecha svg {
            width: 16px;
            height: 16px;
            margin: 0px 20px 0px 20px;
        }

        .contenedor-work {
            text-align: center;
            padding: 60px 20px 100px 20px;
        }
        .contenedor-work .categorias button {
            font-size: 10px;
            padding: 20px 5px;
        }
        .contenedor-work .filtros button {
            font-size: 10px;
        }
        .contenedor-work .grids .row {
            margin: 0;
        }
        .contenedor-work .grids .item {
            padding: 10px 20px;
        }
        .contenedor-work .grids .item .imagen {
            height: 200px;
        }

        .contenedor-news {
            text-align: center;
            padding: 60px 20px 100px 20px;
        }
        .contenedor-news .categorias button {
            font-size: 10px;
            padding: 20px 5px;
        }
        .contenedor-news .filtros button {
            font-size: 10px;
        }
        .contenedor-news .grids .row {
            margin: 0;
        }
        .contenedor-news .grids .item {
            padding: 10px 20px;
        }
        .contenedor-news .grids .item .imagen {
            height: 200px;
        }

        .contenedor-contact {
            padding: 50px 30px;
            color: white;
        }
        .contenedor-contact .contenido {
            padding: 20px 0px;
        }
        .contenedor-contact h2 {
            font-weight: 600;
            font-size: 40px;
        }
        .contenedor-contact .imagenes .izquierda .imagen {
            width: 100%;
            height: 500px;
            background-position: center;
            background-size: cover;
            margin-bottom: 10px;
        }
        .contenedor-contact .imagenes .derecha .imagen {
            width: 100%;
            height: 200px;
            background-position: center;
            background-size: cover;
            margin-bottom: 10px;
        }
        .contenedor-contact .texto .texto1 {
            font-size: 24px;
            font-weight: 600;
        }
        .contenedor-contact .texto .texto2 {
            font-size: 16px;
            font-weight: 300;
            color: #ccc;
        }
        .contenedor-contact .texto .texto2 a {
            color: white;
        }
        .contenedor-contact .texto .texto3 {
            font-size: 14px;
            font-weight: 300;
            color: #ccc;
        }
        .contenedor-contact .texto .texto3 a {
            color: white;
        }
        .contenedor-contact .row {
            margin: 0;
        }
        .contenedor-contact .mapas {
            padding: 20px 0px;
        }
        .contenedor-contact .mapas img {
            width: 100%;
        }
        .contenedor-contact .mapas h3 {
            font-size: 18px;
            font-weight: 200;
        }

        .contenedor-about {
            padding: 50px 20px;
            color: white;
        }
        .contenedor-about .info {
            padding: 0px;
        }
        .contenedor-about .info h1 {
            font-weight: 600;
            font-size:40px;
        }
        .contenedor-about .info p {
            font-size: 20px;
        }
        .contenedor-about .equipo {
            padding: 20px 0px;
        }
        .contenedor-about .equipo .imagen {
            width: 100%;
            height: 250px;
            background-position: center;
            background-size: cover;
        }
        .contenedor-about .equipo .nombre {
            padding: 10px 0px;
            font-size: 14px;
        }

        .contenedor-newsletter {
            padding: 50px 20px;
            color: white;
        }
        .contenedor-newsletter .contenido {
            padding: 20px 40px;
        }
        .contenedor-newsletter h2 {
            font-weight: 600;
            font-size: 40px;
        }
        .contenedor-newsletter input {
            width: 98% !important;
            height: auto !important;
            padding: 10px !important;
            font-size: 14px !important;
            color: #999 !important;
            background-color: #111 !important;
            border: none !important;
        }
        .contenedor-newsletter button {
            background-color: transparent;
            padding: 20px;
            color: white;
            border: none;
            font-size: 30px;
            transition-duration: .2s;
        }
        .contenedor-newsletter button:hover {
            color: #bbb;
            transition-duration: .2s;
        }
        .contenedor-newsletter .row {
            margin: 0;
        }
        .contenedor-newsletter .formulario {
            text-align: center;
            margin-bottom: 300px;
        }

        .contenedor-proyecto {

        }
        .contenedor-proyecto .separador {
            width: 50px;
            height: 5px;
            background-color: #666;
            margin: auto;
        }
        .contenedor-proyecto .header {
            width: 100%;
            height: 100vh;
            background-position: center;
            background-size: cover;
        }
        .contenedor-proyecto .header .parallax-container {
            height: 100vh;
        }
        .contenedor-proyecto .contenido {
            padding: 50px 20px;
            text-align: center;
        }
        .contenedor-proyecto .info span {
            font-weight: 600;
            color: #666;
            margin: 0px 10px;
            font-size: 12px;
        }
        .contenedor-proyecto .titulo {
            font-weight: 600;
            font-size: 30px;
            margin: 50px 0px 10px 0px;
        }
        .contenedor-proyecto .subtitulo {
            font-weight: 300;
            font-size: 20px;
            margin: 10px 0px 20px 0px;
            padding: 0px 100px;
        }
        .contenedor-proyecto .texto1 {
            width: 90%;
            margin: auto;
            padding: 50px 0px;
            text-align: justify;
            text-justify: distribute;
            font-size: 16px;
        }
        .contenedor-proyecto .texto2 {
            width: 90%;
            margin: auto;
            padding: 50px 0px;
            text-align: justify;
            text-justify: distribute;
            font-size: 16px;
        }
        .contenedor-proyecto .texto3 {
            width: 90%;
            margin: auto;
            padding: 50px 0px;
            text-align: justify;
            text-justify: distribute;
            font-size: 16px;
        }
        .contenedor-proyecto .imagen1 {
            padding: 20px;
            position: relative;
        }
        .contenedor-proyecto .imagen1 img {
            width: 100%;
        }
        .contenedor-proyecto .imagen1 .creditos {
            text-align: left;
        }
        .contenedor-proyecto .imagen2 {
            padding: 20px;
            position: relative;
        }
        .contenedor-proyecto .imagen2 img {
            width: 100%;
        }
        .contenedor-proyecto .imagen2 .creditos {
            text-align: left;
        }
        .contenedor-proyecto .galeria .imagen {
            width: 100%;
            height: 300px;
            background-position: center;
            background-size: cover;
        }

        .contenedor-otros {

            padding: 0px 0px 300px 0px;
            text-align: center;
        }
        .slider-mobile .item .texto {
            top: 370px;
            left: 20px;
            padding: 30px;
        }

        .contenedor-otros .item .imagen {
            width: 100%;
            height: 200px;
            background-position: center;
            background-size: cover;
        }
        .contenedor-otros {

            padding: 80px 0px 20px 0px;
            text-align: center;
        }
        .contenedor-proyecto iframe {
            width: 90%;
            height: 200px;
        }

        .contenedor-otros .item .nombre {
            font-size: 12px;
            font-weight: 600;
            color: black;
            padding: 10px 0px;
            text-align: center;
        }

        .contenedor-slider .item .texto {
            position: absolute;
            top: 70%;
            left: 10%;
            color: white;
            z-index: 200;
        }
        .contenedor-slider .item .titulo {
            font-size: 30px;
            color: rgba(255,255,255,.8);
            transition-duration: .2s;
            cursor: pointer;
        }
        .contenedor-slider .item .subtitulo {
            font-size: 18px;
            color: rgba(255,255,255,.8);
            transition-duration: .2s;
            cursor: pointer;
        }

    }

    @media only screen and (min-width: 1000px) {
        .menu-desktop {
            display: block;
        }
        .menu-mobile {
            display: none;
        }
        .slider-desktop {
            display: block;
        }
        .slider-mobile {

        }

    }

    @media only screen and (min-width: 2000px) {
        .contenedor-proyectos .item-1 .imagen {
            width: 100%;
            height: 350px;
            background-position: center;
            background-size: cover;
            transition-duration: .2s;
        }
        .contenedor-proyectos .item-2 .imagen {
            width: 100%;
            height: 768px;
            transition-duration: .2s;
            background-position: center;
            background-size: cover;
        }
        .contenedor-slider .item {
            position: relative;
            width: 100%;
            height: 1150px;
            background-position: center;
            background-size: cover;
        }
        .contenedor-slider .item .parallax-container {
            height: 1150px;
        }
        .contenedor-slider .item .texto {
            position: absolute;
            top: 900px;
            left: 100px;
            color: white;
            z-index: 200;
        }
    }