html, body{
    width:100%;
    height:100%;
    font-family: 'Crimson Text', serif;
    margin:0;
    -webkit-font-smoothing: antialiased;

}

body{
    overflow:hidden;
}

body a{
    color:#fff
}

body a:hover{
    color:#dd4b57;
}

body a:visited{
    color:#fff
}

h1,h2,h3,h4{
    font-family:'Crimson Text', serif;
    font-weight: 700;
}

.center {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.center-vertical {
    position: absolute;
    top: 50%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 45;
}

.center-horizontal {
    position: absolute;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.acelerate3d{
    -ms-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.center-acelerate3d {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.center-vertical-acelerate3d {
    position: absolute;
    top: 50%;
    -ms-transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    z-index: 45;
}

.center-horizontal-acelerate3d {
    position: absolute;
    left: 50%;
    -ms-transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.parralax-background{
    -webkit-transition: all 1.6s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 1.6s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 1.6s cubic-bezier(0.77, 0, 0.175, 1);

    background-position: center 50%;
}

.parralax-background.top{

    background-position: center -50%;

}

body .parralax-background.bottom{

    background-position: center 100%;

}

.clear{
    clear:both;
}

.main-container{

    position: relative;
    width: 100%;
    height: 100%;
    overflow:hidden;
}


.load-ajax{height: 100%;position: absolute;z-index: 15;top: 0;left: 0;}


.italic{

    font-style: italic;
    text-transform:none;
}

.logo-cds{
    position:fixed;
    top: 30px;
    left: 30px;
    z-index: 60;
    opacity:0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    width: 100%;
    max-width: 400px;
}

.logo-cds.show{
    opacity:1;
}

.logo-cds img{
    max-width:80%;
    width: 130px;
}


body.black-button-menu .menu-icon .line{
    background-color: #000;
}

body .overflow{
    position: relative;
    overflow: hidden;
    height: 100%;
}


@media screen and (min-width:768px) and (max-width:991px) {



}

@media screen and (max-width:767px) {

    body .logo-cds img{
        width:100px;
    }
}

/* START |||||||||||||||||||||||||||||||||    HOME    ||||||||||||||||||||||||||||||||||| */


.container-home{
    position:fixed;
    top:0;
    height:100%;
    width:100%;
    padding:4px;
    left:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Crimson Text', serif;
}

.container-home .container-proyecto-home a:focus, .container-home .container-proyecto-home a:visited{
    color:#fff;
}

.container-proyecto-home > a:hover{
    color:#fff;
}

.subcontainer-home{
    position:relative;
    width:100%;
    height:100%;
}


.placa-home{
    position:absolute;
    -webkit-transition:all 0.4s;
    transition: all 0.4s;
}

.placa-home > div.container-proyecto-home{
    width:100%;
    height:100%;
    background-color: #fff;
    color: #fff;
    position: relative;
}


.placa-home-1-V1{
    padding:0 6px 0 0;
    height:100%;
    top:0;
    left:0;
    width:33.33333%;
}
.placa-home-2-V1{
    padding:0 0 6px 6px;
    top:0;
    height:50%;
    right:0;
    width:66.66666%
}
.placa-home-3-V1{
    padding:6px 0 0 6px;
    top:50%;
    left:66.66666%;
    width:66.66666%;
    height:50%;
}

.placa-home-1-V2{
    padding:0 8px 0 0;
    height:100%;
    top:0;
    left:0;
    width:33.33333%;
}
.placa-home-2-V2{
    padding: 0 4px 0 4px;
    height:100%;
    top:0;
    left:33.33333%;
    width:33.33333%;
}
.placa-home-3-V2{
    padding:0 0 0 8px;
    height:100%;
    top:0;
    left:66.66666%;
    width:33.33333%;
}

.placa-home-1-V3{
    padding:0 6px 6px 0;
    height:50%;
    top:0;
    left:0;
    width:66.66666%;
}
.placa-home-2-V3{
    padding:6px 6px 0 0;
    height:50%;
    top:50%;
    left:0;
    width:66.66666%;
}
.placa-home-3-V3{
    padding:0 0 0 6px;
    height:100%;
    top:0;
    left:66.66666%;
    width:33.33333%;
}

.mask-home{
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.25);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    opacity:0;
    cursor:pointer;
    -webkit-transition-property: opacity, background-color;
    transition-property: opacity, background-color;
    -webkit-transition-duration: 1.5s, 0.6s;
    transition-duration: 1.5s, 0.6s;
    z-index: 30;
}

.mask-home.show{
    opacity:1;
}

.mask-home.show:hover{
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    background-color:rgba(0,0,0,0.75);
}

.mask-home_1{
    -webkit-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
}


.mask-home_2{
    -webkit-transition-delay: 0.4s, 0s;
    transition-delay: 0.4s, 0s;
}

.mask-home_3{
    -webkit-transition-delay: 0.8s, 0s;
    transition-delay: 0.8s, 0s;
}

.mask-home-conf .dis-home{
    color:#000;
}
.mask-home-conf{
    opacity:0;
    background-color: rgba(0,0,0,0);
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 6s, 0.6s ;
    transition-duration: 6s, 0.6s ;
}

.mask-home-conf.show{
    opacity:1;
}

.text-home h2{
    font-size:26px;
}

.mask-home h2, .mask-home .resumen-home, .mask-home .categoria-home{
    color:#fff !important;
}

.text-home{
    position:absolute;
    bottom:0;
    padding: 48px;
    left:0;
    max-width: 100%;
    max-height:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 470px;
}

.resumen-home{
    font-family:'Crimson Text', serif;
    font-size: 14px;
    font-weight: 400;
}

.page-home .resumen-home *{
    color:#fff !important;
}

.placa-home-3-V1 .text-home, .placa-home-1-V3 .text-home{
    right:0;
    left:auto;
}

.text-home p:last-child{
    margin-bottom:0;
}


h2.titulo-home{
    margin: 5px 0;
}

.categoria-home{
    text-transform: uppercase;
    font-family: "Karla",sans-serif;
    font-size: 12px;
}


@media screen and (max-height:850px){
    body .text-home h2{
        font-size: 24px;
    }
}

@media screen and (max-height:720px)  {

    body .placa-home-1-V1, .placa-home-1-V3{
        padding: 0 8px 0 0;
        height:100%;
        top:0;
        left:0;
        width:33.33333%;
    }

    body .placa-home-2-V1, body .placa-home-2-V3{
        padding: 0 4px 0 4px;
        height:100%;
        top:0;
        left:33.33333%;
        width:33.33333%;
    }


    body .placa-home-3-V1, body .placa-home-3-V3{
        padding: 0 0 0 8px;
        height:100%;
        top:0;
        right:0;
        width:33.33333%;
    }

    body .placa-home-1-V3 .text-home, body .placa-home-3-V1 .text-home{
        left:0;
    }

}

@media screen and (min-width:992px) and (max-width:1199px) {

    body .placa-home .text-home{
        padding: 48px 24px;
    }

    body h2.titulo-home{
        font-size:20px;
    }
    body .resumen-home{
        font-size:13px
    }
    body .categoria-home{
        font-size: 11px;
    }




}

@media screen and (min-width:768px) and (max-width:991px) {

    body .text-home h2{
        font-size:6px;
    }

    body .placa-home-1-V1{
        display:none;
    }

    body .placa-home-2-V1, body .placa-home-3-V1{
        width:100%;
        padding-left:0;
    }

    body .placa-home-2-V2{
        display:none;
    }

    body .placa-home-1-V2, body .placa-home-3-V2{
        width:50%;
    }

    body .placa-home-3-V3{
        display:none;
    }

    body .placa-home-1-V3, body .placa-home-2-V3{
        width:100%;
        padding-right:0;
    }

    body h2.titulo-home{
        font-size:20px;
    }
    body .resumen-home{
        font-size:13px
    }
    body .categoria-home{
        font-size: 11px;
    }

    body .placa-home-3-V1, body .placa-home-3-V2, body .placa-home-3-V3{
        left:50%;
    }


}

@media screen and (max-width:767px) {

    body div.placa-home-1-V1{
        width:100%;
        height:100%;
        padding:0;
    }

    body div.placa-home-2-V1, body .placa-home-3-V1{
        display:none;
    }

    body .placa-home-1-V2{
        width:100%;
        height:100%;
        padding:0;
    }

    body .placa-home-2-V2, body .placa-home-3-V2{
        display:none;
    }

    body .placa-home-3-V3{
        width:100%;
        height:100%;
        padding:0;
        left:0;
    }

    body .placa-home-1-V3, body .placa-home-2-V3{
       display:none;
    }

    body h2.titulo-home{
        font-size:20px;
    }
    body .resumen-home{
        font-size:13px
    }
    body .categoria-home{
        font-size: 11px;
    }

}



@media screen and (max-height:720px) and (min-width:768px) and (max-width:991px){

    body div.placa-home-1-V1, body div.placa-home-1-V3{
        width:50%;
        padding: 0 6px 0 0;
    }
    body div.placa-home-3-V1, body div.placa-home-3-V3{
        width:50%;
        padding: 0 0 0 6px;
    }
    body div.placa-home-1-V1, body div.placa-home-1-V3, body div.placa-home-3-V1, body div.placa-home-3-V3{
        display:block;
    }
    body div.placa-home-2-V1, body div.placa-home-2-V3{
        display:none;
    }

}


/* CONTAINERS DE LAS IMÁGENES DE PROYECTOS HOME */

.container-background-image-home {
    height: 100%;
    position: absolute;
    width: 100%;
    top:0;
    left:0;
    overflow: hidden;
    z-index: 15;
}

.container-background-image-home-fixed{
    height: 100%;
    position: absolute;
    width: 100%;
    top:0;
    left:0;
    overflow: hidden;
    z-index: 20;
    background-size: cover;
    background-position: center center;
    opacity:0;
}

.container-background-image-home-fixed.show{
    opacity:1;
}

.container-background-image-home.z-index{
    z-index: 24;
}



.subcontainer-background-image-home {
    height: 16.66666%;
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-transition-property: -ms-transform, -webkit-transform, transform;
    transition-property: -ms-transform, -webkit-transform, transform;
    -webkit-transition-duration: 2.2s;
    transition-duration: 2.2s;
    -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transform: translate(-80%, 0) scale(0.5);
    -webkit-transform: translate(-80%, 0) scale(0.5);
    transform: translate(-80%, 0) scale(0.5);
}

.background-image-home{
    position:absolute;
    width:100%;
    height: 600%;
    background-size: cover;
    background-position: center center;
    left:0;
}

.subcontainer-background-image-home.show{
    -ms-transform: translate(0, 0) scale(1);
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}


/*.page-home .home .container-proyecto-home h2, .pagae-home .home .container-proyecto-home .div, .pagae-home .home .container-proyecto-home p{
    color:#fff;
}*/

.subcontainer-background-image-home_1 .background-image-home{top:0;}
.subcontainer-background-image-home_2 .background-image-home{top:-100%;}
.subcontainer-background-image-home_3 .background-image-home{top:-200%;}
.subcontainer-background-image-home_4 .background-image-home{top:-300%;}
.subcontainer-background-image-home_5 .background-image-home{top:-400%;}
.subcontainer-background-image-home_6 .background-image-home{top:-500%;}
.subcontainer-background-image-home_7 .background-image-home{top:-600%;}
.subcontainer-background-image-home_8 .background-image-home{top:-700%;}



/* END ===================================    HOME    =================================== */



/* START |||||||||||||||||||||||||||||||||    PROYECTOS     |||||||||||||||||||||||||||||||||*/

.page-proyectos{
    color:#fff;
    /*-ms-transform: translateX(0);*/
    /* -webkit-transform: translateX(0); */
    /* transform: translateX(0); */
    /* -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1); */
    /*-moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);*/
    /* transition: all 1s cubic-bezier(0.77, 0, 0.175, 1); */
}


.container-scroll-proyectos{
    height: 100%;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 1.6s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 1.6s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 1.6s cubic-bezier(0.77, 0, 0.175, 1);
    position: relative;
    z-index: 30;
}



.container-full {
    padding: 12px;
    margin: 0 auto;
    width: 100%;
    height:100%;
    position:relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
}


.subcontainer-full{
    background-size: cover;
    width: 100%;
    height:100%;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.img-proyectos{
    position:absolute;
    z-index:15;
    object-fit: cover;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top:50%;
    left:50%;
    width:100%;
    min-height:100%;
    -webkit-transition: all 1.6s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 1.6s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 1.6s cubic-bezier(0.77, 0, 0.175, 1);
}

.subcontainer-full.bottom .img-proyectos{
    -ms-transform: translate(-50%, -85%);
    -webkit-transform: translate(-50%, -85%);
    transform: translate(-50%, -85%);
}

.subcontainer-full.top .img-proyectos{
    -ms-transform: translate(-50%, -15%);
    -webkit-transform: translate(-50%, -15%);
    transform: translate(-50%, -15%);
}


.img-proyectos.height_fix{
    width:auto;
    height:100%;
}

.mask{
    position: relative;
    width:100%;
    height:100%;
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 2s;
    -moz-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    background-color:rgba(0,0,0,0);
    padding: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index:30;
}

.mask.show{
    background-color:rgba(0,0,0,0.25);
}

.proyecto-text{
    width:75%;
}

.proyecto-text.true{
    margin-left:25px;
}

.title-proyecto {
    font-size: 35px;
    margin: 8px 0;
    font-family: "Karla", sans-serif;
    text-transform: uppercase;
}

.title-proyecto span{
    float: left;
}

.page-home .title-proyecto span:first-child{
    margin-left: -3px;
}



.resumen {
    font-size: 22px;
    line-height: 24px;
    clear: both;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    margin-top: 4px;
    width: 50%;
}

.categoria{
    font-family: 'Karla', sans-serif;
    text-transform: uppercase;
    font-size:18px;
    font-weight: 700;
}

.numero-proyecto{
    position:absolute;
    right: 16px;
    bottom: 12px;
    font-family: "Karla", sans-serif;
    font-size: 14px;
}

.quote{
    position:relative;
    top: 1px;
    font-size: 16px;
}

.info-proyectos{
    text-align: center;
    position:fixed;
    width: 90px;
    height: 30px;
    right: 14px;
    top:50%;
    margin-top:-9px;
    padding:6px;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    z-index:52;
    font-family: "Karla", sans-serif;
}

.container-images-info img:last-child{
    margin-right:0;
}

.info-text .center-vertical{
    padding-left:30px;
}

.load-ajax .back{
    z-index:52;
}

.back{
    position:fixed;
    top:50%;
    left: 18px;
    cursor:pointer;
    z-index: 150;
    padding: 20px 20px 20px 0;
}

.back .info{
    font-family: "Karla", sans-serif;
    font-size: 12px;
    position: relative;
    bottom: 3px;
}

.back .go-left{
    font-size: 16px;
}

.info-proyectos .info{
    font-size: 12px;
    line-height:14px;
    position: relative;
    bottom: 2px;
}

.info-proyectos .more-info{
    position: relative;
    bottom: 2px;
    font-size: 14px;
    line-height: 16px;
    right: 4px;
}

.container-info-text{
    position: absolute;
    height:100%;
    padding:12px 0 12px 12px;
    color:#fff;
    width:100%;
    top:0;
    left:0;
}

.info-text{
    font-family: "Karla", sans-serif;
    height:100%;
    width:100%;
    background-color:rgba(0,0,0,0.5);
}

.info-text h3{
    font-family: "Karla", sans-serif;
    font-size:18px;
}


.sub-info-text{
    padding:60px 60px 60px 90px;
    width:40%;
    float:left;
    position:relative;
}



.aspa-info-text{
    -webkit-transition:opacity 0.6s;
    transition:opacity 0.6s;
    position:absolute;
    right: 70px;
    top: -10px;
    font-size: 20px;
    cursor: pointer;
    opacity:0.7;
}

.aspa-info-text:hover{
    opacity:1;
}

.navegation-proyectos{
    text-align: center;
    position:fixed;
    width: 70px;
    left:50%;
    margin-left: -35px;
    padding:6px;
    cursor: pointer;
    color: #fff;
    z-index:100;
    opacity:1;
    -webkit-transition:opacity 0.6s;
    transition:opacity 0.6s;

}

.navegation-proyectos.hidding{
    opacity:0;
}

.page-culdelab .navegation-proyectos{
    color: #000;
}

.numero-proyecto-cdl{
    z-index:110;
    margin:0 16px 12px 0;
    -webkit-transition:color 0.6s;
    transition:color 0.6s;
}

.numero-proyecto-cdl.whitey{
    color:#fff;
}

.load-ajax .back{
    margin-left:6px;
}

#navegation-proyectos-down div{
    bottom: 1px;
}

#navegation-proyectos-up div{
    bottom: 3px;
}

.navegation-proyectos div{
    font-size: 9px;
    font-family: 'Karla', sans-serif;
    font-weight: 400;
    position: relative;
}

.navegation-proyectos span{
    font-size: 16px;
}

.more-proyectos{bottom: 8px;}


.less-proyectos{top: 14px;}

.main-proyectos{



    -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);


    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    position: relative;
    width: 100%;
    height: 100%;
    overflow:hidden;z-index: 30;}

.main-proyectos.transition-info{
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}


.categoria-proyecto-text{
    width: 60%;
    text-align:center;
}

.categoria-proyecto-text .title-proyecto {
    margin-bottom:22px;
    font-size: 42px;
}

.categoria-proyecto-text .resumen {
    width:100%;
}

.categoria-proyectos .subcontainer-full  {
    cursor:auto;
}

body .categoria-proyecto-text .transition-top-bottom {

    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

body .categoria-proyecto-text .transition-opacity{
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.page-proyectos .proyecto-text .resumen{
    padding-top:12px;
}


.subcontainer-video-proyectos{
    width: 100%;
    height: 100%;
}

.video-proyectos .proyecto-text{
    width:40%;
}

.video-proyectos .mask{
    position:absolute;
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
    opacity:1;
}

.video-proyectos .mask.hidding{
    opacity:0;
}


@media screen and (min-width:992px) and (max-width:1199px) {

    body .categoria{
        font-size:16px;
    }
    body .title-proyecto{
        font-size: 32px;
    }
    body .resumen{
        font-size:18px;
    }
    body .sub-info-text{
        padding:40px 40px 40px 90px;
        width: 45%;
    }


}

@media screen and (min-width:768px) and (max-width:991px) {

    body .categoria{
        font-size:15px;
    }
    body .title-proyecto{
        font-size:28px;
    }
    body .resumen{
        font-size:16px;
    }

    body .sub-info-text{
        padding:30px 30px 30px 90px;
        width: 46%;
    }

    body .categoria-proyecto-text .title-proyecto {
        font-size: 32px;
        margin-bottom:6px;
    }

    body .video-proyectos .proyecto-text{
        width: 90%;
        top: auto;
        bottom: 50px;
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, 0%);
    }

    body .video-proyectos .mask .resumen{
        line-height: 14px;
        font-size:15px;
        width:100%;
    }


}

@media screen and (max-width:767px) {

    body .categoria{
        font-size:14px;
    }
    body .title-proyecto{
        font-size:20px;
    }
    body .resumen{
        font-size:14px;
        line-height: 16px;
        width: 75%;
    }
    body .sub-info-text{
        padding:0 60px 0 60px;
        width: 100%;
        float:none;
        font-size:13px;
    }

    body .sub-info-text p{
        margin-bottom:0;
    }
    body .categoria-proyecto-text .title-proyecto {
        font-size: 24px;
        margin-bottom:16px;
    }

    body .mask{

        padding: 30px;

    }

    body .mediaplayer .myvideo{
        width:100%;
        background-color:#000;
    }



    body .categoria-proyecto-text{
         width: 100%;
         padding:15px;
     }

    body .categoria-proyecto-text .resumen{

        line-height: 18px;
    }

    body .back{
        position:absolute;
    }



    body .video-proyectos .proyecto-text{
        width: 90%;
        top: auto;
        bottom: 30px;
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, 0%);
    }

    body .video-proyectos .mask .resumen{
        line-height: 13px;
        font-size:13px;
        width:100%;
    }


}


@media screen and (max-width:400px) {
    html body .sub-info-text{

        font-size:11px;
    }
}




/* END ===================================    PROYECTOS    =================================== */


/* START |||||||||||||||||||||||||||||||||    INFO-PROYECTOS    |||||||||||||||||||||||||||||||||*/

.container-info-proyectos{
    padding:12px;
    position:relative;
    width: auto;
    height: 100%;
}

.container-images-info{
    height:100%;
    width: auto;
    white-space:nowrap;
}

.container-images-info img{
    height:100%;
    margin-right:12px;
}



/* END ===================================    INFO-PROYECTOS     =================================== */


/* START |||||||||||||||||||||||||||||||||    TRANSICIONES    |||||||||||||||||||||||||||||||||*/



.container-transition .go-right{
    -webkit-transition: -ms-transform 0.4s, -webkit-transform 0.4s, transform 0.4s, opacity 0.4s;
    transition: -ms-transform 0.4s, -webkit-transform 0.4s, transform 0.4s, opacity 0.4s;

    opacity:0.6;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.container-transition .go-down{
    -webkit-transition: -ms-transform 0.4s, -webkit-transform 0.4s, transform 0.4s, opacity 0.4s;
    transition: -ms-transform 0.4s, -webkit-transform 0.4s, transform 0.4s, opacity 0.4s;

    opacity:0.6;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.container-transition .go-up{
    -webkit-transition: -ms-transform 0.4s, -webkit-transform 0.4s, transform 0.4s, opacity 0.4s;
    transition: -ms-transform 0.4s, -webkit-transform 0.4s, transform 0.4s, opacity 0.4s;

    opacity:0.6;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.container-transition .go-left{
    -webkit-transition: -ms-transform 0.4s, -webkit-transform 0.4s, transform 0.4s, opacity 0.4s;
    transition: -ms-transform 0.4s, -webkit-transform 0.4s, transform 0.4s, opacity 0.4s;

    opacity:0.6;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}


.container-transition:hover .go-right{
    opacity:1;
    -ms-transform: translate(5px, 0);
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
}

.container-transition .go-right.hover{
    opacity:1;
    -ms-transform: translate(5px, 0);
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
}

.container-transition:hover .go-down{
    opacity:1;
    -ms-transform: translate(0, 5px);
    -webkit-transform: translate(0, 5px);
    transform: translate(0, 5px);
}

.container-transition:hover .go-up{
    opacity:1;
    -ms-transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px);
}

.container-transition:hover .go-left{
    opacity:1;
    -ms-transform: translate(-5px, 0);
    -webkit-transform: translate(-5px, 0);
    transform: translate(-5px, 0);
}


.transition-opacity{
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 1.2s;
    transition-duration:1.2s;

    opacity:0;
}

.transition-opacity.show{
    opacity:1;
}

.transition-opacity-right{
    -webkit-transition: all 1.2s;
    transition: all 1.2s;

    -ms-transform: translate(15px, 0);
    -webkit-transform: translate(15px, 0);
    transform: translate(15px, 0);

    opacity:0;
}

.transition-opacity-right.show{

    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity:1;
}

.transition-delay-0{
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important;
}

.transition-opacity-top{
    -webkit-transition: all 1.2s;
    transition: all 1.2s;
    -ms-transform: translate(0, 15px);
    -webkit-transform: translate(0, 15px);
    transform: translate(0, 15px);
    opacity:0;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.transition-opacity-top.show{

    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity:1;
}

.container-transition-top-bottom{
    overflow: hidden;
}

.transition-top-bottom{
    -webkit-transition: all 1.2s;
    transition: all 1.2s;
    -ms-transform: translate(0, -25px);
    -webkit-transform: translate(0, -25px);
    transform: translate(0, -25px);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.transition-top-bottom.show{
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.transition-duration-0{
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
}

/* END ===================================    TRANSICIONES    =================================== */

/* START |||||||||||||||||||||||||||||||||    MENU    |||||||||||||||||||||||||||||||||*/

body.page-home{
}

.container-menu{

    -webkit-transition-property: height;
    transition-property: height;
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
    position: fixed;
    -webkit-transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    top: 0;
    right: 0;
    width: 33.33333%;
    height:100%;
    background-color: transparent;
    z-index: 80;
    overflow: hidden;
    padding: 12px 1px 12px 0;
    display:none;
}

.container-menu.show{

}

.container-background{
    -webkit-transition-property:  -webkit-transform, transform;
    transition-property:  -webkit-transform, transform;
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
    width:100%;
    -ms-transform:scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    height:33.33333%;
    background-color: rgba(248,248,248,1);
    z-index: 60;
    position: relative;
}

.container-background.show{
    -ms-transform:scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

@-moz-document url-prefix() {
    .container-background.show {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1, 1.003);
    }
}


.menu{
    -webkit-transition-property:  opacity;
    transition-property:  opacity;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    position: absolute;
    top:0;
    left:0;
    background-color: transparent;
    height: 100%;
    width:100%;
    padding: 64px 54px 24px 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    z-index: 90;
    opacity:0;
}

.menu.show{
    opacity:1;
}

.menu a{
    text-decoration: none;
}

.container-placas{
    position: fixed;
    top:0;
    height:100%;
    width:100%;
    padding: 12px;
    left:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



.item-menu{
    -webkit-transition: opacity 0.6s, height 0.6s;
    transition: opacity 0.6s, height 0.6s;
    width:100%;
    padding: 0;
    opacity: 1;
    cursor: pointer;
    height: 50px;
    clear:both;overflow: hidden;}

.item-menu:hover{
    opacity:1;
}

.item-menu h1{
    -webkit-transition: -webkit-transform 10s, transform 0.8s, opacity 1s;
    transition: -webkit-transform 10s, transform 0.8s, opacity 1s;
    -webkit-transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    font-size: 28px;
    color: #333;
    font-family: "Karla", sans-serif;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    margin: 0;
    padding: 12px 0 6px;
    min-width: 250px;
}

.item-menu-0 h1{
    font-family: 'Crimson Text', serif;
    font-weight: normal;
}

.item-menu-1 h1{

}

.item-menu-2 h1{
    font-style: italic;
}

.item-menu-3 h1{
    font-family: 'Crimson Text', serif;
    font-weight: normal;
    font-style: italic;
}

.item-menu-4 h1{
    font-weight: normal;
}

.item-menu-5 h1{
    font-family: 'Crimson Text', serif;
    font-weight: normal;
}

.item-menu:hover h1{
    color: #000;
    -ms-transform: translate(10%, 0px);
    -webkit-transform: translate(20px, 0px);
    transform: translate(10%, 0px);
}

.item-menu-1.show h1{
    color: #000;
    -ms-transform: translate(10%, 0px);
    -webkit-transform: translate(20px, 0px);
    transform: translate(10%, 0px);
}

.text-menu{
    color:#666;
    margin-top:12px;
    font-size: 14px;
    font-family: "Karla", sans-serif;
    padding-left: 8%;
    text-transform: uppercase;
}

.text-menu p{
    -webkit-transition-property: -ms-transform, -webkit-transform, transform, opacity;
    transition-property: -ms-transform, -webkit-transform, transform, opacity;
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -ms-transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    opacity:0;
    color: #555;
}

.item-menu:hover .text-menu p{
    -ms-transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
    opacity:1;
}

.item-menu-1.show .text-menu p{
    -ms-transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
    opacity:1;
}

.text-menu p:hover{
    color:#000;
}

.line-menu{
    border-top: 2px solid #999;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    width:5%;
    float:left;
    -ms-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

.item-menu:hover .line-menu{
    border-top: 1px solid #000;
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.item-menu-1.show .line-menu{
    border-top: 1px solid #000;
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}


@-moz-document url-prefix() {
    .item-menu:hover .line-menu{
        border-top: 1px solid #000;
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1.1, 1);
    }

    .item-menu-1.show .line-menu{
        border-top: 1px solid #000;
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1.1, 1);
    }
}

.item-menu-4, .item-menu-1{
    overflow:hidden;
    height: 50px;
}



.item-menu-4:hover {
    height: 310px;
}
.contact-overmenu{
    -webkit-transition-property: max-height;
    transition-property: max-height;
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-timing-function:ease-in;
    transition-timing-function: ease-in;
    height: auto;
}

.contact-hover {

    padding-left:24px;
    overflow:hidden;
    max-height:0;
    -webkit-transition-property: max-height;
    transition-property: max-height;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;

}

.contact-hover.show{
    max-height:200px;
}

.not-p{
    margin:0;
    cursor:auto !important;
}

.not-p:hover{
    color:#555 !important;
}


/* Menu button */


.menu-button{
    text-align: center;
    position:fixed;
    margin-left: 0;
    right: 14px;
    top: 12px;
    margin-top: 0;
    padding: 12px;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    font-family: 'Karla', sans-serif;
    z-index:100;
    -webkit-transition-property: left, margin-left;
    transition-property: left, margin-left;
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    -webkit-transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.page-culdelab .menu-button > span, .page-clientes .menu-button > span {

    color:#000;
}



.menu-button:hover > span{


}

.menu-button:hover .menu-icon .line{

}

.menu-button > span{
    margin-right: 6px;
    position: relative;
    bottom: 1px;
    font-family: 'Karla', sans-serif;
    font-weight: 700;
    color: #fff;
    -webkit-transition-property: color, opacity, -ms-transform, -webkit-transform, transform, left;
    transition-property: color, opacity, -ms-transform, -webkit-transform, transform, left;
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-timing-function:ease-in;
    transition-timing-function: ease-in;
    -webkit-transition-delay: 0.4s, 0.4s, 0s, 0s, 0s, 0s;
    transition-delay: 0.4s, 0.4s, 0s, 0s, 0s, 0s;
}

.menu-icon{
    display: inline-block;
    width: 30px;
    height: 30px;
}
.menu-icon .line{
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-timing-function:ease-in;
    transition-timing-function: ease-in;
    opacity: 1;
    width: 28px;
    height: 4px;
    margin: 6px 0 6px;
    background-color: #fff;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.menu-button.display{
}

.menu-button.display  > span{
    color: #000;
}

.menu-button.display .menu-icon .line{
    background-color: #000;
}

.menu-icon .line.hide-line{
    opacity: 0;
}

.menu-icon .line:nth-child(1){
    -ms-transform-origin:bottom left;
    -webkit-transform-origin:bottom left;
    transform-origin:bottom left;
}
.menu-icon .line:nth-child(3){
    -ms-transform-origin:top left;
    -webkit-transform-origin:top left;
    transform-origin:top left;
}

.menu-icon .line.rotate-left-line{
    -ms-transform: rotate(43deg);
    -webkit-transform: rotate(43deg);
    transform: rotate(43deg);
}
.menu-icon .line.rotate-right-line{
    -ms-transform: rotate(-43deg);
    -webkit-transform: rotate(-43deg);
    transform: rotate(-43deg);
}
.input-cont{
    position:relative;
}
.input-container{
    position:absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    display:none;
}
input.news{
    width: 240px;
    max-width:70%;
    padding: 5px;
    border: none;
    background-color: transparent;
    border-bottom: 1px #000 solid;
    outline: 0;
    text-align: left;
    font-size: 15px;
    box-sizing: border-box;
    font-family: "Karla", sans-serif;
    color: #000;
}
.btn-news{
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    position:absolute;
    bottom: 0;
    right: 10px;
    width: 42px;
    height: 30px;
    color: #000;
    border-radius: 5px;
    border: 1px solid #000;
    background-color: transparent;
}

.btn-news:hover{
    background-color: #000;
    color:#fff;
}

.btn-news:focus{
    outline: none;
}

body .hover-height-0.show{height:100px}
body .hover-height-1.show{height:130px}
body .hover-height-2.show{height:160px}
body .hover-height-3.show{height:190px}
body .hover-height-4.show{height:220px}
body .hover-height-5.show{height:250px}
body .hover-height-6.show{height:280px}
body .hover-height-7.show{height:310px}
body .hover-height-8.show{height:340px}
body .hover-height-9.show{height:370px}
body .hover-height-10.show{height:400px}


.lang-button{
    position:absolute;
    left: 24px;
    top: 30px;
    font-family: "Karla", sans-serif;
    font-weight: bold;
}

.lang-button span{
    -webkit-transition: color 0.8s;
    transition: color 0.8s;
}

.lang-button a{
    color:#666;
}

.lang-button .lang-deactive{
    color:#666;
}

.lang-button .lang-active{
    color:#000;
}

.lang-button:hover .lang-active {
    color:#666;
}

.lang-button:hover .lang-deactive {
    color:#000;
}


@media screen and (min-width:768px) and (max-width:991px) {

    body .item-menu h1{
        font-size:26px;
    }

    body .text-menu{
        font-size: 14px;
    }

    body .container-menu{
        width:50%;
    }



}

@media screen and (max-width:767px){

    body .item-menu h1{
        font-size:24px;
    }

    body .text-menu{
        font-size: 15px;
    }

    body .container-menu{
        width:100%;
    }

    body .sub-container-culdelab{
        margin-bottom: 60px;
    }


}


/* END ===================================    MENU    =================================== */


/* START |||||||||||||||||||||||||||||||||    LOADING    |||||||||||||||||||||||||||||||||*/

.container-loading{
    background-color: #a0242c;
    width:100%;
    height:100%;
    position: fixed;
    top:0;
    right: 0;
    z-index: 10000;
}

.container-loading-info{
    background-color: #a0242c;
    width:100%;
    height:100%;
    position: fixed;
    top:0;
    right: 0;
    z-index: 54;
    color:#fff;
}

.container-loading.z-index-1{
    z-index: 24;
}

.loading{
    margin:0 auto;
    width: 500px;
}

.logo-loading{
    padding: 75px 0;
    height: 100%;
    width: 60%;
    overflow: hidden;
    float: left;
}

.bar-logo-loading{
    overflow: hidden;
    position: relative;
    float:left;
    height:50px;
    width: 5px;
    -webkit-animation-timing-function: ease;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    -ms-transform:  scale(0);
    -webkit-transform:  scale(0);
    transform:  scale(0);
    opacity:0;
    -webkit-animation-name: logo-loading-A;
    animation-name: logo-loading-A;
}




.bar-logo-loading img{
    position:absolute;
    top:0
}




@-webkit-keyframes logo-loading-A{
    0%{
        -ms-transform:  scale(0, 1) ;
        -webkit-transform:  scale(0, 1) ;
        transform:  scale(0, 1) ;
        opacity:0;
    }
    20%{
        -ms-transform:  scale(1, 1) ;
        -webkit-transform:  scale(1, 1) ;
        transform:  scale(1,1) ;
        opacity:1;
    }
    50%{
        -ms-transform:  scale(1, 1) ;
        -webkit-transform:  scale(1, 1) ;
        transform:  scale(1,1) ;
        opacity:1;
    }
    70%{
        -ms-transform:  scale(0, 1) ;
        -webkit-transform:  scale(0, 1) ;
        transform:  scale(0, 1) ;
        opacity:0;
    }
    100%{
        -ms-transform:  scale(0, 1) ;
        -webkit-transform:  scale(0, 1) ;
        transform:  scale(0, 1) ;
        opacity:0;
    }
}

@keyframes logo-loading-A{
    0%{
        -ms-transform:  scale(0, 1) ;
        -webkit-transform:  scale(0, 1) ;
        transform:  scale(0, 1) ;
        opacity:0;
    }
    20%{
        -ms-transform:  scale(1, 1) ;
        -webkit-transform:  scale(1, 1) ;
        transform:  scale(1,1) ;
        opacity:1;
    }
    50%{
        -ms-transform:  scale(1, 1) ;
        -webkit-transform:  scale(1, 1) ;
        transform:  scale(1,1) ;
        opacity:1;
    }
    70%{
        -ms-transform:  scale(0, 1) ;
        -webkit-transform:  scale(0, 1) ;
        transform:  scale(0, 1) ;
        opacity:0;
    }
    100%{
        -ms-transform:  scale(0, 1) ;
        -webkit-transform:  scale(0, 1) ;
        transform:  scale(0, 1) ;
        opacity:0;
    }
}


.right-loading{
    float:left;
    padding: 50px 0 50px;
    font-size: 16px;
    color: #000;
}

.right-loading > div{
    margin:10px 0;
    height: 22px;
    color:#fff;
}
.div-reason{
    text-transform: uppercase;
    font-family: 'Crimson Text', serif;
}
.div-loves{
    font-family: "Karla", sans-serif;
    font-weight: 700;
}
.div-emotion{
    font-family: 'Crimson Text', serif;
}


.logo-xs-loading{
    opacity:0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 3s;
    transition-duration: 3s;
}

.logo-xs-loading.show{
    opacity:1
}

.logo-xs-loading img{
    max-width:70%;
}


@media screen and (max-width:767px){

    body div.loading{
        width:240px;
    }
    body .logo-loading {
        padding: 89px 0;

    }



}



/* END ===================================    LOADING    =================================== */



/* START |||||||||||||||||||||||||||||||||    CLIENTES  |||||||||||||||||||||||||||||||||*/

body.page-clientes {
    height: auto;
    overflow: auto;
}

.page-clientes .main-container{
    background-color: rgba(248,248,248,1);
    border:12px solid #fff;
}

div.clientes{
    padding-top: 70px;
    padding-bottom:48px;
}

.page-clientes .menu-icon .line{
    background-color: #000;
}

.clientes div.line{
    height:0;
    width:100%;
    border:1px solid #000;
    position:relative;
    margin: 28px 0;
}

div.clientes h1 {
    font-family: 'Crimson Text', serif;
    margin:0;
    float:right;
    display:inline-block;
    position:absolute;
    right:15px;
    top:0;
    font-size:30px;
    line-height: 30px;
}

.cliente-single{
    font-size:24px;
    color:#999;
    font-family: 'Crimson Text', serif;
}

.cliente-single:visited{
    color:#999
}

.cliente-single:hover{
    color:#000
}

.container-clientes-single{
    font-size:30px;
    color:#999;
}

.logo-clientes{width: 125px;position: relative;top: 5px;}

.logo-c{
    text-align: center;
    height:100px;
    position:relative;
    opacity: 0.65;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.logo-c:hover{
    opacity: 0.9;
}

.logo-c img{
    max-width:100%;
    max-height:100px;
}

@media screen and (max-width:767px){

    body div.clientes{
        padding:28px 15px;
    }


}



/* END ===================================    CLIENTES   =================================== */




/* START |||||||||||||||||||||||||||||||||    CULDELAB  |||||||||||||||||||||||||||||||||*/

.page-culdelab .main-container{
    
}


.page-culdelab .logo-cds{
    opacity:0;
}

.page-culdelab .logo-cds.blacky.whitey{
    opacity:1;
}

.logo-cds-black{
    position:fixed;
    top: 30px;
    left: 27px;
    z-index: 70;
    opacity:1;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    width: 100%;
    max-width: 400px;
}


.logo-cds-black img{
    max-width:80%;
    width: 130px;
}

.page-culdelab .menu-icon .line{
    background-color: #000;
}

.warp{
    -ms-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);

    position: absolute;
    height: 100%;
    width: 100%;
    /* padding: 12px 0; */
    top: 0;
    left: 0;

}



.mask-cdl{
    background-color: rgba(0,0,0,0.3);
    width:100%;
    height:100%;
}

.container-culdelab{
    width: 100%;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;padding: 12px;
    position: relative;
    z-index: 40;
    text-align: center;
}

.sub-container-culdelab{
    width:100%;
    height:100%;
    position:relative;
    overflow: hidden;
}

.sub-container-culdelab-5{
    padding:60px 0;
}

.subitem-culdelab{
    position:relative;
    width:33.33333%;
    height:50%;
    float:left;
}

.subitem-culdelab.img-2{
    width:50%;
}

.subitem-culdelab.img-1{
    width:100%;
    height: 100%;
}

.subsubitem-culdelab{
    width:100%;
    height:100%;
    overflow: hidden;
}

.subitem-culdelab img{
    max-width:100%;
    max-height:100%;
}

.subitem-culdelab.text{
    text-align: left;
    z-index: 50;
    position: relative;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    bottom:0;
    opacity:1;
}

.subitem-culdelab.text.img-2{
    width: 100%;
}

.subitem-culdelab.text.img-2 .inside-title-cdl{
    width:33.33333%
}

.leer-mas{
    font-family: "Karla", sans-serif;
    font-size: 12px;

    margin-bottom:12px;
    cursor: pointer;
    position: relative;

}

div.more{
    -webkit-transition-property: -ms-transform, -webkit-transform, transform, color, width, font-size;
    transition-property: -ms-transform, -webkit-transform, transform, color, width, font-size;
    -webkit-transition-duration: 0.4s, 0.4s, 0.4s, 0.2s, 0.4s, 0.4s;
    transition-duration: 0.4s, 0.4s, 0.4s, 0.2s, 0.4s, 0.4s;
    font-size: 13px;
    line-height: 13px;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    color:#999;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    display:inline-block;
    float:left;
    position: relative;
}

div.leer{
    -webkit-transition-property: -ms-transform, -webkit-transform, transform, color, width,opacity;
    transition-property: -ms-transform, -webkit-transform, transform, color, width,opacity;
    -webkit-transition-duration: 0.4s, 0.4s, 0.4s, 0.2s, 0.4s, 0.4s;
    transition-duration: 0.4s, 0.4s, 0.4s, 0.2s, 0.4s, 0.4s;
    font-family: "Karla", sans-serif;
    font-size: 11px;
    float: left;
    display: inline-block;
    color: #999;
    width: 52px;
    overflow: hidden;
    opacity:1;
    visibility: visible;
}



.leer-mas:hover div{
    color:#000;

}

.leer-mas:hover div.leer{
    text-decoration: underline;

}
.leer-mas.show div.leer{
    opacity:0;

}


.leer-mas.show div.more{
    -ms-transform: rotate(765deg);
    -webkit-transform: rotate(765deg);
    transform: rotate(765deg);
    font-size:18px;
    position:absolute;
    right:0;
    top:0;

}

.text-new{
    height:100%;
    overflow-y:auto;
    overflow-x:hidden;
}

.text-cdl-new{
    text-align: left;
    width:100%;
    position:absolute;
    bottom:0;
    max-height:100%;
    padding-right: 30px;
}

.inside-title-cdl{
    overflow: hidden;
    width: 100%;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    background-color: #fff;
    /* outline: 40px #fff solid; */
    padding: 40px;
    box-sizing: content-box;
}

.container-culdelab h1{
    z-index:60;
    font-size: 30px;
    width: 100%;
    margin-bottom: 0;
}

.container-culdelab h1.tit{
    width: 100%;
    margin-bottom: 20px;
}


.container-images-culdelab{
    position:relative;
    padding-left: 0;
    height: 50%;
}

.texto-cdl{
    font-family: 'Crimson Text', serif;
    font-size: 13px;
    /*
    -webkit-column-count: 2;!* Chrome, Safari, Opera *!
    -moz-column-count: 2;!* Firefox *!
    column-count: 2;*/
    position: absolute;
    top: 86px;
    width: 100%;
    padding-right: 0;
}

.texto-cdl-new{
    font-family: 'Crimson Text', serif;
    font-size: 13px;
}

.subitem-culdelab.text-xs{
    width:100%;
    height: auto;
    overflow: hidden;
    margin: 60px 0 0;
    -webkit-transition:all 0.4s;
    transition: all 0.4s;
    z-index: 30;
}

.inside-title-cdl-xs{
    width:100%;
    text-align: left;
    overflow: hidden;
    border-top: 1px solid #fff;
    padding: 0 12px;
    color: #000;
}

.leer-mas-xs{
    font-family: "Karla", sans-serif;
    font-size: 12px;

    margin-bottom:12px;
    cursor: pointer;
    position: relative;

}

.leer-mas-xs div.more{
    color:#999;
}

.logo-cds-xs{
    position:absolute;
    width:75px;
    max-width:40%;
    top: 16px;
    left: 16px;
}

.logo-cds-xs img{
    width:100%;
}


.leer-mas-xs.show div.leer{
    opacity:0 !important;
    visibility: hidden;
}


.leer-mas-xs.show div.more{
    -ms-transform: rotate(765deg);
    -webkit-transform: rotate(765deg);
    transform: rotate(765deg);
    font-size:18px;
    position:absolute;
    right:0;
    top:0;

}

.navegation-proyectos.blacky{
    -webkit-transition:color 0.6s;
    transition: color 0.6s;
}

.logo-cds-black.blacky.whitey{
    opacity:0;
}

.page-culdelab .menu-icon .line{

}

body.page-culdelab .navegation-proyectos.blacky.whitey{
    color:#fff;
}




.page-culdelab .menu-icon .line.blacky.whitey{
    background-color: #fff;
}

.page-culdelab .display .menu-icon .line.blacky.whitey{
    background-color: #000;
}


.leer-mas-xs:hover div{
    color:#000;

}

.leer-mas-xs:hover div.leer{
    text-decoration: underline;

}

.inside-title-cdl-xs .texto-cdl{
    position:relative;
    top: 0;
}

.cont-logo-xs{
    width:100%;
    position: absolute;
    top: 0;
    left:0;
    height: 64px;
    z-index: 50;
    background-color: #fff;
}
.video-culdelab{
    z-index:10;
}

.mediaplayer{
    z-index:20;
    position: relative;
}
.myvideo {
}
.subitem-culdelab.text.hide-text{
    opacity:0;
}
.controls{
    position:absolute;
    bottom:42px;
    z-index:80;
    -webkit-transition:opacity 0.6s;
    transition: opacity 0.6s;
    opacity:0;
}

.controls.show{
    opacity:1;
}

.controls div{
    float:left;
}

.img-1-cdl{
    background-position: center center;
    background-size: cover;
}

.play_general{
    font-size:30px;
    z-index:100;
    color:#fff;
    border-radius:50%;
    height:60px;
    width:60px;
    border:2px solid #fff;
    cursor:pointer;
    opacity:1;
    -webkit-transition:opacity 0.6s;
    transition: opacity 0.6s;
}


.subitem-culdelab.img-1.cover{
    background-position: center center;
    background-size: cover;
    opacity:1;
    -webkit-transition:opacity 0.6s;
    transition: opacity 0.6s;
}

.subitem-culdelab.img-1.cover.hidding{
    opacity:0;
}

.play_general.hidding{
    opacity:0;
}

.play_general:hover{
    color:#ddd;
    border-color:#ddd;
}

.play_general span{
    margin-left:3px;
    margin-top:-1px;
}

.play{
    font-size:25px;
    color:#fff;
    cursor:pointer;
}

.muted{
    font-size:20px;
    color:#fff;
    cursor:pointer;
    padding:3px 0;
}

.muted:hover{
    color:#ddd;
}


.controls div.time-slider{
   padding:7px 0;
    margin:0 18px;
}

.controls input.time-slider{
    width:300px;
}

.play:hover{
    color:#ddd;
}

.container-img-cdl-new{
    height:100%;
}

.img-new-cdl{
    padding:6px;
}

.page-culdelab .texto-cdl a{
    color:#000 !important;
    text-decoration: underline
}

.culdelab-img-new{
    max-height:100%;
    max-width:100%;
}

.texto-cdl-new a{
    color:#333;
    text-decoration: underline;

}

.text-home a{
    color:#000;
    cursor: pointer;
}

.text-home >a{
    text-decoration: none !important;
    cursor: default;
}

.text-home a h2{
    text-decoration: none !important;
}

.text-home a:visited{
    color:#000;
}

.proyecto-text .resumen a{
    text-decoration: underline;
}

@media screen and (max-aspect-ratio: 2000/1120){
    .myvideo{
        height:100%;
    }
}

@media screen and (min-aspect-ratio: 2000/1121){
    .myvideo{
        width:100%;
    }
}


@media screen and (min-width:992px) and (max-width:1199px) {

    body .container-culdelab h1{

        font-size: 26px;

    }


}

@media screen and (min-width:768px) and (max-width:991px) {

    body .container-culdelab h1{

        font-size: 24px;

    }

}





@media screen and (max-width:767px){

    body .subitem-culdelab{
        width:100% !important;
        height:auto;
    }

    body .subitem-culdelab .center{
        position:relative;
        top:0;
        left:0;
        -ms-transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);

    }

    body .subitem-culdelab .center.glyphicon-play{
        position:absolute;
        top:50%;
        left:50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);

    }

    body .subitem-culdelab.text{

    }

    body .culdelab-img{
        max-width:100% !important;
        max-height:none !important;
    }

    body.page-culdelab .logo-cds{
        display: none !important;
    }

    body.page-culdelab .container-culdelab, body.page-culdelab .sub-container-culdelab{
        overflow-y:scroll;
    }

    body .play_general.center, body .play_general.center span{
        position: absolute;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }


    body.page-culdelab .menu-button{
        top: 3px;
        right: 4px;
    }
    body .navegation-proyectos.blacky.whitey{
        color:#000 !important;
    }

    body.page-culdelab .menu-icon .line.blacky.whitey{
        background-color:#000 !important;
    }

    .culdelab-img-new{
        width:100% !important;
        height:auto !important;
        position:relative !important;
        max-height: none !important;
        max-width:none !important;
        left:0 !important;
        bottom:0 !important;
    }

    .img-new-cdl{
        height:auto !important;
        padding:0;
    }

    .container-img-cdl-new{
        padding:0;
    }
}


@media screen and (max-height:700px) {
    body .video-culdelab .text{
        top: 0;
        bottom:auto !important;
    }

    body .video-culdelab .text.text700{
        top: 100px;
        bottom:auto !important;
    }
}


/* END ===================================    CULDELAB    =================================== */




/* START |||||||||||||||||||||||||||||||||    SOBRE NOSOTROS  |||||||||||||||||||||||||||||||||*/

.sobrenosotros .mask-home{

    background-color:rgba(0,0,0,0.15);
}


.sobrenosotros .placa-home{
    overflow:hidden;
    -webkit-transition:all 0.8s;
    transition: all 0.8s;
}

.sobrenosotros .container-background-image-home-fixed{
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

.sobrenosotros .placa-home.team-inside{
    width:100%;
    top:0;
    left:0;
    height:100%;
    padding:0;
    cursor:default;
    /*-webkit-box-shadow: 4px 1px 16px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 4px 1px 16px 0px rgba(0,0,0,0.5);
    box-shadow: 4px 1px 16px 0px rgba(0,0,0,0.5);*/

}

.sobrenosotros .placa-home.team-inside .mask-home{
    cursor:default;
}

.sobrenosotros .z-index-80{
    z-index:80;
}


.sobrenosotros .mask-home.show:hover{
    -webkit-transition-delay: 0s;
    transition-delay: 0s;

    background-color:rgba(18,68,64,0);
}

.sobrenosotros .team-inside .mask-home.show:hover{
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    background-color:rgba(0,0,0,0.15);
}

.sobrenosotros .container-proyecto-home .link-old{
    width: 100%;
    height:100%;
    display:table;
}

.sobrenosotros .container-proyecto-home .link-old:hover{
    text-decoration: none;
}

.sobrenosotros .container-proyecto-home .link-old:hover .titulo-home{
    text-decoration: underline;
}


.sobrenosotros .container-proyecto-home .link-old:hover .go-right{
    opacity:1;
    -ms-transform: translate(5px, 0);
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
}


.sobrenosotros .mask-home{
    display: table-cell;
    vertical-align: middle;
}

.sobrenosotros .mask-home.show{
    display: table-cell !important;
}

.sobrenosotros .text-home{
    bottom:auto;
    position:relative;
    width: 100%;
    max-width:470px;
}

.sobrenosotros .titulo-home{
    font-family: "Karla", sans-serif;
    font-size: 28px;
    min-height: 34px;
}

.sobrenosotros .categoria-home{
    font-size:12px;
    margin:8px 0;
    min-height: 17px;
}

.sobrenosotros .resumen-home{
    font-size:18px;
}

.team-button{
    -webkit-transition-property: opacity, visibility, max-height;
    transition-property: opacity, visibility, max-height;
    -webkit-transition-duration: 1s, 1s, 0.6s;
    transition-duration: 1s, 1s, 0.6s;
    font-family: "Karla", sans-serif;
    position: relative;
    margin-top: 6px;
    opacity:1;
    max-height:24px;
}

.team-button .info{
    font-size:18px;
}

.team-inside .team-button{
    opacity:0;
    max-height:0;
}

.team{
    font-family: "Karla", sans-serif;
    right:60px;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    opacity:0;
    visibility:hidden;
    max-height: 80%;
    overflow-y: auto;
    overflow-x: hidden;
}

.team.show{
    opacity:1;
    visibility:visible;
}


.team h3{
    font-family: "Karla", sans-serif;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    color:#268780;
    opacity:0;
}

.team.show h3{
    opacity:1;
}

.team ul{
    font-size:20px;
    list-style: none;
    padding:0;
}

.team li{
    cursor: pointer;
    -webkit-transition-property: -ms-transform, -webkit-transform, transform;
    transition-property: -ms-transform, -webkit-transform, transform;
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;

    -ms-transform: translate(300px,0);
    -webkit-transform: translate(300px,0);
    transform: translate(300px,0);
}

.team.show li{
    -ms-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

.team.show li.clicked{
    color:#268780;
}

.team li:hover{
    color:#268780;
}
.team li:first-child{
    font-weight: bold;
    color:#268780 !important;
    font-size:24px;
}

.sobrenosotros .back {
    top:auto;
    bottom: 18px;
    left: 18px;
    z-index:60;
    padding: 20px 20px 10px 12px;
}
.display-link-about{
    font-weight: bold;
}
.display-link-about:hover{
    color:#268780 !important;
}

.sobrenosotros .back-2 {
    top:auto;
    bottom: 18px;
    left: 18px;
    z-index: 45;
    position:absolute;
    cursor: pointer;
    padding: 16px 16px 0 0;
}

.sobrenosotros .team-button-xs-2{
    bottom:18px;
    right:18px;
    position:absolute;
    cursor:pointer;
    z-index: 30;
    padding: 16px 0 0 16px;
}

.back-2 .info {
    font-family: "Karla", sans-serif;
    font-size: 12px;
    position: relative;
    bottom: 3px;
}

.team-button-xs-2 .info {
    font-family: "Karla", sans-serif;
    font-size: 12px;
    position: relative;
    bottom: 3px;
}

.back-2 .go-left, .team-button-xs-2 .go-right {
    font-size: 16px;
}


.sobrenosotros .back:hover, .sobrenosotros .back-2:hover{
    color:#268780;
}

.rss-sobrenosotros{
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;

    font-size:20px;
    opacity:0;
}

.rss-sobrenosotros i {
    margin-right:6px;
    color:#fff !important;
}

.team-inside .rss-sobrenosotros{
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
    opacity:1;
    z-index: 40;
    position: relative;
}
.sobrenosotros .container-background-image-home-fixed{
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    z-index:20;
}

.sobrenosotros .container-background-image-home-fixed.show{
    opacity:1;
    z-index:30;
}

.texture-xs{
    background-position: center center;
    background-size: cover;
    width:100%;
    position:absolute;
    height:100%;
    top:0;
    left:0;
    z-index: 22;
}

.mask-aboutus{
    background-color: rgba(0,0,0,0.25);
}

.mask-aboutus.mobile{
    background-color: rgba(0,0,0,0.55);
}
.texture-new{
    background-position: center center;
    background-size: cover;

    text-align: center;
    color:#fff;
}

.cont-links-aboutus{
    margin-top:24px;
}

.display-link-about{
    display:inline;
    width:auto;
    margin:12px;
    font-family:"Karla", sans-serif;
    text-transform: uppercase;
    cursor: pointer;
}

.menu-xs-sobrenosotros{
    padding-left:30px;
    color:#fff;
}

.menu-xs-sobrenosotros h3{
    font-size:18px;
    font-family: "Karla", sans-serif;
    font-weight: normal;
}

.menu-xs-sobrenosotros div{
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    padding-right:15px;
    font-size:20px;
    margin-bottom:8px;
    font-family: "Karla", sans-serif;
    color: #fff;
    font-weight: bold;
    cursor:pointer;
    -ms-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

.menu-xs-sobrenosotros div:hover {
    -webkit-transform: translate(6px,0);
    -ms-transform: translate(6px,0);
    transform: translate(6px,0);
}

body .menu-xs-sobrenosotros .resumen-xs{
    font-size:12px;
    font-weight: 400;
    color:#fff;
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid #fff;
    margin-right:30px;
}

body .sobrenosotros .placa-home.showing-xs{
    opacity:1;
}

body .sobrenosotros .placa-home.menu-xs-team{
    -ms-transform: translate(-110%,0);
    -webkit-transform: translate(-110%,0);
    transform: translate(-110%,0);
}
.menu-team-xs-hide{
    position: absolute;
    top:0;
    left:0;
    z-index: 0;
    width:100%;
    height:100%;
    text-align: right;
}

.menu-team-xs-hide .team{
    text-align: right;
    right:18px;
    opacity:1;
    visibility: visible;
    z-index:20;
    color:#000;
    display:none;
}

.menu-team-xs-hide .team h3{
    font-size:18px;
    opacity:1;
}

.menu-team-xs-hide .team li{
    color:#fff;
    font-size:15px;
    margin:5px 0;
}

.aspa-menu-xs-about{
    position:absolute;
    bottom:18px;
    right:18px;
    color:#fff;
    cursor: pointer;
    padding: 16px 0 0 16px;
    font-size:16px;
}

.menu-team-xs-hide .team.show-xs li{
    -ms-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}


.placa-aboutus-cover{
    padding:0;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
}
body .sobrenosotros .placa-home{
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:0;
}

body .sobrenosotros .placa-home{
    display:block;
}

body .sobrenosotros .placa-home{
    opacity:0;
}

body .team-button{
    opacity:0 !important;
    max-height:0 !important;
}

body .rss-sobrenosotros{
    opacity:1 !important;
}

@media screen and (max-width:991px) {






    body .sobrenosotros .subcontainer-background-image-home_1{ -webkit-transition-delay: 0.05s; transition-delay: 0.05s}
    body .sobrenosotros .subcontainer-background-image-home_2{ -webkit-transition-delay: 0.10s; transition-delay: 0.10s}
    body .sobrenosotros .subcontainer-background-image-home_3{ -webkit-transition-delay: 0.15s; transition-delay: 0.15s}
    body .sobrenosotros .subcontainer-background-image-home_4{ -webkit-transition-delay: 0.20s; transition-delay: 0.20s}
    body .sobrenosotros .subcontainer-background-image-home_5{ -webkit-transition-delay: 0.25s; transition-delay: 0.25s}
    body .sobrenosotros .subcontainer-background-image-home_6{ -webkit-transition-delay: 0.30s; transition-delay: 0.30s}


    body .sobrenosotros .subcontainer-background-image-home {

        -webkit-transition-duration: 0.8s;
        transition-duration: 0.8s;

    }

    .sobrenosotros .mask-home{

        background-color:rgba(0,0,0,0.25);
    }

    .sobrenosotros .titulo-home{
        font-size: 25px;
    }

    .sobrenosotros .resumen-home{
        font-size: 15px;
    }



}


@media screen and (max-width:767px){

    body .home.sobrenosotros .mask-home .text-home{
        padding:30px;
    }


}


/* END =================================    SOBRE NOSOTROS   ================================= */




/* START |||||||||||||||||||||||||||||||||  PROYTECTOS ALL  |||||||||||||||||||||||||||||||||*/


body.page-proyectos_all{
    height:auto;
    overflow: auto;
}

.page-proyectos_all .menu-icon .line{
    background-color: #000;
}

.page-proyectos_all .main-container{
    background-color: rgba(248,248,248,1);
    border:12px solid #fff;
}

.categoria-all h3{
    font-family: "Karla", sans-serif;
    text-transform: uppercase;
    color:#000;
    font-size:20px;
}

.categoria-all h3 a{
    color:#000;
}

.busqueda h3{
    font-family: "Karla", sans-serif;
    font-size:20px;
    margin-bottom:-6px;
}


.proyecto-all{
    font-size:14px;
    color:#333;
    font-weight: bold;
    margin:6px 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.proyecto-link-all:hover{
    color:#000;
}

body input.search{
    width:100%;
    max-width:100%;
    padding:5px 5px 5px 20px;
    font-weight: bold;
    font-family: "Karla", sans-serif;
    text-transform: uppercase;
}

.hashtag-symbol{
    position: absolute;
    top:44px;
    left:20px;
    font-size:20px;
    font-family: "Karla", sans-serif;
}

.hashtags{
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Karla", sans-serif;
    font-weight: bold;
    margin:15px 0;
    color:#666;
}

.hashtag{
    cursor:pointer;
}

.hashtag:hover{
    color:#000;
}


.hidding{
    opacity:0.2;
}




/* END =================================  PROYTECTOS ALL  ================================= */