/*** CSS File: /public/css/reset.css, Original size: 2,965, Compressed size: 2,048 ***/



body,html,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,a{
    margin:0;
    padding:0;
    outline:none
}
.bold{
    font-weight:bold
}
body{
    font-size:20px;
    font-family:var(--font);
    color:#333333
}
a{
    color:var(--accent)
}
a:hover{
    text-decoration:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
fieldset,img{
    border:0;
    vertical-align:bottom
}
address,caption,cite,code,dfn,th,var{
    font-style:normal;
    font-weight:normal
}
ol,ul{
    list-style:none
}
caption,th{
    text-align:left
}
h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal
}
q:before,q:after{
    content:''
}
abbr,acronym{
    border:0
}
.clear{
    clear:both;
    font-size:0;
    line-height:0;
    height:0
}
html,body{
    height:100%;
    border:none
}
html>body #wrapper{
    min-height:100%;
    height:auto
}
select{
    outline:none
}
*{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.ilogo{
    font-family:'logo';
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    transform:translateZ(0)
}
.ilogo:before{
    content:"\e600"
}
[class^="icon-"],[class*=" icon-"]{
    font-family:'icon-font-cetis';
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-vk:before{
    content:"\21"
}
.icon-twitter:before{
    content:"\22"
}
.icon-search:before{
    content:"\23"
}
.icon-in:before{
    content:"\24"
}
.icon-fb:before{
    content:"\25"
}
/*** CSS File: /public/css/royalslider.css, Original size: 4,325, Compressed size: 3,463 ***/
.royalSlider{
    width:600px;
    height:400px;
    position:relative;
    direction:ltr
}
.royalSlider > *{
    float:left
}
.rsWebkit3d .rsSlide{
    -webkit-transform:translateZ(0)
}
.rsWebkit3d .rsSlide,.rsWebkit3d .rsContainer,.rsWebkit3d .rsThumbs,.rsWebkit3d .rsPreloader,.rsWebkit3d img,.rsWebkit3d .rsOverflow,.rsWebkit3d .rsBtnCenterer,.rsWebkit3d .rsAbsoluteEl,.rsWebkit3d .rsABlock,.rsWebkit3d .rsLink{
    -webkit-backface-visibility:hidden
}
.rsFade.rsWebkit3d .rsSlide,.rsFade.rsWebkit3d img,.rsFade.rsWebkit3d .rsContainer{
    -webkit-transform:none
}
.rsOverflow{
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden;
    float:left;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.rsVisibleNearbyWrap{
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden;
    left:0;
    top:0;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.rsVisibleNearbyWrap .rsOverflow{
    position:absolute;
    left:0;
    top:0
}
.rsContainer{
    position:relative;
    width:100%;
    height:100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.rsArrow,.rsThumbsArrow{
    cursor:pointer
}
.rsThumb{
    float:left;
    position:relative
}
.rsArrow,.rsNav,.rsThumbsArrow{
    opacity:1;
    -webkit-transition:opacity 0.3s linear;
    -moz-transition:opacity 0.3s linear;
    -o-transition:opacity 0.3s linear;
    transition:opacity 0.3s linear
}
.rsHidden{
    opacity:0;
    visibility:hidden;
    -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    -moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    -o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    transition:visibility 0s linear 0.3s,opacity 0.3s linear
}
.rsGCaption{
    width:100%;
    float:left;
    text-align:center
}
.royalSlider.rsFullscreen{
    position:fixed !important;
    height:auto !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    z-index:2147483647 !important;
    top:0 !important;
    left:0 !important;
    bottom:0 !important;
    right:0 !important
}
.royalSlider .rsSlide.rsFakePreloader{
    opacity:1 !important;
    -webkit-transition:0s;
    -moz-transition:0s;
    -o-transition:0s;
    transition:0s;
    display:none
}
.rsSlide{
    position:absolute;
    left:0;
    top:0;
    display:block;
    overflow:hidden;
    height:100%;
    width:100%
}
.royalSlider.rsAutoHeight,.rsAutoHeight .rsSlide{
    height:auto
}
.rsContent{
    width:100%;
    height:100%;
    position:relative
}
.rsPreloader{
    position:absolute;
    z-index:0
}
.rsNav{
    -moz-user-select:-moz-none;
    -webkit-user-select:none;
    user-select:none
}
.rsNavItem{
    -webkit-tap-highlight-color:rgba(0,0,0,0.25)
}
.rsThumbs{
    cursor:pointer;
    position:relative;
    overflow:hidden;
    float:left;
    z-index:22
}
.rsTabs{
    float:left;
    background:none !important
}
.rsTabs,.rsThumbs{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.rsVideoContainer{
    width:auto;
    height:auto;
    line-height:0;
    position:relative
}
.rsVideoFrameHolder{
    position:absolute;
    left:0;
    top:0;
    background:#141414;
    opacity:0;
    -webkit-transition:.3s
}
.rsVideoFrameHolder.rsVideoActive{
    opacity:1
}
.rsVideoContainer iframe,.rsVideoContainer video,.rsVideoContainer embed,.rsVideoContainer .rsVideoObj{
    position:absolute;
    z-index:50;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.rsVideoContainer.rsIOSVideo iframe,.rsVideoContainer.rsIOSVideo video,.rsVideoContainer.rsIOSVideo embed{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding-right:44px
}
.rsABlock{
    left:0;
    top:0;
    position:absolute;
    z-index:15
}
img.rsImg{
    max-width:none
}
.grab-cursor{
    cursor:url(../img/grab.png) 8 8, move
}
.grabbing-cursor{
    cursor:url(../img/grabbing.png) 8 8, move
}
.rsNoDrag{
    cursor:auto
}
.rsLink{
    left:0;
    top:0;
    position:absolute;
    width:100%;
    height:100%;
    display:block;
    z-index:20;
    background:url(../img/blank.gif)
}
/*** CSS File: /public/css/magnific-popup.css, Original size: 6,951, Compressed size: 5,279 ***/
.mfp-bg{
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1042;
    overflow:hidden;
    position:fixed;
    background:#0b0b0b;
    opacity:0.8
}
.mfp-wrap{
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1043;
    position:fixed;
    outline:none !important;
    -webkit-backface-visibility:hidden
}
.mfp-container{
    text-align:center;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    padding:0 8px;
    box-sizing:border-box
}
.mfp-container:before{
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle
}
.mfp-align-top .mfp-container:before{
    display:none
}
.mfp-content{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:0 auto;
    text-align:left;
    z-index:1045
}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{
    width:100%;
    cursor:auto
}
.mfp-ajax-cur{
    cursor:progress
}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{
    cursor:-moz-zoom-out;
    cursor:-webkit-zoom-out;
    cursor:zoom-out
}
.mfp-zoom{
    cursor:pointer;
    cursor:-webkit-zoom-in;
    cursor:-moz-zoom-in;
    cursor:zoom-in
}
.mfp-auto-cursor .mfp-content{
    cursor:auto
}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.mfp-loading.mfp-figure{
    display:none
}
.mfp-hide{
    display:none !important
}
.mfp-preloader{
    color:#CCC;
    position:absolute;
    top:50%;
    width:auto;
    text-align:center;
    margin-top:-.8em;
    left:8px;
    right:8px;
    z-index:1044
}
.mfp-preloader a{
    color:#CCC
}
.mfp-preloader a:hover{
    color:#FFF
}
.mfp-s-ready .mfp-preloader{
    display:none
}
.mfp-s-error .mfp-content{
    display:none
}
button.mfp-close,button.mfp-arrow{
    overflow:visible;
    cursor:pointer;
    background:transparent;
    border:0;
    -webkit-appearance:none;
    display:block;
    outline:none;
    padding:0;
    z-index:1046;
    box-shadow:none;
    touch-action:manipulation
}
button::-moz-focus-inner{
    padding:0;
    border:0
}
.mfp-close{
    width:44px;
    height:44px;
    line-height:44px;
    position:absolute;
    right:0;
    top:0;
    text-decoration:none;
    text-align:center;
    opacity:0.65;
    padding:0 0 18px 10px;
    color:#FFF;
    font-style:normal;
    font-size:28px;
    font-family:Arial, Baskerville, monospace
}
.mfp-close:hover,.mfp-close:focus{
    opacity:1
}
.mfp-close:active{
    top:1px
}
.mfp-close-btn-in .mfp-close{
    color:#333
}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{
    color:#FFF;
    right:-6px;
    text-align:right;
    padding-right:6px;
    width:100%
}
.mfp-counter{
    position:absolute;
    top:0;
    right:0;
    color:#CCC;
    font-size:12px;
    line-height:18px;
    white-space:nowrap
}
.mfp-arrow{
    position:absolute;
    opacity:0.65;
    margin:0;
    top:50%;
    margin-top:-55px;
    padding:0;
    width:90px;
    height:110px;
    -webkit-tap-highlight-color:transparent
}
.mfp-arrow:active{
    margin-top:-54px
}
.mfp-arrow:hover,.mfp-arrow:focus{
    opacity:1
}
.mfp-arrow:before,.mfp-arrow:after{
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    left:0;
    top:0;
    margin-top:35px;
    margin-left:35px;
    border:medium inset transparent
}
.mfp-arrow:after{
    border-top-width:13px;
    border-bottom-width:13px;
    top:8px
}
.mfp-arrow:before{
    border-top-width:21px;
    border-bottom-width:21px;
    opacity:0.7
}
.mfp-arrow-left{
    left:0
}
.mfp-arrow-left:after{
    border-right:17px solid #FFF;
    margin-left:31px
}
.mfp-arrow-left:before{
    margin-left:25px;
    border-right:27px solid #3F3F3F
}
.mfp-arrow-right{
    right:0
}
.mfp-arrow-right:after{
    border-left:17px solid #FFF;
    margin-left:39px
}
.mfp-arrow-right:before{
    border-left:27px solid #3F3F3F
}
.mfp-iframe-holder{
    padding-top:40px;
    padding-bottom:40px
}
.mfp-iframe-holder .mfp-content{
    line-height:0;
    width:100%;
    max-width:900px
}
.mfp-iframe-holder .mfp-close{
    top:-40px
}
.mfp-iframe-scaler{
    width:100%;
    height:0;
    overflow:hidden;
    padding-top:56.25%
}
.mfp-iframe-scaler iframe{
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-shadow:0 0 8px rgba(0, 0, 0, 0.6);
    background:#000
}
img.mfp-img{
    width:auto;
    max-width:100%;
    height:auto;
    display:block;
    line-height:0;
    box-sizing:border-box;
    padding:40px 0 40px;
    margin:0 auto
}
.mfp-figure{
    line-height:0
}
.mfp-figure:after{
    content:'';
    position:absolute;
    left:0;
    top:40px;
    bottom:40px;
    display:block;
    right:0;
    width:auto;
    height:auto;
    z-index:-1;
    box-shadow:0 0 8px rgba(0, 0, 0, 0.6);
    background:#444
}
.mfp-figure small{
    color:#BDBDBD;
    display:block;
    font-size:12px;
    line-height:14px
}
.mfp-figure figure{
    margin:0
}
.mfp-bottom-bar{
    margin-top:-36px;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    cursor:auto
}
.mfp-title{
    text-align:left;
    line-height:18px;
    color:#F3F3F3;
    word-wrap:break-word;
    padding-right:36px
}
.mfp-image-holder .mfp-content{
    max-width:100%
}
.mfp-gallery .mfp-image-holder .mfp-figure{
    cursor:pointer
}
@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px){
    .mfp-img-mobile .mfp-image-holder{
        padding-left:0;
        padding-right:0
    }
    .mfp-img-mobile img.mfp-img{
        padding:0
    }
    .mfp-img-mobile .mfp-figure:after{
        top:0;
        bottom:0
    }
    .mfp-img-mobile .mfp-figure small{
        display:inline;
        margin-left:5px
    }
    .mfp-img-mobile .mfp-bottom-bar{
        background:rgba(0, 0, 0, 0.6);
        bottom:0;
        margin:0;
        top:auto;
        padding:3px 5px;
        position:fixed;
        box-sizing:border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty{
        padding:0
    }
    .mfp-img-mobile .mfp-counter{
        right:5px;
        top:3px
    }
    .mfp-img-mobile .mfp-close{
        top:0;
        right:0;
        width:35px;
        height:35px;
        line-height:35px;
        background:rgba(0, 0, 0, 0.6);
        position:fixed;
        text-align:center;
        padding:0
    }
}
@media all and (max-width: 900px){
    .mfp-arrow{
        -webkit-transform:scale(0.75);
        transform:scale(0.75)
    }
    .mfp-arrow-left{
        -webkit-transform-origin:0;
        transform-origin:0
    }
    .mfp-arrow-right{
        -webkit-transform-origin:100%;
        transform-origin:100%
    }
    .mfp-container{
        padding-left:6px;
        padding-right:6px
    }
}
/*** CSS File: /public/css/style.css, Original size: 84,381, Compressed size: 69,972 ***/
html{
    overflow-y:scroll
}
body{
    accent-color:var(--accent)
}
#wrapper{
    margin:0 auto;
    position:relative;
    background:#fff;
    overflow:hidden
}
.wrap{
    position:relative;
    max-width:1600px;
    padding-left:110px;
    margin:0 auto;
    z-index:20;
    padding-right:110px;
    -webkit-transition:-webkit-transform 0.2s;
    transition:-webkit-transform 0.2s;
    transition:transform 0.2s;
    transition:transform 0.2s, -webkit-transform 0.2s
}
*{
    outline:none !important
}
#head{
    height:225px;
    line-height:225px;
    position:relative
}
#head .menu{
    font-size:22px;
    font-weight:bold;
    text-transform:uppercase;
    position:absolute;
    right:0
}
#head .menu li{
    display:inline-block;
    margin-left:37px
}
#head .menu li a{
    text-decoration:none;
    color:#262626;
    letter-spacing:-.02em;
    padding-bottom:3px
}
#head .menu li a:hover{
    border-bottom:3px solid #262626
}
#head .menu li.active a{
    color:var(--accent);
    border-bottom:3px solid var(--accent)
}
#head .menu li.lang a{
    opacity:0.4
}
#head .menu li.search{
    margin-left:29px
}
#head .menu li.search a{
    position:relative;
    border:none
}
#head .menu li.search a:hover > .i-search:before{
    opacity:1 !important
}
#head .menu li.search a:hover > .i-search:after{
    opacity:0 !important
}
.i-search{
    width:17px;
    height:17px;
    display:inline-block;
    position:relative
}
.i-search:before{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:url(../img/search.png) 0 0 no-repeat;
    content:'';
    -webkit-transition:opacity 0.1s linear;
    transition:opacity 0.1s linear
}
.i-search:after{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:url(../img/search.png) 0 -60px no-repeat;
    content:'';
    opacity:0;
    -webkit-transition:opacity 0.1s linear;
    transition:opacity 0.1s linear
}
a:hover > .i-search:before{
    opacity:0
}
a:hover > .i-search:after{
    opacity:1
}
.logo{
    position:absolute;
    top:70px;
    left:130px;
    font-size:24px;
    text-transform:uppercase;
    font-weight:bold;
    line-height:28px;
    width:150px
}
.logo i.ilogo{
    position:absolute;
    right:100%;
    top:-11px;
    margin-right:20px;
    display:block;
    font-size:122px;
    padding-left:1px
}
.logo img{
    position:absolute;
    right:100%;
    top:-11px;
    margin-right:20px
}
.logo a{
    text-decoration:none;
    color:var(--accent)
}
.logo-black a{
    color:#262626
}
.logo-white a{
    color:#FFFFFF
}
#head .menu .burger{
    display:none
}
#head.head-white a,#head.head-white .menu li a{
    color:#FFFFFF
}
#head.head-white .menu li a:hover{
    border-color:#fff
}
#head.head-white .menu li.search .i-search:before{
    background-position:0 -29px
}
.intro{
    position:relative;
    margin-bottom:3.7%
}
.intro img{
    width:100%
}
.meta{
    font-size:14px;
    padding:65px 0 55px;
    visibility:hidden
}
.meta.visible{
    visibility:visible
}
.meta a{
    text-decoration:none;
    color:#202020
}
.meta a:hover{
    color:var(--accent)
}
.meta .l{
    float:left
}
.meta .r{
    float:left;
    margin-right:-150px
}
.meta .row{
    float:left;
    margin:0 56px 0 0;
    line-height:1.4
}
.meta .row.label{
    font-weight:bold;
    text-transform:uppercase
}
.meta .row.gray{
    opacity:0.5
}
.meta .var-2{
    display:none
}
.meta .logos-ver{
    float:right;
    display:none
}
.meta .logos-hor{
    padding-top:45px;
    clear:both;
    height:107px;
    overflow:hidden;
    margin-right:-80px
}
.promos{
    background-color:#F5F5F5;
    position:relative;
    color:#262626;
    margin-top:-225px
}
.promos-love{
    font-size:130px;
    font-weight:bold;
    text-align:center;
    padding:0 50px
}
.promos-love div{
    display:table;
    height:100%;
    width:100%
}
.promos-love div span{
    line-height:.8;
    display:table-cell;
    vertical-align:middle;
    padding-top:3%
}
.promos-love div span img{
    position:relative;
    top:-9px;
    max-width:148px
}
.promos.oldwork{
    height:225px;
    overflow:hidden
}
.promos .dot{
    font-family:serif
}
.royalSlider{
    width:100%;
    height:672px;
    min-height:672px;
    position:relative;
    overflow:hidden
}
.royalSlider.static{
    visibility:visible;
    overflow:hidden
}
.royalSlider.static .rsContent{
    z-index:0
}
.royalSlider .grab-cursor,.royalSlider .grabbing-cursor{
    cursor:default
}
.rsBullets{
    position:absolute;
    left:15px;
    bottom:56px;
    right:15px;
    text-align:center;
    font-size:0;
    height:0
}
.rsBullets .rsBullet{
    display:inline-block;
    margin:0 2px
}
.rsBullets .rsBullet span{
    display:inline-block;
    cursor:pointer;
    vertical-align:top;
    width:10px;
    height:10px;
    margin:3px;
    border:0 solid transparent;
    background-color:#262626;
    border-radius:22px;
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear
}
.rsBullets .rsBullet.rsNavSelected span{
    background-color:transparent;
    border-color:#fff;
    border-width:3px;
    width:16px;
    height:16px;
    margin:0
}
#rsNav-white .rsBullets .rsBullet span{
    background-color:#fff
}
#rsNav-white .rsBullets .rsBullet.rsNavSelected span{
    background-color:transparent
}
.rsContent{
    background-repeat:repeat
}
.rsContent .wrap{
    width:1120px;
    margin:0 auto;
    padding-left:0;
    padding-right:0;
    padding-top:7%
}
.rsContent .center{
    height:100%;
    position:relative;
    max-width:1600px;
    margin:0 auto;
    padding-left:110px;
    padding-right:110px;
    background-repeat:no-repeat;
    background-position:100% 50%
}
.sliderhigh .rsContent .center{
    background-position:100% 100%
}
.rsContent .table{
    display:table;
    height:100%;
    width:100%
}
.rsContent .table .td{
    display:table-cell;
    vertical-align:middle
}
.rsContent .table .table{
    width:auto
}
.rsContent .header{
    position:relative;
    font-size:52px;
    line-height:1.17;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:14px;
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear
}
.rsContent .header div{
    color:#fff
}
.rsContent .header a{
    text-decoration:none;
    color:#262626
}
.rsContent .wrap p{
    font-size:16px;
    line-height:1.5;
    margin-bottom:27px;
    max-width:80%;
    position:relative
}
.rsContent .wrap p a{
    color:#262626
}
.rsContent .wrap p.pmeta{
    padding:5px 0
}
.rsContent .wrap p.pmeta span{
    margin:0 7px
}
.rsContent .wrap .btn{
    color:#fff;
    border-width:3px;
    font-size:17px
}
.rsContent img{
    max-width:100%;
    max-height:100%
}
.rsContent .l{
    width:615px;
    padding-top:40px
}
.rsContent .r img{
    vertical-align:middle
}
.rsContent .sharing{
    min-height:26px
}
.rsContent .sharing span{
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    vertical-align:top
}
.rsContent .sharing > a{
    margin-top:1px
}
.rsContent.white .l a,.rsContent.white .l p,.rsContent.white .l .header{
    color:#fff
}
.rsContent.project-2988 .header-inner .dot:last-child{
    display:none
}
.rsArrow{
    position:absolute;
    top:0;
    height:100%;
    min-width:10%
}
.rsArrowLeft{
    left:0;
    cursor:pointer
}
.rsArrowRight{
    right:0;
    cursor:pointer;
    width:40% !important
}
#rsNav-white .rsArrowLeft{
    cursor:pointer
}
#rsNav-white .rsArrowRight{
    cursor:pointer
}
.projects{
    overflow:hidden
}
.projects ul{
    margin-right:-20px;
    font-size:0
}
.projects li{
    width:33.33333%;
    padding:0 20px 3.5% 0;
    display:inline-block;
    vertical-align:top;
    position:relative
}
.projects li .wr{
    position:relative
}
.projects li .mask{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    color:#fff;
    background-color:transparent
}
.projects li.hover .mask{
    background-color:var(--accent)
}
.projects li img{
    width:100%
}
.projects li .wr a{
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.projects li .cell{
    position:absolute;
    width:100%;
    height:100%;
    padding:8% 8% 8% 8%;
    bottom:0;
    font-size:14px
}
.projects li .wr .h{
    font-size:20px;
    line-height:1.3;
    text-transform:uppercase;
    font-weight:bold;
    margin-bottom:3%
}
.projects li .wr .h span:not(.dot){
    color:#000
}
.projects li .wr .cat{
    font-size:14px
}
.projects li .wr p{
    margin-top:5%
}
.projects li .wr .btn{
    position:absolute;
    bottom:9.5%
}
.projects .oldworks li .wr .btn{
    bottom:14%
}
.projects li .wr .hidden{
    display:none
}
.projects > .header{
    text-align:center;
    font-size:52px;
    line-height:1.17;
    font-weight:bold;
    text-transform:uppercase;
    border-top:2px solid #E8E8E8;
    padding:7.5% 0
}
.projects > .header span{
    color:var(--accent)
}
.projects .txt{
    padding:4% 4% 0 2.5%
}
.projects .txt p{
    line-height:1.3;
    margin-bottom:1.5%;
    font-size:18px;
    text-transform:uppercase;
    font-weight:bold
}
.projects .txt p a{
    color:#262626
}
.projects .txt a{
    text-decoration:none
}
.projects .txt .cat{
    color:#A1A1A1;
    font-size:15px
}
.projects .txt .cat a{
    color:#A1A1A1
}
.projects li.hover .txt p a{
    color:var(--accent)
}
.projects .oldworks li .wr{
    background-color:#fff
}
.projects .oldworks li .mask{
    color:#202020
}
.projects li.project-2988 .dot{
    display:none
}
.projects li.project-2988 .dot:first-child{
    display:inline
}
.projects-seo-more{
    margin-bottom:40px
}
@media (max-width: 999px){
    .projects-seo-more{
        margin-left:65px;
        margin-right:65px
    }
}
@media (max-width: 640px){
    .projects-seo-more{
        margin-left:15px;
        margin-right:15px;
        font-size:18px
    }
}
.oldworks .header{
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    color:var(--accent);
    font-size:56px;
    clear:both;
    padding:10% 15px 3% 15px;
    display:none
}
.loader{
    text-align:center;
    clear:both;
    padding:70px 0 100px 0;
    opacity:0
}
.loader span{
    -webkit-animation:beat .5s infinite alternate;
    animation:beat .5s infinite alternate;
    -webkit-transform-origin:center;
    transform-origin:center;
    -webkit-transform:scale(0.8);
    transform:scale(0.8)
}
.loader img{
    width:70px
}
.btn{
    display:inline-block;
    padding:0 20px 0 20px;
    line-height:40px;
    font-size:17px;
    font-weight:bold;
    text-transform:uppercase;
    border:2px solid currentColor;
    border-radius:22px;
    text-decoration:none
}
a.btn{
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
    color:#fff
}
a.btn:hover{
    background-color:#fff;
    color:#202020 !important;
    border-color:#fff
}
#right .search{
    position:relative;
    margin-bottom:3.7%;
    background:#F3F3F3;
    padding:7.2%
}
#right .search .search-field{
    padding:0 1.5%;
    border:1px solid #C8C8C8;
    width:100%;
    height:50px;
    font-weight:bold;
    font-size:22px;
    color:#000;
    border-radius:2px
}
#right .search .search-field:focus{
    -webkit-box-shadow:0 0 0 1px rgba(230, 230, 230, 1);
    box-shadow:0 0 0 1px rgba(230, 230, 230, 1)
}
#right .search .search-submit{
    text-align:center;
    position:absolute;
    text-decoration:none;
    right:4px;
    top:4px;
    width:48px;
    height:42px;
    line-height:47px;
    display:block;
    background:#F3F3F3;
    color:#7E7E7E;
    -webkit-transition:background-color 0.1s linear;
    transition:background-color 0.1s linear
}
#right .search .search-submit .i-search:after{
    background-position:0 -29px
}
#right .search .search-submit:hover{
    background:var(--accent)
}
#right .search .search-wrap{
    position:relative
}
#right .content .page .text > ol{
    list-style-type:decimal
}
#right .content .page .text > ul{
    list-style-type:disc
}
#right .content .page .text > ul,#right .content .page .text > ol{
    font-size:16px;
    line-height:30px;
    padding:0 0 30px 30px
}
.content .block.text{
    margin:13% 7.2% 13% 7.2%
}
.content .block.image{
    margin:3.7% 0 3.7% 0
}
.content .block.image img{
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    display:block
}
.content .block.image div{
    overflow:hidden
}
.content .block.image div img{
    width:50%;
    float:left
}
.content .block.video{
    margin:3.7% 0 3.7% 0;
    position:relative;
    padding-bottom:56.25%
}
.content .block.video iframe{
    position:absolute;
    width:100%;
    height:100%
}
.content .block.credits{
    margin:13% 7.2% 8% 7.2%
}
.content .block.credits ul{
    margin-right:-15%;
    overflow:hidden
}
.content .block.credits li{
    float:left;
    vertical-align:top;
    width:33.3%;
    margin-bottom:7%
}
.content .block.credits li span{
    font-size:16px;
    display:block
}
.content .block.credits li div{
    font-weight:bold;
    font-size:22px;
    text-transform:uppercase;
    letter-spacing:-.4px;
    margin-top:8px
}
.content .block.credits .meta-credits{
    font-size:14px;
    line-height:30px
}
.content .block.credits .meta-credits span{
    margin:0 15px
}
.content .block.screen{
    margin:3.7% 0 3.7% 0;
    padding:7%
}
@media all and (min-width: 1200px){
    .content .block.screen{
        margin-left:-1000px;
        margin-right:-1000px
    }
}
.content .block.screen img{
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    display:block
}
.content .block.screen div{
    overflow:hidden;
    max-width:1186px;
    margin-left:auto;
    margin-right:auto
}
.content .block.screen div span{
    width:50%;
    float:left;
    display:block
}
.content .block.screen div span.screen-l img{
    padding-right:4%
}
.content .block.screen div span.screen-r img{
    padding-left:4%
}
.content .block.screen div span img{
    margin-top:8%;
    width:100%
}
.content .block.gallery{
    margin:3.7% auto 3.7% auto;
    max-width:1180px;
    position:relative
}
.content .block.gallery .royalSlider{
    min-height:auto;
    height:auto
}
.content .block.gallery img{
    max-width:100%
}
.content .block.gallery .rsSlide{
    text-align:center
}
.content .block.gallery .rsBullets{
    bottom:65px
}
.content .block.gallery .rsBullets .rsBullet span{
    background-color:#fff
}
.content .block.gallery .rsBullets .rsBullet.rsNavSelected span{
    background-color:transparent
}
.content .block.gallery .rsArrow{
    display:block !important;
    font-size:0;
    line-height:70px;
    text-align:center;
    cursor:pointer;
    min-width:auto;
    width:70px !important;
    height:70px;
    top:50%;
    margin-top:-35px;
    border-radius:50%;
    background-color:rgba(0,0,0,0.1);
    transition:background-color 0.15s
}
.content .block.gallery .rsArrow:hover{
    background-color:rgba(0,0,0,0.3)
}
.content .block.gallery .rsArrowLeft{
    left:20px
}
.content .block.gallery .rsArrowRight{
    right:20px
}
.content .block.gallery .rsArrowIcn{
    width:30px;
    height:14px;
    display:inline-block;
    vertical-align:middle
}
.content .block.gallery .rsArrowLeft .rsArrowIcn{
    background:url(../img/rsArrowLeft-white.png) 0 0 no-repeat
}
.content .block.gallery .rsArrowRight .rsArrowIcn{
    background:url(../img/rsArrowRight-white.png) 0 0 no-repeat
}
@media all and (min-width: 1000px){
    .content .block.gallery.-has-bg{
        padding:3.7% 0 3.7% 0
    }
    .content .block.gallery.-has-bg:before{
        content:'';
        position:absolute;
        right:100%;
        top:0;
        width:1000px;
        height:100%;
        background-color:inherit
    }
    .content .block.gallery.-has-bg:after{
        content:'';
        position:absolute;
        left:100%;
        top:0;
        width:1000px;
        height:100%;
        background-color:inherit
    }
}
@media all and (max-width: 575px){
    .content .block.gallery .rsArrow{
        transform:scale(0.7)
    }
    .content .block.gallery .rsArrowLeft{
        left:0
    }
    .content .block.gallery .rsArrowRight{
        right:0
    }
    .content .block.gallery .rsBullets{
        bottom:30px
    }
}
.content .block.opinion{
    padding:5.5% 7.2% 5.5% 7.2%;
    background-color:#F5F5F5;
    position:relative
}
.content .block.opinion:before{
    content:'';
    position:absolute;
    right:100%;
    top:0;
    width:1000px;
    height:100%;
    background-color:inherit
}
.content .block.opinion:after{
    content:'';
    position:absolute;
    left:100%;
    top:0;
    width:1000px;
    height:100%;
    background-color:inherit
}
@media all and (max-width: 640px){
    .content .block.opinion{
        padding-top:10%;
        padding-bottom:10%
    }
}
.content .block.contacts{
    overflow:hidden
}
.content .block.contacts .row{
    float:left;
    position:relative
}
.content .block.contacts .row-1{
    width:28%
}
.content .block.contacts .row-2{
    width:26%
}
.content .block.contacts .row-3{
    width:22%;
    font-size:12px
}
.content .block.contacts .row-4{
    width:24%;
    font-size:12px
}
.content .block.contacts .row-4 em{
    display:block;
    width:23px;
    height:28px;
    background:url(../img/contacts.png) 0 0 no-repeat;
    position:absolute;
    left:-35px;
    top:1px
}
.lang-1 .content .block.contacts .row-2{
    width:23%
}
.lang-1 .content .block.contacts .row-3{
    width:25%
}
.content .block.website{
    margin:3.7% 7.2% 3.7% 7.2%;
    display:flex;
    justify-content:space-between;
    line-height:1.2
}
.block-website__dot{
    font-size:15px;
    margin:0 3px 0 3px;
    position:relative;
    top:-1px
}
.block-website__link{
    position:relative;
    display:inline-block
}
.block-website__link img{
    height:16px;
    position:absolute;
    right:100%;
    top:6px;
    margin-right:6px
}
@media all and (max-width: 1500px){
    .content .block.website{
        font-size:16px
    }
}
@media all and (max-width: 999px){
    .content .block.website{
        margin-top:7%;
        margin-bottom:7%
    }
    .block-website__link img{
        position:relative;
        right:auto;
        top:auto;
        vertical-align:middle
    }
    .block-website__cms{
        display:block;
        margin-top:10px
    }
    .block-website__dot{
        display:none
    }
}
@media all and (max-width: 767px){
    .content .block.website{
        display:block
    }
    .content .block.website .-r{
        margin-top:10px
    }
}
.content .txt{
    overflow:hidden
}
.content .txt-1{
    float:left;
    width:50%;
    padding-right:4%
}
.content .txt-2{
    margin-left:50%;
    padding-left:4%
}
.content h2,.content h1,.h1{
    font-size:38px;
    font-weight:bold;
    line-height:1.4;
    margin-bottom:5%;
    text-transform:uppercase;
    letter-spacing:-.4px
}
.content p{
    line-height:30px;
    margin-bottom:6%
}
.content p:last-child{
    margin-bottom:0
}
.content .page{
    margin:0 7.2% 6.2% 7.2%
}
.content .page .block{
    margin-bottom:10%;
    position:relative
}
.content .page .block:last-child{
    margin-bottom:0
}
.content .page .page-l{
    float:left;
    width:66.25%;
    width:70%;
    position:relative
}
.content .page .page-r{
    margin-left:80%;
    padding-top:100px
}
.content .page p{
    margin-bottom:4%
}
.content .services li,.content .services h4{
    font-weight:bold;
    margin-bottom:55px
}
.content .services li li{
    font-size:20px;
    margin-bottom:10px;
    line-height:1.1
}
.content .services li span{
    display:block;
    margin-bottom:18px
}
.content .services--rows h4{
    clear:both;
    margin-bottom:3%
}
.services--columns > ul > li{
    width:25%;
    display:inline-block;
    margin-right:-4px;
    vertical-align:top
}
.services--columns > ul > li a{
    margin-right:20px
}
.services h2{
    margin-bottom:3%
}
.services--separate-columns{
    overflow:hidden;
    margin-bottom:7%
}
.services--separate-columns > ul{
    width:44%;
    float:left
}
.services--separate-columns > ul + ul{
    width:34%
}
.services--separate-columns > ul:last-child{
    float:right;
    text-align:right;
    width:22%
}
.services--separate-columns ul ul{
    width:auto;
    float:none;
    padding-right:40px
}
.services--separate-columns-4 > ul{
    width:28%
}
.services--separate-columns-4 > ul + ul{
    width:23%
}
.services--separate-columns-4 > ul:last-child{
    float:right;
    text-align:left;
    width:22%
}
.services--clients > ul,.services--clients > ul + ul{
    width:25%
}
.services--clients > ul:last-child{
    float:left;
    width:25%
}
.services--clients > ul ul{
    padding-right:60px
}
.content .clients ul{
    overflow:hidden;
    margin-bottom:0;
    margin-right:-10%
}
.content .clients li{
    float:left;
    width:20%;
    line-height:120px
}
.content .clients li img{
    vertical-align:middle;
    max-width:90%
}
.content .clients li.last{
    width:auto
}
.content .clients li p{
    margin-bottom:0;
    line-height:inherit
}
.content .clients-list{
    margin-right:15px
}
.content .clients-list td{
    vertical-align:top;
    padding-right:15px
}
.content .clients-list-item{
    margin-bottom:44px
}
.content .clients-list li{
    font-size:13px;
    padding-bottom:5px
}
.content .clients-list-title{
    font-weight:bold;
    margin-bottom:14px
}
.clients-logos{
    background:#F3F3F3;
    margin-bottom:6.5%;
    text-align:center
}
.clients-logos a{
    display:block;
    padding:2.5% 3% 2.5% 3%
}
.clients-logos table{
    margin:auto
}
.clients-logos td{
    width:10%;
    text-align:center
}
.clients-logos span{
    display:inline-block;
    width:10%
}
.clients-logos img{
    max-width:100%
}
.clients-logos--2row{
    background:none
}
.clients-logos--2row a{
    padding:0;
    margin-bottom:9%
}
.clients-logos--nobg{
    background:none
}
.page-r .clients-logos{
    background:none;
    padding:5px 0 0 0
}
.page-r .clients-logos a{
    padding:0
}
.page-r .clients-logos img{
    width:100%;
    max-width:131px
}
.footer{
    width:100%;
    clear:both;
    background-color:#000;
    color:#fff;
    padding:50px 0 50px 0;
    font-size:16px
}
.footer__wrap{
    display:flex;
    justify-content:space-between
}
.footer__l{
    display:flex
}
.footer__r{
    text-align:right
}
.footer__address{
    padding-left:40px;
    position:relative;
    margin-right:25px
}
.footer__address--title{
    text-transform:uppercase;
    font-size:20px;
    letter-spacing:1px;
    font-weight:900;
    margin-bottom:12px
}
.footer__address--title svg{
    position:absolute;
    left:0;
    top:-3px
}
.footer__address--text{
    font-size:16px;
    line-height:1.875
}
.footer__address--text p{
    margin:0
}
.footer__address--text p.-gray{
    color:#666
}
.footer__address--text a{
    color:currentColor;
    text-decoration:none
}
.footer__phone{
    font-weight:500;
    font-size:30px;
    line-height:1;
    margin-bottom:26px;
    white-space:nowrap
}
.footer__phone a{
    color:inherit;
    text-decoration:none
}
.footer__contacts .btn{
    height:54px;
    line-height:50px;
    border-width:3px;
    border-radius:27px;
    font-size:14px;
    letter-spacing:.5px
}
.footer__copy{
    font-size:16px;
    color:#666;
    line-height:1.875;
    margin-top:46px
}
.footer__copy a{
    color:inherit
}
.footer__copy span{
    white-space:nowrap
}
@media (max-width: 1450px){
    .footer__copy span{
        display:block
    }
}
@media (max-width: 1250px){
    .footer .wrap{
        padding-left:65px;
        padding-right:65px
    }
    .footer__l{
        margin-left:-40px
    }
}
@media (max-width: 1155px){
    .footer__l{
        display:block
    }
    .footer__address{
        margin:0 0 40px 0
    }
    .footer__address:last-child{
        margin-bottom:0
    }
}
@media (max-width: 640px){
    .footer .wrap{
        padding-left:15px;
        padding-right:15px
    }
    .footer__wrap{
        display:block
    }
    .footer__r{
        text-align:left;
        margin-top:50px
    }
    .footer__l{
        margin-left:0
    }
    .footer__address{
        padding-left:0
    }
    .footer__address--title{
        padding-left:40px;
        position:relative
    }
}
.vacancy{
    margin-top:5%
}
.vacancy form{
    display:block;
    width:90%
}
.vacancy .it{
    width:100%;
    border:1px solid #C8C8C8;
    padding:0 1.5%;
    height:40px;
    font-weight:bold;
    font-size:18px;
    color:#000;
    border-radius:2px
}
.vacancy .it:focus{
    -webkit-box-shadow:0 0 0 1px rgba(230, 230, 230, 1);
    box-shadow:0 0 0 1px rgba(230, 230, 230, 1)
}
.vacancy .it.error{
    -webkit-box-shadow:0 0 0 1px rgba(255, 0, 0, 1);
    box-shadow:0 0 0 1px rgba(255, 0, 0, 1)
}
.vacancy .one{
    margin-bottom:20px
}
.vacancy .one.rows{
    height:42px
}
.vacancy .one.rows .row{
    width:50%;
    float:left;
    position:relative
}
.vacancy .one.rows .row-1{
    padding-right:10px
}
.vacancy .one.rows .row-2{
    padding-left:10px;
    overflow:hidden
}
.vacancy .one.rows .row .it{
    padding:0 3%
}
.vacancy .one .file{
    position:absolute;
    right:0;
    top:0;
    width:100%;
    height:100%;
    font-size:600px;
    opacity:0
}
.vacancy .submit{
    text-align:right
}
.vacancy .submit input{
    font-size:18px;
    color:#7e7e7e;
    font-weight:bold;
    border:none;
    background:#F3F3F3;
    width:130px;
    height:42px;
    cursor:pointer
}
.vacancy textarea.it{
    height:140px;
    padding:8px 1.5%
}
.map{
    height:500px;
    margin-bottom:6.2%
}
.landing .page{
    margin:0;
    margin-top:-3.7%
}
.landing .block{
    padding:6.2% 7.2% 6.2% 7.2%;
    margin-bottom:1% !important
}
.landing .block.gray{
    background:#F3F3F3
}
.landing .block p:last-child{
    margin-bottom:0
}
.landing .block.pink ul{
    margin-right:-25px;
    display:table;
    margin-top:25px
}
.landing .block.pink li{
    width:25%;
    border-right:25px solid #fff;
    display:table-cell;
    vertical-align:middle;
    background:var(--accent);
    text-align:center
}
.landing .block.pink p{
    margin-bottom:0;
    color:#fff;
    line-height:1.3 !important;
    font-weight:bold;
    padding:8% 9% 8% 9.5%
}
.landing .block.pink p a{
    color:#fff
}
.landing .block.pink.acenter li{
    text-align:center
}
.landing h2{
    margin-bottom:4.5%
}
.landing .page-r{
    margin-left:73% !important
}
.landing .page-r-price{
    text-align:center;
    font-weight:bold;
    color:var(--accent);
    font-size:24px;
    padding-top:2%
}
.landing .price-1{
    margin-bottom:8%
}
.landing .price-1-button a{
    text-decoration:none;
    color:#fff;
    background:var(--accent);
    display:inline-block;
    vertical-align:top;
    padding:5% 10% 5% 10%
}
.landing .list{
    margin-right:-6%;
    margin-bottom:-4%;
    overflow:hidden
}
.landing .list li{
    float:left;
    width:25%;
    font-weight:bold;
    margin-bottom:4%
}
.landing .list li p{
    line-height:1.3;
    margin-right:10%
}
.landing .list .ico{
    margin-bottom:8%
}
.landing .list .ico img{
    width:100%
}
.landing .timeline img{
    width:100%
}
.landing .examples-head{
    position:relative
}
.landing .examples-head p{
    position:absolute;
    right:0;
    top:0;
    line-height:54px;
    white-space:nowrap;
    font-weight:normal
}
.landing .examples{
    width:85%;
    display:table;
    margin-bottom:4.5%
}
.landing .examples:last-child{
    margin-bottom:0
}
.landing .examples-l{
    display:table-cell;
    width:31.3%;
    vertical-align:middle
}
.landing .examples-l img{
    width:100%
}
.landing .examples-r{
    display:table-cell;
    vertical-align:middle
}
.landing .examples-r a{
    color:#333;
    text-decoration:none
}
.landing .examples-r strong{
    font-weight:normal;
    font-weight:bold
}
.landing .landing-form-block{
    margin-bottom:7% !important
}
.landing .landing-form-block h2{
    text-align:center
}
.landing-form{
    width:50%;
    margin:0 auto
}
.landing-form .one{
    margin-bottom:3%
}
.landing-form .it{
    width:100%;
    border:1px solid #C8C8C8;
    padding:0 1.5%;
    height:40px;
    font-weight:bold;
    font-size:18px;
    color:#000;
    border-radius:2px
}
.landing-form .it:focus{
    -webkit-box-shadow:0 0 0 1px rgba(230, 230, 230, 1);
    box-shadow:0 0 0 1px rgba(230, 230, 230, 1)
}
.landing-form .it.error{
    -webkit-box-shadow:0 0 0 1px rgba(255, 0, 0, 1);
    box-shadow:0 0 0 1px rgba(255, 0, 0, 1)
}
.landing-form textarea.it{
    height:90px;
    padding:8px 1.5%
}
.landing-form .submit{
    text-align:right;
    position:relative
}
.landing-form .submit p{
    color:var(--accent);
    font-weight:bold;
    line-height:45px;
    position:absolute;
    left:0;
    top:0;
    white-space:nowrap
}
.landing-form .submit input{
    font-size:20px;
    font-weight:bold;
    color:#fff;
    background:var(--accent);
    cursor:pointer;
    width:140px;
    height:45px;
    border:0
}
.landing-form .checks{
    font-size:18px;
    margin-bottom:8%
}
.landing-form .checks strong{
    display:block;
    font-weight:normal;
    font-weight:bold
}
.landing-form .checks li{
    float:left;
    width:50%;
    margin-top:2.5%
}
.landing-form .checks input{
    vertical-align:middle;
    padding:0;
    margin:0;
    margin-right:2px
}
.landing-form .checks label{
    vertical-align:middle
}
.landing .block-last .list{
    margin-bottom:1px;
    margin-top:-3%
}
.gap-block{
    padding:3% 0 7% 0;
    text-align:center
}
.biglink{
    font-size:24px;
    color:var(--accent);
    padding:2% 0 2% 0;
    font-weight:bold
}
.biglink--download{
    padding-left:60px;
    background:url(../img/icons/download.png) 0 50% no-repeat;
    min-height:43px;
    display:inline-block
}
.logodown{
    position:absolute;
    bottom:0;
    left:100%;
    margin-left:14%
}
::-webkit-input-placeholder{
    color:#a9a9a9
}
input:-moz-placeholder{
    color:#a9a9a9
}
textarea:-moz-placeholder{
    color:#a9a9a9
}
input:-ms-input-placeholder{
    color:#a9a9a9
}
textarea:-ms-input-placeholder{
    color:#a9a9a9
}
textarea{
    resize:none
}
.move .submenu{
    left:0
}
.submenu{
    position:fixed;
    top:0;
    left:100%;
    height:100%;
    width:100%;
    color:#fff;
    background-color:var(--accent);
    z-index:25;
    -webkit-transition:left 0.5s;
    transition:left 0.5s
}
.submenu ul{
    font-size:52px;
    font-weight:bold;
    text-transform:uppercase;
    text-align:center
}
.submenu li{
    padding-bottom:35px
}
.submenu li a{
    text-decoration:none;
    color:#262626;
    -webkit-transition:color 0.1s linear;
    transition:color 0.1s linear
}
.submenu li a:hover,.submenu li a.active{
    color:#fff
}
.submenu li.lang{
    position:absolute;
    bottom:40px;
    width:100%;
    left:0;
    text-align:center
}
.submenu li.lang a{
    opacity:0.7
}
.submenu .close{
    position:absolute;
    right:45px;
    top:45px;
    font-size:100px;
    font-family:Arial;
    color:#262626;
    cursor:pointer;
    line-height:60px
}
.submenu .logo{
    position:absolute;
    left:0;
    top:0
}
.filter{
    position:relative;
    margin-bottom:35px
}
.filter .level-1 li{
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    display:inline-block;
    margin-right:25px;
    margin-bottom:5px
}
.filter .level-1 li a{
    text-decoration:none;
    color:#202020
}
.filter .level-1 li a:hover{
    color:var(--accent) !important
}
.filter .level-1 li.active a,.filter .level-1 li.active li.active a{
    color:var(--accent)
}
.filter .level-1 li.active li a{
    color:#202020
}
.filter .level-1 li.active ul{
    display:block
}
.filter .level-2{
    display:none;
    margin:14px 0 -7px 0
}
.filter .level-2 li{
    text-transform:none;
    font-size:14px;
    display:inline-block;
    font-weight:normal;
    margin-bottom:5px;
    margin-right:25px
}
.filter .level-2 li a{
    text-decoration:none;
    color:#202020
}
.filter .level-2 li a:hover{
    color:var(--accent) !important
}
.filter .level-1 li em{
    font-style:normal;
    display:none
}
.filter .level-1 li.active span{
    display:none
}
.filter .level-1 li.active em{
    display:inline
}
.filter .level-1 li:last-child{
    margin-right:0
}
.filter .level-1 li.-clients{
    margin-left:40px
}
#wrapper{
    -webkit-transition:-webkit-transform 0.5s;
    transition:-webkit-transform 0.5s;
    transition:transform 0.5s;
    transition:transform 0.5s, -webkit-transform 0.5s
}
.move #wrapper{
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.wrap.oldwork{
    padding-left:0;
    padding-right:0;
    max-width:100%
}
.vacancy .it,#head a,.meta a,.filter a,.landing-form .it{
    -webkit-transition:color 0.1s linear;
    transition:color 0.1s linear
}
@keyframes "beat"{
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}
@-webkit-keyframes "beat"{
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}
.rsContent.work-hrebet .header div,.rsContent.work-hrebet .wrap .btn{
    color:#a2a2a2
}
.royalSlider{
    -webkit-transform-style:preserve-3d
}
.header-inner{
    display:block
}
.header > h1,.h1{
    font-weight:bold
}
body.cetis-404{
    height:100%;
    width:100%;
    min-width:320px;
    overflow:hidden;
    font-size:18px;
    font-family:sans-serif;
    color:#fff;
    background-color:var(--accent);
    text-align:center;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.cetis-404 a{
    text-decoration:none
}
.cetis-404-wrap{
    overflow:hidden;
    width:100%;
    max-width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    -ms-flex-line-pack:stretch;
    align-content:stretch;
    height:100%
}
.cetis-404-fill-area{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    -ms-flex-line-pack:stretch;
    align-content:stretch;
    -webkit-overflow-scrolling:touch
}
.cetis-404-info{
    margin-bottom:40px;
    line-height:1.2em;
    font-weight:normal
}
.cetis-404-content .cetis-404-info:last-child{
    margin-bottom:0
}
.cetis-404-header,.cetis-404-link{
    text-transform:uppercase
}
.cetis-404-header{
    font-size:2em;
    font-weight:bold
}
.cetis-404-header > strong{
    display:block;
    font-size:5.4em;
    line-height:1em
}
.cetis-404-link{
    display:inline-block;
    vertical-align:baseline;
    -webkit-transition:all .2s linear;
    transition:all .2s linear;
    font-weight:bold;
    padding:20px;
    line-height:1.4;
    color:#fff;
    border:4px solid #fff;
    border-radius:2em;
    min-width:240px
}
.cetis-404-link:hover{
    color:#222;
    background-color:#fff
}
.cetis-404-desc{
    line-height:1.4em;
    max-width:400px;
    margin-left:auto;
    margin-right:auto
}
.cetis-404-content{
    margin:20px
}
.cetis-404-content:before{
    content:'';
    display:block;
    width:100%;
    height:210px;
    margin:0 auto 10px auto;
    background:transparent url('../img/sad-smile.svg') 50% 50% no-repeat;
    background-size:contain
}
.cetis-404-logo{
    display:block;
    position:absolute;
    left:-25px;
    top:20px;
    width:290px;
    height:120px;
    background:transparent none 50% 50% no-repeat;
    background-size:contain;
    z-index:1;
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out
}
.cetis-404-logo:hover{
    left:-15px
}
.ya-share2__item_service_pinterest > span{
    height:24px;
    line-height:24px !important
}
@media all and (max-width: 1920px){
    .content .block.contacts .row-1{
        width:27%
    }
    .content .block.contacts .row-2{
        width:25%
    }
    .content .block.contacts .row-3{
        width:21%
    }
    .content .block.contacts .row-4{
        width:27%
    }
    .lang-1 .content .block.contacts .row-2{
        width:22%
    }
    .lang-1 .content .block.contacts .row-3{
        width:24%
    }
}
@media all and (max-width: 1800px){
    .content h2,.content h1,.h1{
        font-size:36px
    }
    .content p{
        font-size:19px;
        line-height:29px
    }
    .content .services li li{
        font-size:19px;
        margin-bottom:9px
    }
    .content .services li{
        font-size:23px;
        margin-bottom:51px
    }
    .content .services li span{
        margin-bottom:17px
    }
    .vacancy .it,.vacancy .submit input{
        font-size:17px
    }
    .landing .page-r-price{
        font-size:23px
    }
    .landing-form .it,.landing-form .checks{
        font-size:17px
    }
    .landing-form .submit input{
        font-size:19px
    }
    .page-r .clients-logos img{
        width:125px
    }
}
@media all and (max-width: 1700px){
    .content h2,.content h1,.h1{
        font-size:34px
    }
    .content p{
        font-size:18px;
        line-height:28px
    }
    .content .services li li{
        font-size:18px
    }
    .content .services li{
        font-size:22px;
        margin-bottom:48px
    }
    .content .services li span{
        margin-bottom:16px
    }
    .vacancy .it,.vacancy .submit input{
        font-size:16px
    }
    .content p.clients{
        margin-right:-12%
    }
    .content .block.credits li div{
        font-size:21px
    }
    .content .block.contacts .row-1{
        width:26%
    }
    .content .block.contacts .row-2{
        width:24%
    }
    .content .block.contacts .row-3{
        width:20%
    }
    .content .block.contacts .row-4{
        width:30%
    }
    .lang-1 .content .block.contacts .row-2{
        width:20%
    }
    .lang-1 .content .block.contacts .row-3{
        width:24%
    }
    .landing .page-r-price{
        font-size:22px
    }
    .landing-form .it,.landing-form .checks{
        font-size:16px
    }
    .landing-form .submit input{
        font-size:18px
    }
    .biglink{
        font-size:22px
    }
    .biglink--download{
        padding-left:56px;
        background-size:33px 53px
    }
    .content .page .page-r{
        padding-top:95px
    }
    .logodown img{
        width:180px
    }
}
@media all and (max-width: 1600px){
    .content h2,.content h1,.h1{
        font-size:32px
    }
    .content p{
        font-size:17px;
        line-height:27px
    }
    .content .services li li{
        font-size:17px;
        margin-bottom:8px
    }
    .content .services li{
        font-size:21px;
        margin-bottom:44px
    }
    .content .services li span{
        margin-bottom:15px
    }
    .vacancy .it,.vacancy .submit input{
        font-size:15px
    }
    .content p.clients{
        margin-right:-10%
    }
    .content .block.credits li span{
        font-size:15px
    }
    .content .block.credits li div{
        font-size:20px
    }
    .content .block.credits .meta-credits{
        font-size:13px
    }
    .landing .page-r-price{
        font-size:21px
    }
    .landing-form .it,.landing-form .checks{
        font-size:15px
    }
    .landing-form .submit input{
        font-size:17px
    }
    .content .page .page-r{
        padding-top:86px
    }
    .logodown img{
        width:175px
    }
    .page-r .clients-logos img{
        width:120px
    }
}
@media all and (max-width: 1500px){
    .projects li .cell .h{
        font-size:18px
    }
    .projects li .cell .cat{
        font-size:12px
    }
    .content h2,.content h1,.h1{
        font-size:30px
    }
    .content p{
        font-size:16px;
        line-height:24px
    }
    .projects .txt p{
        font-size:16px
    }
    .projects .txt .cat{
        font-size:14px
    }
    .content h2,.content h1,.h1 span{
        border-width:4px
    }
    .content .services li li{
        font-size:16px
    }
    .content .services li{
        font-size:20px;
        margin-bottom:41px
    }
    .content .services li span{
        margin-bottom:14px
    }
    .vacancy .it,.vacancy .submit input{
        font-size:14px
    }
    .content p.clients{
        margin-right:-5%
    }
    .content .block.credits li div{
        font-size:19px
    }
    .content .block.contacts .row-3{
        font-size:11px
    }
    .content .block.contacts .row-4{
        font-size:11px
    }
    .landing .page-r-price{
        font-size:20px
    }
    .landing-form .it,.landing-form .checks{
        font-size:14px
    }
    .landing-form .submit input{
        font-size:16px
    }
    .logodown img{
        width:170px
    }
    .content .page .page-r{
        padding-top:82px
    }
}
@media all and (max-width: 1400px){
    .content .block.contacts .row{
        margin-bottom:1%
    }
    .content .block.contacts .row-1{
        width:50%
    }
    .content .block.contacts .row-2{
        width:50%
    }
    .content .block.contacts .row-3{
        clear:left;
        width:50%
    }
    .content .block.contacts .row-4{
        width:50%
    }
    .lang-1 .content .block.contacts .row-3{
        clear:left;
        width:50%
    }
    .lang-1 .content .block.contacts .row-4{
        width:50%
    }
    .content .services li li{
        font-size:15px;
        margin-bottom:7px
    }
    .content .services li{
        font-size:19px;
        margin-bottom:38px
    }
    .content .services li span{
        margin-bottom:13px
    }
    .vacancy .it,.vacancy .submit input{
        font-size:13px
    }
    .content .block.credits li div{
        font-size:18px
    }
    .landing .page-r-price{
        font-size:19px
    }
    .landing-form .it,.landing-form .checks{
        font-size:13px
    }
    .biglink{
        font-size:20px
    }
    .biglink--download{
        padding-left:52px;
        background-size:31px 50px
    }
    .content .page .page-r{
        padding-top:79px
    }
    .logodown img{
        width:165px
    }
    .page-r .clients-logos img{
        width:115px
    }
    .meta .row{
        margin-right:40px
    }
    .rsContent .wrap{
        width:995px
    }
    .rsContent .l{
        width:575px
    }
    .rsContent .header,.projects > .header{
        font-size:48px;
        line-height:1.1
    }
}
@media all and (max-width: 1300px){
    .content h2,.content h1,.h1{
        font-size:28px
    }
    .vacancy .it,.vacancy .submit input{
        font-size:12px
    }
    .content .block.credits li span{
        font-size:14px
    }
    .content .block.credits li div{
        font-size:17px
    }
    .content .block.credits .meta-credits{
        font-size:12px
    }
    .landing .page-r-price{
        font-size:18px
    }
    .biglink{
        font-size:18px
    }
    .biglink--download{
        background-size:29px 46px
    }
    .content .page .page-r{
        padding-top:75px
    }
    .logodown img{
        width:160px
    }
    .page-r .clients-logos img{
        width:110px
    }
    .meta .row{
        margin-right:90px
    }
    .meta .row.label{
        float:none;
        margin-bottom:11px
    }
    .rsContent .wrap{
        width:920px
    }
    .rsContent .l{
        width:500px;
        padding-top:40px
    }
    .rsContent .wrap p{
        max-width:90%;
        margin-bottom:20px
    }
    .rsContent .header,.projects > .header{
        font-size:48px;
        line-height:1.1;
        margin-bottom:10px
    }
}
@media all and (max-width: 1200px){
    .projects li{
        width:50%
    }
    .content p.clients{
        margin-right:0
    }
    .content .block.credits li div{
        font-size:16px
    }
    .landing .page-r-price{
        font-size:17px
    }
    .biglink{
        font-size:16px
    }
    .biglink--download{
        padding-left:48px;
        background-size:27px 43px
    }
    .content .page .page-r{
        padding-top:73px
    }
    .logodown img{
        width:155px
    }
    .page-r .clients-logos img{
        width:105px
    }
    .meta .row{
        margin-right:60px
    }
    #head .menu ul{
        margin-right:-30px
    }
    .rsContent .wrap{
        width:840px
    }
    .rsContent .l{
        width:465px
    }
    .rsContent .l p{
        font-size:15px
    }
    .rsContent .header,.projects > .header{
        font-size:40px
    }
    .rsContent .wrap .btn{
        font-size:15px;
        line-height:34px;
        padding:0 15px
    }
    .content .page{
        margin-left:0;
        margin-right:0
    }
    .content h2,.content h1,.h1{
        margin-bottom:30px
    }
    .meta .logos-hor{
        margin-right:-30px
    }
    #head .menu ul{
        margin-right:-50px
    }
    #head .menu li{
        margin-left:25px
    }
    #head .menu li.search{
        margin-left:17px
    }
}
@media all and (max-width: 1100px){
    .meta .row{
        margin-right:40px
    }
    .rsContent .wrap{
        width:760px
    }
    .rsContent .l{
        width:400px
    }
    .logo{
        font-size:16px;
        line-height:19px;
        width:130px;
        margin-left:87px;
        left:0;
        top:84px
    }
    .logo img{
        width:75px;
        margin-right:12px;
        top:-7px
    }
    .logo i.ilogo{
        margin-right:12px;
        top:-7px;
        font-size:83px
    }
}
@media all and (max-device-width: 1024px){
    .rsContent .wrap{
        width:800px
    }
}
.pic-mobile{
    display:none
}
@media all and (max-width: 999px){
    .content .page .page-r{
        padding-top:73px
    }
    .logodown img{
        width:150px
    }
    .wrap{
        padding-left:0;
        padding-right:0
    }
    .rsContent .center{
        padding-left:0;
        padding-right:0;
        background:none !important
    }
    .rsContent .table .table{
        width:100%
    }
    #head{
        margin-left:65px;
        margin-right:65px
    }
    .logo{
        top:70px
    }
    .pic-mobile{
        display:block
    }
    .pic-mobile img{
        margin:0
    }
    #head{
        line-height:185px;
        height:200px
    }
    .promos{
        margin-top:-200px
    }
    .promos.oldwork{
        height:200px
    }
    #head .menu ul{
        display:none
    }
    #head .menu .burger{
        display:inline-block;
        width:30px;
        height:5px;
        background-color:#262626;
        position:relative;
        cursor:pointer;
        right:10px
    }
    #head .menu .burger span{
        position:absolute;
        display:block;
        width:60px;
        height:55px;
        left:0;
        top:-25px;
        left:-15px;
        z-index:5
    }
    #head .menu .burger:before{
        content:'';
        position:absolute;
        left:0;
        top:-10px;
        display:inline-block;
        width:30px;
        height:5px;
        background-color:#262626
    }
    #head .menu .burger:after{
        content:'';
        position:absolute;
        left:0;
        top:10px;
        display:inline-block;
        width:30px;
        height:5px;
        background-color:#262626
    }
    #head.head-white .menu .burger,#head.head-white .menu .burger:before,#head.head-white .menu .burger:after{
        background-color:#fff
    }
    .meta{
        margin:0 50px;
        font-size:16px;
        padding:50px 0
    }
    .meta .row{
        float:none;
        margin-right:70px
    }
    .meta .r .row{
        margin-top:22px
    }
    .meta .row.label{
        margin-bottom:22px;
        margin-top:0
    }
    .meta .var-1{
        display:none
    }
    .meta .var-2{
        display:block;
        float:left;
        clear:both;
        margin-top:40px;
        width:100%;
        font-size:20px;
        text-align:center
    }
    .meta .var-2 .label{
        display:none
    }
    .meta .var-2 br{
        display:none
    }
    .meta .var-2 .row{
        margin-right:0
    }
    .meta .logos-ver{
        display:block
    }
    .meta .logos-hor{
        display:none
    }
    .services-list > ul{
        width:60%
    }
    .services-list > ul + ul{
        width:40%
    }
    .services-list > ul:last-child{
        width:60%;
        float:left;
        text-align:left;
        clear:both
    }
    .services-list{
        margin-bottom:0
    }
    .rsArrow{
        display:none !important
    }
    .rsContent .wrap{
        width:auto;
        padding-top:9%;
        padding-left:50px;
        padding-right:50px
    }
    .rsContent .header{
        font-size:55px;
        line-height:1.2;
        margin-bottom:16px
    }
    .projects > .header{
        font-size:55px;
        line-height:1.2
    }
    .rsContent .wrap p{
        margin-left:auto;
        margin-right:auto;
        font-size:18px;
        margin-bottom:33px;
        max-width:70%
    }
    .rsContent .wrap .l{
        text-align:center;
        padding-right:0;
        padding-top:0;
        width:auto
    }
    .rsContent .wrap .r{
        display:none
    }
    .rsContent .wrap .btn{
        font-size:17px;
        line-height:40px;
        padding:0 20px
    }
    .static{
        height:auto !important;
        min-height:auto !important
    }
    .static .rsContent .center{
        padding:115px 0 100px 0
    }
    .static .rsContent .wrap .l{
        display:block;
        width:100%
    }
    .static .rsContent .wrap .r{
        display:block;
        text-align:center;
        padding-top:30px;
        display:none
    }
    .content .page{
        margin-left:65px;
        margin-right:65px
    }
    .filter{
        margin-left:65px;
        margin-right:65px
    }
    .content .block.text h2{
        font-size:24px;
        text-align:center;
        text-transform:uppercase;
        line-height:1.4
    }
    .content .block.text .txt{
        overflow:visible
    }
    .content .block.text .txt-1{
        float:none;
        width:100%;
        padding:0
    }
    .content .block.text .txt-2{
        padding:0;
        margin:0
    }
    .content .block.text p{
        margin-bottom:3% !important
    }
    .content .block.text{
        margin-top:10%;
        margin-bottom:12%
    }
    .rsContent .wrap p.pmeta{
        margin:40px auto 60px auto
    }
    .filter .level-1 li.-clients{
        margin-left:0
    }
    .cetis-404-fill-area{
        padding-bottom:120px
    }
}
@media all and (max-width: 750px){
    .promos-love{
        font-size:100px
    }
    .promos-love div span img{
        width:113px;
        top:-7px
    }
    .projects li{
        width:100%;
        margin-bottom:5%
    }
    .projects .txt{
        padding-top:3%
    }
    .content .block.credits li{
        width:50%
    }
}
@media all and (max-width: 640px){
    #head{
        margin-right:15px;
        margin-left:15px;
        line-height:135px;
        height:150px
    }
    .promos{
        margin-top:-150px
    }
    .promos.oldwork{
        height:150px
    }
    .services--separate-columns-4{
        margin-right:-30px
    }
    .content .page .page-r{
        margin-left:75%
    }
    .logo{
        top:45px
    }
    .meta{
        margin:0 15px
    }
    .meta .row{
        margin-right:40px
    }
    .meta .l{
        float:none;
        margin-bottom:40px
    }
    .meta .r{
        float:none;
        margin-right:0
    }
    .meta .logos-ver{
        display:none
    }
    .meta .var-2 br{
        display:block
    }
    .submenu .close{
        right:25px;
        top:25px
    }
    .filter{
        margin-left:15px;
        margin-right:15px
    }
    .rsContent .center{
        background-position:91% 50%
    }
    .rsContent .wrap{
        padding-top:50px
    }
    .content .block.contacts .row{
        width:100% !important;
        float:none !important
    }
    .biglink--download{
        text-align:left
    }
    .content .page{
        margin-left:15px;
        margin-right:15px
    }
    .content .page .page-l{
        float:none;
        width:100%
    }
    .content .page .page-r{
        margin-left:0;
        margin-top:50px;
        padding-top:0
    }
    .services-list > ul{
        width:100% !important;
        float:none
    }
    .rsContent .wrap p{
        max-width:100%;
        margin-bottom:22px
    }
    .map{
        margin-bottom:35px;
        height:350px
    }
    .content .page{
        margin-bottom:35px
    }
    .submenu ul{
        font-size:30px
    }
    #right .search .search-field{
        padding-left:10px;
        padding-right:10px
    }
    .projects .txt{
        padding:15px 15px 0 15px
    }
    .projects li .cell{
        padding:15px
    }
    .services--clients > ul,.services--clients > ul + ul{
        width:100%;
        float:none
    }
    .oldworks .header{
        font-size:40px
    }
    .projects > .header{
        font-size:30px;
        margin-bottom:0
    }
    .content .block.credits li{
        width:100%
    }
    .rsContent .wrap{
        padding-left:15px;
        padding-right:15px
    }
    .rsContent .header{
        font-size:35px
    }
    .promos-love{
        font-size:60px;
        padding-left:15px;
        padding-right:15px
    }
    .promos-love div span{
        line-height:1.2
    }
    .promos-love div span img{
        top:0
    }
    .static .rsContent .center{
        padding-bottom:50px
    }
    .royalSlider{
        min-height:568px;
        height:568px
    }
    .rsContent .wrap p.pmeta{
        margin-bottom:40px
    }
    .submenu li.lang{
        bottom:20px
    }
}
@media all and (max-width: 424px){
    .rsContent .header{
        font-size:30px
    }
}
@media screen and (max-width: 991px){
    .cetis-404-logo{
        top:20px;
        left:0 !important;
        z-index:1;
        position:relative;
        margin-left:auto;
        margin-right:auto
    }
}
@media screen and (max-width: 575px){
    .cetis-404-header > strong{
        font-size:3em;
        line-height:1em
    }
    .cetis-404-content:before{
        display:none
    }
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto{
    position:relative;
    width:100%;
    min-height:1px;
    padding-right:15px;
    padding-left:15px
}
.col{
    flex-basis:0;
    flex-grow:1;
    max-width:100%
}
.col-auto{
    flex:0 0 auto;
    width:auto;
    max-width:none
}
.col-1{
    flex:0 0 8.333333%;
    max-width:8.333333%
}
.col-2{
    flex:0 0 16.666667%;
    max-width:16.666667%
}
.col-3{
    flex:0 0 25%;
    max-width:25%
}
.col-4{
    flex:0 0 33.333333%;
    max-width:33.333333%
}
.col-5{
    flex:0 0 41.666667%;
    max-width:41.666667%
}
.col-6{
    flex:0 0 50%;
    max-width:50%
}
.col-7{
    flex:0 0 58.333333%;
    max-width:58.333333%
}
.col-8{
    flex:0 0 66.666667%;
    max-width:66.666667%
}
.col-9{
    flex:0 0 75%;
    max-width:75%
}
.col-10{
    flex:0 0 83.333333%;
    max-width:83.333333%
}
.col-11{
    flex:0 0 91.666667%;
    max-width:91.666667%
}
.col-12{
    flex:0 0 100%;
    max-width:100%
}
.page-block{
    margin:86px auto 86px;
    max-width:870px
}
.page-block:first-child{
    margin-bottom:60px;
    margin-top:30px
}
.page-block:first-child + .project-item{
    margin-top:0
}
.page-block:first-child .big-text{
    margin-top:0;
    margin-bottom:0
}
.page-block:first-child + .page-block{
    margin-top:-10px
}
.page-content .row{
    margin-left:-15px;
    margin-right:-15px;
    display:flex;
    flex-wrap:wrap
}
.page-content .row:first-child{
    margin-top:0
}
.page-content .row-marning{
    margin-top:45px
}
.page-content .row-gap-30{
    margin-left:-30px;
    margin-right:-30px
}
.page-content .row-gap-30 > .col{
    padding-left:30px;
    padding-right:30px
}
.lists-padding ul{
    padding-right:24px
}
@media (max-width: 1200px){
    .page-block{
        margin:70px auto 70px
    }
}
@media (max-width: 999px){
    .page-block{
        max-width:100%;
        margin:60px 65px 60px
    }
    .page-content .row-md{
        display:block
    }
    .page-content .row-md .col{
        max-width:100%
    }
    .lists-padding ul{
        padding-right:0
    }
    .page-block:first-child{
        margin-top:20px
    }
}
@media (max-width: 767px){
    .page-block{
        margin:50px 65px 50px
    }
    .page-content .row-sm{
        display:block
    }
    .page-content .row-sm .col{
        max-width:100%;
        margin-top:45px
    }
    .page-content .row-sm .col:first-child{
        margin-top:0
    }
    .lists-padding{
        margin-top:27px
    }
}
@media (max-width: 640px){
    .page-block{
        margin:40px 15px 40px
    }
    .page-block:first-child{
        margin-bottom:45px
    }
    .page-content .row-marning{
        margin-top:27px
    }
    .page-content .row-sm .col{
        margin-top:27px
    }
}
@media (max-width: 424px){
    .page-block{
        margin:40px 15px 40px
    }
}
.page-content{
    color:#262626;
    font-size:20px;
    line-height:1.5
}
.page-content>*:last-child{
    margin-bottom:80px
}
.page-content img{
    max-width:100%;
    display:block
}
.page-content a{
    color:var(--accent)
}
.page-content strong{
    font-weight:normal
}
.page-content p{
    line-height:1.5;
    margin-top:25px;
    margin-bottom:25px;
    font-size:20px;
    line-height:1.5
}
.page-content p:first-child{
    margin-top:0
}
.page-content p:last-child{
    margin-bottom:0
}
.page-content h3{
    font-size:28px;
    line-height:1.2;
    font-weight:bold;
    margin-bottom:25px;
    margin-top:47px
}
.page-content h3:first-child{
    margin-top:0
}
.page-content h4{
    font-weight:bold;
    margin-top:30px
}
.page-content h4 + p{
    margin-top:10px
}
.page-content h4 + ul.dot{
    margin-top:18px
}
.page-title{
    font-size:45px;
    line-height:1.33333333333333;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:37px
}
.page-title span{
    color:var(--accent);
    display:block
}
.page-content .big-text{
    font-size:25px;
    line-height:1.538461538461538
}
.page-block > .big-text{
    margin-top:50px;
    margin-bottom:50px
}
.page-block .row .big-text{
    margin-top:40px;
    margin-bottom:40px
}
.page-block .row .big-text:first-child{
    margin-top:0
}
.page-block .row .big-text:last-child{
    margin-bottom:0
}
.page-block p + .row .big-text:first-child{
    margin-top:20px
}
.page-content .big-text.-pink{
    color:var(--accent)
}
.page-content .big{
    font-size:45px;
    line-height:1.2;
    font-weight:bold;
    text-transform:uppercase;
    margin-top:67px;
    display:block;
    margin-bottom:18px
}
.page-content .big:first-child{
    margin-top:0
}
.page-projects li{
    padding-bottom:0;
    margin-top:20px
}
@media (max-width: 1200px){
    .page-title{
        font-size:40px
    }
    .page-content .big{
        font-size:40px
    }
    .page-content .big-text{
        font-size:24px
    }
}
@media (max-width: 999px){
    .page-block>.big-text{
        margin-top:50px;
        margin-bottom:50px
    }
    .page-title{
        font-size:38px
    }
    .page-content .big-text{
        font-size:22px
    }
    .page-content .big{
        font-size:36px
    }
    .page-content h3{
        font-size:24px
    }
    .page-content p{
        font-size:18px;
        margin-top:20px;
        margin-bottom:20px
    }
}
@media (max-width: 767px){
    .page-content h3 br{
        display:none
    }
    .page-title{
        font-size:35px;
        margin-bottom:20px
    }
    .page-content .big{
        font-size:32px
    }
    .page-content .big-text{
        font-size:21px
    }
    .page-block > .big-text{
        margin-top:40px;
        margin-bottom:40px
    }
    .page-block p + .row .big-text:first-child{
        margin-top:40px
    }
}
@media (max-width: 575px){
    .page-title{
        font-size:30px
    }
    .page-content p{
        font-size:16px;
        margin-top:10px;
        margin-bottom:10px
    }
    .page-content h3{
        font-size:22px;
        margin-top:27px;
        margin-bottom:15px
    }
    .page-content .big{
        font-size:30px
    }
    .page-content .big-text{
        font-size:19px;
        line-height:1.4;
        font-weight:normal
    }
}
@media (max-width: 424px){
    .page-content .big{
        font-size:26px
    }
    .page-title{
        font-size:26px
    }
}
.page-content ul{
    font-size:16px;
    line-height:1.25
}
.page-content li{
    list-style-type:none;
    position:relative;
    margin-bottom:20px;
    line-height:1.25;
    font-size:16px
}
.page-content .dot li:before{
    content:" ";
    background-image:url("data:image/svg+xml;
    charset=UTF-8,%3csvg width='6' height='7' viewBox='0 0 6 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath opacity='0.5' d='M3.04575 6.016C4.53375 6.016 5.71775 4.816 5.71775 3.344C5.71775 1.872 4.53375 0.672 3.04575 0.672C1.57375 0.672 0.37375 1.872 0.37375 3.344C0.37375 4.816 1.57375 6.016 3.04575 6.016Z' fill='%23000000'/%3e%3c/svg%3e ");
    background-repeat:no-repeat;
    background-position:0 6px;
    color:var(--accent);
    position:absolute;
    width:6px;
    height:100%;
    left:-15px
    }
    .page-content .counter{
    counter-reset:list 0
    }
    .page-content .counter li:before{
    counter-increment:list;
    content:counter(list) ". ";
    line-height:1.25;
    font-size:16px;
    color:var(--accent);
    opacity:0.5;
    position:absolute;
    left:-28px;
    width:20px;
    text-align:right
}
.page-content .dash li:before{
    content:"—";
    line-height:1.25;
    font-size:16px;
    color:var(--accent);
    font-weight:bold;
    opacity:0.5;
    position:absolute;
    left:-27px
}
.page-content .width{
    display:flex;
    flex-wrap:wrap
}
.page-content .width li{
    flex:0 0 50%;
    max-width:50%
}
.page-content .num{
    counter-reset:list 0;
    font-size:25px
}
.page-content .num li{
    font-size:20px;
    line-height:1.5;
    list-style-type:none;
    position:relative;
    margin-bottom:35px
}
.page-content .num li:before{
    counter-increment:list;
    content:counter(list);
    font-size:45px;
    line-height:0.7111111111111111;
    color:var(--accent);
    opacity:.5;
    font-weight:bold;
    position:absolute;
    left:-49px;
    top:0;
    text-align:right
}
.page-content .horizont{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.page-content .horizont li{
    margin-bottom:0;
    flex:0 0 30%
}
.page-projects ul{
    font-size:0
}
@media (max-width: 999px){
    .page-content .num li{
        font-size:18px
    }
}
@media (max-width: 767px){
    .page-content li{
        margin-bottom:10px
    }
    .page-content .horizont{
        display:block
    }
    .page-content .horizont li{
        margin-bottom:10px
    }
    .page-content .width{
        display:block
    }
    .page-content .width li{
        max-width:100%
    }
    .page-content .num li{
        margin-left:30px;
        font-size:16px;
        margin-bottom:25px
    }
    .page-content .num li:before{
        font-size:38px;
        left:-34px
    }
}
@media (max-width: 640px){
    .page-content .dot li{
        margin-left:15px
    }
    .page-content .counter li{
        margin-left:20px
    }
    .page-content .dash li{
        margin-left:20px
    }
    .page-content .dash li:before{
        font-size:14px;
        left:-20px
    }
    .page-content .num li:before{
        font-size:32px;
        top:2px
    }
}
@media (max-width: 424px){
    .page-content .num li{
        line-height:1.4
    }
}
.opinions__list:last-child{
    margin-bottom:100px
}
.opinions__list .page-title{
    margin-bottom:60px
}
.opinions__item{
    margin-bottom:65px
}
.item-opinions{
    display:flex;
    color:#262626
}
.item-opinions__l{
    flex:1
}
.item-opinions__r{
    flex:0 180px;
    padding-top:5px
}
.item-opinions__title{
    font-size:26px;
    margin-bottom:30px;
    color:#262626
}
.item-opinions__text{
    position:relative;
    padding-right:40px
}
.item-opinions__text:before{
    content:'«';
    position:absolute;
    left:-35px;
    top:-2px;
    color:var(--accent);
    font-size:36px;
    line-height:30px;
    font-weight:900
}
.item-opinions__text p{
    margin:0 0 13px 0
}
.item-opinions__text:last-child p{
    margin:0
}
.item-opinions__client{
    margin-top:17px
}
.client-opinions{
    display:flex;
    align-items:center;
    font-size:14px;
    line-height:1.428
}
.client-opinions__logo{
    padding-right:10px
}
.client-opinions__logo img{
    max-height:36px;
    max-width:none
}
.client-opinions__link{
    font-weight:bold
}
.client-opinions__link a:after{
    content:'';
    background-image:url("data:image/svg+xml;
    charset=UTF-8,%3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 5H12' stroke='%23000000' stroke-width='1.5'/%3e%3cpath d='M12 5C9.5 5 8 3.5 7 1' stroke='var(--accent)' stroke-width='1.5'/%3e%3cpath d='M12 5C9.5 5 8 6.5 7 9' stroke='var(--accent)' stroke-width='1.5'/%3e%3c/svg%3e ");
    background-repeat:no-repeat;
    background-position:center;
    width:12px;
    height:10px;
    display:inline-block;
    vertical-align:middle;
    margin-left:7px
    }
    .person-opinions{
    font-size:14px;
    line-height:1.57
    }
    .person-opinions__photo{
    margin-bottom:14px
    }
    .person-opinions__name{
    font-weight:bold
    }
    .person-opinions__position{
    font-style:italic
    }
    @media (max-width: 640px){
    .item-opinions{
        display:block
    }
    .item-opinions__text{
        padding-right:0
    }
    .item-opinions__text:before{
        left:0;
        top:-5px
    }
    .item-opinions__text p:first-child{
        text-indent:30px
    }
    .item-opinions__r{
        padding-top:25px
    }
    .item-opinions__r .person-opinions__photo{
        padding-top:4px
    }
}
    .project-item{
        position:relative;
        max-width:930px;
        margin:86px auto 86px
    }
    .project-item .about{
        position:absolute;
        color:#fff;
        top:0;
        right:0;
        width:320px;
        width:34.408602%;
        width:34.708602%;
        height:100%;
        display:flex;
        flex-direction:column;
        padding-top:78px;
        padding-bottom:40px;
        padding-right:50px;
        z-index:1
    }
    .project-item .about.black{
        color:#000
    }
    .project-item .about .name{
        font-size:28px;
        line-height:1.2;
        font-weight:bold;
        margin-bottom:18px;
        text-transform:uppercase;
        letter-spacing:.05em
    }
    .project-item .about span{
        font-size:16px;
        line-height:1.25;
        opacity:.8
    }
    .project-item .about .project-link__wrap{
        margin-top:auto;
        font-size:14px
    }
    .project-item .about a{
        display:inline-block;
        background:rgba(255, 255, 255, 0.6);
        color:rgba(0, 0, 0, 0.8);
        border-radius:3px;
        font-size:14px;
        height:32px;
        line-height:32px;
        text-decoration:none;
        padding-left:12px;
        position:relative;
        padding-right:32px;
        z-index:3;
        transition:background 0.2s
    }
    .project-item .about a:after{
        content:'';
        background-image:url("data:image/svg+xml;
        charset=UTF-8,%3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 5H12' stroke='black' stroke-width='1.5'/%3e%3cpath d='M12 5C9.5 5 8 3.5 7 1' stroke='black' stroke-width='1.5'/%3e%3cpath d='M12 5C9.5 5 8 6.5 7 9' stroke='black' stroke-width='1.5'/%3e%3c/svg%3e ");
        background-repeat:no-repeat;
        background-position:center;
        position:absolute;
        height:100%;
        width:12px;
        right:12px
        }
        .project-item .about a:not(.-soon):hover{
        background:rgba(255, 255, 255, 0.9)
    }
        .project-item .about a.-soon{
            padding-right:12px
        }
        .project-item .about a.-soon:after{
            display:none
        }
        .project-name{
            font-size:28px;
            line-height:1.071428571428571;
            font-weight:bold;
            color:#fff;
            text-transform:uppercase;
            position:absolute;
            bottom:35px;
            left:38px
        }
        .project-name.dark{
            color:#000
        }
        .project-link{
            display:inline-block;
            background:rgba(0, 0, 0, 0.6);
            color:rgba(255, 255, 255, 0.9);
            border-radius:3px;
            font-size:14px;
            height:32px;
            line-height:32px;
            text-decoration:none;
            padding-left:12px;
            padding-right:32px;
            transition:all 0.2s linear
        }
        .project-link:after{
            content:'';
            background-image:url("data:image/svg+xml;
            charset=UTF-8,%3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 5H12' stroke='white' stroke-width='1.5'/%3e%3cpath d='M12 5C9.5 5 8 3.5 7 1' stroke='white' stroke-width='1.5'/%3e%3cpath d='M12 5C9.5 5 8 6.5 7 9' stroke='white' stroke-width='1.5'/%3e%3c/svg%3e ");
            background-repeat:no-repeat;
            background-position:center;
            position:absolute;
            height:100%;
            width:12px;
            right:12px
            }
            .project-link:not(.-soon):hover{
            background:var(--accent);
            color:#fff
        }
            .project-link.-soon{
                padding-right:12px
            }
            .project-link.-soon:after{
                display:none
            }
            .project-item.-full .project-link__wrap{
                position:absolute;
                bottom:40px;
                right:35px;
                font-size:14px
            }
            .project-item.-full .project-link{
                color:rgba(255, 255, 255, 0.9)
            }
            .project-item .nook{
                position:absolute;
                z-index:0
            }
            .nook.kadashevskaya{
                width:19.56989247311828%;
                right:-2.365591397849462%;
                bottom:-17.55555555555556%
            }
            .nook.sheremet{
                width:40.10752688172043%;
                right:-1.612903225806452%;
                bottom:13.55555555555556%
            }
            .nook.raceway{
                width:51.39784946236559%;
                right:-3.655913978494624%;
                bottom:-14.88888888888889%
            }
            .nook.kvn{
                width:25.80645161290323%;
                bottom:-4.888888888888889%;
                right:-5.161290322580645%
            }
            .nook.soyuz{
                width:26.45161290322581%;
                right:-2.688172043010753%;
                bottom:-2.444444444444444%
            }
            .nook.sporthit{
                width:28%;
                right:16%;
                bottom:-30%
            }
            .nook.elektrika{
                width:39.67741935483871%;
                top:17.55555555555556%;
                right:-6.559139784946237%
            }
            .nook.soyuz1{
                width:8.602150537634409%;
                height:14.54545454545455%;
                top:12.66666666666667%;
                left:-4.301075268817204%
            }
            .nook.soyuz2{
                height:14.54545454545455%;
                right:-4.301075268817204%;
                width:19.35483870967742%;
                top:62.36363636363636%
            }
            .nook.shell{
                right:3%;
                width:16.5%;
                bottom:0
            }
            .nook svg{
                max-width:100%
            }
            @media (max-width: 1200px){
                .project-item{
                    margin:70px auto 70px
                }
                .project-name{
                    font-size:26px;
                    left:30px;
                    bottom:30px
                }
                .project-item.-full .project-link__wrap{
                    right:30px;
                    bottom:35px
                }
            }
            @media (max-width: 999px){
                .project-item{
                    max-width:100%;
                    margin:60px 5% 60px
                }
                .project-item .about{
                    padding-top:6.51022829200544%;
                    padding-right:4.340152194670293%
                }
                .project-item .about .name{
                    letter-spacing:0;
                    font-size:26px
                }
                .project-item .about .name_kvn{
                    font-size:24px
                }
                .project-item .about span{
                    font-size:15px;
                    opacity:.9;
                    line-height:1.3
                }
                .project-name{
                    font-size:22px;
                    line-height:1.2
                }
            }
            @media (max-width: 767px){
                .project-item{
                    margin:50px 7% 50px
                }
                .project-item .about{
                    position:static;
                    display:block;
                    width:100%;
                    color:#000;
                    padding:15px;
                    background:#f7f9f9
                }
                .project-item .about .name{
                    margin-bottom:5px
                }
                .project-item .about span{
                    display:block;
                    font-size:14px;
                    line-height:1.2
                }
                .project-item .about .name br{
                    display:none
                }
                .project-item .about span br{
                    display:none
                }
                .project-item .about .project-link__wrap{
                    margin-top:10px
                }
                .project-item .about a{
                    background:rgba(230, 230, 230, 1);
                    background:var(--accent);
                    color:#fff
                }
                .project-item .about a:after{
                    background-image:url("data:image/svg+xml;
                    charset=UTF-8,%3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 5H12' stroke='white' stroke-width='1.5'/%3e%3cpath d='M12 5C9.5 5 8 3.5 7 1' stroke='white' stroke-width='1.5'/%3e%3cpath d='M12 5C9.5 5 8 6.5 7 9' stroke='white' stroke-width='1.5'/%3e%3c/svg%3e ")
                    }
                    .project-item .nook{
                    display:none
                    }
                    .project-name{
                    text-transform:none;
                    bottom:12px;
                    left:15px;
                    max-width:280px;
                    font-size:20px
                    }
                    .project-item.-full .project-link__wrap{
                    bottom:15px;
                    right:15px
                    }
                    .project-link{
                    background:rgba(0, 0, 0, 0.5)
                }
                .project-item{
                    overflow:hidden
                }
                .project-item > img{
                    width:152%;
                    max-width:none
                }
                .project-item.-full > img{
                    width:100%;
                    max-width:100%
                }
            }
            @media (max-width: 640px){
                .project-item{
                    margin:40px 15px 40px
                }
                .project-item .about .name{
                    font-size:23px
                }
            }
            @media (max-width: 575px){
                .project-name{
                    top:15px;
                    left:0;
                    right:0;
                    max-width:100%;
                    padding:0 15px
                }
                .project-item.-full .project-link__wrap{
                    right:initial;
                    left:15px
                }
                .project-item.-full{
                    position:relative
                }
                .project-item.-full:before{
                    content:'';
                    position:absolute;
                    left:0;
                    top:0;
                    width:100%;
                    height:100%;
                    background-color:rgba(0,0,0,0.4)
                }
                .project-name.dark{
                    color:#fff
                }
            }
            .concept{
                position:relative;
                background-color:#070707;
                max-width:1200px;
                margin:0 auto
            }
            .concept:before{
                content:'';
                position:absolute;
                left:-100%;
                width:100%;
                height:100%;
                background-color:#070707;
                top:0
            }
            .concept:after{
                content:'';
                position:absolute;
                right:-100%;
                width:100%;
                height:100%;
                background-color:#070707;
                top:0
            }
            .concept__main{
                opacity:0.2
            }
            .concept__grass{
                opacity:0.2;
                position:absolute;
                left:0;
                bottom:0;
                width:100%
            }
            .concept__shade{
                position:absolute;
                left:0;
                top:0;
                width:100%;
                height:100%
            }
            .concept__shade:before{
                content:'';
                display:block;
                position:absolute;
                left:0;
                top:0;
                height:100%;
                width:27%;
                background:linear-gradient(90deg, #080808 0, rgba(8, 8, 8, 0) 100%)
            }
            .concept__shade:after{
                content:'';
                display:block;
                position:absolute;
                right:0;
                top:0;
                height:100%;
                width:27%;
                background:linear-gradient(270deg, #080808 0, rgba(8, 8, 8, 0) 100%)
            }
            .concept__logo{
                position:absolute;
                right:11%;
                top:50%;
                margin-top:-5%;
                width:19%
            }
            .concept__title{
                color:#fff;
                font-size:28px;
                line-height:1.392857142857143;
                font-weight:bold;
                text-align:center;
                position:absolute;
                width:100%;
                top:30px;
                text-transform:uppercase
            }
            @media (max-width: 999px){
                .concept{
                    padding-top:4%
                }
                .concept__logo{
                    margin-top:-3%
                }
            }
            @media (max-width: 767px){
                .concept__title{
                    font-size:20px
                }
                .concept{
                    padding-top:7%
                }
                .concept__logo{
                    margin-top:-2%
                }
            }
            @media (max-width: 575px){
                .concept__title{
                    font-size:16px;
                    line-height:1.5;
                    top:15px;
                    padding:0 30px
                }
            }
            @media (max-width: 424px){
                .concept__logo{
                    margin-top:0
                }
                .concept{
                    padding-top:10%
                }
                .concept__title{
                    padding:0 10px;
                    font-size:14px
                }
            }
            .brief-box{
                margin:86px auto 86px;
                background-color:var(--accent);
                color:#fff;
                padding:0 50px;
                position:relative
            }
            .brief-box:before{
                content:'';
                position:absolute;
                left:-100%;
                width:100%;
                height:100%;
                background-color:var(--accent);
                top:0
            }
            .brief-box:after{
                content:'';
                position:absolute;
                right:-100%;
                width:100%;
                height:100%;
                background-color:var(--accent);
                top:0
            }
            .brief{
                padding-top:40px;
                padding-bottom:45px;
                max-width:870px;
                margin:auto
            }
            .brief .links{
                display:flex;
                align-items:baseline;
                margin-top:20px
            }
            .brief .open-btn{
                text-align:center;
                margin-left:0;
                width:168px;
                height:54px;
                line-height:50px;
                border-radius:100px;
                border:3px solid #FFFFFF;
                background:0;
                color:#fff;
                font-size:14px;
                font-weight:bold;
                letter-spacing:.04em;
                text-transform:uppercase;
                cursor:pointer;
                transition:all 0.2s linear;
                font-family:var(--font)}
            .brief .open-btn:hover{
                background-color:#fff;
                color:#262626
            }
            .brief a{
                color:#fff;
                font-size:14px;
                font-weight:bold;
                text-decoration:none;
                border-bottom:1px solid;
                letter-spacing:.04em;
                text-transform:uppercase;
                margin-left:24px
            }
            .brief a.tel{
                border-bottom:0
            }
            @media (max-width: 1200px){
                .brief-box{
                    margin:70px auto 70px
                }
            }
            @media (max-width: 999px){
                .brief-box{
                    margin:60px auto 60px
                }
            }
            @media (max-width: 767px){
                .brief-box{
                    margin:50px auto 50px
                }
                .brief{
                    padding-left:0
                }
            }
            @media (max-width: 575px){
                .brief-box{
                    margin:40px auto 40px
                }
                .brief .links{
                    flex-wrap:wrap;
                    justify-content:space-between
                }
                .brief .open-btn{
                    width:100%;
                    margin-bottom:20px
                }
                .brief a{
                    margin-left:0
                }
            }
            @media (max-width: 424px){
                .brief-box{
                    margin:40px auto 40px;
                    padding:0 15px
                }
            }
            .replain-box{
                margin:86px auto 86px;
                background-color:var(--accent);
                color:#fff;
                position:relative
            }
            .replain-box:before{
                content:'';
                position:absolute;
                left:-100%;
                width:100%;
                height:100%;
                background-color:var(--accent);
                top:0
            }
            .replain-box:after{
                content:'';
                position:absolute;
                right:-100%;
                width:100%;
                height:100%;
                background-color:var(--accent);
                top:0
            }
            .replain{
                padding-top:30px;
                padding-bottom:30px;
                max-width:870px;
                margin:auto;
                min-height:210px;
                display:flex;
                align-items:center;
                justify-content:space-between
            }
            .replain a{
                color:inherit
            }
            .replain-text{
                font-size:28px;
                font-weight:900;
                line-height:1.25;
                padding-right:35px
            }
            .replain-btn .btn{
                border-width:3px;
                font-size:14px;
                font-weight:900;
                height:54px;
                line-height:50px;
                border-radius:27px;
                min-width:196px;
                text-align:center
            }
            @media (max-width: 999px){
                .replain{
                    padding-left:65px;
                    padding-right:65px
                }
                .replain-text br{
                    display:none
                }
            }
            @media (max-width: 767px){
                .replain{
                    padding-left:15px;
                    padding-right:15px;
                    display:block;
                    text-align:center;
                    min-height:auto;
                    padding-bottom:38px
                }
                .replain-text{
                    padding-right:0;
                    margin-bottom:27px
                }
            }
            @media (max-width: 640px){
                .replain-text{
                    font-size:24px
                }
            }
            .back-box + .brief-box{
                margin-top:0
            }
            .back-box > div{
                padding-bottom:70px;
                padding-top:80px;
                text-align:center
            }
            .back-box img{
                margin:auto
            }
            .back-box p{
                max-width:560px;
                margin:0 auto;
                line-height:1.5
            }
            .engineer{
                background-color:#ECF0F1;
                padding:0 15px;
                position:relative
            }
            .engineer > div{
                max-width:852px;
                margin:auto;
                background-position:center;
                background-repeat:repeat-y;
                background-size:100%;
                background-image:url("data:image/svg+xml,%3Csvg width='852' height='10' viewBox='0 0 852 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='10' fill='%23E2E7E8'/%3E%3Crect x='67' width='1' height='10' fill='%23E2E7E8'/%3E%3Crect x='98' width='1' height='10' fill='%23E2E7E8'/%3E%3Crect x='165' width='1' height='10' fill='%23E2E7E8'/%3E%3Crect x='196' width='1' height='10' fill='%23E2E7E8'/%3E%3Crect x='263' width='1' height='10' fill='%23E2E7E8'/%3E%3Crect x='294' width='1' height='10' fill='%23E2E7E8'/%3E%3Crect x='361' width='1' height='10' fill='%23E2E7E8'/%3E%3Crect x='392' width='1' height='10' fill='%23E2E7E8'/%3E%3Crect x='459' width='1' height='10' fill='%23E2E7E8'/%3E%3Crect x='490' width='1' height='10' fill='%23E2E7E8'/%3E%3Crect x='557' width='1' height='10' fill='%23E2E7E8'/%3E%3Crect x='588' width='1' height='10' fill='%23E2E7E8'/%3E%3Crect x='655' width='1' height='10' fill='%23E2E7E8'/%3E%3Crect x='686' width='1' height='10' fill='%23E2E7E8'/%3E%3Crect x='753' width='1' height='10' fill='%23E2E7E8'/%3E%3Crect x='784' width='1' height='10' fill='%23E2E7E8'/%3E%3Crect x='851' width='1' height='10' fill='%23E2E7E8'/%3E%3C/svg%3E%0A")
            }
            .engineer:before{
                content:'';
                position:absolute;
                left:-100%;
                width:100%;
                height:100%;
                background-color:#ECF0F1;
                top:0
            }
            .engineer:after{
                content:'';
                position:absolute;
                right:-100%;
                width:100%;
                height:100%;
                background-color:#ECF0F1;
                top:0
            }
            .engineering__img{
                margin:0 -28px
            }
            .stores{
                background-color:#F5F8F9;
                padding:0 30px;
                position:relative
            }
            .stores > div{
                margin:auto;
                max-width:946px
            }
            .stores:before{
                content:'';
                position:absolute;
                left:-100%;
                width:100%;
                height:100%;
                background-color:#F5F8F9;
                top:0
            }
            .stores:after{
                content:'';
                position:absolute;
                right:-100%;
                width:100%;
                height:100%;
                background-color:#F5F8F9;
                top:0
            }
            @media (max-width: 999px){
                .back-box > div{
                    padding-top:60px;
                    padding-bottom:60px
                }
            }
            @media (max-width: 575px){
                .back-box{
                    padding:0 15px
                }
                .back-box>div{
                    padding-top:50px;
                    padding-bottom:50px
                }
            }
            .online_stores .other-services{
                padding-top:22px;
                padding-left:50px
            }
            .other-services .links{
                display:flex;
                flex-wrap:wrap;
                margin-bottom:-20px
            }
            .other-services .links.d-block{
                display:block
            }
            .other-services a{
                font-size:16px;
                line-height:1.3;
                font-weight:bold;
                text-decoration:underline;
                color:var(--accent);
                position:relative;
                padding-left:20px;
                margin-right:30px;
                display:block;
                margin-bottom:15px
            }
            .other-services a:last-child{
                margin-right:0
            }
            .other-services a:before{
                content:'';
                background-image:url("data:image/svg+xml;
                charset=UTF-8,%3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 5H12' stroke='%23000000' stroke-width='1.5'/%3e%3cpath d='M12 5C9.5 5 8 3.5 7 1' stroke='%23000000' stroke-width='1.5'/%3e%3cpath d='M12 5C9.5 5 8 6.5 7 9' stroke='%23000000' stroke-width='1.5'/%3e%3c/svg%3e ");
                position:absolute;
                height:20px;
                width:12px;
                background-repeat:no-repeat;
                background-position:0 50%;
                top:0;
                left:0
                }
                .other-services a:hover{
                text-decoration:none
                }
                @media (max-width: 999px){
                .online_stores .other-services{
                    padding-left:20px
                }
            }
                @media (max-width: 767px){
                    .online_stores .other-services{
                        padding:0;
                        margin-top:67px
                    }
                    .other-services .links{
                        justify-content:flex-start
                    }
                    .other-services a{
                        width:48%;
                        margin-right:2%;
                        font-size:17px
                    }
                    .other-services .links.d-block{
                        margin-bottom:10px
                    }
                    .other-services .links.d-block a{
                        width:100%
                    }
                }
                @media (max-width: 575px){
                    .other-services a{
                        width:100%;
                        margin-right:0
                    }
                }
                .form-send{
                    display:block;
                    width:100%
                }
                .form-send__row{
                    margin-bottom:20px;
                    position:relative
                }
                .form-send .input{
                    font-family:var(--font);
                    display:block;
                    width:100%;
                    border:0;
                    border-bottom:3px solid var(--accent);
                    font-size:18px;
                    line-height:32px;
                    height:48px;
                    border-radius:0
                }
                .form-send .input.textarea{
                    height:100px;
                    line-height:normal;
                    resize:none;
                    padding-top:12px;
                    padding-bottom:12px
                }
                .form-send__error{
                    display:none;
                    color:red
                }
                .error + .form-send__error{
                    display:block;
                    font-size:14px;
                    margin-top:6px
                }
                .filename{
                    background:0;
                    border:0;
                    white-space:nowrap;
                    text-overflow:ellipsis;
                    display:inline-block;
                    width:24%;
                    margin-left:5px;
                    font-size:14px
                }
                .fake-btn{
                    line-height:24px;
                    color:var(--accent);
                    font-size:15px;
                    font-weight:bold;
                    border-bottom:1.5px dotted;
                    height:24px;
                    display:block;
                    margin-left:22px;
                    position:relative
                }
                .fake-btn:before{
                    content:'';
                    background-repeat:no-repeat;
                    background-position:0 50%;
                    position:absolute;
                    width:15px;
                    height:24px;
                    left:-22px;
                    top:1px;
                    background-image:url("data:image/svg+xml;
                    charset=UTF-8,%3csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.7246 6.97362L7.02429 13.6906C5.72424 14.99 3.60948 14.99 2.3101 13.6906C1.01071 12.3912 1.01004 10.2758 2.3101 8.97571L9.39572 1.91875C10.1758 1.13871 11.4445 1.13871 12.2245 1.91875C13.0039 2.69878 13.0045 3.96683 12.2245 4.74686L6.55294 10.3898C6.29293 10.6498 5.87024 10.6498 5.61023 10.3898C5.35022 10.1298 5.35022 9.70707 5.61023 9.44706L10.3391 4.74686L9.39572 3.80416L4.66686 8.50369C3.88549 9.28505 3.88616 10.5524 4.66686 11.3331C5.44756 12.1138 6.71428 12.1138 7.49498 11.3331L13.1665 5.69024C13.8179 5.03888 14.1426 4.18617 14.1426 3.33281C14.1426 1.48673 12.6452 0 10.8091 0C9.95575 0 9.10305 0.325347 8.45168 0.976707L1.36672 8.03233C0.456019 8.94437 0 10.1384 0 11.3331C0 13.9086 2.08675 16 4.66686 16C5.86158 16 7.05563 15.544 7.967 14.6333L14.6673 7.91633L13.7246 6.97362Z' fill='%23FF22A4'/%3e%3c/svg%3e ")
                    }
                    .file-upload{
                    position:relative;
                    overflow:hidden
                    }
                    .file-upload input[type="file"]{
                    display:none
                    }
                    .file-upload label{
                    display:inline-block;
                    flex:none
                    }
                    .file-upload label:hover{
                    cursor:pointer
                    }
                    .file-upload label:hover .fake-btn{
                    border-bottom:1.5px solid
                    }
                    .form-send .send-btn{
                    background:var(--accent);
                    border:3px solid var(--accent);
                    border-radius:100px;
                    font-size:14px;
                    letter-spacing:.04em;
                    text-transform:uppercase;
                    cursor:pointer;
                    color:#FFFFFF;
                    font-weight:bold;
                    display:inline-block;
                    padding:16px 20px;
                    flex:none;
                    transition:all 0.2s linear;
                    font-family:var(--font)}
                    .form-send .send-btn:hover{
                    background:#fff;
                    border:3px solid var(--accent);
                    color:var(--accent)
                    }
                    .form-send .send-form{
                    display:flex;
                    align-items:center;
                    margin-top:28px
                    }
                    .form-send .policy{
                    font-size:16px;
                    line-height:1.375;
                    display:inline-block;
                    margin-left:25px;
                    position:relative;
                    padding-left:24px;
                    text-wrap:balance
                    }
                    .form-send .policy input[type="checkbox"]{
                    position:absolute;
                    left:0;
                    top:2px;
                    width:16px;
                    height:16px
                    }
                    .form-send .policy a{
                    text-decoration:none
                    }
                    @media (max-width: 767px){
                    .filename{
                        width:48%
                    }
                    .form-send .policy{
                        font-size:14px;
                        margin-left:20px
                    }
                }
                    @media (max-width: 575px){
                        .form-send .send-form{
                            display:block
                        }
                        .form-send .send-btn{
                            margin:0 auto;
                            display:block;
                            width:100%
                        }
                        .form-send .policy{
                            margin-left:0;
                            display:block;
                            width:100%;
                            font-size:14px;
                            margin-top:24px
                        }
                        .filename{
                            width:42%
                        }
                    }
                    @media (min-width: 768px){
                        .service-support-img-1{
                            margin-bottom:-80px
                        }
                    }
                    .form-send__popup{
                        max-width:600px;
                        text-align:center;
                        margin:40px auto
                    }
                    .form-send__popup--title{
                        font-size:45px;
                        text-transform:uppercase;
                        font-weight:bold;
                        color:var(--accent);
                        margin-bottom:23px
                    }
                    .form-send__popup--text{
                        font-size:26px;
                        color:#000;
                        margin-bottom:83px
                    }
                    .form-send__popup--btn .btn{
                        color:#000;
                        height:70px;
                        line-height:68px;
                        font-size:14px;
                        border-radius:35px;
                        width:250px
                    }
                    .form-send__popup--btn .btn:hover{
                        color:var(--accent) !important;
                        border-color:var(--accent)
                    }
                    .mfp-bg{
                        background-color:#fff
                    }
                    .mfp-close{
                        color:#000;
                        opacity:1;
                        font-family:initial;
                        width:100px;
                        height:100px;
                        line-height:100px;
                        font-size:0;
                        top:0 !important
                    }
                    .mfp-close svg{
                        vertical-align:middle;
                        stroke:#000;
                        transition:stroke 0.1s linear
                    }
                    .mfp-close:hover svg{
                        stroke:var(--accent)
                    }
                    .mfp-zoom-in .mfp-content{
                        opacity:0;
                        -webkit-transition:all 0.35s ease-in-out;
                        transition:all 0.35s ease-in-out;
                        -webkit-transform:scale(0.8);
                        transform:scale(0.8)
                    }
                    .mfp-zoom-in.mfp-ready .mfp-content{
                        opacity:1;
                        -webkit-transform:scale(1);
                        transform:scale(1)
                    }
                    .mfp-zoom-in.mfp-removing .mfp-content{
                        -webkit-transform:scale(0.8);
                        transform:scale(0.8);
                        opacity:0
                    }
                    .mfp-zoom-in.mfp-bg{
                        opacity:0;
                        -webkit-transition:opacity 0.35s ease-out;
                        transition:opacity 0.35s ease-out
                    }
                    .mfp-zoom-in.mfp-ready.mfp-bg{
                        opacity:1
                    }
                    .mfp-zoom-in.mfp-removing.mfp-bg{
                        opacity:0
                    }
                    .mfp-zoom-in .mfp-arrow{
                        opacity:0;
                        -webkit-transition:all 0.35s ease-in-out;
                        transition:all 0.35s ease-in-out
                    }
                    .mfp-zoom-in.mfp-ready .mfp-arrow{
                        opacity:1
                    }
                    .mfp-zoom-in.mfp-removing .mfp-arrow{
                        opacity:0
                    }
                    .mfp-zoom-in .mfp-close{
                        opacity:0;
                        -webkit-transition:all 0.35s ease-in-out;
                        transition:all 0.35s ease-in-out
                    }
                    .mfp-zoom-in.mfp-ready .mfp-close{
                        opacity:1
                    }
                    .mfp-zoom-in.mfp-removing .mfp-close{
                        opacity:0
                    }