/*@font-face{
    font-family:'HeroNew-Regular';
    src:url("../typos/HeroNew-Regular.woff2") format("woff2"),url("../typos/HeroNew-Regular.woff") format("woff");
    font-weight:normal;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'HeroNew-Light';
    src:url("../typos/HeroNew-Light.woff2") format("woff2"),url("../typos/HeroNew-Light.woff") format("woff");
    font-weight:normal;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'HeroNew-Bold';
    src:url("../typos/HeroNew-Bold.woff2") format("woff2"),url("../typos/HeroNew-Bold.woff") format("woff");
    font-weight:normal;
    font-style:normal;
    font-display:swap
}*/
@font-face{
    font-family:"Everyrose-Demo";
    src:url("../typos/Everyrose-Demo.woff") format("woff"),url("../typos/Everyrose-Demo.woff2") format("woff2"),url("../typos/Everyrose-Demo.eot"),url("../typos/Everyrose-Demo.eot?#iefix") format("embedded-opentype"),url("../typos/Everyrose-Demo.otf") format("truetype");
    font-weight:normal;
    font-style:normal;
    font-display:swap
}
.resp-tablets,.resp-mobile{
    display:none
}
.preloader{
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    background:#fff;
    z-index:5000;
    display:flex;
    align-items:center;
    justify-content:center
}
.preloader img{
    height:160px
}
.nav{
    display:flex;
    justify-content:flex-end; /*space-between;*/
    position:fixed;
    width:100%;
    padding:32px 60px;
    padding-right:40px;
    z-index:100
}
.nav .lang{
    font-size:20px;
    line-height:1;
    text-transform:uppercase
}
.nav .toggle{
    position:relative;
    display:block;
    width:64px;
    height:32px;
    z-index:200
}
.nav .toggle .top,.nav .toggle .mid,.nav .toggle .bot{
    position:absolute;
    width:100%;
    height:6px;
    left:0;
    transition:all 250ms ease-out;
    background-color:#95979A;
    border-radius:3px
}
.nav .toggle .top{
    top:0px
}
.nav .toggle .mid{
    top:50%;
    transform:translateY(-50%)
}
.nav .toggle .bot{
    top:26px
}
.nav .toggle.active .top{
    left:4px;
    top:2px;
    transform:rotate(22deg);
    transform-origin:left top
}
.nav .toggle.active .mid{
    width:0
}
.nav .toggle.active .bot{
    left:4px;
    top:25px;
    transform:rotate(-22deg);
    transform-origin:left bottom
}
.nav .menu{
    position:fixed;
    position:absolute;
    margin:0;
    margin-right:-40px;
    right:40px;
    top:80px;
    padding:24px;
    background-color:#000;
    color:#fff;
    opacity:0;
    visibility:hidden;
    transition:all 250ms ease-out
}
.nav .menu li{
    display:block;
    margin-bottom:12px;
    list-style:none;
    /*font-size:66px;*/
    font-size:36px; /*48px;*/
    line-height:1;
    /*font-family:"HeroNew-Light",sans-serif;*/
	font-family: 'Poppins', sans-serif;
    text-transform:uppercase
}
.nav .menu.active{
    margin-right:0;
    opacity:1;
    visibility:visible
}
.btn{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    min-width:168px;
    padding:12px 20px;
    padding-bottom:8px;
    font-size:16px;
    line-height:1.2
}
.img{
    display:block;
    position:relative;
    overflow:hidden
}
.img._1x1{
    padding-top:100%
}
.img._4x3{
    padding-top:75%
}
.img._16x9{
    padding-top:56.25%
}
.img._10x6{
    padding-top:65%
}
.img._2x1{
    padding-top:50%
}
.img._10x4{
    padding-top:40%
}
.img.full{
    width:100%;
    height:100%
}
.img img,.img iframe{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    object-fit:cover;
    border:none
}
.img img{
    transition:all 250ms ease-out
}
.form-control{
    width:100%;
    height:30px;
    margin-bottom:16px;
    padding-left:0;
    font-size:16px;
    letter-spacing:0.05em;
    text-transform:uppercase;
    border-radius:0;
    border:none;
    outline:none;
    background-color:transparent;
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    transition:all 250ms ease-out
}
.form-control:focus{
    color:white;
    border-color:white
}
textarea.form-control{
    height:120px;
    margin-top:48px;
    resize:none
}
.hero{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100vh;
    height:calc(var(--vh, 1vh) * 100);
    background-color:#fff
}
section,footer{
    position:relative;
    min-height:100vh;
    min-height:calc(var(--vh, 1vh) * 100);
    padding-top:80px;
    padding-top:60px;
    padding-bottom:48px
}
.container{
    padding-left:185px;
    padding-left:12%;
    padding-right:60px;
    padding-right:40px
}
.row{
    display:flex;
    width:100%
}
.col-1{
    width:50%;
    padding-right:36px
}
.col-2{
    width:50%;
    padding-left:52px
}
.titulo{
    position:relative;
    margin-top:0;
    margin-bottom:72px;
    margin-bottom:60px;
    left:-10px;
    font-size:100px;
    font-size:80px;
    line-height:.8;
    text-transform:uppercase;
    /*font-family:"HeroNew-Light",sans-serif;*/
	font-family: 'Poppins', sans-serif;
    text-align:left
}
.titulo::before{
    content:"";
    position:absolute;
    height:80px;
    height:60px;
    width:400px;
    left:-416px;
    top:50%;
    transform:translateY(-50%);
    background-color:#000
}
#work .titulo::after{
    /*content:"";*/
    position: relative; /*absolute;*/ display:inline-block;
    height:60px;
    width:/*calc(100% - 270px); /*calc(100% - 330px);*/ 110px;
    right:-100%;/*60px;*/
    /*top:50%;
    transform:translateY(-50%);*/
    background-color:#000; opacity:0; transition: all 1200ms;
}
.carousel{
    position:relative;
    margin-right:-40px;
    margin-top:-24px
}
.carousel .item{
    width:100%;
    padding:0;
    background-color:rgba(0,0,0,0.1)
}
.carousel .item .img{
    padding-top:67% !important
}
.tns-outer{
    position:relative
}
.tns-outer .tns-controls{
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:absolute;
    width:100%;
    padding:0 36px;
    top:50%;
    transform:translateY(-50%);
    line-height:0;
    pointer-events:none;
    z-index:10;
    outline:none !important;
    border:none
}
.tns-outer .tns-controls button{
    width:18px;
    height:52px;
    font-size:0;
    color:transparent;
    border:none;
    outline:none !important;
    pointer-events:all;
    transition:all 250ms ease-out
}

