/*!
Theme Name: Digital Arts
Author: 
Author URI: 
Description: Web theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: samerd
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Digital Arts is based on samerd https://samerd.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/
/*! * fastshell * Fiercely quick and opinionated front-ends * https://HosseinKarami.github.io/fastshell * @author Hossein Karami * @version 1.0.5 * Copyright 2017. MIT licensed. */

.clear:after,.clear:before{
    content:" ";
    display:table
}
.clear{
    *zoom:1
}
.clear:after{
    clear:both
}
*{
    box-sizing:border-box
}
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block
}
audio:not([controls]){
    display:none;
    height:0
}
progress{
    vertical-align:baseline
}
[hidden],template{
    display:none
}
a{
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
a:active,a:hover{
    outline-width:0
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,strong{
    font-weight:inherit;
    font-weight:bolder
}
dfn{
    font-style:italic
}
h1{
    font-size:2em;
    margin:.67em 0
}
mark{
    background-color:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
img{
    border-style:none
}
svg:not(:root){
    overflow:hidden
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
figure{
    margin:1em 40px
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
button,input,select,textarea{
    font:inherit;
    margin:0
}
optgroup{
    font-weight:700
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=reset],[type=submit],button,html [type=button]{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-input-placeholder{
    color:inherit;
    opacity:.54
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
.menu{
    position:fixed;
    top:0;
    transform:translate3d(0,-100%,0);
    height:100vh;
    width:100%;
    overflow:visible;
    z-index:10;
    transition:transform .4s ease-out;
    display:table
}
@media (min-width:1024px){
    .menu{
        transform:translate3d(-100%,0,0)
    }
}
@media (min-width:1024px){
    .menu:before{
        background-color:#000;
        transition:opacity .5s ease;
        opacity:0;
        z-index:-1;
        width:230%
    }
}
@media (min-width:1024px){
    .menu:after,.menu:before{
        right:0;
        left:0;
        bottom:0;
        content:"";
        display:block;
        position:absolute;
        top:0;
        pointer-events:none
    }
    .menu:after{
        background-color:#ffffff;
        transition:transform .5s ease;
        opacity:1;
        z-index:11;
        transform:translate3d(0,100%,0);
        width:120%
    }
}
@media (min-width:1024px){
    .menu.hover{
        transform:translate3d(-98%,0,0)
    }
}
@media (min-width:1024px){
    .menu.hover .hamburger span.top{
        width:16px
    }
}
@media (min-width:1024px){
    .menu.hover .hamburger span.middle{
        width:50px
    }
}
@media (min-width:1024px){
    .menu.hover .hamburger span.middle:before{
        opacity:1
    }
}
@media (min-width:1024px){
    .menu.hover .hamburger span.bottom{
        width:16px
    }
}
.menu.active{
    transform:translateZ(0)
}
.menu.active:before{
    opacity:.4
}
@media (min-width:1024px){
    .menu.active{
        transform:translate3d(calc(0% - 138px),0,0)
    }
}
.menu.active .hamburger{
    top:0
}
@media (min-width:1024px){
    .menu.active .hamburger{
        top:auto
    }
}
.menu.active .hamburger span.top{
    transform:rotate(45deg) translate(7px,10px)
}
.menu.active .hamburger span.middle{
    width:0
}
.menu.active .hamburger span.bottom{
    transform:rotate(-45deg) translate(4px,-8px)
}
@media (min-width:1024px){
    .menu.active.hover span.top{
        width:25px
    }
}
@media (min-width:1024px){
    .menu.active.hover span.middle{
        width:0
    }
}
@media (min-width:1024px){
    .menu.active.hover span.middle:before{
        display:none
    }
}
@media (min-width:1024px){
    .menu.active.hover span.bottom{
        width:25px
    }
}
.menu.transition:after{
    transform:translateZ(0);
    z-index:11
}
.menu.transition .menu__item .menu__item-link:hover{
    color:red!important
}
.menu.transition .menu__item .menu__item-link.active{
    animation:f .3s forwards ease-out;
    animation-delay:.2s;
    position:relative;
    z-index:12;
    color:red!important
}
.menu__panel{
    background-color:#18171a;
    width:100%;
    height:100vh
}
@media (min-width:1024px){
    .menu__panel{
        opacity:1
    }
}
@media (min-width:0px) and (max-width:1024px){
    .menu__panel ul{
        padding-left:0
    }
}
.menu__flag{
    position:absolute;
    bottom:-65px;
    background-color: #18171a00;
    width:100%;
    height:65px;
    z-index:6;
}
@media (min-width:1024px){
    .menu__flag{
        border-left:none;
        position:absolute;
        top: 33%;
        margin-top:-100px;
        right: -332px;
        background-color: #e0e0e0db;
        width: 334px;
        margin-top: -50px;
        height: 160px;
        z-index:10;
        opacity:0;
        transition:right .5s ease;
        animation:k .4s forwards ease-out;
        animation-delay:3s;
    }
}
@media (min-width:1024px){
    .menu__flag img{
        /* border: 1px solid #000000bf; */
        padding: 1px;
        margin: 4px;
    }
}
.menu__flag .hamburger{
    padding-top:21px;
    width:25px;
    margin-right:20px;
    float:right;
    position:fixed;
    right:19px;
    top:auto
}
@media (min-width:1024px){
    .menu__flag .hamburger{
        position:static;
        padding-top: 4px;
        width: 35px;
        overflow:visible;
        margin:0 auto;
        right:auto;
        top:auto;
        float:none;
    }
}
.menu__flag .hamburger span{
    content:"";
    width:27px;
    height:2px;
    background-color: #616161;
    display:block;
    margin-bottom:8px;
    transition:all .5s ease;
}
.menu__flag .hamburger span.middle{
    position:relative
}
.menu__flag .hamburger span.middle:before{
    border-top:4px solid transparent;
    border-bottom:4px solid transparent;
    border-left: 11px solid #ffa726;
    width:0;
    height:0;
    content:"";
    position:absolute;
    z-index:1;
    right:-8px;
    top:-3px;
    opacity:0;
    transition:all .5s ease;
}
.menu__flag-mobile-logo{
    float:left;
    margin:15px 10px 10px 30px
}
.menu ul{
    padding-top:5vh;
    margin-top:0
}
@media screen and (min-height:660px){
    .menu ul{
        padding-top:10vh
    }
}
.menu__item{
    width:100%;
    position:relative;
    overflow:hidden
}
.menu__item:before{
    content:"";
    position:absolute;
    bottom:0;
    height:0;
    width:100%;
    background-color:#1d1c20;
    z-index:1;
    transition:height .6s ease
}
.menu__item:hover:before{
    height:100%
}
.menu__item-link{
    position:relative;
    z-index:3;
    color:#fff;
    margin:0 auto;
    display:block;
    color:#ffffff;
    font-size:8vw;
    line-height:1.3em;
    text-transform:uppercase;
    font-weight:400;
    -webkit-background-clip:text;
    background-color:#ffffff;
    -webkit-text-fill-color:transparent
}
@media (min-width:0px) and (max-width:768px){
    .menu__item-link{
        padding-left:40px
    }
}
@media (min-width:768px){
    .menu__item-link{
        width:400px;
        font-size:40px
    }
}
@media (min-width:1024px){
    .menu__item-link{
        width:600px;
        font-size:5vh
    }
}
.menu__item-link:hover{
    background-color:#fff
}
.menu .address{
    float:left;
    width:100%;
    padding-top:2vh;
    display:table-cell;
    vertical-align:middle;
    transition:opacity .5s ease;
    padding-left:25px
}
@media (min-width:768px){
    .menu .address{
        padding-left:0
    }
}
@media screen and (min-height:660px){
    .menu .address{
        padding-top:5vh
    }
}
.menu .address__row{
    clear:both;
    margin:0 auto
}
@media (min-width:768px){
    .menu .address__row{
        width:400px
    }
}
@media (min-width:1024px){
    .menu .address__row{
        width:600px
    }
}
.menu .address__row a[href^="mailto:"]{
    padding:10px;
    margin-top:-10px;
    margin-left:-10px;
    position:relative;
    overflow:hidden;
    display:block
}
.menu .address__row a[href^="mailto:"]:before{
    content:"";
    background-color:#ffffff;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:block;
    transition:transform .3s ease;
    transform:translateY(100%);
    z-index:0
}
.menu .address__row a[href^="mailto:"]:hover:before{
    transform:translate(0)
}
.menu .address__row a[href^="mailto:"] div{
    position:relative;
    z-index:3
}
.menu .address span{
    display:block;
    float:left;
    line-height:1em;
    padding:2px
}
.menu .address__label{
    line-height:1em;
    font-family:lora;
    font-size:12px;
    color:#4b4a4c
}
@media (min-width:768px){
    .menu .address__label{
        width:114px;
        font-family:lora;
        font-size:18px;
        color:#4b4a4c
    }
}
.menu .address__value{
    color:#fff;
    font-size:13px;
    margin-top:-2px
}
@media (min-width:768px){
    .menu .address__value{
        font-size:17px;
        margin-top:0
    }
}
@media (min-width:1024px){
    .menu .address__value{
        font-size:20px
    }
}
.menu .address__value a{
    color:#fff;
    text-decoration:none
}
.menu .social{
    width:100%;
    position:relative;
    float:left;
    margin-left:16px;
    padding-bottom:30px;
    margin-top:30px
}
@media screen and (min-height:660px){
    .menu .social{
        position:absolute;
        bottom:0
    }
}
.menu .social:before{
    content:"";
    width:30px;
    height:1px;
    background-color:#4b4a4c;
    position:absolute;
    display:block;
    top:-20px;
    left:0;
    z-index:3
}
@media (min-width:768px){
    .menu .social:before{
        top:-10px
    }
}
@media (min-width:1024px){
    .menu .social:before{
        top:-20px
    }
}
.menu .social ul{
    padding:0;
    list-style:none;
    float:left;
    width:100%
}
.menu .social li{
    float:left;
    padding-right:30px
}
.menu .social .twitter{
    margin-top:4px
}
.menu__breadcrumbs{
    font-size:16px;
    float:left;
    margin-top:30px;
    color:#dab67d;
    margin-left:3px;
    text-transform:uppercase
}
@media (min-width:1024px){
    .menu__breadcrumbs{
        display:none
    }
}
.state-going-next-page .menu__flag{
    right:0
}
@font-face{
    font-family:DINPro;
    src:url(fonts/DINPro-Bold.eot);
    src:url(fonts/DINPro-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/DINPro-Bold.woff) format("woff"),url(fonts/DINPro-Bold.ttf) format("truetype");
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:DINPro;
    src:url(fonts/DINPro-Regular.eot);
    src:url(fonts/DINPro-Regular.eot?#iefix) format("embedded-opentype"),url(fonts/DINPro-Regular.woff) format("woff"),url(fonts/DINPro-Regular.ttf) format("truetype");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:DINPro;
    src:url(fonts/DINPro-Light.eot);
    src:url(fonts/DINPro-Light.eot?#iefix) format("embedded-opentype"),url(fonts/DINPro-Light.woff) format("woff"),url(fonts/DINPro-Light.ttf) format("truetype");
    font-weight:lighter;
    font-style:normal
}
h1,h2,h3,h4,h5,li,ol,p,ul{
    line-height:1em
}
::selection{
    background:#333;
    color:#fff;
    text-shadow:none
}
::-moz-selection{
    background:#333;
    color:#fff;
    text-shadow:none
}
::-webkit-selection{
    background:#333;
    color:#fff;
    text-shadow:none
}
.categories__top-box-background,.details__bg,.gallery-page .main__bg,.home .main__bg,.intro__bg,.next-page__bg,.process-architecture__box-bg,.process-intro__bg,.process .main__bg,.services .main__bg,.services .services-intro__bg,.spaces .main__bg,.types__bg,.u__bg,.visit .main__bg{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:0;
    width:100%;
    display:block;
    height:100%;
    background-size:cover;
    background-position:50% 50%
}
.u__mobile-space{
    display:block
}
@media (min-width:768px){
    .u__mobile-space{
        display:none
    }
}
.u__angle-box{
    position:relative;
    opacity:.8
}
.u__angle-box-1{
    width:100%
}
.u__angle-box-1,.u__angle-box-1 span{
    background-color:#fff;
    position:absolute;
    display:block;
    height:2px
}
.u__angle-box-1 span{
    width:30px;
    content:"";
    right:-30px
}
.u__angle-box-1:before{
    width:18px;
    height:18px;
    display:block;
    content:"";
    position:absolute;
    left:-18px;
    top:-18px;
    border-color:red;
    border-radius:100px 0 0 0;
    z-index:2;
    border:1px solid #fff;
    border-bottom:0;
    border-right:0
}
.u__angle-box-1:after{
    width:30px;
    height:2px;
    content:"";
    left:-30px
}
.u__angle-box-1:after,.u__angle-box-2{
    background-color:#fff;
    display:block;
    position:absolute
}
.u__angle-box-2{
    width:2px;
    height:100%;
    right:0
}
.u__angle-box-2:before{
    width:18px;
    height:18px;
    display:block;
    content:"";
    position:absolute;
    left:0;
    top:-18px;
    border-radius:0 100px 0 0;
    z-index:2;
    border:1px solid #fff;
    border-bottom:0;
    border-left:0
}
.u__angle-box-2:after{
    top:-30px
}
.u__angle-box-2 span,.u__angle-box-2:after{
    width:2px;
    height:30px;
    background-color:#fff;
    display:block;
    content:"";
    position:absolute
}
.u__angle-box-2 span{
    bottom:-30px
}
.u__angle-box-3{
    background-color:#fff;
    width:100%;
    position:absolute;
    display:block;
    height:2px;
    bottom:0;
    transform:rotate(180deg)
}
.u__angle-box-3:before{
    width:18px;
    height:18px;
    display:block;
    content:"";
    position:absolute;
    left:-18px;
    top:-18px;
    border-color:red;
    border-radius:100px 0 0 0;
    z-index:2;
    border:1px solid #fff;
    border-bottom:0;
    border-right:0
}
.u__angle-box-3:after{
    left:-30px
}
.u__angle-box-3 span,.u__angle-box-3:after{
    width:30px;
    height:2px;
    background-color:#fff;
    display:block;
    content:"";
    position:absolute
}
.u__angle-box-3 span{
    right:-30px
}
.u__angle-box-4{
    background-color:#fff;
    width:2px;
    position:absolute;
    display:block;
    height:100%;
    left:0;
    transform:rotate(180deg)
}
.u__angle-box-4:before{
    width:18px;
    height:18px;
    display:block;
    content:"";
    position:absolute;
    left:0;
    top:-18px;
    border-radius:0 100px 0 0;
    z-index:2;
    border:1px solid #fff;
    border-bottom:0;
    border-left:0
}
.u__angle-box-4:after{
    top:-30px
}
.u__angle-box-4 span,.u__angle-box-4:after{
    width:2px;
    height:30px;
    background-color:#fff;
    display:block;
    content:"";
    position:absolute
}
.u__angle-box-4 span{
    bottom:-30px
}
.kitchen__half,.u__half{
    width:100%;
    float:left
}
@media (min-width:768px){
    .kitchen__half,.u__half{
        width:50%
    }
}
.u__mobile-only{
    display:block
}
@media (min-width:768px){
    .u__mobile-only{
        display:none
    }
}
.u__tablet-only{
    display:block
}
@media (min-width:1024px){
    .u__tablet-only{
        display:none
    }
}
.u__desktop-only{
    display:none
}
@media (min-width:1024px){
    .u__desktop-only{
        display:block
    }
}
.u__tablet-desktop-only{
    display:none
}
@media (min-width:768px){
    .u__tablet-desktop-only{
        display:block
    }
}
.u__third{
    width:100%;
    float:left
}
@media (min-width:768px){
    .u__third{
        width:33.333%
    }
}
.builders__description p,.int-design__description p,.land-arch__description p,.process-architecture__description p,.security__description p,.team .process-architecture__description p,.u__description{
    font-size:12px;
    line-height:21px;
    font-family:lora
}
@media (min-width:768px){
    .builders__description p,.int-design__description p,.land-arch__description p,.process-architecture__description p,.security__description p,.team .process-architecture__description p,.u__description{
        font-size:16.1px;
        line-height:25.2px
    }
}
@media (min-width:1024px){
    .builders__description p,.int-design__description p,.land-arch__description p,.process-architecture__description p,.security__description p,.team .process-architecture__description p,.u__description{
        font-size:19.55px;
        line-height:30.6px
    }
}
@media (min-width:1440px){
    .builders__description p,.int-design__description p,.land-arch__description p,.process-architecture__description p,.security__description p,.team .process-architecture__description p,.u__description{
        font-size:23px;
        line-height:36px
    }
}
.builders__title,.land-arch__title,.process-architecture__title,.u__title--bold{
    transition:margin .5s ease;
    font-size:46px;
    line-height:1em;
    text-transform:uppercase;
    font-weight:700;
    color:#fff
}
@media (min-width:768px){
    .builders__title,.land-arch__title,.process-architecture__title,.u__title--bold{
        font-size:92px
    }
}
@media (min-width:1024px){
    body .bullets-selection{
        opacity:.35;
        transition:opacity .5s ease-out
    }
}
body .bullets-selection.in-view{
    opacity:1
}
.pu__bullets{
    max-width:400px;
    position:relative;
    margin-top:20px
}
@media (min-width:768px){
    .pu__bullets{
        margin-top:80px
    }
}
.pu__bullets-item{
    position:relative;
    padding-bottom:20px
}
.pu__bullet-item-icon{
    display:none
}
@media (min-width:768px){
    .pu__bullet-item-icon{
        display:block;
        position:absolute;
        left:-90px;
        top:-20px
    }
}
.pu__bullet-item-title{
    font-size:12px;
    font-weight:700;
    color:#ffffff;
    text-transform:uppercase
}
@media (min-width:768px){
    .pu__bullet-item-title{
        font-size:22px;
        line-height:1em;
        color:#ffffff
    }
}
@media (min-width:1024px){
    .pu__bullet-item-title{
        font-size:24px;
        color:#ffffff
    }
}
.pu__bullet-item-description p{
    font-size:12px;
    line-height:1.5em;
    font-family:Lora;
    margin-top:5px;
    margin-bottom:15px
}
@media (min-width:768px){
    .pu__bullet-item-description p{
        font-size:17px
    }
}
@media (min-width:1024px){
    .pu__bullet-item-description p{
        font-size:25px
    }
}
.bedrooms__sup-title,.climate-windows__sup-title,.kitchen__sup-title,.next-page__sup-title,.pu__sup-title,.security__suptitle{
    font-size:14px;
    padding-bottom:1px;
    color:#bfbfbf;
    font-weight:700;
    text-transform:uppercase
}
@media (min-width:768px){
    .bedrooms__sup-title,.climate-windows__sup-title,.kitchen__sup-title,.next-page__sup-title,.pu__sup-title,.security__suptitle{
        font-size:22px;
        padding-bottom:10px;
        color:#bfbfbf;
        font-weight:700;
        text-transform:uppercase
    }
}
@keyframes a{
    0%{
        opacity:1;
        border-top:3850px solid transparent;
        border-left:3850px solid #18397e82
    }
    to{
        opacity:.8;
        border-top:850px solid transparent;
        border-left:850px solid #18397e82
    }
}
@keyframes b{
    0%{
        opacity:1;
        border-top:3850px solid transparent;
        border-left:3850px solid #18397e82;
        z-index:6
    }
    to{
        opacity:.8;
        border-top:0 solid transparent;
        border-left:0 solid #18397e82;
        z-index:4
    }
}
@keyframes c{
    0%{
        opacity:1;
        border-bottom:3850px solid transparent;
        border-left:3850px solid #18397e82
    }
    to{
        opacity:.8;
        border-bottom:650px solid transparent;
        border-left:650px solid #18397e82
    }
}
@keyframes d{
    0%{
        transform:translateY(110%)
    }
    50%{
        transform:translateY(-15px)
    }
    to{
        transform:translateY(0)
    }
}
@keyframes e{
    0%{
        transform:translateY(0)
    }
    50%{
        transform:translateY(15px)
    }
    to{
        transform:translateY(-110%)
    }
}
@keyframes f{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes g{
    0%{
        opacity:0
    }
    75%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes h{
    0%{
        height:100px
    }
    to{
        height:571px
    }
}
@keyframes i{
    0%{
        width:164px
    }
    to{
        width:678px
    }
}
@keyframes j{
    0%{
        transform:scale(1.4)
    }
    to{
        transform:scale(1.2);
        transition:transform 1s ease
    }
}
@keyframes k{
    0%{
        transform:translate3d(-100%,0,0);
        opacity:1
    }
    to{
        transform:translateZ(0);
        opacity:1
    }
}
@keyframes l{
    0%{
        top:0
    }
    to{
        top:-150vh
    }
}
@keyframes m{
    0%{
        width:10%
    }
    to{
        width:100%
    }
}
@keyframes n{
    0%{
        height:10%
    }
    to{
        height:100%
    }
}
@keyframes o{
    0%{
        height:5px
    }
    to{
        height:40px
    }
}
@media only screen and (min-width:768px){
    .wrapper{
        height:100vh
    }
}
body.landing .header{
    max-width:1280px;
    padding:0 25px;
    width:100%;
    margin:0 auto;
    height:100px
}
@media only screen and (min-width:768px){
    body.landing .header{
        padding:0 25px;
        -ms-flex:1 0 auto;
        flex:1 0 auto;
        -ms-flex-item-align:start;
        align-self:flex-start
    }
}
body.landing .header .logo__image{
    width:150px
}
@media only screen and (min-width:768px){
    body.landing .header .logo__image{
        width:293px
    }
}
body.landing .header .logo__link{
    background-color:#000;
    display:inline-block
}
.visit .main{
    height:100vh;
    display:block;
    padding:60px 20px 0;
    width:100%
}
@media (min-width:768px){
    .visit .main{
        padding-top:60px
    }
}
@media only screen and (min-width:768px){
    .visit .main{
        top:auto
    }
}
@media screen and (min-height:0px) and (min-width:736px){
    .visit .main{
        top:100px
    }
}
@media screen and (min-height:400px) and (min-width:736px){
    .visit .main{
        top:auto
    }
}
.visit .main__bg{
    background-image:url(../img/bg_body.jpg)
}
.visit .main__sections{
    width:100%
}
@media only screen and (min-width:736px){
    .visit .main__sections{
        display:table;
        max-width:1440px;
        padding:0 130px;
        margin:0 auto;
        height:100vh;
        position:relative;
        z-index:3
    }
}
.visit .main__sections-inner{
    display:table-cell;
    vertical-align:middle
}
.visit .main__animation-overlay{
    top:0;
    left:0
}
.visit .main__animation-overlay .arrow__down{
    height:653px
}
.visit .main__animation-overlay .arrow__right{
    width:800px
}
.visit .main__title{
    line-height:1em;
    transition:font-size .5s ease;
    margin:20px 0;
    opacity:0;
    width:100%;
    font-size:30px;
    font-weight:700;
    text-transform:uppercase;
    animation:p .75s ease forwards;
    animation-delay:.75s;
    -webkit-transform:translateZ(0)
}
@media only screen and (min-width:768px){
    .visit .main__title{
        font-size:72px;
        padding:0;
        margin:0
    }
}
@media screen and (min-height:0px) and (min-width:736px){
    .visit .main__title{
        font-size:40px
    }
}
@media screen and (min-height:400px) and (min-width:736px){
    .visit .main__title{
        font-size:40px
    }
}
@media screen and (min-height:600px) and (min-width:736px){
    .visit .main__title{
        font-size:60px
    }
}
@media screen and (min-height:900px) and (min-width:736px){
    .visit .main__title{
        font-size:68px
    }
}
@media (device-width:768px) and (device-height:1024px) and (orientation:portrait){
    .visit .main__title{
        font-size:60px;
        padding-top:30px
    }
}
@media (device-width:768px) and (device-height:1024px) and (orientation:landscape){
    .visit .main__title{
        font-size:58px;
        padding-top:40px
    }
}
.visit .main__subtitle{
    line-height:1em;
    transition:font-size .5s ease;
    margin-top:0;
    opacity:0;
    margin-top:30px;
    width:100%;
    line-height:1.2em;
    font-weight:400;
    animation:p .75s ease forwards;
    animation-delay:1s;
    -webkit-transform:translateZ(0);
    font-size:18px
}
@media screen and (min-height:400px) and (min-width:736px){
    .visit .main__subtitle{
        font-size:24px
    }
}
@media screen and (min-height:600px) and (min-width:736px){
    .visit .main__subtitle{
        font-size:28px
    }
}
@media screen and (min-height:900px) and (min-width:736px){
    .visit .main__subtitle{
        font-size:32px
    }
}
.visit .main__description{
    -ms-flex:1 auto;
    flex:1 auto;
    transition:font-size .5s ease;
    width:100%;
    animation:p .75s ease forwards;
    animation-delay:1.25s;
    opacity:0;
    -webkit-transform:translateZ(0)
}
@media only screen and (min-width:736px){
    .visit .main__description{
        margin-top:20px
    }
}
@media screen and (min-height:900px){
    .visit .main__description{
        margin-top:50px
    }
}
.visit .main__description p{
    line-height:1.3em;
    transition:font-size .5s ease;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    font-size:15px
}
.visit .main__description p span{
    display:none
}
.visit .main__description p span.mobile-only{
    display:block;
    padding:15px 0
}
@media only screen and (min-width:736px){
    .visit .main__description p span,.visit .main__description p span.mobile-only{
        display:inline
    }
}
.visit .main__description p strong{
    font-weight:700
}
@media only screen and (min-width:736px){
    .visit .main__description p{
        display:block
    }
}
@media screen and (min-height:400px) and (min-width:736px){
    .visit .main__description p{
        font-size:16px
    }
}
@media screen and (min-height:600px) and (min-width:736px){
    .visit .main__description p{
        font-size:17px
    }
}
@media screen and (min-height:900px) and (min-width:736px){
    .visit .main__description p{
        font-size:21px
    }
}
.visit .main__info{
    padding-bottom:30px;
    -webkit-flex:1 auto;
    margin-top:10px;
    -ms-flex:1 auto;
    flex:1 auto
}
@media only screen and (min-width:736px){
    .visit .main__info{
        margin-top:0
    }
}
.visit .main__info-list{
    list-style:none;
    padding-left:0
}
.visit .main__info-item{
    font-size:13px;
    margin-top:28px;
    animation:q .75s ease forwards;
    opacity:0;
    animation-delay:1.5s;
    line-height:1em
}
.visit .main__info-item.email{
    text-decoration:underline
}
.visit .main__info-item.email img{
    margin-top:4px
}
@media screen and (min-height:400px) and (min-width:736px){
    .visit .main__info-item{
        font-size:14px;
        float:left;
        padding-right:30px
    }
}
@media screen and (min-height:590px) and (min-width:736px){
    .visit .main__info-item{
        font-size:15px;
        float:left;
        padding-right:30px
    }
}
@media screen and (min-height:675px) and (min-width:736px){
    .visit .main__info-item{
        font-size:15px;
        padding-right:0;
        float:none
    }
}
@media screen and (min-height:900px) and (min-width:736px){
    .visit .main__info-item{
        font-size:19px
    }
}
.visit .main__info-item a{
    color:#fff;
    text-decoration:none
}
.visit .main__info-item:nth-child(2){
    animation-delay:1.75s
}
.visit .main__info-item:nth-child(3){
    animation-delay:2s;
    max-width:400px;
    width:100%
}
.visit .main__info-icon{
    margin-right:11px;
    margin-top:-3px;
    margin-bottom:14px;
    float:left;
    width:20px
}
@media only screen and (min-width:736px){
    .visit .main__info-icon{
        width:24px
    }
}
.visit br:not(.keep){
    display:none
}
@media only screen and (min-width:1140px){
    .visit br:not(.keep){
        display:block
    }
}
.visit .address{
    float:left;
    width:100%;
    padding-top:2vh;
    -ms-flex:1 auto;
    flex:1 auto;
    transition:opacity .5s ease;
    position:relative;
    z-index:5
}
@media (min-width:768px){
    .visit .address{
        padding-left:0
    }
}
@media screen and (min-height:660px){
    .visit .address{
        padding-top:5vh
    }
}
.visit .address__row{
    clear:both
}
.visit .address__row a[href^="mailto:"]{
    padding:10px;
    margin-top:-10px;
    margin-left:-10px;
    position:relative;
    overflow:hidden;
    display:block
}
.visit .address__row a[href^="mailto:"]:before{
    content:"";
    background-color:#ffffff;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:block;
    transition:transform .3s ease;
    transform:translateY(100%);
    z-index:0
}
.visit .address__row a[href^="mailto:"]:hover:before{
    transform:translate(0)
}
.visit .address__row a[href^="mailto:"] div{
    position:relative;
    z-index:3
}
.visit .address span{
    display:block;
    float:left;
    line-height:1em;
    padding:2vh 2vh 2vh 0
}
.visit .address__label{
    line-height:1em;
    font-family:lora;
    font-size:12px;
    color:#fff
}
@media (min-width:768px){
    .visit .address__label{
        width:114px;
        font-family:lora;
        font-size:18px;
        color:#fff
    }
}
.visit .address__value{
    color:#fff;
    font-size:13px;
    margin-top:-2px
}
@media (min-width:768px){
    .visit .address__value{
        font-size:20px;
        margin-top:0
    }
}
.visit .address__value a{
    color:#fff;
    text-decoration:none
}
.visit .social{
    width:100%;
    position:relative;
    float:left;
    padding-bottom:30px;
    margin-top:50px
}
.visit .social:before{
    content:"";
    width:30px;
    height:1px;
    background-color:#4b4a4c;
    position:absolute;
    display:block;
    top:-20px;
    left:0;
    z-index:3
}
@media (min-width:768px){
    .visit .social:before{
        top:-10px
    }
}
@media (min-width:1024px){
    .visit .social:before{
        top:-20px
    }
}
.visit .social ul{
    padding:0;
    list-style:none;
    float:left;
    width:100%
}
.visit .social li{
    float:left;
    padding-right:30px
}
.visit .social .twitter{
    margin-top:4px
}
@media (min-width:768px){
    .visit.start-up .main .after{
        border-top:3850px solid transparent;
        border-left:3850px solid #ffffff;
        animation:a .85s forwards cubic-bezier(0,0,.24,1);
        animation-delay:2s;
        opacity:1;
        left:-200px;
        bottom:-200px;
        z-index:0
    }
}
.visit.start-up .main__bg{
    animation:j 1.2s forwards cubic-bezier(0,0,.24,1);
    animation-delay:2s;
    transition:transform 1s ease
}
@media (min-width:768px){
    .visit.start-up .main__animation-overlay{
        animation:r .5s forwards cubic-bezier(0,0,.24,1);
        opacity:0
    }
}
.visit.start-up .main .animated-overlay .arrow__down{
    height:100px;
    animation:h 1.4s forwards cubic-bezier(0,0,.24,1);
    animation-delay:2s
}
.visit.start-up .main .animated-overlay .arrow__right{
    width:164px;
    animation:i 1.4s forwards cubic-bezier(0,0,.24,1);
    animation-delay:2s
}
.visit-special .social{
    position:relative
}
@keyframes p{
    0%{
        opacity:0;
        transform:translateY(30px)
    }
    to{
        opacity:1;
        transform:translateY(0)
    }
}
@keyframes q{
    0%{
        opacity:0;
        transform:translateX(30px)
    }
    to{
        opacity:1;
        transform:translateX(0)
    }
}
@keyframes r{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
body,html{
    height:100%
}
body{
    background-color:#282828;
    font-family:DINPro;
    color:#fff;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    line-height:1em;
    font-size:35%;
    font-size:62.5%
}
.bse,body{
    width:100%;
    -webkit-overflow-scrolling:touch;
}
.bse{
    position:relative
}
@media (min-width:768px){
    .bse{
        overflow:hidden;
    }
}
.row{
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
    position:relative;
    clear:both
}
@media (min-width:1024px){
    .row{
        padding:0 110px
    }
}
.row--no-padding{
    max-width:1440px;
    margin:0 auto;
    padding:0;
    position:relative;
    clear:both
}
.clear{
    clear:both
}
a,a:hover{
    text-decoration:none
}
.main{
    height:100vh;
    width:100%;
    position:relative;
    min-height:600px
}
@media (min-width:768px){
    .main .after{
        transition:all .5s ease;
        width:0;
        height:0;
        border-top:850px solid transparent;
        border-left: 850px solid #18397e82;
        border-bottom:0 solid transparent;
        content:"";
        z-index:1;
        position:absolute;
        bottom:0;
        opacity:.8;
    }
}
.main .row{
    display:table;
    height:100%;
    width:100%
}
.main__content{
    width:100%;
    position:relative;
    z-index:2;
    display:table-cell;
    vertical-align:middle
}
.main__titles{
    position:relative;
    color:#fff;

}
.main__titles h1{
    line-height:.95em;
    text-transform:uppercase;
    margin-top:30px;
    font-size:13vw
}
@media (min-width:768px){
    .main__titles h1{
        font-size:9.2em
    }
}
@media (min-width:1024px){
    .main__titles h1{
        font-size:6vw
    }
}
@media (min-width:1280px){
    .main__titles h1{
        font-size:9.2em
    }
}
.main__titles h1 br{
    display:none
}
@media (min-width:768px){
    .main__titles h1 br{
        display:none
    }
}
.main__titles h2{
    line-height:1.3em;
    font-weight:400;
    font-size:1.9em;
    margin-top:0;
    color:#bfbfbf
}
@media (min-width:768px){
    .main__titles h2{
        font-size:3.6em
    }
}
@media (min-width:1024px){
    .main__titles h2{
        font-size:3vw
    }
}
@media (min-width:1280px){
    .main__titles h2{
        font-size:3.6em
    }
}
.main__cta{
    margin-top: 80px;
    display:none;
}
@media (min-width:768px){
    .main__cta{
        display:block
    }
}
.main__link{
    background-color: #000000;
    padding:30px;
    text-transform:uppercase;
    font-weight:700;
    color:#fff;
    font-size:1.8em;
    padding:27px 60px 26px 120px;
    display:inline-block;
}
@media (min-width:768px){
    .p-1,.p-2,.p-3,.p-4{
        transition:all 1s cubic-bezier(.16,.4,.38,.82)
    }
}
.edge .p-1,.edge .p-2,.edge .p-3,.edge .p-4,.ie .p-1,.ie .p-2,.ie .p-3,.ie .p-4,.p-p .p-1,.p-p .p-2,.p-p .p-3,.p-p .p-4{
    transition:none!important
}
.edge .bse,.ie .bse,.p-p .bse{
    overflow:hidden!important
}
@media (min-width:768px){
    .services.start-up .main .after{
        border-top:3850px solid transparent;
        border-left:3850px solid #18397e82;
        animation:a .85s forwards cubic-bezier(0,0,.24,1);
        animation-delay:3s;
        opacity:1
    }
}
.services.start-up .main__bg{
    animation:j 1.2s forwards cubic-bezier(0,0,.24,1);
    animation-delay:3s;
    transform:scale(1.4);
    transform-origin:center center
}
@media (min-width:768px){
    .services.start-up .main__animation-overlay{
        animation:r .5s forwards cubic-bezier(0,0,.24,1);
        opacity:0
    }
}
.services.start-up .main .animated-overlay .arrow__down{
    height:100px;
    animation:h 1.4s forwards cubic-bezier(0,0,.24,1);
    animation-delay:3s
}
.services.start-up .main .animated-overlay .arrow__right{
    width:164px;
    animation:i 1.4s forwards cubic-bezier(0,0,.24,1);
    animation-delay:3s
}
@media (min-width:768px){
    .spaces.start-up .main .after{
        border-bottom:3850px solid transparent;
        border-left:3850px solid #18397e82;
        opacity:1;
        animation:c .85s forwards cubic-bezier(0,0,.24,1);
        animation-delay:2s
    }
}
.spaces.start-up .main__bg{
    animation:j 1.2s forwards cubic-bezier(0,0,.24,1);
    animation-delay:2s;
    transform:scale(1.4);
    transform-origin:top left
}
@media (min-width:768px){
    .spaces.start-up .main__animation-overlay{
        animation:r .5s forwards cubic-bezier(0,0,.24,1) 1.8s;
        opacity:0
    }
}
.spaces.start-up .main .main__animation-overlay .u__angle-box-1{
    right:0;
    width:10%;
    animation:m 1.4s forwards cubic-bezier(0,0,.24,1);
    animation-delay:2s
}
.spaces.start-up .main .main__animation-overlay .u__angle-box-2{
    right:0;
    height:10%;
    animation:n 1.4s forwards cubic-bezier(0,0,.24,1);
    animation-delay:2s
}
@media (min-width:768px){
    .process.start-up .main .after{
        border-top:3850px solid transparent;
        border-left:3850px solid #ffffff;
        animation:b .85s forwards cubic-bezier(0,0,.24,1);
        animation-delay:2s;
        opacity:1
    }
}
.process.start-up .main__bg{
    animation:j 1.2s forwards cubic-bezier(0,0,.24,1);
    animation-delay:2s;
    transform:scale(1.4);
    transform-origin:top left
}
@media (min-width:768px){
    .process.start-up .main__animation-overlay{
        animation:r .5s forwards cubic-bezier(0,0,.24,1);
        opacity:0
    }
}
.process.team.start-up .main .after{
    z-index:3
}
@media (min-width:768px){
    .process.team.start-up .main .after{
        border-top:3850px solid transparent;
        border-left:3850px solid #ffffff;
        animation:b .85s forwards cubic-bezier(0,0,.24,1);
        animation-delay:2s;
        opacity:1
    }
}
.process.team.start-up .main__bg{
    animation:j 1.2s forwards cubic-bezier(0,0,.24,1);
    animation-delay:2s;
    transform:scale(1.4);
    transform-origin:top left
}
@media (min-width:768px){
    .process.team.start-up .main__animation-overlay{
        animation:r .5s forwards cubic-bezier(0,0,.24,1);
        opacity:0
    }
}
.arrow__head{
    border-top:20px solid transparent;
    border-bottom:20px solid transparent;
    border-left:20px solid green;
    width:0;
    height:0;
    z-index:2;
    position:relative;
    margin-left:30px;
    right:0;
    transition:transform .7s cubic-bezier(.15,.56,.27,.96)
}
.arrow__head:before{
    content:"";
    width:2000px;
    height:6px;
    background:green;
    display:block;
    position:absolute;
    right:10px;
    margin-top:-3px
}
.content__outlineSVG[data-type=dashed]{
    stroke:red;
    stroke-dasharray:3
}
.animated-overlay{
    display:none;
    position:absolute;
    top:-100px;
    right:0;
    bottom:0;
    left:-102px
}
@media (min-width:768px){
    .animated-overlay{
        display:block
    }
}
.animated-overlay .circle__outer{
    position:absolute;
    border-radius:50%;
    height:64px;
    width:64px;
    border: 2px solid #ffffff;
    left:0;
}
.animated-overlay .circle__inner{
    position:absolute;
    transform:translate(-50%,-50%);
    border: 1px solid #ffffff;
    border-radius:50%;
    height:46px;
    width:46px;
    left:50%;
    top:50%;
}
.animated-overlay .arrow{
    position:relative
}
.animated-overlay .arrow__down{
    width:2px;
    height:438px;
    background-color: #ffffff;
    display:block;
    z-index:1;
    position:absolute;
    margin-left:33px;
    margin-top:85px;
}
.animated-overlay .arrow__down:before{
    content:"";
    position:absolute;
    width:2px;
    height:50px;
    background-color: #ffffff;
    top:-150px;
}
.animated-overlay .arrow__down:after{
    border-top: 22px solid #ffffff;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    width:0;
    height:0;
    content:"";
    position:absolute;
    z-index:1;
    right:-4px;
    bottom:-4px;
}
.animated-overlay .arrow__right{
    height:2px;
    width:300px;
    background-color: #ffffff;
    display:block;
    z-index:1;
    position:absolute;
    margin-top:29px;
    margin-left:82px;
}
.animated-overlay .arrow__right:before{
    content:"";
    position:absolute;
    width:50px;
    height:2px;
    background-color: #ffffff;
    left:-150px;
}
.animated-overlay .arrow__right:after{
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left: 22px solid #ffffff;
    width:0;
    height:0;
    content:"";
    position:absolute;
    z-index:1;
    right:-5px;
    top:-4px;
}
.triangle-decor{
    position:absolute;
    width:400px;
    height:400px;
    transform-origin:center;
    top:100px;
    z-index:2;
    left:60px;
    transform:rotate(270deg)
}
@media (min-width:768px){
    .triangle-decor{
        left:100px;
        top:100px;
        width:550px;
        height:550px;
        z-index:2
    }
}
.triangle-decor .u__angle-box-1:before{
    display:none
}
.triangle-decor *,.triangle-decor :after,.triangle-decor span{
    background-color:#ffffff
}
.triangle-decor :before{
    border-color:#ffffff
}
.triangle-decor .arrow-right{
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-right:22px solid #ffffff;
    left:-40px;
    top:-4px
}
.triangle-decor .arrow-bottom,.triangle-decor .arrow-right{
    width:0;
    height:0;
    content:"";
    position:absolute;
    z-index:1;
    background:transparent
}
.triangle-decor .arrow-bottom{
    border-top:22px solid #ffffff;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    right:-4px;
    bottom:-41px
}
@media print{
    *{
        background:transparent!important;
        color:#000!important;
        box-shadow:none!important;
        text-shadow:none!important
    }
    a,a:visited{
        text-decoration:underline
    }
    a[href]:after{
        content:" (" attr(href) ")"
    }
    abbr[title]:after{
        content:" (" attr(title) ")"
    }
    .ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after{
        content:""
    }
    blockquote,pre{
        border:1px solid #999;
        page-break-inside:avoid
    }
    thead{
        display:table-header-group
    }
    img,tr{
        page-break-inside:avoid
    }
    img{
        max-width:100%!important
    }
    @page{
        margin:.5cm
    }
    h2,h3,p{
        orphans:3;
        widows:3
    }
    h2,h3{
        page-break-after:avoid
    }
}
.home{
    background-color:#2a282d
}
.home .main{
    /* overflow-x:hidden */
}
@media (min-width:768px){
    .home .main:before{
        background:rgba(0,0,0,.6);
        background:-webkit-gradient(left top,left bottom,color-stop(0,rgba(0,0,0,.6)),color-stop(100%,transparent));
        background:linear-gradient(180deg,rgba(0,0,0,.6) 0,transparent);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=0);
        z-index:0;
        height:300px;
        display:block;
        position:absolute;
        top:0;
        left:0;
        right:0;
        width:100%;
        content:""
    }
}
@media (min-width:768px){
    .home .main .after{
        transition:all .5s ease;
        width:0;
        height:0;
        border-top:850px solid transparent;
        border-left: 850px solid #18397e82;
        border-bottom:0 solid transparent;
        content:"";
        z-index:1;
        position:absolute;
        bottom:0;
        opacity:.8;
    }
}
@media (min-width:1024px){
    .home .main__content{
        padding-left: 200px;
    }
}
.home .main__bg{
    background-image:url(assets/img/bg_top-mobile.jpg)
}
@media (min-width:768px){
    .home .main__bg{
        background-image:url(assets/img/bg_top.jpg);
        z-index:0
    }
}
@media (min-width:768px){
    .home .main__animation-overlay{
        display:none
    }
}
@media (min-width:1024px){
    .home .main__animation-overlay{
        display:block
    }
}
.home .main__titles h1{
    line-height:.95em;
    text-transform:uppercase;
    margin-top:30px;
    font-size:13vw
}
@media (min-width:768px){
    .home .main__titles h1{
        font-size:9.2em
    }
}
@media (min-width:1024px){
    .home .main__titles h1{
        font-size:6vw
    }
}
@media (min-width:1280px){
    .home .main__titles h1{
        font-size:9.2em
    }
}
.home .main__titles h1 br{
    display:none
}
@media (min-width:768px){
    .home .main__titles h1 br{
        display:none
    }
}
.home .main__titles h2{
    line-height:1.3em;
    font-weight:400;
    font-size:1.9em;
    margin-top:0;
    color:#bfbfbf
}
@media (min-width:768px){
    .home .main__titles h2{
        font-size:4em
    }
}
@media (min-width:1024px){
    .home .main__titles h2{
        font-size:3vw
    }
}
@media (min-width:1280px){
    .home .main__titles h2{
        font-size:3.6em
    }
}
.home .main__link{
    padding:27px 60px 26px 110px;
    overflow:hidden;
    position:relative
}
.home .main__link:hover .flecha.one{
    transform:translateY(200%)
}
.home .main__link:hover .flecha.two{
    transform:translateY(-7px);
    height:20px
}
.home .main__link:hover:before{
    transform:translateY(0);
    transition:all .25s ease-out;
    opacity:1
}
.home .main__link:before{
    content:"";
    display:block;
    top:0;
    bottom:0;
    right:0;
    left:0;
    width:100%;
    height:100%;
    background-color: #ffffff;
    position:absolute;
    z-index:0;
    transition:all .25s ease;
    transform:translateY(-100%);
    opacity:0;
}
.home .main__link span{
    position:relative;
    z-index:2
}
.home .main__cta{
    position:relative
}
.home .main__cta .circle{
    width:30px;
    height:30px;
    overflow:hidden;
    position:relative;
    border-radius:30px;
    color:#fff;
    border:1px solid hsla(0,0%,100%,.8);
    position:absolute;
    left:65px;
    top:18px;
    opacity:.8
}
.home .main__cta .flecha{
    position:relative;
    height:14px;
    width:1.3px;
    background-color:#fff;
    opacity:.8;
    position:absolute;
    left:50%;
    margin-top:6px;
    transition:all .5s ease
}
.home .main__cta .flecha:before{
    transform:rotate(-45deg);
    transform-origin:bottom right
}
.home .main__cta .flecha:after,.home .main__cta .flecha:before{
    content:"";
    display:block;
    width:1.3px;
    height:7px;
    background-color:#fff;
    position:absolute;
    bottom:0
}
.home .main__cta .flecha:after{
    transform:rotate(45deg);
    transform-origin:bottom left
}
.home .main__cta .flecha.two{
    transform:translateY(-200%)
}
@media (min-width:768px){
    .home.start-up .main .after{
        border-top:3850px solid transparent;
        border-left:3850px solid #ffffff;
        animation:a .85s forwards cubic-bezier(0,0,.24,1);
        animation-delay:2s;
        opacity:1
    }
}
.home.start-up .main__bg{
    animation:j 1.2s forwards cubic-bezier(0,0,.24,1);
    animation-delay:2s;
    transition:transform 1s ease;
    transform:scale(1.2)
}
@media (min-width:768px){
    .home.start-up .main__animation-overlay{
        animation:r .5s forwards cubic-bezier(0,0,.24,1);
        opacity:0
    }
}
.home.start-up .main .animated-overlay .arrow__down{
    height:100px;
    animation:h 1.4s forwards cubic-bezier(0,0,.24,1);
    animation-delay:2s
}
.home.start-up .main .animated-overlay .arrow__right{
    width:164px;
    animation:i 1.4s forwards cubic-bezier(0,0,.24,1);
    animation-delay:2s
}
@media (min-width:768px){
    .start-up .animation-block{
        display:block;
        overflow:hidden
    }
}
@media (min-width:768px){
    .start-up .animation-block__inner{
        display:block;
        transform:translateY(110%);
        animation:d .65s forwards ease
    }
}
.start-up .animation-block:first-child .animation-block__inner{
    animation-delay:1.1s
}
.start-up .animation-block:nth-child(2) .animation-block__inner{
    animation-delay:1.2s
}
.start-up .animation-block:nth-child(3) .animation-block__inner{
    animation-delay:1.3s
}
.start-up .animation-block:nth-child(4) .animation-block__inner{
    animation-delay:1.4s
}
.start-up .animation-block:nth-child(5) .animation-block__inner{
    animation-delay:1.53s
}
.start-up .animation-fade{
    animation:r 1s forwards ease;
    display:block;
    opacity:0
}
.start-up .animation-fade:first-child{
    animation-delay:0s
}
.start-up .animation-fade:nth-child(2){
    animation-delay:.5s
}
.intro{
    float:left;
    height:440px;
    background-color:#242428;
    position:relative;
    display:table;
    width:100%
}
@media (min-width:768px){
    .intro{
        height:660px
    }
}
.intro__bg{
    overflow:hidden;
    z-index:0;
    opacity:.7
}
@media (min-width:1024px){
    .intro__bg{
        opacity:.9
    }
}
.intro__bg video{
    display:none
}
@media (min-width:1024px){
    .intro__bg video{
        width:100%!important;
        height:auto!important;
        position:absolute;
        left:0;
        bottom:0;
        display:block;
        right:0
    }
}
.intro__animation-overlay{
    max-width:923px;
    width:100%;
    height:328px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    opacity:.3
}
@media (min-width:768px){
    .intro__animation-overlay{
        width:90%
    }
}
@media (min-width:1024px){
    .intro__animation-overlay{
        width:100%
    }
}
.intro__content{
    max-width:923px;
    width:80%;
    position:relative;
    text-align:center;
    margin:140px auto;
    display:block;
    padding:10px
}
@media (min-width:768px){
    .intro__content{
        height:328px;
        display:table-cell;
        width:100%;
        vertical-align:middle;
        margin:239px auto
    }
}
.intro__content .before{
    width:0;
    height:0;
    content:"";
    z-index:2;
    border-left:180px solid transparent;
    border-right:0 solid transparent;
    border-top:180px solid #ffffff;
    position:absolute;
    right:-30px;
    top:-100px;
    z-index:0;
    height:800px;
    opacity:.8
}
@media (min-width:768px){
    .intro__content .before{
        width:0;
        height:0;
        content:"";
        z-index:2;
        border-left:330px solid transparent;
        border-right:0 solid transparent;
        border-top: 330px solid #18397e82;
        position:absolute;
        left: 45%;
        top:-40px;
        right:auto;
        margin-left:400px;
        z-index:1;
        animation:g 1s ease;
    }
}
.intro__content p{
    max-width:372px;
    margin:0 auto;
    font-family:Lora;
    font-size:1.8em;
    color:#bfbfbf;
    line-height:1.5em
}
@media (min-width:768px){
    .intro__content p{
        max-width:764px;
        font-size:2.24em
    }
}
@media (min-width:1024px){
    .intro__content p{
        font-size:2.8em
    }
}
.intro__content p strong{
    color: #ffffff;
}
.details{
    width:100%;
    float:left;
    padding:0 0 0 40px;
    position:relative
}
@media (min-width:768px){
    .details{
        height:900px
    }
}
.details__bg{
    background-image:url(assets/img/bg_home-details.jpg)
}
.details .row{
    display:table;
    width:100%;
    height:100%
}
.details__description{
    vertical-align:middle;
    font-size:32px;
    line-height:1.1em;
    color:#fff;
    font-weight:400;
    max-width:880px;
    transition:margin .5s ease;
    margin:100px 0
}
.details__description br{
    display:none
}
@media (min-width:1024px){
    .details__description br{
        display:block
    }
}
@media (min-width:768px){
    .details__description{
        padding-top:20px;
        margin:-341px 0 0;
        font-size:52px
    }
}
@media (min-width:1280px){
    .details__description{
        margin:0 0 0 40px
    }
}
@media (min-width:768px){
    .details__content{
        width:auto;
        float:none;
        display:table-cell;
        vertical-align:middle
    }
}
.details__side-description{
    background-color:#000;
    height:auto;
    width:100%;
    padding:80px 30px 80px 20px;
    float:left
}
@media (min-width:768px){
    .details__side-description{
        background-color:#000;
        height:400px;
        max-width:500px;
        padding:80px 30px;
        position:absolute;
        bottom:60px;
        right:43px
    }
}
@media (min-width:1024px){
    .details__side-description{
        background-color:#000;
        height:500px;
        width:360px;
        padding:80px 30px;
        position:absolute;
        bottom:-49px;
        right:43px
    }
}
.details__side-description p{
    font-family:Lora;
    font-size:15px;
    color:#fff;
    line-height:1.6em;
    position:relative
}
@media (min-width:768px){
    .details__side-description p{
        font-size:24px
    }
}
.details__side-description p:before{
    content:"";
    width:100px;
    height:2px;
    background-color:#ffffff;
    position:absolute;
    top:-40px
}
.categories{
    position:relative;
    clear:both;
    margin-top:0
}
.categories.row{
    padding:0
}
@media (min-width:1024px){
    .categories.row{
        padding:0 120px
    }
}
@media (min-width:1440px){
    .categories.row{
        padding:100px
    }
}
@media (min-width:1024px){
    .categories{
        margin-top:155px
    }
}
@media (min-width:1280px){
    .categories{
        margin-top:175px
    }
}
.categories__top-box{
    width:100%;
    float:left;
    padding:20px 20px 40px;
    transition:all 1s cubic-bezier(.16,.4,.38,.82)
}
@media (min-width:1024px){
    .categories__top-box{
        transform:scale(.8);
        width:694px;
        position:absolute;
        left:0;
        top:-208px;
        padding:0 0 39px;
        z-index:5
    }
}
@media (min-width:1280px){
    .categories__top-box{
        transform:scale(1);
        width:694px;
        position:absolute;
        left:0;
        top:-158px;
        padding:0 0 39px;
        z-index:5
    }
}
@media (min-width:1680px){
    .categories__top-box{
        left:-37px
    }
}
.categories__top-box-background{
    background-color: #0000008a;
    margin-top:50px;
}
.categories__top-decor{
    width:400px;
    height:400px;
    transform:scale(.7);
    transform-origin:top right;
    right:25px;
    top:25px;
    z-index:0;
    position:absolute
}
@media (min-width:1024px){
    .categories__top-decor{
        transform:scale(1);
        right:80px;
        top:80px;
        width:550px;
        height:550px
    }
}
.categories__top-decor:before{
    width:0;
    height:0;
    content:"";
    z-index:2;
    border-left:400px solid transparent;
    border-right:0 solid transparent;
    border-top:400px solid #ffffff;
    position:absolute;
    right:20px;
    top:20px;
    opacity:.8
}
@media (min-width:1024px){
    .categories__top-decor:before{
        width:0;
        height:0;
        content:"";
        z-index:2;
        border-left:550px solid transparent;
        border-right:0 solid transparent;
        border-top:550px solid #ffffff;
        right:20px;
        top:20px
    }
}
.categories__top-decor *,.categories__top-decor :after,.categories__top-decor span{
    background-color:#ffffff
}
.categories__top-decor :before{
    border-color:#ffffff
}
.categories__top-decor .u__angle-box-1:before{
    display:none
}
.categories__top-title{
    z-index:1;
    position:relative
}
@media (min-width:1024px){
    .categories__top-title{
        margin-left:140px;
        margin-top:174px;
        margin-bottom:60px
    }
}
.categories__top-title h4{
    font-weight:700;
    color:#fff;
    margin:0;
    text-transform:uppercase;
    font-size:11vw
}
@media (min-width:768px){
    .categories__top-title h4{
        font-size:11vw
    }
}
@media (min-width:1024px){
    .categories__top-title h4{
        font-size:92px;
        width:750px
    }
}
.categories__top-paragraph{
    width:93%;
    z-index:1;
    position:relative
}
@media (min-width:1024px){
    .categories__top-paragraph{
        margin-left:140px;
        max-width:425px
    }
}
.categories__top-paragraph p{
    font-size:15px;
    font-family:Lora;
    color:#fff;
    line-height:1.5em
}
@media (min-width:1024px){
    .categories__top-paragraph p{
        max-width:300px;
        font-size:24px;
        max-width:none
    }
}
.categories .category{
    max-width:1440px;
    margin:0 auto
}
.categories .category__item:first-child{
    display:none
}
@media (min-width:1024px){
    .categories .category__item:first-child{
        display:block
    }
}
.categories .category__item{
    display:table;
    background-color:#282828;
    position:relative;
    width:50%;
    float:left;
    overflow:hidden;
    height:40vw;
    transition:all .2s ease
}
@media (min-width:1024px){
    .categories .category__item{
        width:33.333%;
        height:440px
    }
}
@media (min-width:1024px){
    .categories .category__item:hover:not(:first-child){
        transform:scale(1.1);
        z-index:2;
        box-shadow:0 0 30px 0 rgba(50,50,50,.55);
        transition:all .6s ease
    }
}
@media (min-width:1024px){
    .categories .category__item:hover:not(:first-child) .category__item-image{
        opacity:.5;
        transition:opacity .6s ease
    }
}
@media (min-width:1024px){
    .categories .category__item:hover:not(:first-child) .category__item-container{
        transition:transform .6s ease
    }
}
.categories .category__item.architects .category__item-image{
    background-image:url(assets/img/category__architects.jpg)
}
@media (min-width:1024px){
    .categories .category__item.architects{
        height:880px;
        padding-top:440px
    }
}
@media (min-width:1024px){
    .categories .category__item.general-contractors{
        margin-top:-440px
    }
}
.categories .category__item.general-contractors .category__item-image{
    background-image:url(assets/img/category__general-contractor.jpg)
}
.categories .category__item.interior-designers .category__item-image{
    background-image:url(assets/img/category__interior-designers.jpg)
}
.categories .category__item.landscape-architects .category__item-image{
    background-image:url(assets/img/category__landscape-architects.jpg)
}
.categories .category__item-image{
    z-index:1;
    opacity:.3;
    transition:opacity .5s ease
}
.categories .category__item-container{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    z-index:1;
    position:relative;
    transition:transform .3s ease
}
.categories .category__item-logo img{
    height:40px
}
@media (min-width:1024px){
    .categories .category__item-logo img{
        height:75px
    }
}
@media (min-width:1280px){
    .categories .category__item-logo img{
        height:67px
    }
}
.categories .category__item-description{
    text-transform:uppercase;
    font-weight:700;
    color:#fff;
    margin-top:50px;
    font-size:14px
}
@media (min-width:1024px){
    .categories .category__item-description{
        font-size:18px;
        letter-spacing:-.5px
    }
}
@media (min-width:1280px){
    .categories .category__item-description{
        font-size:22px;
        letter-spacing:0
    }
}
.outro{
    text-align:center;
    float:left;
    width:100%;
    margin-top:100px;
    margin-bottom:100px
}
@media (min-width:768px){
    .outro .row{
        padding:0 138px
    }
}
.outro__line-first{
    font-size:30px;
    color: #ffffff;
    line-height:1.3em;
}
@media (min-width:768px){
    .outro__line-first{
        font-size:41.6px
    }
}
@media (min-width:1024px){
    .outro__line-first{
        font-size:52px
    }
}
.outro__line-second{
    font-size:15px;
    margin:0 auto;
    font-family:Lora;
    color:#bcbcbc;
    max-width:820px;
    line-height:1.5em;
    padding-top:40px
}
@media (min-width:768px){
    .outro__line-second{
        font-size:22.4px
    }
}
@media (min-width:1024px){
    .outro__line-second{
        font-size:28px
    }
}
.outro__logo{
    padding-top:30px
}
.outro__logo img{
    width:200px
}
@media (min-width:768px){
    .outro__logo img{
        width:auto
    }
}
.quote{
    padding:60px 0 10px;
    float:left;
    width:100%;
    text-align:center
}
@media (min-width:1024px){
    .quote .row{
        padding:0 140px
    }
}
@media (min-width:1280px){
    .quote .row{
        padding:0 80px
    }
}
@media (min-width:768px){
    .quote{
        padding:100px 0 10px
    }
}
@media (min-width:1024px){
    .quote{
        padding:124px 0 10px
    }
}
.quote__quote{
    font-size:18px;
    color:#bcbcbc;
    font-family:lora;
    font-style:italic;
    line-height:1.5em;
    margin:0 auto
}
@media (min-width:768px){
    .quote__quote{
        font-size:17.6px;
        max-width:648px
    }
}
@media (min-width:1024px){
    .quote__quote{
        max-width:810px;
        font-size:22px
    }
}
.quote__author{
    font-size:16px;
    color: #ffffff;
    line-height:1em;
    margin-top:40px;
    font-weight:700;
    text-transform:uppercase;
}
@media (min-width:768px){
    .quote__author{
        font-size:14.4px
    }
}
@media (min-width:1024px){
    .quote__author{
        font-size:18px
    }
}
.bse.active:before{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:#333237;
    opacity:.9;
    content:"";
    width:100%;
    z-index:9
}
.next-page{
    padding:140px 0;
    background-size:cover;
    position:relative;
    z-index:5;
    float:left;
    width:100%
}
.next-page.gallery{
    max-width:none
}
@media (min-width:768px){
    .next-page{
        padding:199px 0
    }
}
.next-page:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: #18397e82;
    opacity:.5;
    transition:all 1s ease;
    display:block;
    z-index:1;
}
.next-page:hover:before{
    opacity:.7
}
@media (min-width:768px){
    .next-page{
        height:500px;
        width:100%;
        float:left
    }
}
.next-page__bg{
    background-image:url(assets/img/bg_next-page-services.jpg)
}
.next-page__sup-title{
    transition:opacity .5s ease
}
.next-page__title{
    font-size:40px;
    font-weight:700;
    color:#fff;
    line-height:40px;
    text-transform:uppercase;
    transition:opacity 1s ease
}
@media (min-width:768px){
    .next-page__title{
        font-size:92px;
        font-weight:700;
        color:#fff;
        line-height:100px;
        text-transform:uppercase;
        transition:opacity 1s ease
    }
}
.next-page__title a{
    color:#fff
}
.next-page .row{
    position:relative;
    z-index:2;
    text-align:center
}
.next-page__animation-box{
    position:absolute;
    top:0;
    z-index:-1;
    left:50%;
    transform:translate(-50%,-80px);
    transition:opacity 1s ease
}
@media (min-width:768px){
    .next-page__animation-box{
        transform:translate(-50%,-182px)
    }
}
.next-page__animation-box img{
    width:100px
}
@media (min-width:768px){
    .next-page__animation-box img{
        width:auto
    }
}
.next-page .animation-block .animation-block__inner{
    animation:none;
    transform:translateY(0);
    transition-delay:.3s
}
.next-page.active:before{
    animation:l 1s forwards ease-out;
    animation-delay:.3s;
    opacity:1
}
.next-page.active:hover:before{
    opacity:1
}
.next-page.active .animation-block .animation-block__inner{
    animation:e .5s forwards ease
}
.next-page.active .next-page__animation-box,.next-page.active .next-page__sup-title{
    opacity:0
}
.next-page.spaces .next-page__bg{
    background-image:url(assets/img/next-up-spaces.jpg)
}
.next-page.process .next-page__bg{
    background-image:url(assets/img/next-up-process.jpg)
}
.next-page.visit .next-page__bg{
    background-image:url(assets/img/next-up-visit.jpg)
}
.home>.bottom{
    background-image:url(assets/img/bg_home-bottom-repeat.jpg);
    background-position:top;
    background-repeat:repeat-x;
    float:left;
    width:100%;
    overflow:hidden
}
.bse.hide-everything-but-main section:not(.main){
    display:none
}
.p-absolute-wrapper{
    display:block;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    overflow:hidden
}
.p-absolute-wrapper.blah{
    bottom:-10%
}
.p-absolute-wrapper .bigger{
    
    display:block;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0
}
/*
@media (min-width:768px){
    body:after{
        position:fixed;
        bottom:0;
        height:100vh;
        width:100%;
        z-index:12;
        content:"";
        display:block;
        background-color:#ffffff;
        transform:translateY(100%);
        transition-delay:3s;
        transition:transform 1s ease
    }
}
body.anotherGDT:after{
    transform:translateY(0);
    transition:transform 1s ease;
    transition-delay:0s;
    position:fixed;
    bottom:0;
    height:100vh;
    width:100%;
    z-index:12;
    content:"";
    display:block
}*/
.loader{
    display:none
}
@media (min-width:1024px){
    .loader{
        width:0;
        height:6px;
        background-color:#1d1c1f;
        position:fixed;
        top:0;
        left:0;
        display:block;
        transition:width .5s ease;
        opacity:.9;
        z-index:10;
        overflow:hidden
    }
    .loader.first{
        width:25%;
        height:6px;
        z-index:10
    }
    .loader.second{
        width:55%;
        height:6px;
        z-index:10
    }
    .loader.third{
        width:70%;
        height:6px;
        z-index:10
    }
    .loader.fourth{
        width:100%;
        height:6px;
        z-index:10
    }
    .loader.expand{
        animation:o forwards .5s ease;
        animation-delay:.5s;
        width:100%;
        z-index:10
    }
    .breadcrumbs{
        width: 232px;
        text-align:center;
        margin:14px auto;
        display:block;
        text-transform:uppercase;
        font-size:14px;
        animation:r forwards .5s ease;
        animation-delay:1s;
        opacity:0;
    }
}
@media (min-width:0px) and (max-width:768px){
    .spaces .main{
        width:100%;
        float:left;
        overflow:hidden
    }
}
.spaces .main .after{
    transition:all .5s ease;
    width:0;
    height:0;
    border-bottom:100px solid transparent;
    border-top:0 solid transparent;
    content:"";
    z-index:1;
    position:absolute;
    border-left:100px solid #ffffff;
    top:0;
    opacity:.8
}
@media (min-width:768px){
    .spaces .main .after{
        transition:all .5s ease;
        width:0;
        height:0;
        border-bottom:650px solid transparent;
        border-top:0 solid transparent;
        content:"";
        z-index:1;
        position:absolute;
        border-left:650px solid #ffffff;
        top:0;
        opacity:.8
    }
}
.spaces .main .row{
    position:relative
}
.spaces .main__animation-overlay{
    position:absolute;
    width:400px;
    height:400px;
    transform-origin:center;
    top:100px;
    z-index:2;
    left:60px;
    transform:rotate(270deg)
}
@media (min-width:768px){
    .spaces .main__animation-overlay{
        left:100px;
        top:100px;
        width:550px;
        height:550px;
        z-index:2
    }
}
.spaces .main__animation-overlay .u__angle-box-1:before{
    display:none
}
.spaces .main__animation-overlay *,.spaces .main__animation-overlay :after,.spaces .main__animation-overlay span{
    background-color:#ffffff
}
.spaces .main__animation-overlay :before{
    border-color:#ffffff
}
.spaces .main__animation-overlay .arrow-right{
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-right:22px solid #ffffff;
    width:0;
    height:0;
    content:"";
    position:absolute;
    z-index:1;
    left:-40px;
    background:transparent;
    top:-4px
}
.spaces .main__animation-overlay .arrow-bottom{
    border-top:22px solid #ffffff;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    width:0;
    height:0;
    content:"";
    background:transparent;
    position:absolute;
    z-index:1;
    right:-4px;
    bottom:-41px
}
.spaces .main__bg{
    background-image:url(assets/img/bg_spaces-mobile.jpg);
    background-position:100% 0
}
@media (min-width:768px){
    .spaces .main__bg{
        background-image:url(assets/img/bg_spaces.jpg)
    }
}
.spaces .main__titles{
    position:relative;
    z-index:3;
    text-align:center
}
.spaces .main__titles h1{
    line-height:.95em;
    text-transform:uppercase;
    margin-top:30px;
    font-size: 12vw;
}
@media (min-width:768px){
    .spaces .main__titles h1{
        font-size:9.2em
    }
}
@media (min-width:1024px){
    .spaces .main__titles h1{
        font-size:6vw
    }
}
@media (min-width:1280px){
    .spaces .main__titles h1{
        font-size:9.2em
    }
}
.spaces .main__titles h1 br{
    display:none
}
@media (min-width:768px){
    .spaces .main__titles h1 br{
        display:none
    }
}
.spaces .main__titles h2{
    line-height:1.3em;
    font-weight:400;
    font-size:1.9em;
    margin-top:0;
    color:#bfbfbf
}
@media (min-width:768px){
    .spaces .main__titles h2{
        font-size:3.6em
    }
}
@media (min-width:1024px){
    .spaces .main__titles h2{
        font-size:3vw
    }
}
@media (min-width:1280px){
    .spaces .main__titles h2{
        font-size:3.6em
    }
}
.types{
    padding-top:80px
}
@media (min-width:0px) and (max-width:768px){
    .types{
        overflow:hidden;
        width:100%;
        float:left
    }
}
.types__bg:before{
    width:0;
    height:0;
    content:"";
    z-index:2;
    border-left:1em solid transparent;
    border-right:0 solid transparent;
    border-bottom:400 solid
}
.types__intro-animation{
    position:absolute;
    top:100px;
    left:-7px
}
@media (min-width:768px){
    .types__intro-animation{
        top:10px
    }
}
.types__intro-animation .u__mobile-only{
    width:100%
}
.types__intro-animation:before{
    transition:all .5s ease;
    width:0;
    height:0;
    border-bottom:150px solid transparent;
    border-top:0 solid transparent;
    content:"";
    z-index:-1;
    position:absolute;
    border-right:150px solid #ffffff;
    top:10px;
    right:10px;
    opacity:.8
}
@media (min-width:768px){
    .types__intro-animation:before{
        transition:all .5s ease;
        width:0;
        height:0;
        border-bottom:300px solid transparent;
        border-top:0 solid transparent;
        content:"";
        z-index:-1;
        position:absolute;
        border-left:300px solid #18397e82;
        border-right:none;
        top:55px;
        left:30px;
        opacity:.8;
        right:auto
    }
}
@media (min-width:1024px){
    .types__intro-top{
        padding-left:56px
    }
}
.types__intro-left{
    float:left;
    width:100%
}
@media (min-width:768px){
    .types__intro-left{
        text-align:right;
        float:left;
        width:50%
    }
}
.types__intro-right{
    float:left;
    width:100%
}
@media (min-width:768px){
    .types__intro-right{
        width:50%;
        float:right
    }
}
@media (min-width:1024px){
    .types__intro-right{
        width:50%;
        float:right;
        padding-left:73px
    }
}
.types__intro-top-title{
    font-size:18px;
    line-height:1.2em;
    text-align:left;
    margin-bottom:100px
}
@media (min-width:768px){
    .types__intro-top-title{
        font-size:20px;
        line-height:1.2em;
        text-align:left;
        margin-bottom:100px
    }
}
@media (min-width:1024px){
    .types__intro-top-title{
        max-width:500px;
        font-size:36px;
        line-height:1.2em;
        text-align:right;
        margin-bottom:100px
    }
}
.types__intro-top-title:before{
    content:"";
    width:100px;
    height:2px;
    background-color:#7cb9c7;
    position:absolute;
    top:-20px
}
@media (min-width:768px){
    .types__intro-top-title:before{
        display:none
    }
}
.types__intro-top-description{
    position:relative;
    font-size:12px;
    line-height:1.5em;
    padding:17px 30px
}
@media (min-width:768px){
    .types__intro-top-description{
        font-size:14px;
        line-height:1.5em;
        float:right
    }
}
@media (min-width:1024px){
    .types__intro-top-description{
        padding:0;
        font-size:22px;
        line-height:1.5em;
        max-width:580px;
        margin-top:187px;
        float:left
    }
    .types__intro-top-description:before{
        content:"";
        width:100px;
        height:2px;
        background-color:#7cb9c7;
        position:absolute;
        top:-30px
    }
}
.home-theater{
    margin-top:90px;
    width:100%;
    clear:both;
    float:left
}
@media (min-width:768px){
    .home-theater{
        margin-top:100px
    }
}
.home-theater__half-container{
    float:left;
    width:100%
}
@media (min-width:768px){
    .home-theater__half-container.title{
        float:right;
        width:50%;
        padding-left:10px;
        padding-top:100px
    }
}
@media (min-width:1024px){
    .home-theater__half-container.title{
        padding-left:30px
    }
}
@media (min-width:1280px){
    .home-theater__half-container.title{
        padding-left:50px
    }
}
.home-theater__half-container.image{
    margin-top:35px
}
@media (min-width:768px){
    .home-theater__half-container.image{
        margin-top:0;
        float:left;
        width:50%
    }
}
.home-theater__half-container.image img{
    width:100%
}
.home-theater__sup-title{
    font-size:12px;
    font-weight:700;
    color:#bfbfbf;
    padding-bottom:10px;
    text-transform:uppercase
}
@media (min-width:768px){
    .home-theater__sup-title{
        padding-bottom:20px;
        font-size:22px
    }
}
.home-theater__title{
    text-transform:uppercase;
    font-weight:lighter;
    color:#fff
}
.home-theater__title span{
    display:block;
    float:left;
    width:100%;
    line-height:.9
}
.home-theater__title span:first-child{
    font-size:32px
}
@media (min-width:768px){
    .home-theater__title span:first-child{
        font-size:32px
    }
}
@media (min-width:1024px){
    .home-theater__title span:first-child{
        font-size:50px
    }
}
@media (min-width:1280px){
    .home-theater__title span:first-child{
        font-size:70px
    }
}
.home-theater__title span:last-child{
    width:800px;
    display:block;
    font-size:60px;
    color:#ffffff;
    font-weight:700
}
@media (min-width:768px){
    .home-theater__title span:last-child{
        font-size:70px
    }
}
@media (min-width:1024px){
    .home-theater__title span:last-child{
        font-size:100px;
        width:640px
    }
}
@media (min-width:1280px){
    .home-theater__title span:last-child{
        font-size:132px
    }
}
@media (min-width:768px){
    .home-theater__description{
        width:1000px;
        height:400px;
        left:50%;
        position:absolute;
        top:119px;
        margin-left:-300px;
        transform:scale(.6)
    }
}
@media (min-width:1024px){
    .home-theater__description{
        width:1000px;
        height:400px;
        left:50%;
        position:absolute;
        top:219px;
        margin-left:-220px;
        transform:scale(.8)
    }
}
@media (min-width:1280px){
    .home-theater__description{
        transform:scale(1);
        width:1000px;
        height:400px;
        left:50%;
        position:absolute;
        top:298px;
        margin-left:-130px
    }
}
.home-theater__description p{
    width:100%;
    font-family:Lora;
    font-size:12px;
    color:#fff;
    line-height:1.5em;
    padding-top:18px;
    display:block;
    float:left
}
@media (min-width:768px){
    .home-theater__description p{
        max-width:613px;
        color:#bfbfbf;
        margin:0 auto;
        padding-top:116px;
        float:none;
        font-size:22px
    }
}
.home-theater__description-animation{
    display:none
}
@media (min-width:768px){
    .home-theater__description-animation{
        display:block;
        max-width:900px;
        width:100%;
        height:324px;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        opacity:.3
    }
}
@media (min-width:768px){
    .home-theater__items{
        max-width:1212px;
        margin:0 auto;
        padding-top:122px
    }
}
.home-theater__item{
    text-align:center;
    width:100%;
    float:left;
    padding:20px 0
}
@media (min-width:768px){
    .home-theater__item{
        text-align:center;
        width:33.333%;
        float:left;
        padding:50px 30px
    }
}
.home-theater__item-icon{
    float:left;
    width:68px
}
.home-theater__item-icon img{
    width:68px
}
@media (min-width:768px){
    .home-theater__item-icon img{
        width:auto
    }
}
@media (min-width:768px){
    .home-theater__item-icon{
        width:auto;
        float:none;
        margin-bottom:20px
    }
}
.home-theater__item-title-container{
    float:left;
    width:calc(100% - 68px)
}
@media (min-width:768px){
    .home-theater__item-title-container{
        display:table;
        height:80px;
        width:100%
    }
}
.home-theater__item-title{
    text-transform:uppercase;
    font-weight:700;
    color:#ffffff;
    font-size:18px;
    text-align:left;
    padding-left:20px;
    line-height:1em
}
@media (min-width:768px){
    .home-theater__item-title{
        display:table-cell;
        font-size:14.4px;
        width:100%;
        padding-left:0;
        text-align:center;
        text-transform:uppercase;
        font-weight:700;
        color:#ffffff;
        line-height:1em;
        vertical-align:middle
    }
}
@media (min-width:1024px){
    .home-theater__item-title{
        font-size:24px;
        line-height:1.25em
    }
}
.home-theater__item-description p{
    margin-top:5px;
    font-size:12px;
    line-height:1.5em;
    text-align:left;
    padding-top:0;
    font-family:lora;
    padding-left:20px;
    float:left;
    width:calc(100% - 68px)
}
@media (min-width:768px){
    .home-theater__item-description p{
        margin-top:auto;
        text-align:center;
        padding-left:0;
        font-size:12px;
        line-height:1.5em;
        padding-top:0;
        font-family:lora;
        width:auto;
        float:none
    }
}
@media (min-width:1024px){
    .home-theater__item-description p{
        font-size:20px;
        line-height:32px
    }
}
.outdoor{
    /* padding:40px 0; */
}
.outdoor .blas-1{
    display:block
}
@media (min-width:768px){
    .outdoor .blas-1{
        display:none
    }
}
.outdoor .blas-2{
    display:none;
}
@media (min-width:768px){
    .outdoor .blas-2{
        display:block;
        height:500px
    }
}
.outdoor__half{
    width:100%;
    /* float:left; */
    position:relative;
    padding-bottom: 139px;
}
@media (min-width:768px){
    .outdoor__half.image{
        width:40%
    }
}
@media (min-width:768px){
    .outdoor__half{
        width:50%;
        float:left
    }
}
@media (min-width:1024px){
    .outdoor__half{
        width:50%;
        float:left;
        height:800px
    }
}
.outdoor__info{
    z-index:2;
    position:relative
}
@media (min-width:768px){
    .outdoor__info{
        padding-left:30px;
        line-height:1;
        padding-right:20px
    }
}
@media (min-width:1024px){
    .outdoor__info{
        padding-left:100px
    }
}
.outdoor__info .pu__bullet-item-icon{
    left:-73px;
    top:-17px;
    display:none
}
@media (min-width:1024px){
    .outdoor__info .pu__bullet-item-icon{
        display:block
    }
}
.outdoor__info img{
    width:100%
}
.outdoor__sup-title{
    font-size:12px;
    padding-bottom:10px;
    color:#bfbfbf;
    font-weight:700;
    text-transform:uppercase
}
@media (min-width:768px){
    .outdoor__sup-title{
        font-size:22px;
        padding-bottom:10px;
        color:#bfbfbf;
        font-weight:700;
        text-transform:uppercase
    }
}
.outdoor__title{
    width:100%;
    color:#ffffff;
    font-size:40px;
    font-weight:700;
    text-transform:uppercase;
    line-height:1;
    padding-bottom:13px
}
@media (min-width:768px){
    .outdoor__title{
        width:745px;
        color:#ffffff;
        font-size:73.6px;
        font-weight:700;
        text-transform:uppercase;
        padding-bottom:0
    }
}
@media (min-width:1024px){
    .outdoor__title{
        width:745px;
        color:#ffffff;
        font-size:92px;
        font-weight:700;
        text-transform:uppercase;
        padding-bottom:0
    }
}
.outdoor__subtitle{
    font-size:18px;
    max-width:520px;
    padding-top:10px;
    line-height:1.3em;
    color:#fff;
    padding-bottom:10px
}
@media (min-width:768px){
    .outdoor__subtitle{
        font-size:28.8px;
        max-width:520px;
        padding-top:10px;
        line-height:36.8px;
        color:#fff;
        padding-bottom:10px
    }
}
@media (min-width:1024px){
    .outdoor__subtitle{
        line-height: 39px;
        font-size: 25px;
        max-width:520px;
    }
}
.outdoor__image{
    position:absolute;
    bottom:0;
    left:0;
    top:0
}
@media (min-width:768px){
    .outdoor__image{
        top:auto
    }
}
.outdoor__image.back{
    -webkit-filter:blur(4px);
    filter:blur(4px);
    width:127%
}
@media (min-width:768px){
    .outdoor__image.back{
        top:0
    }
}
@media (min-width:1024px){
    .outdoor__image.back{
        top:0
    }
}
.kitchen,.outdoor__image img{
    width:100%
}
.kitchen{
    float:left;
    margin-top:60px;
    margin-bottom:100px
}
.kitchen__animation{
    width:700px;
    height:700px;
    transform-origin:center;
    transform:rotate(270deg);
    display:none
}
@media (min-width:768px){
    .kitchen__animation{
        width:550px;
        height:550px;
        display:block
    }
}
@media (min-width:768px){
    .kitchen__top-titles{
        margin-left:-100px;
        line-height:4em;
        float:left;
        position:relative
    }
}
.kitchen__sup-title{
    padding-bottom:30px;
    float:left;
    width:100%
}
.kitchen__title-top{
    font-weight:lighter;
    font-size:40px;
    color:#ffffff;
    text-transform:uppercase
}
@media (min-width:768px){
    .kitchen__title-top{
        font-size:73.6px;
        color:#fff
    }
}
@media (min-width:1024px){
    .kitchen__title-top{
        font-size:92px;
        color:#fff
    }
}
.kitchen__info-title{
    font-size:70px;
    color:#fff;
    margin-left:70px;
    position:relative;
    text-transform:uppercase;
    line-height:1em;
    font-weight:700;
    padding-top:10px;
    z-index:3
}
@media (min-width:768px){
    .kitchen__info-title{
        padding-top:0;
        font-size:105.6px;
        color:#ffffff
    }
}
@media (min-width:1024px){
    .kitchen__info-title{
        padding-top:0;
        font-size:132px;
        color:#ffffff
    }
}
.kitchen__info{
    width:100%;
    float:left
}
@media (min-width:768px){
    .kitchen__info{
        margin-left:-38px
    }
}
@media (min-width:1024px){
    .kitchen__info{
        margin-left:0;
        padding-left:30px
    }
}
@media (min-width:1280px){
    .kitchen__info{
        padding-left:30px
    }
}
.kitchen__image{
    opacity:.8;
    margin-top:-10px;
    margin-left:-20px;
    position:relative
}
@media (min-width:768px){
    .kitchen__image{
        margin-top:50px;
        margin-left:0
    }
}
.kitchen__image .before{
    width:0;
    height:0;
    content:"";
    z-index:2;
    border-left:200px solid transparent;
    border-right:0 solid transparent;
    border-top:200px solid #ffffff;
    position:absolute;
    right:-10px;
    top:-30px;
    z-index:0;
    opacity:.8
}
@media (min-width:768px){
    .kitchen__image .before{
        width:0;
        height:0;
        content:"";
        z-index:2;
        border-left:230px solid transparent;
        border-right:0 solid transparent;
        border-top:230px solid #ffffff;
        position:absolute;
        top:-40px;
        right:-56px;
        margin-left:100px;
        z-index:1
    }
}
@media (min-width:1024px){
    .kitchen__image .before{
        width:0;
        height:0;
        content:"";
        z-index:2;
        border-left:440px solid transparent;
        border-right:0 solid transparent;
        border-top:440px solid #18397e82;
        position:absolute;
        top:-200px;
        right:-76px;
        margin-left:100px;
        z-index:1
    }
}
.kitchen__image img{
    width:100%
}
@media (min-width:768px){
    .kitchen__description{
        padding-left:89px
    }
}
@media (min-width:1024px){
    .kitchen__description{
        padding-left:85px
    }
}
.kitchen__description p{
    font-size:12px;
    line-height:1.4;
    font-family:lora
}
@media (min-width:768px){
    .kitchen__description p{
        font-size:24px;
        line-height:36px
    }
}
@media (min-width:1024px){
    .kitchen__description p{
        font-size:24px;
        line-height:36px;
        max-width:445px
    }
}
@media (min-width:768px){
    .kitchen .pu__bullets{
        margin-top:40px;
        float:left;
        margin-left:85px
    }
}
.kitchen .pu__bullets .pu__bullet-item-icon{
    display:none
}
@media (min-width:1024px){
    .kitchen .pu__bullets .pu__bullet-item-icon{
        display:block
    }
}
.kitchen .pu__bullets .pu__bullet-item-icon{
    left:-73px;
    top:-17px
}
.kitchen .pu__bullets img{
    width:80%
}
.kitchen .pu__bullet-item-title{
    color:#ffffff
}
.kitchen__animation{
    position:absolute;
    left:-90px;
    top:0
}
.kitchen__animation *,.kitchen__animation :after,.kitchen__animation span{
    background-color:#ffffff
}
.kitchen__animation :before{
    border-color:#ffffff
}
.kitchen__animation .u__angle-box-1:before{
    display:none
}
.kitchen .arrow-right{
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-right:22px solid #ffffff;
    left:-40px;
    top:-4px
}
.kitchen .arrow-bottom,.kitchen .arrow-right{
    width:0;
    height:0;
    content:"";
    position:absolute;
    z-index:1;
    background:transparent
}
.kitchen .arrow-bottom{
    border-top:22px solid #ffffff;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    right:-4px;
    bottom:-41px
}
.bedrooms{
    width:100%;
    float:left;
    background-color:#000;
    position:relative;
    height:400px
}
@media (min-width:768px){
    .bedrooms{
        height:925px
    }
}
@media (min-width:768px){
    .bedrooms .container{
        float:none;
        margin-top:-1000px;
        position:relative;
        float:left;
        padding-left:100px;
        z-index:2;
        padding-top:260px
    }
}
.bedrooms .row{
    line-height:4em;
    position:relative
}
.bedrooms__bg-half{
    display:none
}
@media (min-width:768px){
    .bedrooms__bg-half{
        background-color:#000;
        width:50%;
        float:left;
        display:block;
        position:relative;
        height:1000px
    }
}
.bedrooms__bg-half.image{
    z-index:1;
    overflow:hidden
}
.bedrooms__bg-half.image img{
    width:100%
}
.bedrooms__bg-half .categories__top-box-background,.bedrooms__bg-half .details__bg,.bedrooms__bg-half .gallery-page .main__bg,.bedrooms__bg-half .home .main__bg,.bedrooms__bg-half .intro__bg,.bedrooms__bg-half .next-page__bg,.bedrooms__bg-half .process-architecture__box-bg,.bedrooms__bg-half .process-intro__bg,.bedrooms__bg-half .process .main__bg,.bedrooms__bg-half .services .main__bg,.bedrooms__bg-half .services .services-intro__bg,.bedrooms__bg-half .spaces .main__bg,.bedrooms__bg-half .types__bg,.bedrooms__bg-half .u__bg,.bedrooms__bg-half .visit .main__bg,.gallery-page .bedrooms__bg-half .main__bg,.home .bedrooms__bg-half .main__bg,.process .bedrooms__bg-half .main__bg,.services .bedrooms__bg-half .main__bg,.services .bedrooms__bg-half .services-intro__bg,.spaces .bedrooms__bg-half .main__bg,.visit .bedrooms__bg-half .main__bg{
    z-index:1
}
.bedrooms__title{
    font-size: 30px;
    font-weight:700;
    color:#ffffff;
    text-transform:uppercase;
}
@media (min-width:768px){
    .bedrooms__title{
        font-size:92px;
        line-height:1em
    }
}
.bedrooms__description{
    font-family:Lora;
    font-size:12px;
    line-height:1.5em;
    max-width:244px;
    padding-top:10px
}
@media (min-width:768px){
    .bedrooms__description{
        font-size:24px;
        max-width:474px;
        padding-top:30px;
        line-height:36px
    }
}
.bedrooms__info{
    line-height:2em
}
@media (min-width:768px){
    .bedrooms__info{
        line-height:1em
    }
}
.bedrooms__ipad img{
    height:300px;
    margin-top:-100px
}
@media (min-width:768px){
    .bedrooms__ipad img{
        width:auto;
        height:auto
    }
}
@media (min-width:768px){
    .bedrooms__ipad{
        position:absolute;
        bottom:-30px;
        right:-55px;
        z-index:2;
        transform:scale(.8)
    }
}
.take-off{
    display:none!important
}
@media (min-width:768px){
    .take-off{
        display:block!important
    }
}
.bedrooms__bg-half .categories__top-box-background,.bedrooms__bg-half .details__bg,.bedrooms__bg-half .gallery-page .main__bg,.bedrooms__bg-half .home .main__bg,.bedrooms__bg-half .intro__bg,.bedrooms__bg-half .next-page__bg,.bedrooms__bg-half .process-architecture__box-bg,.bedrooms__bg-half .process-intro__bg,.bedrooms__bg-half .process .main__bg,.bedrooms__bg-half .services .main__bg,.bedrooms__bg-half .services .services-intro__bg,.bedrooms__bg-half .spaces .main__bg,.bedrooms__bg-half .types__bg,.bedrooms__bg-half .u__bg,.bedrooms__bg-half .visit .main__bg,.gallery-page .bedrooms__bg-half .main__bg,.home .bedrooms__bg-half .main__bg,.process .bedrooms__bg-half .main__bg,.services .bedrooms__bg-half .main__bg,.services .bedrooms__bg-half .services-intro__bg,.spaces .bedrooms__bg-half .main__bg,.visit .bedrooms__bg-half .main__bg{
    transform:scale(1.4)
}
.process .main,.process .main .row{
    position:relative
}
.process .main__bg{
    background-image:url(assets/img/bg_spaces-mobile.jpg);
    background-position:100% 0
}
@media (min-width:768px){
    .process .main__bg{
        background-image:url(assets/img/bg__process.jpg)
    }
}
.process .main__titles{
    text-align:center
}
.process .main__titles h1{
    line-height:.95em;
    text-transform:uppercase;
    margin-top:30px;
    margin-bottom:0;
    font-size:13vw
}
@media (min-width:768px){
    .process .main__titles h1{
        font-size:9.2em
    }
}
@media (min-width:1024px){
    .process .main__titles h1{
        font-size:6vw
    }
}
@media (min-width:1280px){
    .process .main__titles h1{
        font-size:9.2em
    }
}
.process .main__titles h1 br{
    display:none
}
@media (min-width:768px){
    .process .main__titles h1 br{
        display:none
    }
}
.process .main__titles .skinny{
    font-weight:400
}
.process-intro{
    height:450px;
    background-color:#29282c;
    padding-top:80px
}
@media (min-width:768px){
    .process-intro{
        height:900px
    }
}
@media (min-width:768px){
    .process-intro .row{
        padding:0
    }
}
.process-intro__bg:before{
    width:0;
    height:0;
    content:"";
    z-index:2;
    border-left:1em solid transparent;
    border-right:0 solid transparent;
    border-bottom:400 solid
}
.process-intro__intro-animation{
    position:absolute;
    top:100px;
    left:-7px
}
.process-intro__intro-animation .u__mobile-only{
    width:100%
}
@media (min-width:768px){
    .process-intro__intro-top{
        padding-left:56px
    }
}
.process-intro__intro-left{
    float:left;
    width:100%
}
@media (min-width:768px){
    .process-intro__intro-left{
        text-align:right;
        float:left;
        width:40%
    }
}
.process-intro__intro-right{
    float:left;
    position:relative;
    width:100%;
    margin-bottom:100px;
    margin-top:160px
}
@media (min-width:1024px){
    .process-intro__intro-right{
        margin:0
    }
}
.process-intro__intro-right .before{
    transition:all .5s ease;
    width:0;
    height:0;
    border-bottom:200px solid transparent;
    border-top:0 solid transparent;
    content:"";
    z-index:0;
    position:absolute;
    border-right:200px solid #18397e82;
    top:-20px;
    right:10px;
    opacity:.8
}
@media (min-width:768px){
    .process-intro__intro-right .before{
        transition:all .5s ease;
        width:0;
        height:0;
        border-bottom:300px solid transparent;
        border-top:0 solid transparent;
        content:"";
        z-index:0;
        position:absolute;
        border-right:300px solid #18397e82;
        border-left:none;
        top:-90px;
        right:10px;
        opacity:.8
    }
}
@media (min-width:1024px){
    .process-intro__intro-right .before{
        transition:all .5s ease;
        width:0;
        height:0;
        border-bottom:300px solid transparent;
        border-top:0 solid transparent;
        content:"";
        z-index:0;
        position:absolute;
        border-right:300px solid #18397e82;
        border-left:none;
        top:55px;
        right:10px;
        opacity:.8
    }
}
@media (min-width:768px){
    .process-intro__intro-right{
        width:60%;
        float:right;
        padding-left:80px
    }
}
@media (min-width:1024px){
    .process-intro__intro-right{
        width:60%;
        float:right;
        padding-left:153px
    }
}
.process-intro__bg-box{
    background-image:url(assets/img/process_box.png);
    background-size:cover;
    background-repeat:no-repeat;
    position:absolute;
    width:392.85px;
    height:335.7px;
    left:-30px;
    top:-40px
}
@media (min-width:768px){
    .process-intro__bg-box{
        background-image:url(assets/img/process_box.png);
        background-size:cover;
        background-repeat:no-repeat;
        position:absolute;
        width:700px;
        height:600px;
        left:-62px;
        top:-80px
    }
}
@media (min-width:1024px){
    .process-intro__bg-box{
        background-image:url(assets/img/process_box.png);
        background-size:cover;
        background-repeat:no-repeat;
        position:absolute;
        width:740px;
        height:639px;
        left:-92px;
        top:-120px
    }
}
.process-intro__intro-top-title{
    max-width:500px;
    font-size:18px;
    line-height:1.5em;
    text-align:left;
    margin-bottom:60px
}
@media (min-width:768px){
    .process-intro__intro-top-title{
        max-width:500px;
        font-size:21.6px;
        text-align:right;
        margin-bottom:100px
    }
}
@media (min-width:1024px){
    .process-intro__intro-top-title{
        padding-left:102px;
        max-width:649px;
        font-size:28px;
        line-height:1.2em;
        text-align:right;
        margin-bottom:100px
    }
}
@media (min-width:1280px){
    .process-intro__intro-top-title{
        padding-left:100px;
        font-size:30px
    }
}
@media (min-width:1440px){
    .process-intro__intro-top-title{
        padding-left:80px;
        font-size:36px
    }
}
.process-intro__intro-top-title:before{
    content:"";
    width:100px;
    height:2px;
    background-color:#7cb9c7;
    position:absolute;
    top:-20px
}
@media (min-width:768px){
    .process-intro__intro-top-title:before{
        display:none
    }
}
.process-intro__intro-top-description{
    position:relative;
    font-size:12px;
    line-height:1.5em;
    padding:17px 30px
}
@media (min-width:768px){
    .process-intro__intro-top-description{
        font-size:17.6px;
        line-height:1.2em;
        max-width:590px;
        float:right
    }
}
@media (min-width:1024px){
    .process-intro__intro-top-description{
        padding:0;
        font-size:22px;
        line-height:1.5em;
        max-width:590px;
        margin-top:187px;
        float:left
    }
    .process-intro__intro-top-description:before{
        content:"";
        width:100px;
        height:2px;
        background-color:#7cb9c7;
        position:absolute;
        top:-30px
    }
}
.team .process-architecture{
    padding-top:60px
}
.team .process-architecture__bg{
    background-image:url(assets/img/team-back.jpg)
}
.process-architecture{
    position:relative;
    float:left;
    width:100%
}
@media (min-width:768px){
    .process-architecture{
        padding-top:160px;
        padding-bottom:230px
    }
}
.process-architecture .row{
    padding:0
}
@media (min-width:768px){
    .process-architecture .row{
        padding:0 20px
    }
}
.process-architecture__bg{
    background-image:url(assets/img/process__architecture.jpg)
}
.process-architecture__left{
    width:100%;
    float:left
}
@media (min-width:768px){
    .process-architecture__left{
        width:60%;
        float:left
    }
}
.process-architecture__image img{
    width:100%
}
.process-architecture__right{
    width:100%;
    float:left
}
@media (min-width:768px){
    .process-architecture__right{
        width:30%
    }
}
.process-architecture__box{
    width:100%;
    max-width:260px;
    position:absolute;
    right:0;
    top:-60px
}
@media (min-width:768px){
    .process-architecture__box{
        position:relative;
        top:auto;
        right:auto;
        width:168%;
        max-width:562px;
        margin-left:-10%;
        margin-top:100px;
        float:right;
        height:656px
    }
}
.process-architecture__box-bg{
    background-color:#000;
    z-index:0
}
.process-architecture__title{
    margin-left:-80px;
    padding-top:111px;
    position:relative;
    z-index:3
}
@media (min-width:768px){
    .process-architecture__title{
        margin-bottom:40px;
        margin-top:111px;
        position:relative;
        z-index:3;
        margin-left:-20px;
        font-size:73.6px
    }
}
@media (min-width:1024px){
    .process-architecture__title{
        margin-left:-80px;
        margin-bottom:40px;
        margin-top:111px;
        position:relative;
        z-index:3;
        font-size:92px
    }
}
.process-architecture__description{
    position:relative;
    z-index:3
}
.process-architecture__description p{
    padding: 0;
    width:100%;
}
@media (min-width:768px){
    .process-architecture__description p{
        padding:7px 14px 0 60px;
        max-width:551px;
        position:relative;
        z-index:3
    }
}
.builders{
    width:100%;
    float:left;
    position:relative
}
@media (min-width:768px){
    .builders{
        height:800px
    }
}
.builders__bg{
    background-image:url(assets/img/bg_process_builderswshadow-mobile.jpg);
    z-index:-1
}
@media (min-width:768px){
    .builders__bg{
        background-image:url(assets/img/bg_process_builderswshadow.jpg)
    }
}
.builders__animation{
    padding:50px;
    position:relative
}
.builders__animation .before{
    width:0;
    height:0;
    content:"";
    z-index:2;
    border-bottom:0 solid transparent;
    border-top:260px solid transparent;
    border-left:260px solid #ffffff;
    position:absolute;
    left:50px;
    top:80px;
    opacity:.8;
    z-index:-1
}
@media (min-width:768px){
    .builders__animation .before{
        width:0;
        height:0;
        content:"";
        z-index:2;
        border-bottom:0 solid transparent;
        border-top:530px solid transparent;
        border-left: 530px solid #18397e82;
        left:0;
        top:0;
        z-index:-1;
    }
}
.builders__box{
    margin:80px 0;
    padding:0 30px 0 0
}
@media (min-width:768px){
    .builders__box{
        padding:0;
        margin:120px 0
    }
}
@media (min-width:768px){
    .builders__title{
        padding-top:0
    }
}
@media (min-width:1024px){
    .builders__title{
        margin-left:85px
    }
}
@media (min-width:1280px){
    .builders__title{
        margin-left:65px
    }
}
@media (min-width:1440px){
    .builders__title{
        margin-left:20px
    }
}
.builders__description{
    padding-left:90px;
    padding-top:10px
}
@media (min-width:768px){
    .builders__description{
        padding-left:90px;
        padding-top:20px
    }
}
.builders__description p{
    /* max-width:214px */
}
@media (min-width:768px){
    .builders__description p{
        /* max-width:466px */
    }
}
.wrapper-bottom{
    width:100%;
    float:left;
    position:relative
}
.wrapper-bottom__image{
    background-image:url(assets/img/bg_process_bottom.jpg)
}
.int-design{
    width:100%;
    position:relative;
    float:left;
    padding-top:50px;
    height:450px
}
@media (min-width:768px){
    .int-design{
        height:auto;
        padding-bottom:300px
    }
}
.int-design__image{
    background-image:url(assets/img/bg_int-design.jpg)
}
@media (min-width:768px){
    .int-design__image{
        display:none
    }
}
.int-design__left{
    width:100%;
    float:left
}
@media (min-width:768px){
    .int-design__left{
        width:50%
    }
}
@media (min-width:1024px){
    .int-design__left{
        width:50%;
        z-index:5;
        position:relative
    }
}
.int-design__left img{
    width:100%
}
.int-design__left-animation{
    transform:rotate(180deg);
    transform-origin:center center;
    top:155px;
    left:-50px
}
.int-design__left-animation .u__angle-box-1{
    width:70%;
    right:0;
    z-index:1
}
.int-design__right{
    width:100%;
    float:left;
    position:relative
}
@media (min-width:768px){
    .int-design__right{
        width:50%;
        padding:80px 40px 40px
    }
}
@media (min-width:1024px){
    .int-design__right{
        width:50%
    }
}
.int-design__right-animation{
    width:200px;
    height:200px;
    transform:scale(.7);
    transform-origin:top right;
    right:0;
    top:25px;
    left:auto;
    z-index:0;
    position:absolute
}
@media (min-width:1024px){
    .int-design__right-animation{
        transform:scale(1);
        right:80px;
        top:0;
        width:550px;
        height:550px
    }
}
.int-design__right-animation:before{
    width:0;
    height:0;
    content:"";
    z-index:2;
    border-left:200px solid transparent;
    border-right:0 solid transparent;
    border-top:200px solid #18397e82;
    position:absolute;
    right:20px;
    top:20px;
    opacity:.8
}
@media (min-width:1024px){
    .int-design__right-animation:before{
        width:0;
        height:0;
        content:"";
        z-index:2;
        border-left:300px solid transparent;
        border-right:0 solid transparent;
        border-top:300px solid #18397e82;
        right:70px;
        top:70px
    }
}
.int-design__right-animation *,.int-design__right-animation :after,.int-design__right-animation span{
    background-color:#ffffff
}
.int-design__right-animation :before{
    border-color:#ffffff
}
.int-design__right-animation .u__angle-box-1:before{
    display:none
}
.int-design__right-animation .u__angle-box-1{
    width:120%;
    right:0;
    z-index:1
}
.int-design__title{
    font-size:46px;
    text-transform:uppercase;
    color:#fff;
    line-height:1em;
    position:relative;
    padding-left:90px
}
.int-design__title:before{
    width:0;
    height:0;
    content:"";
    z-index:2;
    border-left:380px solid transparent;
    border-right:0 solid transparent;
    border-top:380px solid #403e3f;
    position:absolute;
    right:-40px;
    top:-20px;
    opacity:.3;
    z-index:-1
}
@media (min-width:768px){
    .int-design__title:before{
        opacity:1
    }
}
@media (min-width:768px){
    .int-design__title{
        padding:0;
        font-size:41.4px;
        margin-left:-5px
    }
}
@media (min-width:1024px){
    .int-design__title{
        font-size:64.4px
    }
}
@media (min-width:1440px){
    .int-design__title{
        font-size:92px
    }
}
.int-design__title span{
    font-weight:700;
    color:#ffffff;
    display:block
}
@media (min-width:768px){
    .int-design__title span{
        font-size:59.4px;
        margin-left:-2px
    }
}
@media (min-width:1024px){
    .int-design__title span{
        font-size:79.2px
    }
}
@media (min-width:1440px){
    .int-design__title span{
        font-size:132px
    }
}
.int-design__description{
    padding-left:90px;
    padding-top:20px;
    z-index:2;
    position:relative
}
@media (min-width:768px){
    .int-design__description{
        padding-left:0
    }
}
.int-design__description p{
    max-width:238px;
    width:100%;
    
}
@media (min-width:480px){
    .int-design__description p{
        width:100%;
        max-width:100%;
        
    }
}
.int-design__description p strong{
    color:#ffffff
}
@media (min-width:768px){
    .int-design__description p{
        max-width:490px;
        width:100%;
        padding-right:0
    }
}
@media (min-width:1024px){
    .int-design__description p{
        max-width:430px;
        width:100%;
        padding-right:30px
    }
}
.land-arch{
    margin-top:-150px;
    position:relative;
    float:left;
    width:100%
}
@media (min-width:0px) and (max-width:768px){
    .land-arch{
        overflow:hidden
    }
}
@media (min-width:1024px){
    .land-arch .row{
        padding:0 140px
    }
}
@media (min-width:1280px){
    .land-arch .row{
        padding:0 80px
    }
}
.land-arch__animation{
    display:none;
    width:100%
}
@media (min-width:768px){
    .land-arch__animation{
        display:block;
        background-color:#000;
        position:absolute;
        top:-100px;
        left:100px;
        z-index:0;
        height:800px
    }
}
.land-arch__animation img{
    display:none
}
@media (min-width:768px){
    .land-arch__animation img{
        margin:30px;
        display:block;
        position:absolute;
        width:1800px;
        margin-left:0
    }
}
.land-arch__left{
    width:100%;
    float:left
}
@media (min-width:768px){
    .land-arch__left{
        width:55%;
        float:left
    }
}
.land-arch__right{
    width:100%;
    float:left
}
@media (min-width:768px){
    .land-arch__right{
        width:45%;
        float:left
    }
}
.land-arch__box{
    position:relative;
    text-align:left;
    margin-top:166px
}
@media (min-width:768px){
    .land-arch__box{
        text-align:right;
        padding-right:70px
    }
}
.land-arch__title{
    color:#ffffff;
    position:relative;
    z-index:3
}
@media (min-width:768px){
    .land-arch__title{
        padding:0;
        font-size:46px
    }
}
@media (min-width:1024px){
    .land-arch__title{
        font-size:64.4px
    }
}
@media (min-width:1440px){
    .land-arch__title{
        font-size:92px
    }
}
.land-arch__description{
    position:relative;
    z-index:3
}
.land-arch__description p{
    float:right;
    max-width:200px;
    width:100%
}
@media (min-width:480px){
    .land-arch__description p{
        max-width:100%
    }
}
@media (min-width:768px){
    .land-arch__description p{
        max-width:400px;
        width:100%
    }
}
.services .main{
    overflow:hidden
}
.services .main video{
    display:none;
    overflow:hidden
}
@media (min-width:1024px){
    .services .main video{
        display:block;
        height:100%;
        width:177.77777778vh;
        min-width:100%;
        min-height:56.25vw;
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%)
    }
}
@media (min-width:768px){
    .services .main:before{
        background:rgba(0,0,0,.6);
        background:-webkit-gradient(left top,left bottom,color-stop(0,rgba(0,0,0,.6)),color-stop(100%,transparent));
        background:linear-gradient(180deg,rgba(0,0,0,.6) 0,transparent);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=0);
        z-index:0;
        height:300px;
        display:block;
        position:absolute;
        top:0;
        left:0;
        right:0;
        width:100%;
        content:""
    }
}
@media (min-width:768px){
    .services .main .after{
        transition:all .5s ease;
        width:0;
        height:0;
        border-top:850px solid transparent;
        border-bottom:0 solid transparent;
        content:"";
        z-index:1;
        position:absolute;
        border-left:850px solid #18397e82;
        bottom:0;
        opacity:.8
    }
}
.services .main__bg{
    background-image:url(assets/video/Services-Hero_BG.gif)
}
@media (min-width:1024px){
    .services .main__bg{
        background-image:none
    }
}
.services .main__titles h1{
    line-height:.95em;
    text-transform:uppercase;
    margin-top:30px;
    font-size: 8vw;
    text-align:center;
}
@media (min-width:768px){
    .services .main__titles h1{
        font-size:9.2em
    }
}
@media (min-width:1024px){
    .services .main__titles h1{
        font-size:6vw
    }
}
@media (min-width:1280px){
    .services .main__titles h1{
        font-size:9.2em
    }
}
.services .main__titles h1 br{
    display:block
}
@media (min-width:1024px){
    .services .main__titles h1 br{
        display:none
    }
}
.services .services-intro{
    height:300px;
    padding-top:60px
}
@media (min-width:768px){
    .services .services-intro{
        height:300px;
        padding-top:90px
    }
}
@media (min-width:1024px){
    .services .services-intro{
        height:450px;
        padding-top:120px
    }
}
@media (min-width:768px){
    .services .services-intro .row{
        padding:0
    }
}
.services .services-intro__bg:before{
    width:0;
    height:0;
    content:"";
    z-index:2;
    border-left:1em solid transparent;
    border-right:0 solid transparent;
    border-bottom:400 solid
}
.services .services-intro__intro-animation{
    position:absolute;
    top:100px;
    left:-7px
}
.services .services-intro__intro-animation .u__mobile-only{
    width:100%
}
@media (min-width:768px){
    .services .services-intro__intro-top{
        padding-left:56px
    }
}
.services .services-intro__intro-left{
    float:left;
    width:100%
}
@media (min-width:1024px){
    .services .services-intro__intro-left{
        text-align:right;
        float:left;
        width:40%
    }
}
.services .services-intro__intro-right{
    float:left;
    width:100%
}
@media (min-width:1024px){
    .services .services-intro__intro-right{
        width:60%;
        float:right;
        padding-left:103px
    }
}
.services .services-intro__intro-top-title{
    position:relative;
    max-width:800px;
    font-size:18px;
    line-height:1.5em;
    text-align:left;
    margin-bottom:30px;
    z-index:2
}
@media (min-width:768px){
    .services .services-intro__intro-top-title{
        height:auto;
        font-size:32px;
        text-align:left;
        margin-bottom:70px
    }
    .services .services-intro__intro-top-title br{
        display:none
    }
}
@media (min-width:768px) and (min-width:1024px){
    .services .services-intro__intro-top-title br{
        display:block
    }
}
@media (min-width:1024px){
    .services .services-intro__intro-top-title{
        height:300px;
        line-height:1.2em;
        text-align:right;
        margin-bottom:100px
    }
}
.services .services-intro__intro-top-title:before{
    content:"";
    width:50px;
    height:2px;
    background-color:#7cb9c7;
    position:absolute;
    top:-20px;
    left:0
}
@media (min-width:768px){
    .services .services-intro__intro-top-title:before{
        width:100px;
        left:0;
        right:auto
    }
}
@media (min-width:1024px){
    .services .services-intro__intro-top-title:before{
        right:0;
        left:auto
    }
}
.services .services-intro__intro-top-description{
    position:relative;
    font-size:12px;
    line-height:1.5em;
    padding:17px 30px 17px 0
}
@media (min-width:768px){
    .services .services-intro__intro-top-description{
        font-size:22px;
        line-height:1.5em;
        float:left;
        padding:0 20px 0 0
    }
}
@media (min-width:1024px){
    .services .services-intro__intro-top-description{
        font-size:22px;
        line-height:1.5em;
        max-width:600px;
        margin-top:100px;
        float:left;
        margin-left:0
    }
}
.services-menu{
    position:relative;
    clear:both;
    margin-top:0
}
@media (min-width:768px){
    .services-menu{
        margin-top:80px
    }
}
@media (min-width:1024px){
    .services-menu{
        margin-top:45px
    }
}
.services-menu__top-box{
    background-color:#000;
    width:33.333%;
    float:left;
    padding:20px 20px 40px;
    transition:all .5s ease
}
.services-menu .special-box{
    position:absolute;
    width:8000px;
    background-color:#000;
    right:0;
    bottom:0;
    height:100%
}
.services-menu .special-box .special-box-content{
    position:relative
}
.services-menu .special-box .special-box-content h4{
    font-size:36px;
    font-weight:400
}
.services-menu__top-decor{
    width:400px;
    height:400px;
    transform:scale(.3) rotate(180deg);
    transform-origin:top right;
    transform-origin:center center;
    right:0;
    top:-40px;
    z-index:0;
    position:absolute
}
@media (min-width:768px){
    .services-menu__top-decor{
        transform:scale(.4) rotate(180deg);
        transform-origin:center center;
        bottom:0;
        top:-100px;
        left:-150px;
        right:auto;
        width:550px;
        height:550px
    }
}
@media (min-width:1024px){
    .services-menu__top-decor{
        right:0;
        transform:scale(.5) rotate(180deg);
        transform-origin:center center;
        bottom:0;
        left:auto;
        width:550px;
        height:550px
    }
}
.services-menu__top-decor:before{
    width:0;
    height:0;
    content:"";
    z-index:2;
    border-left:400px solid transparent;
    border-right:0 solid transparent;
    border-top:400px solid #ffffff;
    position:absolute;
    right:20px;
    top:20px;
    opacity:.8
}
@media (min-width:768px){
    .services-menu__top-decor:before{
        width:0;
        height:0;
        content:"";
        z-index:2;
        border-left:550px solid transparent;
        border-right:0 solid transparent;
        border-top:550px solid #18397e82;
        right:20px;
        top:20px
    }
}
.services-menu__top-decor *,.services-menu__top-decor :after,.services-menu__top-decor span{
    background-color:#ffffff
}
.services-menu__top-decor :before{
    border-color:#ffffff
}
.services-menu__top-decor .u__angle-box-1:before{
    display:none
}
.services-menu__top-title{
    z-index:1;
    position:relative
}
.services-menu__top-title h4{
    color:#fff;
    margin:0;
    font-weight:400;
    max-width:280px;
    font-size:6vw
}
@media (min-width:480px){
    .services-menu__top-title h4{
        font-size:11vw
    }
}
@media (min-width:768px){
    .services-menu__top-title h4{
        margin-top:100px;
        font-size:36px;
        padding-left:30px;
        line-height:1.4em;
        max-width:621px
    }
}
@media (min-width:1024px){
    .services-menu__top-title h4{
        max-width:280px;
        margin-left:80px;
        line-height:1em;
        font-size:36px;
        padding-left:0;
        margin-top:60px
    }
}
@media (min-width:1280px){
    .services-menu__top-title h4{
        margin-left:150px
    }
}
.services-menu__top-title h4 max{
    margin-left:100px
}
.services-menu__top-paragraph{
    width:93%;
    z-index:1;
    position:relative
}
@media (min-width:768px){
    .services-menu__top-paragraph{
        margin-left:140px;
        max-width:425px
    }
}
.services-menu__top-paragraph p{
    max-width:300px;
    font-size:15px;
    font-family:Lora;
    color:#fff;
    line-height:1.5em
}
@media (min-width:768px){
    .services-menu__top-paragraph p{
        font-size:24px;
        max-width:none
    }
}
.services-menu .category{
    max-width:1440px;
    margin:0 auto
}
.services-menu .category__item:first-child{
    display:none
}
@media (min-width:768px){
    .services-menu .category__item:first-child{
        display:block
    }
}
.services-menu .category__item{
    display:table;
    background-color:#000;
    position:relative;
    width:50%;
    float:left;
    overflow:hidden;
    height:40vw;
    transition:all .2s ease
}
@media (min-width:1024px){
    .services-menu .category__item{
        width:33.333%;
        height:340px
    }
}
@media (min-width:1024px){
    .services-menu .category__item:hover:not(:first-child){
        transform:scale(1.1);
        z-index:2;
        box-shadow:0 0 30px 0 rgba(50,50,50,.55);
        transition:all .6s ease
    }
}
@media (min-width:1024px){
    .services-menu .category__item:hover:not(:first-child) .category__item-image{
        opacity:.5;
        transition:opacity .6s ease
    }
}
@media (min-width:1024px){
    .services-menu .category__item:hover:not(:first-child) .category__item-container{
        transform:scale(1.2);
        transition:transform .6s ease
    }
}
.services-menu .category__item.title{
    overflow:hidden;
    width:100%
}
@media (min-width:768px){
    .services-menu .category__item.title{
        overflow:visible;
        z-index:3
    }
}
@media (min-width:1024px){
    .services-menu .category__item.title{
        transform:translateX(109px);
        width:33%
    }
}
@media (min-width:1280px){
    .services-menu .category__item.title{
        transform:translateX(0);
        z-index:3
    }
}
.services-menu .category__item.security{
    margin-top:0
}
@media (min-width:1024px){
    .services-menu .category__item.security{
        height:680px;
        padding-top:340px
    }
}
.services-menu .category__item.security .category__item-image{
    background-image:url(assets/img/services-menu-security.jpg)
}
@media (min-width:1024px){
    .services-menu .category__item.av{
        margin-top:-340px
    }
}
.services-menu .category__item.av .category__item-image{
    background-image:url(assets/img/entertainment_services007.jpg)
}

.services-menu .category__item.lighting .category__item-image{
    background-image:url(assets/img/services-menu-lighting.jpg)
}
.services-menu .category__item.climate .category__item-image{
    background-image:url(assets/img/services-menu-climate.jpg)
}
.services-menu .category__item-image{
    z-index:1;
    opacity:.8;
    transition:opacity .5s ease
}
.services-menu .category__item-container{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    z-index:1;
    position:relative;
    transition:transform .3s ease
}
.services-menu .category__item-logo img{
    height:40px
}
@media (min-width:768px){
    .services-menu .category__item-logo img{
        height:75px
    }
}
@media (min-width:1024px){
    .services-menu .category__item-logo img{
        height:67px
    }
}
.services-menu .category__item-description{
    text-transform:uppercase;
    font-weight:700;
    color:#fff;
    margin-top:50px;
    font-size:14px
}
@media (min-width:768px){
    .services-menu .category__item-description{
        font-size:18px;
        letter-spacing:-.5px
    }
}
@media (min-width:1024px){
    .services-menu .category__item-description{
        font-size:22px;
        letter-spacing:0
    }
}
.clouds-background{
    position:relative;
    background-color:#292929
}
.clouds-background .categories__top-box-background,.clouds-background .details__bg,.clouds-background .gallery-page .main__bg,.clouds-background .home .main__bg,.clouds-background .intro__bg,.clouds-background .next-page__bg,.clouds-background .process-architecture__box-bg,.clouds-background .process-intro__bg,.clouds-background .process .main__bg,.clouds-background .services .main__bg,.clouds-background .services .services-intro__bg,.clouds-background .spaces .main__bg,.clouds-background .types__bg,.clouds-background .u__bg,.clouds-background .visit .main__bg,.gallery-page .clouds-background .main__bg,.home .clouds-background .main__bg,.process .clouds-background .main__bg,.services .clouds-background .main__bg,.services .clouds-background .services-intro__bg,.spaces .clouds-background .main__bg,.visit .clouds-background .main__bg{
    background-image:url(assets/img/bg_services-clouds.png);
    opacity:.3
}
.audio-video{
    margin-top:90px;
    width:100%;
    clear:both;
    float:left
}
@media (min-width:768px){
    .audio-video{
        margin-top:100px
    }
}
@media (min-width:0px) and (max-width:768px){
    .audio-video{
        overflow:hidden
    }
}
.audio-video__half-container{
    float:left;
    width:100%
}
@media (min-width:768px){
    .audio-video__half-container.title{
        float:left;
        width:50%;
        padding-left:50px;
        padding-top:20px
    }
}
@media (min-width:1024px){
    .audio-video__half-container.title{
        padding-left:30px
    }
}
@media (min-width:1280px){
    .audio-video__half-container.title{
        padding-left:50px
    }
}
.audio-video__half-container.image{
    margin-top:35px;
    position:relative
}
.audio-video__half-container.image .before{
    width:0;
    height:0;
    content:"";
    z-index:2;
    border-left:200px solid transparent;
    border-right:0 solid transparent;
    border-top:200px solid #18397e82;
    position:absolute;
    right:-10px;
    top:-30px;
    z-index:0;
    opacity:.8
}
@media (min-width:768px){
    .audio-video__half-container.image .before{
        width:0;
        height:0;
        content:"";
        z-index:2;
        border-left:220px solid transparent;
        border-right:0 solid transparent;
        border-top:220px solid #18397e82;
        position:absolute;
        top:-26px;
        right:-26px;
        margin-left:100px;
        z-index:1
    }
}
@media (min-width:1024px){
    .audio-video__half-container.image .before{
        width:0;
        height:0;
        content:"";
        z-index:2;
        border-left:440px solid transparent;
        border-right:0 solid transparent;
        border-top:440px solid #18397e82;
        position:absolute;
        top:-30px;
        right:-30px;
        margin-left:100px;
        z-index:1
    }
}
@media (min-width:768px){
    .audio-video__half-container.image{
        margin-top:0
    }
}
.audio-video__half-container.image img{
    width:100%
}
@media (min-width:768px){
    .audio-video__half-container.image{
        float:left;
        width:50%
    }
}
.audio-video__sup-title{
    font-size:12px;
    font-weight:700;
    color:#bfbfbf;
    padding-bottom:0;
    text-transform:uppercase
}
@media (min-width:768px){
    .audio-video__sup-title{
        padding-bottom:20px;
        font-size:22px
    }
}
.audio-video__title{
    text-transform:uppercase;
    font-weight:lighter;
    color:#fff
}
.audio-video__title span{
    display:block;
    float:left;
    width:100%;
    line-height:.7
}
.audio-video__title span:last-child{
    color:#ffffff;
    font-size:32px;
    line-height:1.5em
}
@media (min-width:1024px){
    .audio-video__title span:last-child{
        font-size:50px
    }
}
@media (min-width:1280px){
    .audio-video__title span:last-child{
        font-size:70px
    }
}
.audio-video__title span:first-child{
    display:block;
    font-size:60px;
    color:#fff;
    font-weight:700
}
@media (min-width:768px){
    .audio-video__title span:first-child{
        font-size:80px
    }
}
@media (min-width:1024px){
    .audio-video__title span:first-child{
        width:800px;
        font-size:100px;
        width:640px
    }
}
@media (min-width:1280px){
    .audio-video__title span:first-child{
        font-size:132px
    }
}
.audio-video__description{
    width:100%;
    float:left
}
.audio-video__description p{
    width:100%;
    font-family:Lora;
    font-size:12px;
    color:#fff;
    line-height:1.5em;
    padding-top:18px;
    display:block;
    float:left
}
@media (min-width:768px){
    .audio-video__description p{
        max-width:613px;
        color:#bfbfbf;
        margin:0 auto;
        float:none;
        font-size:15.4px
    }
}
@media (min-width:1024px){
    .audio-video__description p{
        font-size:22px
    }
}
.audio-video__description-animation{
    display:none
}
@media (min-width:768px){
    .audio-video__description-animation{
        display:block;
        max-width:900px;
        width:100%;
        height:324px;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        opacity:.3
    }
}
@media (min-width:1024px){
    .audio-video__black-background .row{
        padding:0 140px
    }
}
@media (min-width:1280px){
    .audio-video__black-background .row{
        padding:0 50px
    }
}
@media (min-width:768px){
    .audio-video__black-background{
        background-color:#000;
        float:left;
        width:100%;
        margin-top:-60px;
        padding-bottom:170px;
        padding-top:40px
    }
}
@media (min-width:1024px){
    .audio-video__black-background{
        margin-top:-60px;
        padding-bottom:100px
    }
}
.audio-video__items{
    padding-top:30px
}
@media (min-width:768px){
    .audio-video__items{
        max-width:1212px;
        margin:0 auto
    }
}
@media (min-width:1024px){
    .audio-video__items{
        padding-top:90px;
        height:780px
    }
}
.audio-video__item{
    text-align:center;
    width:100%;
    float:left;
    padding:20px 0;
}
@media (min-width:768px){
    .audio-video__item{
        text-align:center;
        width:33.33%;
        float:left;
        padding:50px 10px
    }
}
@media (min-width:1024px){
    .audio-video__item{
        text-align:center;
        width: 33.33%;
        float:left;
        padding:50px 10px
    }
}
.audio-video__item-icon{
    float:left;
    width: 68px;
}
.audio-video__item-icon img{
    height:68px;
    width: 75px;
}
@media (min-width:768px){
    .audio-video__item-icon img{
        height:68px
    }
}
@media (min-width:768px){
    .audio-video__item-icon{
        width:auto;
        float:none;
        margin-bottom:20px
    }
}
.audio-video__item-icon.all-access img{
    height:35px
}
@media (min-width:768px){
    .audio-video__item-icon.all-access img{
        height:55px
    }
}
.audio-video__item-icon.stunning img{
    height:35px
}
@media (min-width:768px){
    .audio-video__item-icon.stunning img{
        height:55px
    }
}
.audio-video__item-icon.performance img{
    height:35px
}
@media (min-width:768px){
    .audio-video__item-icon.performance img{
        height:55px
    }
}
.audio-video__item-title-container{
    float:left;
    width:calc(100% - 68px)
}
@media (min-width:768px){
    .audio-video__item-title-container{
        display:table;
        height:80px;
        width:100%
    }
}
.audio-video__item-title{
    text-transform:uppercase;
    font-weight:700;
    color:#ffffff;
    font-size:18px;
    text-align:left;
    padding-left:20px;
    line-height:1em
}
.audio-video__item-title br{
    display:none
}
@media (min-width:768px){
    .audio-video__item-title br{
        display:block
    }
}
@media (min-width:768px){
    .audio-video__item-title{
        display:table-cell;
        font-size:16.8px;
        width:100%;
        padding-left:0;
        text-align:center;
        text-transform:uppercase;
        font-weight:700;
        color:#ffffff;
        line-height:1.25em;
        vertical-align:middle
    }
}
@media (min-width:1024px){
    .audio-video__item-title{
        font-size:24px
    }
}
.audio-video__item-description p{
    margin-top:5px;
    line-height:1.5em;
    text-align:left;
    padding-top:0;
    font-family:lora;
    padding-left:20px;
    float:left;
    width:calc(100% - 68px)
}
@media (min-width:768px){
    .audio-video__item-description p{
        margin-top:auto;
        text-align:center;
        padding-left:0;
        font-size:12px;
        line-height:19.2px;
        padding-top:0;
        font-family:lora;
        width:auto;
        float:none
    }
}
@media (min-width:1024px){
    .audio-video__item-description p{
        font-size:16px;
        line-height:1.5em
    }
}
@media (min-width:1280px){
    .audio-video__item-description p{
        font-size:16px;
        line-height:1.5em
    }
}
.security{
    float:left;
    width:100%
}
@media (min-width:1024px){
    .security{
        padding:0 40px
    }
}
@media (min-width:768px){
    .security{
        margin-top:-150px
    }
}
.security__third{
    float:left;
    width:100%;
    padding-right:20px
}
@media (min-width:768px){
    .security__third{
        width:33%
    }
}
.security__third.title{
    position:relative;
    padding-top:80px
}
@media (min-width:768px){
    .security__third.title{
        width:36%
    }
}
.security__third.title img{
    position:absolute;
    top:0;
    right:-250px;
    z-index:-1
}
.security__third.image{
    width:36%
}
.security__third.image img{
    width:100%;
    position:relative;
    z-index:0
}
@media (min-width:768px){
    .security__third.bullets{
        width:28%;
        padding-right:0
    }
}
.security__third.bullets .pu__bullets{
    margin-top:50px
}
@media (min-width:1024px){
    .security__third.bullets .pu__bullets{
        margin-top:100px
    }
}
@media (min-width:768px){
    .security__third.bullets .pu__bullet-item-description p{
        font-size:12.6px
    }
}
@media (min-width:1024px){
    .security__third.bullets .pu__bullet-item-description p{
        font-size:18px
    }
}
@media (min-width:1680px){
    .security__third.bullets .pu__bullet-item-description p{
        font-size:20px
    }
}
.security__title{
    line-height:1.5em;
    font-weight:700;
    font-size:1.8em;
    color:#ffffff;
    font-size:9vw;
    z-index:3;
    position:relative;
    text-transform:uppercase
}
@media (min-width:768px){
    .security__title{
        line-height:1em;
        font-size:6.2em
    }
}
@media (min-width:1024px){
    .security__title{
        font-size:6vw
    }
}
@media (min-width:1680px){
    .security__title{
        font-size:9.2em;
        margin-left:-18%;
        width:200%;
        max-width:634px
    }
}
.security__description p{
    font-family:DINPro
}
@media (min-width:768px){
    .security__description p{
        line-height:1.5em
    }
}
@media (min-width:1280px){
    .security__description p{
        font-size:24px;
        line-height:1.5em
    }
}
.lighting-s{
    margin-top:70px;
    width:100%;
    clear:both;
    overflow-x:hidden;
    float:left
}
@media (min-width:1024px){
    .lighting-s .row{
        padding:0 140px
    }
}
@media (min-width:1280px){
    .lighting-s .row{
        padding:0 140px
    }
}
@media (min-width:768px){
    .lighting-s{
        margin-top:230px
    }
}
.lighting-s__half-container{
    float:left;
    width:100%
}
@media (min-width:768px){
    .lighting-s__half-container.title{
        float:right;
        width:50%;
        padding-left:10px;
        padding-top:70px
    }
}
@media (min-width:1024px){
    .lighting-s__half-container.title{
        padding-left:30px;
        padding-top:100px
    }
}
@media (min-width:1280px){
    .lighting-s__half-container.title{
        padding-left:70px
    }
}
.lighting-s__half-container.image{
    margin-top:35px;
    position:relative;
    z-index:0
}
.lighting-s__half-container.image .before{
    content:"";
    width:100%;
    height:100%;
    top:50px;
    left:50px;
    bottom:0;
    right:0;
    position:absolute;
    background:#212023;
    display:block;
    z-index:0
}
@media (min-width:768px){
    .lighting-s__half-container.image{
        margin-top:0
    }
}
.lighting-s__half-container.image img{
    width:100%;
    z-index:0;
    position:relative
}
@media (min-width:768px){
    .lighting-s__half-container.image{
        float:left;
        width:50%
    }
}
.lighting-s__sup-title{
    font-size:12px;
    font-weight:700;
    color:#bfbfbf;
    position:relative;
    padding-bottom:10px;
    text-transform:uppercase;
    z-index:1
}
@media (min-width:768px){
    .lighting-s__sup-title{
        padding-bottom:20px;
        font-size:22px
    }
}
.lighting-s__title{
    z-index:1;
    position:relative;
    text-transform:uppercase;
    font-weight:lighter;
    color:#fff
}
.lighting-s__title span{
    display:block;
    float:left;
    width:100%;
    line-height:.9
}
.lighting-s__title span:last-child{
    font-size:32px;
    color:#ffffff
}
@media (min-width:1024px){
    .lighting-s__title span:last-child{
        font-size:50px
    }
}
@media (min-width:1280px){
    .lighting-s__title span:last-child{
        font-size:70px
    }
}
.lighting-s__title span:first-child{
    width:800px;
    display:block;
    font-size: 35px;
    font-weight:700;
}
@media (min-width:768px){
    .lighting-s__title span:first-child{
        font-size:80px
    }
}
@media (min-width:1024px){
    .lighting-s__title span:first-child{
        font-size:100px;
        width:640px
    }
}
@media (min-width:1280px){
    .lighting-s__title span:first-child{
        font-size: 90px;
    }
}
@media (min-width:769px) and (max-width:1024px){
    .lighting-s__description{
        max-width:413px;
        padding-right:20px;
        position:absolute;
        left:50%;
        margin:200px 20px 0 10px
    }
}
@media (min-width:1024px){
    .lighting-s__description{
        width:1000px;
        height:400px;
        left:50%;
        position:absolute;
        top:219px;
        margin-left:-250px;
        transform:scale(.8)
    }
}
@media (min-width:1280px){
    .lighting-s__description{
        transform:scale(1);
        width:1000px;
        height:400px;
        left:50%;
        position:absolute;
        top:300px;
        margin-left:-118px
    }
}
.lighting-s__description p{
    width:100%;
    font-family:Lora;
    font-size:12px;
    color:#fff;
    line-height:1.5em;
    padding-top:18px;
    display:block;
    float:left
}
@media (min-width:1024px){
    .lighting-s__description p{
        max-width:613px;
        color:#bfbfbf;
        margin:0 auto;
        padding-top:116px;
        float:none;
        font-size:22px
    }
}
.lighting-s__description-animation{
    display:none
}
@media (min-width:1024px){
    .lighting-s__description-animation{
        display:block;
        max-width: 710px;
        width:100%;
        height:244px;
        position:absolute;
        top:50%;
        margin-top:-20px;
        left: 48%;
        transform:translate(-50%,-50%);
        opacity:.3;
    }
}
@media (min-width:1024px){
    .lighting-s__items{
        margin:0 auto;
        padding-top:122px
    }
}
.lighting-s__item{
    text-align:center;
    width:100%;
    float:left;
    padding:20px 0
}
@media (min-width:768px){
    .lighting-s__item{
        text-align:center;
        width:33.333%;
        float:left;
        padding:50px 10px
    }
}
@media (min-width:1024px){
    .lighting-s__item{
        padding:50px 30px
    }
}
.lighting-s__item-icon{
    float:left;
    width:68px
}
.lighting-s__item-icon img{
    width:70%
}
@media (min-width:769px) and (max-width:1024px){
    .lighting-s__item-icon img{
        width:50px
    }
}
@media (min-width:768px){
    .lighting-s__item-icon img{
        width:auto
    }
}
@media (min-width:768px){
    .lighting-s__item-icon{
        width:auto;
        float:none
    }
}
@media (min-width:1024px){
    .lighting-s__item-icon{
        margin-bottom:20px
    }
}
.lighting-s__item-title-container{
    float:left;
    width:calc(100% - 68px)
}
@media (min-width:768px){
    .lighting-s__item-title-container{
        display:table;
        height:80px;
        width:100%
    }
}
.lighting-s__item-title{
    text-transform:uppercase;
    font-weight:700;
    color:#ffffff;
    font-size:18px;
    text-align:left;
    padding-left:20px;
    line-height:1em
}
@media (min-width:768px){
    .lighting-s__item-title{
        display:table-cell;
        font-size:19.2px;
        width:100%;
        padding-left:0;
        text-align:center;
        text-transform:uppercase;
        font-weight:700;
        color:#ffffff;
        line-height:1.25em;
        vertical-align:middle
    }
}
@media (min-width:1024px){
    .lighting-s__item-title{
        font-size:24px
    }
}
.lighting-s__item-description p{
    margin-top:5px;
    font-size:12px;
    line-height:1.5em;
    text-align:left;
    padding-top:0;
    font-family:lora;
    padding-left:20px;
    float:left;
    width:calc(100% - 68px)
}
@media (min-width:768px){
    .lighting-s__item-description p{
        margin-top:auto;
        text-align:center;
        padding-left:0;
        font-size:12px;
        line-height:19.2px;
        padding-top:0;
        font-family:lora;
        width:auto;
        float:none
    }
}
@media (min-width:1024px){
    .lighting-s__item-description p{
        font-size:16px;
        line-height:1.5em
    }
}
@media (min-width:1280px){
    .lighting-s__item-description p{
        font-size:20px;
        line-height:32px
    }
}
.climate-windows{
    width:100%;
    float:left;
}
.climate-windows__half{
    float:left;
    width:100%;
    overflow:hidden
}
@media (min-width:768px){
    .climate-windows__half{
        width:50%
    }
}
.climate-windows__half.image img{
    width:100%
}
.climate-windows__half.title{
    background-color:#000
}
@media (min-width:768px){
    .climate-windows__half.title{
        padding-top:90px;
        padding-bottom:40px;
        height: 834px;
    }
}
.climate-windows__info{
    float:right;
    max-width:720px;
    width:100%;
    padding-left:20px;
    padding-top:30px
}
@media (min-width:768px){
    .climate-windows__info{
        padding-top:0
    }
}
@media (min-width:1024px){
    .climate-windows__info{
        padding-left:140px
    }
}
@media (min-width:1280px){
    .climate-windows__info{
        padding-left:140px
    }
}
@media (min-width:1680px){
    .climate-windows__info{
        padding-left:20px
    }
}
@media (min-width:768px){
    .climate-windows__sup-title{
        padding-bottom:20px
    }
}
.climate-windows__title{
    font-size:36px;
    line-height:.9em;
    color:#ffffff;
    text-transform:uppercase;
    position:relative;
    z-index:3
}
@media (min-width:768px){
    .climate-windows__title{
        font-size:55.2px
    }
}
@media (min-width:1024px){
    .climate-windows__title{
        font-size:90px
    }
}
.climate-windows__description{
    font-family:Lora;
    font-size:12px;
    line-height:1.5em;
    padding-top:10px;
    padding-right:40px;
}
@media (min-width:768px){
    .climate-windows__description{
        font-size:16.8px;
        padding-top:50px;
        line-height:25.2px;
        padding-right:80px
    }
}
@media (min-width:1024px){
    .climate-windows__description{
        font-size:24px;
        padding-top:50px;
        line-height:36px;
        padding-right:80px
    }
}
.climate-windows__bullets{
    max-width:100%;
    padding-right:0;
    padding-bottom:50px
}
@media (min-width:768px){
    .climate-windows__bullets{
        padding-right:20px
    }
}
@media (min-width:1024px){
    .climate-windows__bullets{
        padding-right:130px
    }
}
.climate-windows .pu__bullet-item-description p{
    line-height:1.5em;
    font-family:Lora;
    margin-top:5px;
    margin-bottom:31px
}
@media (min-width:768px){
    .climate-windows .pu__bullet-item-description p{
        font-size:18px
    }
}
.climate-control{
    float:left;
    width:100%
}
@media (min-width:768px){
    .climate-control{
        margin-top:-400px
    }
}
.climate-control__ipad{
    float:left;
    display:none
}
@media (min-width:768px){
    .climate-control__ipad{
        position:absolute;
        left:-61px;
        z-index:-1;
        top:-132px;
        display:block
    }
}
@media (min-width:1024px){
    .climate-control__ipad{
        position:absolute;
        left:-500px;
        z-index:-1;
        top:-100px
    }
}
@media (min-width:769px) and (max-width:1024px){
    .climate-control__ipad img{
        width:446px;
        margin-left:-100px
    }
}
@media (min-width:1024px){
    .climate-control__ipad img{
        width:500px;
        margin-left:81px;
        margin-top:56px
    }
}
@media (min-width:769px) and (max-width:1024px){
    .climate-control__content{
        width:100%;
        margin-left:130px;
        padding-left:50px
    }
}
.climate-control__info{
    float:left;
    margin-top:100px;
    position:relative;
    z-index:1
}
@media (min-width:768px){
    .climate-control__info{
        transform:scale(.7);
        float:right;
        width:555px;
        margin-top:0;
        position:relative;
        z-index:1
    }
}
@media (min-width:1024px){
    .climate-control__info{
        transform:scale(1);
        float:right;
        width:555px;
        margin-top:100px;
        position:relative;
        z-index:1
    }
}
.climate-control__title{
    font-size:36px;
    line-height:.9em;
    color:#ffffff;
    text-transform:uppercase;
    padding-bottom:20px
}
@media (min-width:768px){
    .climate-control__title{
        font-size:55.2px;
        padding-bottom:0
    }
}
@media (min-width:1024px){
    .climate-control__title{
        font-size:92px;
        margin-left:-37%;
        width:200%;
        margin-bottom:45px
    }
}
.climate-control__description{
    font-size:12px;
    line-height:18px;
    max-width:515px;
    float:right
}
@media (min-width:768px){
    .climate-control__description{
        font-size:19.2px;
        line-height:28.8px;
        max-width:489px;
        padding-top:30px
    }
}
@media (min-width:769px) and (max-width:1024px){
    .climate-control__description{
        padding-left:80px
    }
}
@media (min-width:1024px){
    .climate-control__description{
        font-size:24px;
        line-height:36px;
        max-width:489px
    }
}
@media (min-width:768px){
    .climate-control__items{
        margin:0 auto;
        padding-top:142px
    }
}
.climate-control__item{
    text-align:center;
    width:100%;
    float:left;
    padding:20px 0
}
@media (min-width:768px){
    .climate-control__item{
        text-align:center;
        width:33.333%;
        float:left;
        padding:50px 30px
    }
}
.climate-control__item-icon{
    float:left;
    width:38px
}
.climate-control__item-icon img{
    width:100%;
    max-width:50px
}
@media (min-width:768px){
    .climate-control__item-icon img{
        width:100%
    }
}
@media (min-width:1024px){
    .climate-control__item-icon img{
        width:68px
    }
}
@media (min-width:768px){
    .climate-control__item-icon{
        width:auto;
        float:none;
        margin-bottom:20px
    }
}
.climate-control__item-title-container{
    float:left;
    width:calc(100% - 68px)
}
@media (min-width:768px){
    .climate-control__item-title-container{
        display:table;
        height:80px;
        width:100%
    }
}
.climate-control__item-title{
    text-transform:uppercase;
    font-weight:700;
    color:#ffffff;
    font-size:18px;
    text-align:left;
    padding-left:20px;
    line-height:1em
}
@media (min-width:768px){
    .climate-control__item-title{
        display:table-cell;
        font-size:19.2px;
        width:100%;
        padding-left:0;
        text-align:center;
        text-transform:uppercase;
        font-weight:700;
        color:#ffffff;
        line-height:1.25em;
        vertical-align:middle
    }
}
@media (min-width:1024px){
    .climate-control__item-title{
        font-size:24px
    }
}
.climate-control__item-description p{
    margin-top:5px;
    font-size:12px;
    line-height:1.5em;
    text-align:left;
    padding-top:0;
    font-family:lora;
    padding-left:20px;
    float:left;
    width:calc(100% - 68px)
}
@media (min-width:768px){
    .climate-control__item-description p{
        margin-top:auto;
        text-align:center;
        padding-left:0;
        font-size:12px;
        line-height:19.2px;
        padding-top:0;
        font-family:lora;
        width:auto;
        float:none
    }
}
@media (min-width:1024px){
    .climate-control__item-description p{
        font-size:16px;
        line-height:1.5em
    }
}
@media (min-width:1280px){
    .climate-control__item-description p{
        font-size:20px;
        line-height:32px
    }
}
.gallery{
    width:100%;
    max-width:800px;
    margin:0 auto;
    margin-top:75px;
    text-align:center
}
.gallery__item{
    width:50%
}
.gallery__item:nth-child(4n+1){
    transform:scale(1.2);
    z-index:1;
    transform-origin:center center
}
.gallery__item .p-2{
    box-shadow:0 0 55px -1px rgba(0,0,0,.64)
}
.gallery__item .image-wrapper{
    background:#000;
    line-height:0
}
.gallery__item img{
    width:100%;
    opacity:.7;
    transition:opacity .5s ease;
    -webkit-backface-visibility:hidden;
    -webkit-transform:translateZ(0) scale(1)
}
.gallery__item img:hover{
    opacity:1
}
.gallery-page .types{
    position:relative
}
@media (min-width:0px) and (max-width:768px){
    .gallery-page .main{
        width:100%;
        float:left;
        overflow:hidden
    }
}
.gallery-page .main .after{
    transition:all .5s ease;
    width:0;
    height:0;
    border-bottom:100px solid transparent;
    border-top:0 solid transparent;
    content:"";
    z-index:1;
    position:absolute;
    border-left:100px solid #ffffff;
    top:0;
    opacity:.8
}
@media (min-width:768px){
    .gallery-page .main .after{
        transition:all .5s ease;
        width:0;
        height:0;
        border-bottom:650px solid transparent;
        border-top:0 solid transparent;
        content:"";
        z-index:1;
        position:absolute;
        border-left:650px solid #ffffff;
        top:0;
        opacity:.8
    }
}
.gallery-page .main .row{
    position:relative
}
.gallery-page .main__animation-overlay{
    position:absolute;
    width:400px;
    height:400px;
    transform-origin:center;
    top:100px;
    z-index:2;
    left:60px;
    transform:rotate(270deg)
}
@media (min-width:768px){
    .gallery-page .main__animation-overlay{
        left:100px;
        top:100px;
        width:550px;
        height:550px;
        z-index:2
    }
}
.gallery-page .main__animation-overlay .u__angle-box-1:before{
    display:none
}
.gallery-page .main__animation-overlay *,.gallery-page .main__animation-overlay :after,.gallery-page .main__animation-overlay span{
    background-color:#ffffff
}
.gallery-page .main__animation-overlay :before{
    border-color:#ffffff
}
.gallery-page .main__animation-overlay .arrow-right{
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-right:22px solid #ffffff;
    width:0;
    height:0;
    content:"";
    position:absolute;
    z-index:1;
    left:-40px;
    background:transparent;
    top:-4px
}
.gallery-page .main__animation-overlay .arrow-bottom{
    border-top:22px solid #ffffff;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    width:0;
    height:0;
    content:"";
    background:transparent;
    position:absolute;
    z-index:1;
    right:-4px;
    bottom:-41px
}
.gallery-page .main__bg{
    background-image:url(assets/img/bg_gallery-dark.jpg);
    background-position:100% 0
}
@media (min-width:768px){
    .gallery-page .main__bg{
        background-image:url(assets/img/bg_gallery-dark.jpg)
    }
}
.gallery-page .main__titles{
    position:relative;
    z-index:3;
    text-align:center
}
.gallery-page .main__titles h1{
    line-height:.95em;
    text-transform:uppercase;
    margin-top:30px;
    font-size:13vw
}
@media (min-width:768px){
    .gallery-page .main__titles h1{
        font-size:9.2em
    }
}
@media (min-width:1024px){
    .gallery-page .main__titles h1{
        font-size:6vw
    }
}
@media (min-width:1280px){
    .gallery-page .main__titles h1{
        font-size:9.2em
    }
}
.gallery-page .main__titles h1 br{
    display:none
}
@media (min-width:768px){
    .gallery-page .main__titles h1 br{
        display:none
    }
}
.gallery-page .main__titles h2{
    line-height:1.3em;
    font-weight:400;
    font-size:1.9em;
    margin-top:0;
    color:#bfbfbf
}
@media (min-width:768px){
    .gallery-page .main__titles h2{
        font-size:3.6em
    }
}
@media (min-width:1024px){
    .gallery-page .main__titles h2{
        font-size:3vw
    }
}
@media (min-width:1280px){
    .gallery-page .main__titles h2{
        font-size:3.6em
    }
}
.hidden-test{
    display:none
}
.gallery--button{
    text-align:center;
    padding:80px 0;
    width:100%
}
.gallery--button div{
    border:1px solid #a38448;
    cursor:pointer;
    padding:20px 60px;
    text-transform:uppercase;
    font-size:12px;
    display:inline-block;
    color:#a38448;
    transition:all .5s ease
}
.gallery--button div:hover{
    background-color:#a38448;
    color:#fff
}
.team{
    position:relative
}
.team__list{
    padding:100px 0
}
.team__item,.team__list{
    position:relative;
    overflow:hidden
}
.team__item{
    float:left;
    width:100%
}
@media (min-width:768px){
    .team__item{
        width:50%
    }
}
@media (min-width:1024px){
    .team__item{
        width:33.3333%;
        height:490px
    }
}
.team__item .gold_overlay{
    display:block;
    position:absolute;
    background:#957d44;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    transition:all .75s ease-out;
    transition-delay:.15s
}
.team__item:hover .team__image-front{
    opacity:1;
    transform:scale(1)
}
.team__item:hover .team__image-front .gold_overlay{
    opacity:.2
}
.team__item:after,.team__item:before{
    box-sizing:inherit;
    content:"";
    z-index:1;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    transform-origin:center;
    transition:transform .5s
}
.team__item:before{
    border-top:1px solid #957d44;
    border-bottom:1px solid #957d44;
    transform:scaleX(0)
}
.team__item:after{
    border-left:1px solid #957d44;
    border-right:1px solid #957d44;
    transform:scaleY(0)
}
.team__item:hover:after,.team__item:hover:before{
    transform:scaleX(1)
}
.team__image-back{
    float:left;
    width:100%
}
.team__image-front{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    display:block;
    opacity:0;
    width:100%;
    transition:opacity .6s ease,transform 3s ease;
    transform-origin:top;
    transform:scale(1.05);
    background-size:cover;
    background-position:50%
}
.team__name{
    font-family:DINPro;
    color:#957d44;
    font-weight:700;
    font-size:18px;
    float:left;
    width:100%;
    text-align:center;
    padding:10px 5px 5px;
    text-transform:uppercase;
    line-height:1
}
@media (min-width:768px){
    .team__name{
        font-size:22px;
        padding:10px 5px 5px
    }
}
@media (min-width:1024px){
    .team__name{
        font-size:26px;
        padding:20px 10px 10px
    }
}
@media (min-width:1280px){
    .team__name{
        font-size:28px;
        padding:20px 10px 10px
    }
}
.team__title{
    font-family:Lora;
    font-size:13px;
    padding:14px 0 24px;
    line-height:1;
    text-align:center
}
@media (min-width:768px){
    .team__title{
        font-size:14px
    }
}
@media (min-width:1024px){
    .team__title{
        font-size:16px
    }
}
@media (min-width:1280px){
    .team__title{
        font-size:18px
    }
}
.team img{
    width:99%;
    margin:0 auto
}
.team .complex-arrow{
    position:absolute;
    top:0;
    left:0;
    z-index:0
}
.team .process-architecture__box{
    padding-bottom:100px;
    max-width:366px;
    height:auto!important
}
@media (min-width:1024px){
    .team .process-architecture__box{
        position:relative;
        top:auto;
        right:auto;
        width:168%;
        max-width:562px;
        margin-left:-10%;
        margin-top:2px;
        float:right;
        padding-bottom:100px;
        height:auto!important
    }
}
.team.process .main__bg{
    background-image:url(assets/img/team-back.jpg);
    background-position:100% 0
}
.team .process-architecture{
    padding-bottom:0!important
}
.team .process-architecture__description{
    position:relative;
    font-size:11px;
    z-index:3
}
.team .process-architecture__description p{
    padding:7px 14px 2px 40px;
    max-width:500px;
    width:100%
}
@media (min-width:768px){
    .team .process-architecture__description p{
        padding:7px 14px 0 60px;
        max-width:551px;
        position:relative;
        z-index:3
    }
}
ul.team-list{
    list-style:none;
    padding-left:20px
}
ul.team-list li{
    padding-bottom:10px
}
ul.team-list li:before{
    content:"— "
}
@media{
    .featherlight{
        display:none;
        position:fixed;
        top:0;
        right:0;
        bottom:0;
        left:0;
        z-index:2147483647;
        text-align:center;
        white-space:nowrap;
        cursor:pointer;
        background:#333;
        background:transparent
    }
    .featherlight:last-of-type{
        background:rgba(0,0,0,.8)
    }
    .featherlight:before{
        content:"";
        display:inline-block;
        height:100%;
        vertical-align:middle
    }
    .featherlight .featherlight-content{
        position:relative;
        text-align:center;
        vertical-align:middle;
        display:inline-block;
        border-bottom:25px solid transparent;
        margin-left:5%;
        margin-right:5%;
        max-height:95%;
        cursor:auto;
        white-space:normal
    }
    .featherlight .featherlight-content .bottom{
        padding:25px
    }
    .featherlight .featherlight-content .bottom .pagination{
        display:inline-block;
        font-size:20px
    }
    .featherlight .featherlight-content .bottom .pagination .inside{
        display:block;
        position:relative;
        height:20px;
        transform:translateY(-24px);
        padding:25px
    }
    .featherlight .featherlight-content .bottom .pagination .inside b{
        font-size:16px;
        color:#8d7f5f
    }
    .featherlight .featherlight-inner{
        display:inline-block
    }
    .featherlight .featherlight-close-icon{
        position:absolute;
        z-index:9999;
        top:-29px;
        right:0;
        line-height:20px;
        width:20px;
        cursor:pointer;
        text-align:center;
        font-family:Arial,sans-serif;
        background:#fff;
        background:transparent;
        color:#fff;
        border:none;
        padding:0;
        font-size:24px;
        border-radius:72px
    }
    .featherlight .featherlight-close-icon::-moz-focus-inner{
        border:0;
        padding:0
    }
    .featherlight .featherlight-image{
        height:100%;
        max-height:500px;
        width:auto!important
    }
    .featherlight-iframe .featherlight-content{
        border-bottom:0;
        padding:0;
        -webkit-overflow-scrolling:touch;
        overflow-y:scroll
    }
    .featherlight iframe{
        border:none
    }
    .featherlight *{
        box-sizing:border-box
    }
}
@media only screen and (max-width:1024px){
    .featherlight .featherlight-content{
        margin-left:0;
        margin-right:0;
        max-height:98%;
        padding:10px 10px 0;
        border-bottom:10px solid transparent
    }
}
@media{
    .featherlight-next,.featherlight-previous{
        display:inline-block;
        opacity:.9;
        cursor:pointer;
        -webkit-touch-callout:none;
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
        background:transparent
    }
    .featherlight-next:hover,.featherlight-previous:hover{
        opacity:1
    }
    .featherlight-next span,.featherlight-previous span{
        text-align:center;
        font-size:80px;
        line-height:80px;
        margin-top:-40px;
        text-shadow:0 0 5px #fff;
        color:#fff;
        font-style:normal;
        font-weight:400
    }
    .featherlight-next:hover span,.featherlight-previous:hover span{
        display:inline-block
    }
    .featherlight-swipe-aware .featherlight-next,.featherlight-swipe-aware .featherlight-previous{
        opacity:.92
    }
}
@media only screen and (max-device-width:1024px){
    .featherlight-next:hover,.featherlight-previous:hover{
        background:none
    }
    .featherlight-next span,.featherlight-previous span{
        display:block
    }
}
@media only screen and (max-width:1024px){
    .featherlight-next,.featherlight-previous{
        top:10px;
        right:10px;
        left:85%
    }
    .featherlight-previous{
        left:10px;
        right:85%
    }
    .featherlight-next span,.featherlight-previous span{
        margin-top:-30px;
        font-size:40px
    }
}




@media only screen and (max-width: 600px) {
  #int-design {display: none;}
}





img.u__navmobile-only {
display:none
}
br{
   display:block !important;
}