.tns-outer .tns-controls button:hover{
    opacity:0.8
}
.tns-outer .tns-controls button[data-controls="prev"]{
    background:url(../img/carousel-prev.svg) center center no-repeat;
    background-size:contain
}
.tns-outer .tns-controls button[data-controls="next"]{
    background:url(../img/carousel-next.svg) center center no-repeat;
    background-size:contain
}
.tns-outer .tns-controls button[disabled] {opacity:0!important; cursor:auto!important}
.redes{
    display:flex;
    justify-content:flex-end;
    margin-top:44px
}
.redes a{
    display:inline-block;
    margin-left:6px;
    border-radius:8px;
    line-height:0;
    background-color:#000;
    transition:all 250ms ease-out
}
.redes a img{
    width:32px
}
.redes a:hover{
    background-color:#2181BB
}
.re{
    display:block;
    margin-top:4px;
    text-transform:uppercase;
    font-size:28px;
    font-size:25px
}
.re i{
    display:inline-block;
    position:relative;
    left:-2px;
    top:-2px;
    font-weight:normal
}
body.compensate-for-scrollbar{
    padding-right:0
}
.fancybox__content,.fancybox__iframe{
    border:none !important;
    outline:none !important
}
.fancy-hi .fancybox__toolbar,.fancy-studio .fancybox__toolbar,.fancy-video .fancybox__toolbar{
    display:none
}
.fancy-video .fancybox__caption,.fancy-client .fancybox__caption{
    visibility:visible;
    padding-top:24px;
    font-size:18px
}
.fancybox__thumb{
    background-color:white !important
}
@media screen and (max-width: 1024px){
    .container{
        padding:0 40px
    }
    .img-dest{
        min-height:420px
    }
    .img-dest .ico{
        height:70%;
        left:20%
    }
    .img-dest h2{
        padding-left:60px;
        left:20%;
        right:40px
    }
    .img-dest.inversa .ico{
        left:75%
    }
    .img-dest.inversa h2{
        margin-bottom:-120px;
        left:40px;
        right:20%;
        padding-left:0;
        padding-right:60px
    }
    .txt-desc{
        padding-top:50px
    }
    .txt-desc .container .titulo .logo{
        height:90px
    }
    .txt-desc .container .titulo h2{
        margin-left:32px;
        font-size:22px
    }
    .txt-desc .container .titulo h2 br{
        display:none
    }
    .txt-desc .container .columnas{
        flex-direction:column
    }
    .txt-desc .container .columnas .txt{
        padding-top:24px;
        padding-bottom:40px
    }
    .txt-desc .container .columnas .txt a{
        margin-top:24px;
        font-size:18px
    }
    .txt-desc .container .columnas .imgs .ppal{
        margin-left:160px;
        margin-left:220px;
        margin-right:0;
        margin-right:60px;
        margin-bottom:100px
    }
    .txt-desc .container .columnas .imgs .sec{
        width:180px;
        left:100px
    }
    footer{
        font-size:14px
    }
    footer .brand{
        margin-bottom:40px
    }
    footer .brand img{
        width:25px
    }
    footer .columnas{
        flex-direction:column;
        margin-bottom:72px
    }
    footer .columnas .cols{
        flex-direction:column
    }
    footer .columnas .cols a{
        display:inline-block;
        margin-bottom:15px
    }
    footer .columnas .cols .col:last-child a:first-child{
        margin-bottom:0
    }
    footer .columnas .redes{
        margin-top:25px
    }
    footer .columnas .redes a{
        margin-left:0;
        margin-right:8px
    }
}
@media screen and (max-width: 576px){
    .preloader img{
        height:120px
    }
    .container{
        padding:0 20px
    }
    .img-dest{
        min-height:auto;
        background-color:#000
    }
    .img-dest::before{
        padding-top:65%
    }
    .img-dest .fdo{
        opacity:0.85
    }
    .img-dest .ico{
        height:60%;
        height:140px;
        left:20px;
        transform:translateY(-50%)
    }
    .img-dest h2{
        padding-left:70px;
        padding-bottom:12px;
        left:20px;
        right:20px;
        font-size:20px;
        font-size:18px;
        line-height:1.4
    }
    .img-dest h2 br{
        display:none
    }
    .img-dest.inversa .ico{
        left:auto;
        right:20px
    }
    .img-dest.inversa h2{
        margin:0;
        left:20px;
        right:20px;
        top:50%;
        bottom:auto;
        transform:translateY(-50%);
        padding-right:70px;
        padding-bottom:0
    }
    .txt-desc{
        padding-top:32px
    }
    .txt-desc .container .titulo{
        flex-direction:column;
        align-items:flex-start
    }
    .txt-desc .container .titulo .logo{
        height:72px
    }
    .txt-desc .container .titulo h2{
        margin-left:0;
        margin-top:16px;
        font-size:18px
    }
    .txt-desc .container .columnas{
        margin:0
    }
    .txt-desc .container .columnas .col{
        padding:0
    }
    .txt-desc .container .columnas .txt{
        margin-top:20px
    }
    .txt-desc .container .columnas .imgs{
        margin-top:40px
    }
    .txt-desc .container .columnas .imgs .ppal{
        margin-left:80px;
        margin-left:72px;
        margin-right:-20px;
        margin-bottom:80px
    }
    .txt-desc .container .columnas .imgs .sec{
        width:120px;
        left:0px
    }
    .wa{
        right:20px;
        bottom:20px
    }
}
.resp-tablets2 {display:none!important}

@media screen and (max-width: 1024px){
    .resp-tablets {
        display:block !important
    }
	.resp-tablets2 {display:flex!important}
    .no-resp-tablets{
        display:none !important
    }
    .nav{
        padding:52px 60px
    }
    section,footer{
        padding-top:0;
        padding-bottom:40px
    }
    .container{
        padding:0 80px
    }
    .row .col-1,.row .col-2{
        width:100%;
        padding:0
    }
    .carousel{
        margin:0 -80px;
        margin-top:0;
        margin-bottom:24px
    }
    .titulo{
        margin-left:78px;
        margin-bottom:24px;
        font-size:70px
    }
    .titulo::before{
        height:54px
    }
	.titulo::after{
        height:54px
    }
}
@media screen and (max-width: 576px){
    .nav{
        padding:16px 20px;
        padding-right:24px
    }
    .nav .lang{
        font-size:16px
    }
    .nav .toggle{
        transform:scale(0.5);
        transform-origin:right top
    }
    .nav .menu{
        right:24px;
        top:40px;
        padding:12px
    }
    .nav .menu li{
        margin-bottom:6px;
        font-size:24px
    }
    .nav .menu li:last-child{
        margin-bottom:0
    }
    .container{
        padding:0 36px
    }
    .carousel{
        margin:0 -36px
    }
    .tns-outer .tns-controls{
        padding:0 20px
    }
    .tns-outer .tns-controls button{
        width:10px;
        height:32px
    }
    .titulo{
        margin-left:40px;
        margin-bottom:16px;
        font-size:36px
    }
    .titulo::before{
        height:30px;
        left:-408px
    }
	.titulo::afer{
        height:30px;
        right:-408px
    }
    .re{
        font-size:12px
    }
    .re i{
        left:0;
        top:0
    }
    .fancy-video .fancybox__caption,.fancy-client .fancybox__caption{
        font-size:14px
    }
}
 
 
.lang.offheader {padding:33px 60px; text-transform:uppercase; font-size:20px; line-height:1; position:absolute; z-index:999; top:0; left:0}

@media screen and (max-width: 576px) {
.lang.offheader {padding: 16px 20px; font-size: 16px;}
}