*,:after,:before{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    outline:none
}
body,figure,h1,h2,h3,h4,h5,h6,p{
    margin:0
}
dl,menu,ul,video{
    margin:0;
    padding:0
}
dl,menu,ul{
    list-style:none
}
input[type=search]::-webkit-search-cancel-button{
    display:none
}
button{
    padding:0;
    cursor:pointer;
    background:transparent
}
button,input,select{
    outline:none;
    border:none;
    font-size:inherit
}
input,select{
    border-radius:0;
    -webkit-appearance:none;
    background:none
}
button:active,button:focus,input:active,input:focus,textarea:active,textarea:focus{
    outline:none
}
address{
    font-style:normal;
    font-size:inherit
}
a{
    text-decoration:none;
    cursor:pointer;
    overflow-wrap:break-word;
    color:inherit
}
i{
    font-style:normal
}
img{
    max-width:100%;
    vertical-align:middle;
    border:none
}
.brands .item img,.tech-page .tech-about .logos .lazy-img,.tech-page .tech-stages img,.tech-page .tech .tech-content .tools .lazy-img{
    -o-object-fit:contain;
    object-fit:contain;
    -o-object-position:center;
    object-position:center;
    max-width:100%;
    height:auto;
    width:auto
}
.article-page .article-section .gallery .swiper-slide img,.btn-all .icon img,.footer .bottom .scroll-top .icon img,.link-arrow .icon img,.service .link .icon img,img{
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center;
    max-width:none;
    width:100%;
    height:100%
}
#nav,.placeholder{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.article-page .article-section .gallery .swiper-slide,.home-portfolio .portfolio-item .img-holder .anim-holder,.home-portfolio .portfolio-item .img-holder img:nth-child(2),.portfolio-content .row .img-holder img:nth-child(2),.portfolio-content .row .lazy-holder:before{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
body>*{
    font-size:16px;
    -ms-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    font-family:Manrope,sans-serif;
    color:#000000;
    line-height:1.4
}
@media screen and (min-width:768px){
    body>*{
        font-size:16px
    }
}
@media screen and (min-width:1920px){
    body>*{
        font-size:18px
    }
}
b{
    font-weight:600
}
button,input,label,textarea{
    font-family:Manrope,sans-serif;
    font-weight:400
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    color:#000000
}
.h2,h1,h2{
    font-weight:400;
    font-size:24px;
    line-height:1.4;
    letter-spacing:.01em;
    text-transform:uppercase;
    margin-bottom:28px
}
@media screen and (min-width:768px){
    .h2,h1,h2{
        font-size:40px;
        margin-bottom:40px
    }
}
@media screen and (min-width:1200px){
    .h2,h1,h2{
        font-size:44px
    }
}
@media screen and (min-width:1920px){
    .h2,h1,h2{
        font-size:64px
    }
}
.h3,h3{
    font-size:18px;
    font-weight:400;
    letter-spacing:.01em;
    text-transform:uppercase;
    margin-bottom:16px
}
@media screen and (min-width:768px){
    .h3,h3{
        font-size:28px
    }
}
@media screen and (min-width:1200px){
    .h3,h3{
        font-size:40px
    }
}
@media screen and (min-width:1920px){
    .h3,h3{
        font-size:54px
    }
}
.h4,h4{
    font-size:16px;
    font-weight:400;
    margin-bottom:16px;
    line-height:1.5;
    letter-spacing:.01em
}
@media screen and (min-width:1200px){
    .h4,h4{
        font-size:20px
    }
}
@media screen and (min-width:1920px){
    .h4,h4{
        font-size:26px
    }
}
@-webkit-keyframes Pre{
    0%{
        fill:#f9f6f0
    }
    50%{
        fill:#bfb8a8
    }
    to{
        fill:#f9f6f0
    }
}
@keyframes Pre{
    0%{
        fill:#f9f6f0
    }
    50%{
        fill:#bfb8a8
    }
    to{
        fill:#f9f6f0
    }
}
body{
    -webkit-overflow-scrolling:touch;
    -webkit-text-size-adjust:100%;
    position:relative;
    background:#f9f6f0
}
body.ovh{
    height:100vh;
    overflow:hidden
}
::-moz-selection{
    background:#051840;
    color:#fff
}
::selection{
    background:#051840;
    color:#fff
}
::-webkit-scrollbar{
    width:1px;
    height:1px
}
::-webkit-scrollbar-thumb{
    background-color:#000000
}
::-webkit-scrollbar-track{
    background-color:#f9f6f0
}
.hidden{
    display:none!important
}
main{
    padding-top:58px
}
@media screen and (min-width:768px){
    main{
        padding-top:79px
    }
}
@media screen and (min-width:1200px){
    main{
        padding-top:87px
    }
}
@media screen and (min-width:1920px){
    main{
        padding-top:104px
    }
}
.app-container.ovh{
    overflow-y:hidden
}
.container{
    padding:0 5vw
}
@media screen and (min-width:1200px){
    .container{
        padding:0 5.5vw
    }
}
.lazy-img{
    -webkit-transition:opacity .5s cubic-bezier(.37,.16,.12,1) .3s;
    -o-transition:opacity .5s .3s cubic-bezier(.37,.16,.12,1);
    transition:opacity .5s cubic-bezier(.37,.16,.12,1) .3s;
    will-change:opacity
}
.lazy-img[lazy=loading]{
    opacity:0
}
.lazy-img[lazy=loaded]{
    opacity:1
}
.fixed-circle{
    width:62px;
    height:62px;
    position:fixed;
    right:5vw;
    bottom:10vh;
    z-index:10;
    cursor:pointer
}
@media screen and (min-width:768px){
    .fixed-circle{
        width:86px;
        height:86px
    }
}
@media screen and (min-width:1200px){
    .fixed-circle{
        width:104px;
        height:104px
    }
}
@media screen and (min-width:1920px){
    .fixed-circle{
        width:145px;
        height:145px
    }
}
.fixed-circle svg{
    width:100%;
    height:100%
}
.fixed-circle.hidden{
    display:none
}
.scroll{
    text-transform:uppercase;
    color:#676052;
    font-weight:600;
    position:absolute;
    left:5vw;
    bottom:12vh;
    font-size:10px;
    letter-spacing:.1em
}
@media screen and (min-width:768px){
    .scroll{
        font-size:13px
    }
}
@media screen and (min-width:1200px){
    .scroll{
        left:5.5vw
    }
}
@media screen and (min-width:1920px){
    .scroll{
        font-size:18px
    }
}
.custom-list li{
    margin-bottom:8px;
    padding-left:20px;
    position:relative
}
@media screen and (min-width:768px){
    .custom-list li{
        margin-bottom:12px
    }
}
@media screen and (min-width:1920px){
    .custom-list li{
        margin-bottom:16px
    }
}
.custom-list li:before{
    content:"";
    position:absolute;
    left:0;
    top:7px;
    width:7px;
    height:4px;
    background-image:url("../img/list-icon.svg")
}
@media screen and (min-width:1920px){
    .custom-list li:before{
        top:11px
    }
}
.head-animate{
    overflow:hidden;
}
.head-animate:not(.first) {
    height: 100%;
    display: block;
    border: #10244e solid 3px;
    padding: 6px;
    padding-right: 40px;
}
.head-animate p{
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%);
    margin:0
}
.pagination{
    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-align:center;
    -ms-flex-align:center;
    align-items:center;
    grid-column:1/3
}
@media screen and (min-width:768px){
    .pagination{
        -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
    }
}
.pagination .link-style.active{
    color:#1550cf
}
.pagination .pagination-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.pagination li:not(:last-of-type){
    margin-right:40px
}
.pagination .show-more{
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    text-transform:uppercase;
    font-weight:600;
    margin-bottom:40px;
    font-size:14px
}
@media screen and (min-width:768px){
    .pagination .show-more{
        margin-right:96px;
        margin-bottom:0
    }
}
@media screen and (min-width:1920px){
    .pagination .show-more{
        font-size:18px
    }
}
.btn-primary{
    padding:16px;
    min-width:288px;
    max-width:-webkit-max-content;
    max-width:-moz-max-content;
    max-width:max-content;
    position:relative;
    display:block;
    font-size:13px;
    font-weight:600;
    text-align:center;
    letter-spacing:.1em
}
@media screen and (min-width:768px){
    .btn-primary{
        min-width:298px
    }
}
@media screen and (min-width:1920px){
    .btn-primary{
        min-width:370px;
        padding:19px;
        font-size:18px
    }
}
.btn-primary svg{
    height:100%;
    left:0;
    top:0;
    width:100%;
    position:absolute
}
.btn-primary rect{
    fill:none;
    stroke:#000000;
    stroke-width:2;
    stroke-dasharray:422,0;
    -webkit-transition:all .35s linear;
    -o-transition:all .35s linear;
    transition:all .35s linear
}
.btn-primary:hover{
    color:#1550cf
}
.btn-primary:hover rect{
    stroke:#1550cf;
    -webkit-transition:all 1.35s cubic-bezier(.19,1,.22,1);
    -o-transition:all 1.35s cubic-bezier(.19,1,.22,1);
    transition:all 1.35s cubic-bezier(.19,1,.22,1)
}
@media screen and (min-width:1200px){
    .btn-primary:hover rect{
        stroke-dasharray:170,520;
        stroke-dashoffset:273
    }
}
@media screen and (min-width:1920px){
    .btn-primary:hover rect{
        stroke-dasharray:193,605
    }
}
.link-arrow{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:13px;
    font-weight:600;
    max-width:-webkit-max-content;
    max-width:-moz-max-content;
    max-width:max-content
}
@media screen and (min-width:1920px){
    .link-arrow{
        margin-left:27vw;
        font-size:24px
    }
}
.link-arrow .icon{
    overflow:hidden;
    width:16px;
    height:16px;
    margin-left:20px
}
@media screen and (min-width:1920px){
    .link-arrow .icon{
        width:24px;
        height:24px
    }
}
.link-arrow .icon img{
    display:block;
    -webkit-transition:-webkit-transform .5s cubic-bezier(.03,.15,.16,.99);
    transition:-webkit-transform .5s cubic-bezier(.03,.15,.16,.99);
    -o-transition:transform .5s cubic-bezier(.03,.15,.16,.99);
    transition:transform .5s cubic-bezier(.03,.15,.16,.99);
    transition:transform .5s cubic-bezier(.03,.15,.16,.99),-webkit-transform .5s cubic-bezier(.03,.15,.16,.99)
}
.link-arrow .icon img:last-of-type{
    -webkit-transform:translate(-100%);
    -ms-transform:translate(-100%);
    transform:translate(-100%)
}
.link-arrow:hover img{
    -webkit-transform:translate(100%,-100%);
    -ms-transform:translate(100%,-100%);
    transform:translate(100%,-100%)
}
.link-arrow:hover img:last-of-type{
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%)
}
.show-more{
    letter-spacing:.1em
}
.animate-holder{
    overflow:hidden;
    cursor:pointer
}
.animate-holder .animate-text{
    display:block;
    line-height:1;
    overflow:hidden;
    position:relative
}
.animate-holder .animate-text .item:last-of-type{
    position:absolute;
    top:100%;
    right:0
}
.animate-holder .animate-text .word{
    display:inline-block;
    white-space:nowrap;
    margin-bottom:0
}
.animate-holder .animate-text .word:not(:last-of-type){
    margin-right:.2em
}
.animate-holder .animate-text .letter{
    display:inline-block
}
.btn-all{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:13px;
    font-weight:600;
    max-width:-webkit-max-content;
    max-width:-moz-max-content;
    max-width:max-content;
    text-transform:uppercase;
    letter-spacing:.1em
}
@media screen and (min-width:1920px){
    .btn-all{
        font-size:18px
    }
}
.btn-all .icon{
    overflow:hidden;
    width:16px;
    height:16px;
    margin-left:20px
}
@media screen and (min-width:1920px){
    .btn-all .icon{
        width:24px;
        height:24px
    }
}
.btn-all .icon img{
    display:block
}
.link-style{
    text-transform:uppercase;
    color:#000000;
    font-size:13px;
    font-weight:600;
    position:relative;
    -webkit-transition:color .7s linear;
    -o-transition:color .7s linear;
    transition:color .7s linear;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content
}
@media screen and (min-width:1920px){
    .link-style{
        font-size:18px
    }
}
.link-style:before{
    content:"";
    bottom:-1px;
    position:absolute;
    left:0;
    right:0;
    -webkit-transition:opacity .7s cubic-bezier(.19,1,.22,1),-webkit-transform .7s cubic-bezier(.19,1,.22,1);
    transition:opacity .7s cubic-bezier(.19,1,.22,1),-webkit-transform .7s cubic-bezier(.19,1,.22,1);
    -o-transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1);
    transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1);
    transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1),-webkit-transform .7s cubic-bezier(.19,1,.22,1);
    opacity:0;
    -webkit-transform:rotate(3deg) translate3d(0,3px,0) scaleX(.7);
    transform:rotate(3deg) translate3d(0,3px,0) scaleX(.7);
    border-bottom:1px solid #1550cf
}
.link-style:hover{
    color:#1550cf
}
.link-style:hover:before{
    opacity:1;
    -webkit-transform:rotate(0deg) translateZ(0) scale(1);
    transform:rotate(0deg) translateZ(0) scale(1)
}
.link-line{
    color:#000000;
    position:relative;
    -webkit-transition:color .7s linear;
    -o-transition:color .7s linear;
    transition:color .7s linear;
    display:inline-block
}
@media screen and (min-width:1920px){
    .link-line{
        font-size:18px
    }
}
.link-line:before{
    content:"";
    bottom:0;
    position:absolute;
    left:0;
    right:0;
    -webkit-transition:opacity .7s cubic-bezier(.19,1,.22,1),-webkit-transform .7s cubic-bezier(.19,1,.22,1);
    transition:opacity .7s cubic-bezier(.19,1,.22,1),-webkit-transform .7s cubic-bezier(.19,1,.22,1);
    -o-transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1);
    transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1);
    transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1),-webkit-transform .7s cubic-bezier(.19,1,.22,1);
    border-bottom:1px solid #000000
}
.link-line:hover{
    color:#1550cf
}
.link-line:hover:before{
    opacity:0;
    -webkit-transform:rotate(3deg) translate3d(0,3px,0) scaleX(.7);
    transform:rotate(3deg) translate3d(0,3px,0) scaleX(.7)
}
.custom-select{
    width:100%
}
.custom-select .selected{
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.custom-select .items{
    overflow:hidden;
    position:absolute;
    left:0;
    right:0;
    z-index:2
}
.custom-select .item{
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
form .head{
    margin-bottom:24px;
    color:#676052
}
form .form-item{
    position:relative;
    margin-bottom:16px
}
@media screen and (min-width:1200px){
    form .form-item{
        margin-bottom:24px
    }
}
@media screen and (min-width:1920px){
    form .form-item{
        margin-bottom:28px
    }
}
form .form-item.error{
    border-bottom:1px solid #1550cf
}
form .form-item.error:before{
    color:#1550cf
}
form .form-item.imp:before{
    content:"*";
    position:absolute;
    right:16px;
    top:16px;
    font-size:18px
}
@media screen and (min-width:1920px){
    form .form-item.imp:before{
        top:23px
    }
}
form input,form textarea{
    resize:none;
    border:none;
    padding:14px 16px;
    background:#f9f6f0;
    color:#676052;
    width:100%
}
@media screen and (min-width:1920px){
    form input,form textarea{
        padding:18px 36px
    }
}
form textarea{
    margin-bottom:16px;
    font-size:inherit
}
@media screen and (min-width:1200px){
    form textarea{
        margin-bottom:24px
    }
}
@media screen and (min-width:1920px){
    form textarea{
        margin-bottom:28px
    }
}
form textarea.error{
    border-bottom:1px solid #1550cf
}
form .tab-content .tab-control{
    padding-top:24px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    grid-row-gap:20px;
    -webkit-column-gap:20px;
    -moz-column-gap:20px;
    column-gap:20px;
    margin-bottom:24px
}
@media screen and (min-width:1200px){
    form .tab-content .tab-control{
        grid-template-columns:repeat(4,1fr);
        -webkit-column-gap:auto;
        -moz-column-gap:auto;
        column-gap:auto
    }
}
form .tab-content p{
    font-weight:600
}
form .tab-content .tab-control-item{
    padding-left:23px;
    position:relative;
    cursor:pointer
}
@media screen and (min-width:1920px){
    form .tab-content .tab-control-item{
        padding-left:31px
    }
}
form .tab-content .tab-control-item:after,form .tab-content .tab-control-item:before{
    content:"";
    position:absolute;
    width:16px;
    left:0;
    height:16px;
    border-radius:50%;
    border:1px solid #bfb8a8;
    background:#f9f6f0;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
@media screen and (min-width:1920px){
    form .tab-content .tab-control-item:after,form .tab-content .tab-control-item:before{
        width:23px;
        height:23px
    }
}
form .tab-content .tab-control-item:after{
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    background:#bfb8a8
}
form .tab-content .tab-control-item.active:after{
    -webkit-transform:scale(.6);
    -ms-transform:scale(.6);
    transform:scale(.6)
}
form .tab-content .tab-content-item{
    display:none
}
form .tab-content .tab-content-item.active{
    display:block
}
form .small-text{
    font-size:11px;
    color:#676052;
    margin-bottom:24px
}
@media screen and (min-width:1920px){
    form .small-text{
        margin-bottom:28px;
        font-size:14px
    }
}
.placeholder{
    z-index:110;
    background:rgba(45,45,45,.3);
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    visibility:hidden;
    opacity:0;
    -webkit-transition:all 0s;
    -o-transition:all 0s;
    transition:all 0s;
    cursor:url("/img/cursor-close.svg"),pointer
}
.popup-open .placeholder{
    visibility:visible;
    opacity:1;
    -webkit-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s
}
.popup-open .placeholder .popup{
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
.placeholder .close{
    width:20px;
    height:20px;
    position:absolute;
    top:40px;
    right:5vw;
    cursor:pointer
}
.placeholder .close:after,.placeholder .close:before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    border-bottom:1px solid #1550cf;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.placeholder .close:after{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.placeholder .popup{
    cursor:auto;
    max-width:446px;
    width:100%;
    height:100%;
    background:#f0ece4;
    padding:40px 5vw;
    overflow-y:auto;
    position:absolute;
    top:0;
    right:0;
    -webkit-transition:-webkit-transform 1s cubic-bezier(.16,1.08,.38,.98);
    transition:-webkit-transform 1s cubic-bezier(.16,1.08,.38,.98);
    -o-transition:transform 1s cubic-bezier(.16,1.08,.38,.98);
    transition:transform 1s cubic-bezier(.16,1.08,.38,.98);
    transition:transform 1s cubic-bezier(.16,1.08,.38,.98),-webkit-transform 1s cubic-bezier(.16,1.08,.38,.98);
    -webkit-transform:translateX(100%);
    -ms-transform:translateX(100%);
    transform:translateX(100%);
    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-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    opacity:0;
    visibility:hidden
}
@media screen and (min-width:1200px){
    .placeholder .popup{
        min-width:calc(389px + 11vw);
        padding:48px 5vw
    }
}
@media screen and (min-width:1920px){
    .placeholder .popup{
        min-width:723px;
        padding:100px
    }
}
.placeholder .popup.active{
    opacity:1;
    visibility:visible
}
.placeholder .popup .btn-primary{
    margin:0 auto
}
.faq{
    font-size:16px
}
@media screen and (min-width:768px){
    .faq{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        -webkit-column-gap:3vw;
        -moz-column-gap:3vw;
        column-gap:3vw;
        padding-top:80px;
        padding-bottom:80px
    }
}
@media screen and (min-width:1200px){
    .faq{
        grid-template-columns:auto 1fr;
        -webkit-column-gap:12vw;
        -moz-column-gap:12vw;
        column-gap:12vw;
        padding-top:96px;
        padding-bottom:96px
    }
}
@media screen and (min-width:1920px){
    .faq{
        -webkit-column-gap:11vw;
        -moz-column-gap:11vw;
        column-gap:11vw;
        font-size:18px;
        padding-top:140px;
        padding-bottom:140px
    }
}
.faq h3{
    margin-bottom:24px
}
@media screen and (min-width:768px){
    .faq h3{
        margin-bottom:32px
    }
}
@media screen and (min-width:1920px){
    .faq h3{
        margin-bottom:36px
    }
}
.faq .form-holder{
    color:#676052;
    padding-top:56px
}
@media screen and (min-width:768px){
    .faq .form-holder{
        padding-top:0;
        max-width:389px
    }
}
@media screen and (min-width:1920px){
    .faq .form-holder{
        max-width:522px
    }
}
.faq .form-holder .head{
    margin-bottom:32px
}
@media screen and (min-width:1920px){
    .faq .form-holder .head{
        margin-bottom:40px
    }
}
.faq .form-holder input,.faq .form-holder textarea{
    background:#f0ece4
}
.faq .form-holder .btn-primary{
    max-width:none;
    width:100%
}
@media screen and (min-width:1200px){
    .faq .form-holder .btn-primary:hover rect{
        stroke-dasharray:147,686
    }
}
@media screen and (min-width:1920px){
    .faq .form-holder .btn-primary:hover rect{
        stroke-dasharray:147,900
    }
}
.faq .accordion-holder{
    padding-top:56px;
    padding-bottom:56px
}
@media screen and (min-width:768px){
    .faq .accordion-holder{
        padding:0
    }
}
.faq .accordion .accordion-item{
    cursor:pointer;
    border-top:1px solid #bfb8a8;
    position:relative;
    color:#000000
}
.faq .accordion .accordion-item:last-of-type{
    border-bottom:1px solid #bfb8a8
}
.faq .accordion .accordion-content{
    color:#676052;
    letter-spacing:0;
    display:none;
    padding-bottom:24px
}
@media screen and (min-width:1200px){
    .faq .accordion .accordion-content{
        padding-bottom:34px
    }
}
@media screen and (min-width:1920px){
    .faq .accordion .accordion-content{
        padding-bottom:41px
    }
}
.faq .accordion .accordion-panel{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    position:relative;
    padding:24px 0;
    padding-right:25px
}
@media screen and (min-width:1200px){
    .faq .accordion .accordion-panel{
        padding:34px 0;
        padding-right:25px
    }
}
@media screen and (min-width:1920px){
    .faq .accordion .accordion-panel{
        padding:41px 0;
        padding-right:25px
    }
}
.faq .accordion .accordion-panel:before{
    content:"";
    position:absolute;
    right:2px;
    top:28px;
    width:8px;
    height:8px;
    border-right:1px solid #1550cf;
    border-bottom:1px solid #1550cf;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
@media screen and (min-width:1200px){
    .faq .accordion .accordion-panel:before{
        top:38px
    }
}
@media screen and (min-width:1920px){
    .faq .accordion .accordion-panel:before{
        width:10px;
        height:10px;
        top:41px
    }
}
.faq .accordion .accordion-panel.active:before{
    -webkit-transform:rotate(225deg);
    -ms-transform:rotate(225deg);
    transform:rotate(225deg)
}
.tnav{
    position:fixed;
    z-index:1000;
    right:15px;
    bottom:45px;
    overflow:hidden;
    width:100px
}
.tnav.active .tnav__link{
    display:block
}
.tnav__holder{
    overflow:auto;
    max-height:300px
}
.tnav__holder::-webkit-scrollbar{
    width:0;
    height:0
}
.tnav__btn,.tnav__link{
    text-align:center;
    width:100%;
    -webkit-transform-origin:bottom;
    -ms-transform-origin:bottom;
    transform-origin:bottom;
    margin-bottom:5px;
    padding:3px 5px;
    background:#fff;
    border:1px solid hsla(0,0%,100%,.1);
    color:#000000;
    font-size:14px;
    letter-spacing:.07em;
    -webkit-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.tnav__link{
    display:none
}
.tnav__btn{
    cursor:pointer
}
.swiper-container{
    margin-left:auto;
    margin-right:auto;
    position:relative;
    overflow:hidden;
    list-style:none;
    padding:0;
    z-index:1
}
.swiper-container-no-flexbox .swiper-slide{
    float:left
}
.swiper-container-vertical>.swiper-wrapper{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.swiper-wrapper{
    position:relative;
    width:100%;
    z-index:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    -o-transition-property:transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper{
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.swiper-container-multirow>.swiper-wrapper{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.swiper-container-free-mode>.swiper-wrapper{
    -webkit-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
    margin:0 auto
}
.swiper-slide{
    -ms-flex-negative:0;
    flex-shrink:0;
    width:100%;
    height:100%;
    position:relative;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    -o-transition-property:transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform
}
.swiper-slide-invisible-blank{
    visibility:hidden
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{
    height:auto
}
.swiper-container-autoheight .swiper-wrapper{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-transition-property:height,-webkit-transform;
    transition-property:height,-webkit-transform;
    -o-transition-property:transform,height;
    transition-property:transform,height;
    transition-property:transform,height,-webkit-transform
}
.swiper-container-3d{
    -webkit-perspective:1200px;
    perspective:1200px
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    pointer-events:none;
    z-index:10
}
.swiper-container-3d .swiper-slide-shadow-left{
    background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);
    background-image:-o-linear-gradient(right,rgba(0,0,0,.5),transparent);
    background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}
.swiper-container-3d .swiper-slide-shadow-right{
    background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
    background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);
    background-image:-o-linear-gradient(left,rgba(0,0,0,.5),transparent);
    background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}
.swiper-container-3d .swiper-slide-shadow-top{
    background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
    background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
    background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom{
    background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
    background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);
    background-image:-o-linear-gradient(top,rgba(0,0,0,.5),transparent);
    background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{
    -ms-touch-action:pan-y;
    touch-action:pan-y
}
.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{
    -ms-touch-action:pan-x;
    touch-action:pan-x
}
.swiper-button-next,.swiper-button-prev{
    position:absolute;
    top:50%;
    width:27px;
    height:44px;
    margin-top:-22px;
    z-index:10;
    cursor:pointer;
    background-size:27px 44px;
    background-position:50%;
    background-repeat:no-repeat
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
    opacity:.35;
    cursor:auto;
    pointer-events:none
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{
    background-image:url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left:10px;
    right:auto
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{
    background-image:url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right:10px;
    left:auto
}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{
    background-image:url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{
    background-image:url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{
    background-image:url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{
    background-image:url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-lock{
    display:none
}
.swiper-pagination{
    position:absolute;
    text-align:center;
    -webkit-transition:opacity .3s;
    -o-transition:.3s opacity;
    transition:opacity .3s;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    z-index:10
}
.swiper-pagination.swiper-pagination-hidden{
    opacity:0
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
    bottom:10px;
    left:0;
    width:100%
}
.swiper-pagination-bullets-dynamic{
    overflow:hidden;
    font-size:0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    -webkit-transform:scale(.33);
    -ms-transform:scale(.33);
    transform:scale(.33);
    position:relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{
    -webkit-transform:scale(.66);
    -ms-transform:scale(.66);
    transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{
    -webkit-transform:scale(.33);
    -ms-transform:scale(.33);
    transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{
    -webkit-transform:scale(.66);
    -ms-transform:scale(.66);
    transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
    -webkit-transform:scale(.33);
    -ms-transform:scale(.33);
    transform:scale(.33)
}
.swiper-pagination-bullet{
    width:8px;
    height:8px;
    display:inline-block;
    border-radius:100%;
    background:#000;
    opacity:.2
}
button.swiper-pagination-bullet{
    border:0;
    margin:0;
    padding:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet{
    cursor:pointer
}
.swiper-pagination-bullet-active{
    opacity:1;
    background:#007aff
}
.swiper-container-vertical>.swiper-pagination-bullets{
    right:10px;
    top:50%;
    -webkit-transform:translate3d(0,-50%,0);
    transform:translate3d(0,-50%,0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:6px 0;
    display:block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    display:inline-block;
    -webkit-transition:top .2s,-webkit-transform .2s;
    transition:top .2s,-webkit-transform .2s;
    -o-transition:.2s transform,.2s top;
    transition:transform .2s,top .2s;
    transition:transform .2s,top .2s,-webkit-transform .2s
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    white-space:nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    -webkit-transition:left .2s,-webkit-transform .2s;
    transition:left .2s,-webkit-transform .2s;
    -o-transition:.2s transform,.2s left;
    transition:transform .2s,left .2s;
    transition:transform .2s,left .2s,-webkit-transform .2s
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    -webkit-transition:right .2s,-webkit-transform .2s;
    transition:right .2s,-webkit-transform .2s;
    -o-transition:.2s transform,.2s right;
    transition:transform .2s,right .2s;
    transition:transform .2s,right .2s,-webkit-transform .2s
}
.swiper-pagination-progressbar{
    background:rgba(0,0,0,.25);
    position:absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background:#007aff;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:left top;
    -ms-transform-origin:left top;
    transform-origin:left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    -webkit-transform-origin:right top;
    -ms-transform-origin:right top;
    transform-origin:right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
    width:100%;
    height:4px;
    left:0;
    top:0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{
    width:4px;
    height:100%;
    left:0;
    top:0
}
.swiper-pagination-white .swiper-pagination-bullet-active{
    background:#fff
}
.swiper-pagination-progressbar.swiper-pagination-white{
    background:hsla(0,0%,100%,.25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{
    background:#fff
}
.swiper-pagination-black .swiper-pagination-bullet-active{
    background:#000
}
.swiper-pagination-progressbar.swiper-pagination-black{
    background:rgba(0,0,0,.25)
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{
    background:#000
}
.swiper-pagination-lock{
    display:none
}
.swiper-scrollbar{
    border-radius:10px;
    position:relative;
    -ms-touch-action:none;
    background:rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar{
    position:absolute;
    left:1%;
    bottom:3px;
    z-index:50;
    height:5px;
    width:98%
}
.swiper-container-vertical>.swiper-scrollbar{
    position:absolute;
    right:3px;
    top:1%;
    z-index:50;
    width:5px;
    height:98%
}
.swiper-scrollbar-drag{
    height:100%;
    width:100%;
    position:relative;
    background:rgba(0,0,0,.5);
    border-radius:10px;
    left:0;
    top:0
}
.swiper-scrollbar-cursor-drag{
    cursor:move
}
.swiper-scrollbar-lock{
    display:none
}
.swiper-zoom-container{
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{
    max-width:100%;
    max-height:100%;
    -o-object-fit:contain;
    object-fit:contain
}
.swiper-slide-zoomed{
    cursor:move
}
.swiper-lazy-preloader{
    width:42px;
    height:42px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-21px;
    margin-top:-21px;
    z-index:10;
    -webkit-transform-origin:50%;
    -ms-transform-origin:50%;
    transform-origin:50%;
    -webkit-animation:swiper-preloader-spin 1s steps(12) infinite;
    animation:swiper-preloader-spin 1s steps(12) infinite
}
.swiper-lazy-preloader:after{
    display:block;
    content:"";
    width:100%;
    height:100%;
    background-image:url("data:image/svg+xmlcharset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position:50%;
    background-size:100%;
    background-repeat:no-repeat
}
.swiper-lazy-preloader-white:after{
    background-image:url("data:image/svg+xmlcharset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin{
    to{
        -webkit-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
@keyframes swiper-preloader-spin{
    to{
        -webkit-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
.swiper-container .swiper-notification{
    position:absolute;
    left:0;
    top:0;
    pointer-events:none;
    opacity:0;
    z-index:-1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{
    -webkit-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.swiper-container-fade .swiper-slide{
    pointer-events:none;
    -webkit-transition-property:opacity;
    -o-transition-property:opacity;
    transition-property:opacity
}
.swiper-container-fade .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-container-cube{
    overflow:visible
}
.swiper-container-cube .swiper-slide{
    pointer-events:none;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:1;
    visibility:hidden;
    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0;
    width:100%;
    height:100%
}
.swiper-container-cube .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide{
    -webkit-transform-origin:100% 0;
    -ms-transform-origin:100% 0;
    transform-origin:100% 0
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{
    pointer-events:auto;
    visibility:visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{
    z-index:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.swiper-container-cube .swiper-cube-shadow{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:.6;
    -webkit-filter:blur(50px);
    filter:blur(50px);
    z-index:0
}
.swiper-container-flip{
    overflow:visible
}
.swiper-container-flip .swiper-slide{
    pointer-events:none;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:1
}
.swiper-container-flip .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{
    z-index:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.swiper-container-coverflow .swiper-wrapper{
    -ms-perspective:1200px
}
#header{
    position:fixed;
    left:0;
    right:0;
    background:#000;
    background:#f9f6f0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:16px 5vw;
    z-index:100
}
@media screen and (min-width:768px){
    #header{
        padding:26px 5vw
    }
}
@media screen and (min-width:1200px){
    #header{
        padding:30px 5.5vw
    }
}
@media screen and (min-width:1920px){
    #header{
        padding:35px 5.5vw
    }
}
#header .logo{
    position:relative;
    z-index:102
}
@media screen and (min-width:1200px){
    #header .logo{
        position:absolute;
        left:5.5vw;
        z-index:102;
        top:22px
    }
}
@media screen and (min-width:1920px){
    #header .logo{
        top:26px
    }
}
@media screen and (min-width:768px){
    #header .logo svg{
        width:92px;
        height:21px
    }
}
@media screen and (min-width:1920px){
    #header .logo svg{
        width:114px;
        height:26px
    }
}
#header .open-nav{
    z-index:102;
    font-size:12px;
    text-transform:uppercase;
    font-weight:600;
    overflow:hidden;
    letter-spacing:.1em;
    margin-bottom:3px
}
@media screen and (min-width:768px){
    #header .open-nav{
        font-size:13px
    }
}
@media screen and (min-width:1200px){
    #header .open-nav{
        display:none
    }
}
#header .open-nav .content{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    text-align:right
}
#header .open-nav .col,#header .open-nav .content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
#header .open-nav .col{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:12px;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-transition:-webkit-transform .3s .3s;
    transition:-webkit-transform .3s .3s;
    -o-transition:transform .3s .3s;
    transition:transform .3s .3s;
    transition:transform .3s .3s,-webkit-transform .3s .3s;
    min-width:70px;
    margin-right:12px
}
@media screen and (min-width:768px){
    #header .open-nav .col{
        height:13px
    }
}
#header .open-nav .animate-holder{
    -ms-flex-negative:0;
    flex-shrink:0
}
#header .open-nav .animate-holder:last-of-type{
    opacity:0
}
#header .open-nav .icon{
    position:relative;
    width:13px;
    display:block;
    height:6px;
    -webkit-transition:-webkit-transform .3s;
    transition:-webkit-transform .3s;
    -o-transition:transform .3s;
    transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s;
    margin-bottom:3px
}
@media screen and (min-width:768px){
    #header .open-nav .icon{
        width:17px;
        height:8px
    }
}
#header .open-nav .icon:after,#header .open-nav .icon:before{
    content:"";
    position:absolute;
    width:100%;
    border-bottom:1px solid #1550cf;
    top:0;
    right:0;
    -webkit-transition:top .3s .4s,-webkit-transform .3s .3s;
    transition:top .3s .4s,-webkit-transform .3s .3s;
    -o-transition:top .3s .4s,transform .3s .3s;
    transition:top .3s .4s,transform .3s .3s;
    transition:top .3s .4s,transform .3s .3s,-webkit-transform .3s .3s
}
#header .open-nav .icon:after{
    top:100%
}
#header .open-nav.active .col{
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%)
}
#header .open-nav.active .animate-holder{
    -webkit-transition:opacity .1s .4s;
    -o-transition:opacity .1s .4s;
    transition:opacity .1s .4s
}
#header .open-nav.active .animate-holder:last-of-type{
    opacity:1
}
#header .open-nav.active .icon{
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transition:-webkit-transform .3s .4s;
    transition:-webkit-transform .3s .4s;
    -o-transition:transform .3s .4s;
    transition:transform .3s .4s;
    transition:transform .3s .4s,-webkit-transform .3s .4s
}
#header .open-nav.active .icon:after,#header .open-nav.active .icon:before{
    top:5px
}
#header .open-nav.active .icon:before{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transition:top .3s 0s,-webkit-transform .3s .3s;
    transition:top .3s 0s,-webkit-transform .3s .3s;
    -o-transition:top .3s 0s,transform .3s .3s;
    transition:top .3s 0s,transform .3s .3s;
    transition:top .3s 0s,transform .3s .3s,-webkit-transform .3s .3s
}
#header .open-nav.active .icon:after{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transition:top .3s 0s,-webkit-transform .3s .4s;
    transition:top .3s 0s,-webkit-transform .3s .4s;
    -o-transition:top .3s 0s,transform .3s .4s;
    transition:top .3s 0s,transform .3s .4s;
    transition:top .3s 0s,transform .3s .4s,-webkit-transform .3s .4s
}
.footer.seo-hide .contacts-list{
    grid-column:2/3
}
.footer.seo-hide .top{
    background:none
}
@media screen and (min-width:1200px){
    .footer.seo-hide .top{
        grid-template-columns:2fr 1fr!important
    }
}
@media screen and (min-width:1200px){
    .footer.seo-hide .top h2{
        max-width:630px
    }
}
@media screen and (min-width:1920px){
    .footer.seo-hide .top h2{
        max-width:730px
    }
}
.footer.seo-hide .bottom,.footer .top{
    background:#f0ece4
}
.footer .top{
    padding-top:60px;
    padding-bottom:60px;
    position:relative
}
@media screen and (min-width:768px){
    .footer .top{
        padding-top:80px;
        padding-bottom:80px;
        display:grid;
        grid-template-columns:auto auto;
        grid-row-gap:60px
    }
}
@media screen and (min-width:1200px){
    .footer .top{
        display:grid;
        grid-template-columns:1fr auto 1fr;
        -webkit-column-gap:11vw;
        -moz-column-gap:11vw;
        column-gap:11vw;
        padding-top:75px;
        padding-bottom:105px
    }
}
@media screen and (min-width:1920px){
    .footer .top{
        padding-top:120px;
        padding-bottom:120px
    }
}
.footer .top.next-active{
    padding-top:160px;
    position:relative
}
@media screen and (min-width:768px){
    .footer .top.next-active{
        padding-top:240px
    }
}
@media screen and (min-width:1200px){
    .footer .top.next-active{
        padding-top:88px
    }
}
.footer .top .next-page{
    padding:0 5vw 32px;
    position:absolute;
    top:0;
    background:#f9f6f0;
    left:0;
    right:0;
    z-index:1;
    color:#676052
}
@media screen and (min-width:768px){
    .footer .top .next-page{
        padding-bottom:60px
    }
}
@media screen and (min-width:1200px){
    .footer .top .next-page{
        top:0;
        right:0;
        bottom:0;
        left:auto;
        width:37vw;
        padding-left:57px;
        padding-top:88px
    }
}
.footer .top .next-page h2{
    margin-bottom:35px
}
.footer .top .next-page .content{
    max-width:-webkit-max-content;
    max-width:-moz-max-content;
    max-width:max-content;
    position:relative
}
.footer .top .next-page .text{
    margin-bottom:21px
}
.footer .top .next-page .img{
    width:38px;
    height:38px;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    left:calc(100% + 54px);
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
@media screen and (min-width:768px){
    .footer .top .next-page .img{
        width:60px;
        height:60px
    }
}
@media screen and (min-width:1200px){
    .footer .top .next-page .img{
        position:static;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
        width:50px;
        height:50px
    }
}
.footer .top .next-page .img img{
    -webkit-transition:all .7s cubic-bezier(.03,.15,.16,.99);
    -o-transition:all .7s cubic-bezier(.03,.15,.16,.99);
    transition:all .7s cubic-bezier(.03,.15,.16,.99);
    -ms-flex-negative:0;
    flex-shrink:0;
    -webkit-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%)
}
.footer .top .next-page:hover img{
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
.footer .top h2{
    max-width:388px
}
@media screen and (min-width:1920px){
    .footer .top h2{
        max-width:526px
    }
}
.footer .top .contacts-list{
    margin:50px 0 40px;
    color:#676052;
    font-size:14px
}
@media screen and (min-width:768px){
    .footer .top .contacts-list{
        width:-webkit-max-content;
        width:-moz-max-content;
        width:max-content;
        margin:0
    }
}
@media screen and (min-width:1920px){
    .footer .top .contacts-list{
        font-size:18px
    }
}
.footer .top .contacts-list li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.footer .top .contacts-list li:not(:last-of-type){
    margin-bottom:30px
}
@media screen and (min-width:768px){
    .footer .top .contacts-list li:not(:last-of-type){
        margin-bottom:40px
    }
}
.footer .top .contacts-list.simple li:not(:last-of-type){
    margin-bottom:15px
}
@media screen and (min-width:768px){
    .footer .top .contacts-list.simple li:not(:last-of-type){
        margin-bottom:25px
    }
}
@media screen and (min-width:1920px){
    .footer .top .contacts-list.simple li:not(:last-of-type){
        margin-bottom:32px
    }
}
.footer .top .contacts-list .head{
    margin-bottom:7px;
    letter-spacing:normal
}
@media screen and (min-width:1920px){
    .footer .top .contacts-list .head{
        margin-bottom:12px
    }
}
.footer .top .contacts-list .link{
    text-transform:uppercase;
    color:#000000;
    font-size:13px;
    font-weight:600;
    position:relative;
    -webkit-transition:color .7s linear;
    -o-transition:color .7s linear;
    transition:color .7s linear;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    letter-spacing:.1em
}
@media screen and (min-width:1920px){
    .footer .top .contacts-list .link{
        font-size:18px
    }
}
.footer .top .contacts-list .link:not(:last-of-type){
    margin-bottom:16px
}
@media screen and (min-width:1920px){
    .footer .top .contacts-list .link:not(:last-of-type){
        margin-bottom:20px
    }
}
.footer .top .contacts-list .link:before{
    content:"";
    bottom:-1px;
    position:absolute;
    left:0;
    right:0;
    -webkit-transition:opacity .7s cubic-bezier(.19,1,.22,1),-webkit-transform .7s cubic-bezier(.19,1,.22,1);
    transition:opacity .7s cubic-bezier(.19,1,.22,1),-webkit-transform .7s cubic-bezier(.19,1,.22,1);
    -o-transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1);
    transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1);
    transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1),-webkit-transform .7s cubic-bezier(.19,1,.22,1);
    opacity:0;
    -webkit-transform:rotate(3deg) translate3d(0,3px,0) scaleX(.7);
    transform:rotate(3deg) translate3d(0,3px,0) scaleX(.7);
    border-bottom:1px solid #1550cf
}
.footer .top .contacts-list .link:hover{
    color:#1550cf
}
.footer .top .contacts-list .link:hover:before{
    opacity:1;
    -webkit-transform:rotate(0deg) translateZ(0) scale(1);
    transform:rotate(0deg) translateZ(0) scale(1)
}
.footer .top .seo-text{
    color:#676052;
    font-size:11px;
    max-height:90px;
    overflow-y:auto;
    padding-right:10px
}
@media screen and (min-width:768px){
    .footer .top .seo-text{
        max-height:71px;
        grid-column:1/3
    }
}
@media screen and (min-width:1200px){
    .footer .top .seo-text{
        padding-right:24px;
        max-width:390px;
        margin-left:auto;
        grid-column:auto;
        max-height:271px
    }
}
@media screen and (min-width:1920px){
    .footer .top .seo-text{
        font-size:14px;
        max-height:356px;
        max-width:523px
    }
}
.footer .top .seo-text .h2,.footer .top .seo-text h2{
    font-size:13px;
    margin-bottom:16px;
    letter-spacing:.01em;
    color:#676052;
    font-weight:600;
    text-transform:none
}
@media screen and (min-width:1920px){
    .footer .top .seo-text .h2,.footer .top .seo-text h2{
        font-size:25px
    }
}
.footer .top .seo-text .h3,.footer .top .seo-text h3{
    font-size:12px;
    margin-bottom:10px;
    letter-spacing:.01em;
    color:#676052;
    font-weight:600;
    text-transform:none
}
@media screen and (min-width:1920px){
    .footer .top .seo-text .h3,.footer .top .seo-text h3{
        font-size:20px
    }
}
.footer .top .seo-text p{
    margin-bottom:24px
}
.footer .top .seo-text h6{
    font-size:11px;
    letter-spacing:.01em;
    color:#676052;
    margin-bottom:8px
}
@media screen and (min-width:1920px){
    .footer .top .seo-text h6{
        font-size:14px;
        margin-bottom:16px
    }
}
.footer .bottom{
    padding-top:24px;
    padding-bottom:24px;
    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-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center
}
@media screen and (min-width:768px){
    .footer .bottom{
        padding-top:32px;
        padding-bottom:32px;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
.footer .bottom .scroll-top{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    font-weight:600;
    font-size:13px;
    margin-bottom:19px;
    letter-spacing:.1em
}
@media screen and (min-width:768px){
    .footer .bottom .scroll-top{
        margin-bottom:0;
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
}
@media screen and (min-width:1920px){
    .footer .bottom .scroll-top{
        font-size:18px
    }
}
.footer .bottom .scroll-top .icon{
    overflow:hidden;
    width:26px;
    height:26px;
    margin-right:15px
}
@media screen and (min-width:1920px){
    .footer .bottom .scroll-top .icon{
        width:24px;
        height:24px
    }
}
.footer .bottom .scroll-top .icon img{
    display:block
}
.footer .bottom .copy{
    font-size:10px;
    color:#676052
}
@media screen and (min-width:768px){
    .footer .bottom .copy{
        font-size:14px
    }
}
@media screen and (min-width:1920px){
    .footer .bottom .copy{
        font-size:18px
    }
}
#nav{
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    -webkit-transition:all .7s cubic-bezier(.03,.15,.16,.99);
    -o-transition:all .7s cubic-bezier(.03,.15,.16,.99);
    transition:all .7s cubic-bezier(.03,.15,.16,.99);
    background:#f0ece4;
    z-index:101;
    text-transform:uppercase;
    font-weight:600;
    font-size:18px;
    letter-spacing:.1em;
    padding-bottom:82px
}
@media screen and (min-width:768px){
    #nav{
        font-size:32px
    }
}
@media screen and (min-width:1200px){
    #nav{
        font-size:13px;
        position:relative;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
        background:none;
        padding-bottom:0;
        -webkit-box-flex:1;
        -ms-flex-positive:1;
        flex-grow:1
    }
}
@media screen and (min-width:1920px){
    #nav{
        font-size:18px
    }
}
#nav.active{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
#nav .nav-list{
    height:100%;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
@media screen and (min-width:1200px){
    #nav .nav-list{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
#nav .nav-item{
    position:relative;
    letter-spacing:.1em
}
#nav .nav-item:not(:last-of-type){
    margin-bottom:24px
}
@media screen and (min-width:768px){
    #nav .nav-item:not(:last-of-type){
        margin-bottom:43px
    }
}
@media screen and (min-width:1200px){
    #nav .nav-item:not(:last-of-type){
        margin-bottom:0;
        margin-right:5vw
    }
}
#nav .nav-item .counter{
    font-size:20px;
    position:absolute;
    right:-27px;
    color:#1550cf;
    top:-9px;
    line-height:1
}
@media screen and (min-width:768px){
    #nav .nav-item .counter{
        font-size:24px
    }
}
@media screen and (min-width:1200px){
    #nav .nav-item .counter{
        font-size:13px;
        right:-19px;
        top:-5px
    }
}
@media screen and (min-width:1920px){
    #nav .nav-item .counter{
        font-size:14px
    }
}
#nav .nav-item a{
    display:block
}
#nav .lang{
    position:absolute;
    left:0;
    right:0;
    bottom:32px;
    font-weight:600;
    font-size:12px;
    line-height:1;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:#000000;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media screen and (min-width:1200px){
    #nav .lang{
        right:0;
        left:auto;
        bottom:0
    }
}
@media screen and (min-width:1920px){
    #nav .lang{
        font-size:17px
    }
}
#nav .lang .lang-item{
    display:block;
    margin:0 20px;
    -webkit-transition:color .5s ease;
    -o-transition:color .5s ease;
    transition:color .5s ease
}
@media screen and (min-width:1200px){
    #nav .lang .lang-item{
        margin:0 8px
    }
}
@media screen and (min-width:1920px){
    #nav .lang .lang-item{
        margin:0 12px
    }
}
#nav .lang .lang-item.active,#nav .lang .lang-item:hover{
    color:#1550cf
}
.hero-section{
    background: #f9f6f0;
    min-height:calc(var(--vh, 1vh) * 100 - 58px);
    padding:0 5vw;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    /* -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center; */
    position:relative;
    overflow:hidden;
    padding-right:3vw
}
@media screen and (min-width:768px){
    .hero-section{
        min-height:calc(var(--vh, 1vh) * 100 - 79px)
    }
}
@media screen and (min-width:1200px){
    .hero-section{
        /* background: url(../img/hero-bg.jpeg)  right no-repeat, #f9f6f0;
        background-size: 50vw; */
        min-height:calc(100vh - 87px)
    }
}
.hero-section h1{
    font-size:32px;
    font-weight:100;
    letter-spacing:.03em;
    line-height:1.25;
    max-width:1000px;
    /* background:#f9f6f0; */
    position:relative;
    z-index:2
}
.hero-section h1::after {
    /* content: ''; */
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #f9f6f0;
    filter: blur(80px);
    z-index: -1;
}
@media screen and (min-width:768px){
    .hero-section h1{
        font-size:72px
    }
}
@media screen and (min-width:1200px){
    .hero-section h1{
        -webkit-transform:translateY(-10%);
        -ms-transform:translateY(-10%);
        transform:translateY(-10%);
        font-size:78px
    }
}
@media screen and (min-width:1920px){
    .hero-section h1{
        font-size:120px;
        max-width:1300px
    }
}
.hero-section h1 b{
    font-weight:400!important
}
.hero-section .second{
    margin-left:auto;
    max-width:-webkit-max-content;
    max-width:-moz-max-content;
    max-width:max-content
}
.hero-section .row{
    overflow:hidden
}
.hero-section .second .text{
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%);
    display:block
}
.hero-section .scroll{
    opacity:0
}
.service{
    background:#f0ece4;
    padding-top:56px;
    padding-bottom:56px
}
@media screen and (min-width:768px){
    .service{
        padding-top:80px;
        padding-bottom:80px;
        font-size:24px
    }
}
@media screen and (min-width:1200px){
    .service{
        display:grid;
        grid-template-columns:auto 1fr;
        -webkit-column-gap:14vw;
        -moz-column-gap:14vw;
        column-gap:12vw;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        padding-top:96px;
        padding-bottom:96px
    }
}
@media screen and (min-width:1920px){
    .service{
        padding-top:120px;
        padding-bottom:120px;
        font-size:32px
    }
}
.service .links-item{
    overflow:hidden
}
.service .links-item:first-of-type{
    border-top:1px solid #bfb8a8
}
.service .link{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:28px 0;
    border-bottom:1px solid #bfb8a8
}
@media screen and (min-width:768px){
    .service .link{
        padding:48px 0;
    }
}
@media screen and (min-width:1920px){
    .service .link{
        padding:60px 0;
    }
}
.service .link.animate-line{
    -webkit-transform:translateY(-200%) rotate(7deg);
    -ms-transform:translateY(-200%) rotate(7deg);
    transform:translateY(-200%) rotate(7deg);
    -webkit-transform-origin:left;
    -ms-transform-origin:left;
    transform-origin:left;
    opacity:0
}
.service .link .number{
    color:#1550cf;
    font-size:14px
}
@media screen and (min-width:1920px){
    .service .link .number{
        font-size:18px
    }
}
.service .link .name{
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    margin: 0 10%;
}
.service .link .icon{
    overflow:hidden;
    width:16px;
    height:16px
}
@media screen and (min-width:768px){
    .service .link .icon{
        width:27px;
        height:27px
    }
}
@media screen and (min-width:1920px){
    .service .link .icon{
        width:37px;
        height:37px
    }
}
.service .link .icon img{
    display:block;
    -webkit-transition:-webkit-transform .5s cubic-bezier(.03,.15,.16,.99);
    transition:-webkit-transform .5s cubic-bezier(.03,.15,.16,.99);
    -o-transition:transform .5s cubic-bezier(.03,.15,.16,.99);
    transition:transform .5s cubic-bezier(.03,.15,.16,.99);
    transition:transform .5s cubic-bezier(.03,.15,.16,.99),-webkit-transform .5s cubic-bezier(.03,.15,.16,.99)
}
.service .link .icon img:last-of-type{
    -webkit-transform:translate(-100%);
    -ms-transform:translate(-100%);
    transform:translate(-100%)
}
.service .link:hover .icon img{
    -webkit-transform:translate(100%,-100%);
    -ms-transform:translate(100%,-100%);
    transform:translate(100%,-100%)
}
.service .link:hover .icon img:last-of-type{
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%)
}
.home-portfolio{
    padding-top:60px;
    padding-bottom:60px;
    overflow:hidden
}
@media screen and (min-width:768px){
    .home-portfolio{
        padding-top:80px;
        padding-bottom:80px
    }
}
@media screen and (min-width:1200px){
    .home-portfolio{
        padding-top:113px;
        padding-bottom:113px
    }
}
@media screen and (min-width:1920px){
    .home-portfolio{
        padding-top:140px;
        padding-bottom:140px
    }
}
@media screen and (min-width:768px){
    .home-portfolio h2{
        text-align:center
    }
}
@media screen and (min-width:1200px){
    .home-portfolio h2{
        margin-bottom:45px
    }
}
@media screen and (min-width:1920px){
    .home-portfolio h2{
        margin-bottom:64px
    }
}
.home-portfolio .items{
    margin-bottom:40px
}
@media screen and (min-width:768px){
    .home-portfolio .items{
        margin-bottom:60px
    }
}
@media screen and (min-width:1200px){
    .home-portfolio .items{
        margin-bottom:80px
    }
}
@media screen and (min-width:1920px){
    .home-portfolio .items{
        margin-bottom:128px
    }
}
.home-portfolio .portfolio-item{
    font-size:10px;
    text-transform:uppercase;
    font-weight:500;
    color:#bfb8a8;
    display:block
}
@media screen and (min-width:768px){
    .home-portfolio .portfolio-item{
        display:grid;
        grid-template-columns:61vw auto;
        -webkit-column-gap:50px;
        -moz-column-gap:50px;
        column-gap:50px;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        font-size:13px
    }
}
@media screen and (min-width:1200px){
    .home-portfolio .portfolio-item{
        grid-template-columns:59vw auto;
        -webkit-column-gap:104px;
        -moz-column-gap:104px;
        column-gap:104px
    }
}
@media screen and (min-width:1920px){
    .home-portfolio .portfolio-item{
        -webkit-column-gap:128px;
        -moz-column-gap:128px;
        column-gap:128px;
        grid-template-columns:62vw auto;
        font-size:18px
    }
}
@media screen and (min-width:768px){
    .home-portfolio .portfolio-item:nth-child(2n){
        grid-template-columns:auto 61vw
    }
}
@media screen and (min-width:1200px){
    .home-portfolio .portfolio-item:nth-child(2n){
        grid-template-columns:auto 59vw
    }
}
@media screen and (min-width:1920px){
    .home-portfolio .portfolio-item:nth-child(2n){
        grid-template-columns:auto 62vw
    }
}
@media screen and (min-width:768px){
    .home-portfolio .portfolio-item:nth-child(2n) .head{
        margin:0;
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
}
@media screen and (min-width:768px){
    .home-portfolio .portfolio-item:nth-child(2n) .text{
        left:0;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
@media screen and (min-width:1200px){
    .home-portfolio .portfolio-item:nth-child(2n) .text{
        left:auto;
        -webkit-transform:rotate(-180deg) translateX(0);
        -ms-transform:rotate(-180deg) translateX(0);
        transform:rotate(-180deg) translateX(0);
        right:-25px
    }
}
@media screen and (min-width:1920px){
    .home-portfolio .portfolio-item:nth-child(2n) .text{
        right:-30px
    }
}
.home-portfolio .portfolio-item:not(:last-of-type){
    margin-bottom:33px
}
@media screen and (min-width:768px){
    .home-portfolio .portfolio-item:not(:last-of-type){
        margin-bottom:60px
    }
}
@media screen and (min-width:1200px){
    .home-portfolio .portfolio-item:not(:last-of-type){
        margin-bottom:104px
    }
}
@media screen and (min-width:1920px){
    .home-portfolio .portfolio-item:not(:last-of-type){
        margin-bottom:128px
    }
}
.home-portfolio .portfolio-item .head h3{
    margin-bottom:8px
}
.home-portfolio .portfolio-item .img-holder{
    margin-bottom:8px;
    overflow:hidden;
    height:36vw;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
    position:relative;
    width:100%
}
@media screen and (min-width:768px){
    .home-portfolio .portfolio-item .img-holder{
        height:24vw;
        margin-bottom:16px
    }
}
@media screen and (min-width:1200px){
    .home-portfolio .portfolio-item .img-holder{
        margin-bottom:0
    }
}
.home-portfolio .portfolio-item .img-holder .anim-holder{
    -webkit-transform:scale(1.2) translate(5%,10%);
    -ms-transform:scale(1.2) translate(5%,10%);
    transform:scale(1.2) translate(5%,10%);
    will-change:transform
}
@media screen and (min-width:1200px){
    .home-portfolio .portfolio-item .img-holder img:nth-child(2){
        -webkit-clip-path:circle(0 at var(--x,50%) var(--y,50%));
        clip-path:circle(0 at var(--x,50%) var(--y,50%))
    }
}
.home-portfolio .portfolio-item .col{
    position:relative
}
@media screen and (min-width:1200px){
    .home-portfolio .portfolio-item .col{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
.home-portfolio .portfolio-item .text{
    text-transform:uppercase;
    margin-left:auto;
    margin-bottom:9px;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    font-weight:600;
    letter-spacing:.1em;
    color:#1550cf
}
@media screen and (min-width:768px){
    .home-portfolio .portfolio-item .text{
        position:absolute;
        top:24.5vw;
        margin-bottom:0;
        left:61vw;
        -webkit-transform:translateX(-100%);
        -ms-transform:translateX(-100%);
        transform:translateX(-100%)
    }
}
@media screen and (min-width:1200px){
    .home-portfolio .portfolio-item .text{
        -webkit-writing-mode:vertical-rl;
        -ms-writing-mode:tb-rl;
        writing-mode:vertical-rl;
        text-orientation:mixed;
        -webkit-transform:rotate(-180deg) translateX(0);
        -ms-transform:rotate(-180deg) translateX(0);
        transform:rotate(-180deg) translateX(0);
        left:-25px;
        white-space:nowrap;
        top:auto;
        bottom:0
    }
}
@media screen and (min-width:1920px){
    .home-portfolio .portfolio-item .text{
        left:-30px
    }
}
.home-portfolio .btn-all{
    margin:0 auto
}
@media screen and (min-width:768px){
    .home-portfolio .btn-all{
        margin:0;
        margin-left:29vw
    }
}
@media screen and (min-width:1200px){
    .home-portfolio .btn-all{
        margin-left:30vw
    }
}
@media screen and (min-width:1920px){
    .home-portfolio .btn-all{
        margin-left:27vw
    }
}
.brands{
    overflow:hidden;
    padding-bottom:60px
}
@media screen and (min-width:768px){
    .brands{
        padding-bottom:135px
    }
}
@media screen and (min-width:1200px){
    .brands h2{
        max-width:-webkit-max-content;
        max-width:-moz-max-content;
        max-width:max-content;
        margin:0 100px 43px auto
    }
}
@media screen and (min-width:1920px){
    .brands h2{
        margin-right:200px;
        margin-bottom:60px
    }
}
.brands .row{
    display:grid;
    grid-template-columns:repeat(3,78px);
    -webkit-column-gap:auto;
    -moz-column-gap:auto;
    column-gap:auto;
    grid-row-gap:5px;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media screen and (min-width:768px){
    .brands .row{
        grid-template-columns:repeat(3,134px);
        grid-row-gap:8px
    }
}
@media screen and (min-width:1200px){
    .brands .row{
        grid-template-columns:repeat(6,122px)
    }
}
@media screen and (min-width:1920px){
    .brands .row{
        grid-template-columns:repeat(6,164px);
        grid-row-gap:11px
    }
}
.brands .item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:78px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media screen and (min-width:768px){
    .brands .item{
        height:134px
    }
}
@media screen and (min-width:1200px){
    .brands .item{
        height:122px
    }
}
@media screen and (min-width:1920px){
    .brands .item{
        height:164px
    }
}
.brands .item img{
    width:100%;
    max-width:78px
}
@media screen and (min-width:768px){
    .brands .item img{
        max-width:134px
    }
}
@media screen and (min-width:1200px){
    .brands .item img{
        max-width:122px
    }
}
@media screen and (min-width:1920px){
    .brands .item img{
        max-width:164px
    }
}
.brands .links-item{
    position:relative;
    cursor:pointer
}
.brands .hover-reveal{
    display:none;
    position:fixed;
    width:150px;
    height:150px;
    top:0;
    left:0;
    pointer-events:none;
    opacity:0
}
@media screen and (min-width:1200px){
    .brands .hover-reveal{
        display:block
    }
}
@media screen and (min-width:1920px){
    .brands .hover-reveal{
        width:230px;
        height:230px
    }
}
.brands .hover-reveal__img,.brands .hover-reveal__inner{
    width:100%;
    height:100%;
    position:relative;
    background-size:cover;
    background-position:50%
}
.portfolio-content{
    padding-top:32px;
    padding-bottom:80px
}
@media screen and (min-width:768px){
    .portfolio-content{
        padding-top:60px;
        padding-bottom:120px
    }
}
@media screen and (min-width:1200px){
    .portfolio-content{
        padding-top:80px;
        padding-bottom:140px
    }
}
@media screen and (min-width:768px){
    .portfolio-content .head{
        margin-bottom:60px
    }
}
@media screen and (min-width:1200px){
    .portfolio-content .head{
        margin-bottom:79px
    }
}
@media screen and (min-width:768px){
    .portfolio-content .head h1{
        margin-bottom:29px
    }
}
.portfolio-content .row{
    padding-bottom:80px
}
@media screen and (min-width:768px){
    .portfolio-content .row{
        padding-bottom:120px
    }
}
@media screen and (min-width:1200px){
    .portfolio-content .row{
        padding-bottom:140px
    }
}
.portfolio-content .sort-holder{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    text-transform:uppercase;
    font-size:13px;
    font-weight:600;
    position:relative;
    background:#f0ece4;
    padding:10px 5vw;
    position:-webkit-sticky;
    position:sticky;
    top:51px;
    margin:0 -5vw 40px;
    z-index:10
}
@media screen and (min-width:768px){
    .portfolio-content .sort-holder{
        margin-bottom:48px;
        top:78px
    }
}
@media screen and (min-width:1200px){
    .portfolio-content .sort-holder{
        margin:0 -5.5vw 64px;
        padding:10px 5.5vw;
        top:86px
    }
}
@media screen and (min-width:1920px){
    .portfolio-content .sort-holder{
        font-size:18px;
        padding:17px 5.5vw;
        top:101px
    }
}
.portfolio-content .sort-holder .sort-item{
    cursor:pointer;
    -ms-flex-negative:0;
    flex-shrink:0
}
@media screen and (min-width:768px){
    .portfolio-content .sort-holder .sort-item{
        position:relative
    }
}
.portfolio-content .sort-holder .sort-item .select-panel{
    padding-right:18px;
    position:relative
}
@media screen and (min-width:1200px){
    .portfolio-content .sort-holder .sort-item .select-panel{
        padding-right:25px
    }
}
@media screen and (min-width:1920px){
    .portfolio-content .sort-holder .sort-item .select-panel{
        padding-right:25px
    }
}
.portfolio-content .sort-holder .sort-item .select-panel:before{
    content:"";
    position:absolute;
    right:2px;
    top:2px;
    width:8px;
    height:8px;
    border-right:1px solid #1550cf;
    border-bottom:1px solid #1550cf;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
@media screen and (min-width:768px){
    .portfolio-content .sort-holder .sort-item .select-panel:before{
        top:2px
    }
}
@media screen and (min-width:1920px){
    .portfolio-content .sort-holder .sort-item .select-panel:before{
        top:5px
    }
}
.portfolio-content .sort-holder .sort-item .select-panel.active:before{
    -webkit-transform:rotate(225deg);
    -ms-transform:rotate(225deg);
    transform:rotate(225deg);
    top:7px
}
@media screen and (min-width:1920px){
    .portfolio-content .sort-holder .sort-item .select-panel.active:before{
        top:10px
    }
}
.portfolio-content .sort-holder .sort-item .select-content{
    top:100%;
    left:0;
    right:0;
    z-index:10;
    position:absolute;
    background:#f0ece4;
    letter-spacing:.1em;
    color:#676052;
    display:none
}
@media screen and (min-width:768px){
    .portfolio-content .sort-holder .sort-item .select-content{
        width:270px;
        left:-40px;
        top:calc(100% + 9px)
    }
}
@media screen and (min-width:1920px){
    .portfolio-content .sort-holder .sort-item .select-content{
        top:calc(100% + 17px);
        width:487px;
        left:-100px
    }
}
.portfolio-content .sort-holder .sort-item .select-content ul{
    padding:24px 5vw;
    max-height:384px;
    overflow-y:auto
}
@media screen and (min-width:768px){
    .portfolio-content .sort-holder .sort-item .select-content ul{
        padding:24px 40px
    }
}
@media screen and (min-width:1920px){
    .portfolio-content .sort-holder .sort-item .select-content ul{
        padding:40px 100px;
        max-height:473px
    }
}
.portfolio-content .sort-holder .sort-item .select-content ul a{
    -webkit-transition:color .3s ease;
    -o-transition:color .3s ease;
    transition:color .3s ease
}
.portfolio-content .sort-holder .sort-item .select-content ul a:hover{
    color:#000000
}
.portfolio-content .sort-holder .sort-item .select-content ul li:not(:last-of-type){
    padding-bottom:24px
}
@media screen and (min-width:1920px){
    .portfolio-content .sort-holder .sort-item .select-content ul li:not(:last-of-type){
        padding-bottom:40px
    }
}
.portfolio-content .sort-holder .item-holder{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-flex:0;
    -ms-flex:0 0 80%;
    flex:0 0 80%;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    letter-spacing:.1em;
    font-size:12px
}
@media screen and (min-width:768px){
    .portfolio-content .sort-holder .item-holder{
        -webkit-box-flex:0;
        -ms-flex:0 0 287px;
        flex:0 0 287px;
        font-size:13px
    }
}
@media screen and (min-width:1200px){
    .portfolio-content .sort-holder .item-holder{
        -webkit-box-flex:0;
        -ms-flex:0 0 317px;
        flex:0 0 317px
    }
}
@media screen and (min-width:1920px){
    .portfolio-content .sort-holder .item-holder{
        -webkit-box-flex:0;
        -ms-flex:0 0 502px;
        flex:0 0 502px;
        font-size:18px
    }
}
.portfolio-content .sort-holder .change-view{
    width:22px;
    height:22px;
    cursor:pointer
}
.portfolio-content .sort-holder .change-view span{
    position:relative
}
.change-grid .portfolio-content .sort-holder .change-view span,.portfolio-content .sort-holder .change-view span:last-of-type{
    display:none
}
.change-grid .portfolio-content .sort-holder .change-view span:last-of-type{
    display:block
}
.portfolio-content .row{
    display:grid;
    grid-template-columns:1fr 1fr;
    -webkit-column-gap:5vw;
    -moz-column-gap:5vw;
    column-gap:5vw;
    grid-row-gap:40px
}
@media screen and (min-width:768px){
    .portfolio-content .row{
        grid-template-columns:repeat(3,1fr);
        grid-row-gap:64px;
        -webkit-column-gap:2vw;
        -moz-column-gap:2vw;
        column-gap:2vw
    }
}
@media screen and (min-width:1200px){
    .portfolio-content .row{
        -webkit-column-gap:4vw;
        -moz-column-gap:4vw;
        column-gap:4vw;
        grid-row-gap:74px
    }
}
@media screen and (min-width:1920px){
    .portfolio-content .row{
        grid-row-gap:104px
    }
}
.change-grid .portfolio-content .row{
    grid-template-columns:1fr
}
.portfolio-content .row .portfolio-item{
    position:relative
}
@media screen and (min-width:768px){
    .change-grid .portfolio-content .row .portfolio-item{
        display:grid;
        grid-template-columns:61vw auto;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-column-gap:50px;
        -moz-column-gap:50px;
        column-gap:50px
    }
}
@media screen and (min-width:1200px){
    .change-grid .portfolio-content .row .portfolio-item{
        -webkit-column-gap:104px;
        -moz-column-gap:104px;
        column-gap:104px;
        grid-template-columns:59vw auto
    }
}
@media screen and (min-width:1920px){
    .change-grid .portfolio-content .row .portfolio-item{
        -webkit-column-gap:128px;
        -moz-column-gap:128px;
        column-gap:128px;
        grid-template-columns:62vw auto
    }
}
@media screen and (min-width:768px){
    .change-grid .portfolio-content .row .portfolio-item .desc{
        position:absolute;
        left:61vw;
        -webkit-transform:translateX(-100%);
        -ms-transform:translateX(-100%);
        transform:translateX(-100%);
        top:24.5vw
    }
}
@media screen and (min-width:1200px){
    .change-grid .portfolio-content .row .portfolio-item .desc{
        left:0;
        top:auto;
        bottom:0;
        -webkit-transform:translateX(calc(-100% - 10px)) rotate(180deg);
        -ms-transform:translateX(calc(-100% - 10px)) rotate(180deg);
        transform:translateX(calc(-100% - 10px)) rotate(180deg)
    }
}
.change-grid .portfolio-content .row .portfolio-item.right{
    grid-template-columns:auto 61vw
}
@media screen and (min-width:1200px){
    .change-grid .portfolio-content .row .portfolio-item.right{
        grid-template-columns:auto 59vw
    }
}
@media screen and (min-width:1920px){
    .change-grid .portfolio-content .row .portfolio-item.right{
        grid-template-columns:auto 62vw
    }
}
.change-grid .portfolio-content .row .portfolio-item.right .img-holder{
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2
}
@media screen and (min-width:768px){
    .change-grid .portfolio-content .row .portfolio-item.right .desc{
        position:absolute;
        right:61vw;
        left:auto;
        -webkit-transform:translateX(100%);
        -ms-transform:translateX(100%);
        transform:translateX(100%);
        top:24.5vw
    }
}
@media screen and (min-width:1200px){
    .change-grid .portfolio-content .row .portfolio-item.right .desc{
        right:0;
        top:auto;
        bottom:0;
        -webkit-transform:translateX(calc(100% + 10px)) rotate(180deg);
        -ms-transform:translateX(calc(100% + 10px)) rotate(180deg);
        transform:translateX(calc(100% + 10px)) rotate(180deg)
    }
}
.portfolio-content .row h3{
    font-size:14px
}
@media screen and (min-width:768px){
    .portfolio-content .row h3{
        font-size:18px
    }
}
@media screen and (min-width:1200px){
    .portfolio-content .row h3{
        font-size:32px
    }
}
@media screen and (min-width:1920px){
    .portfolio-content .row h3{
        font-size:46px
    }
}
.portfolio-content .row .desc{
    margin-left:auto;
    max-width:-webkit-max-content;
    max-width:-moz-max-content;
    max-width:max-content;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:#bfb8a8;
    margin-bottom:9px;
    font-weight:600;
    font-size:10px;
    color:#1550cf;
    position:absolute;
    right:0;
    top:-5px;
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%)
}
@media screen and (min-width:768px){
    .portfolio-content .row .desc{
        font-size:13px
    }
}
@media screen and (min-width:1200px){
    .portfolio-content .row .desc{
        position:absolute;
        left:0;
        top:0;
        -webkit-transform:rotate(180deg) translateX(calc(100% + 5px)) translateY(0);
        -ms-transform:rotate(180deg) translateX(calc(100% + 5px)) translateY(0);
        transform:rotate(180deg) translateX(calc(100% + 5px)) translateY(0);
        -webkit-writing-mode:vertical-rl;
        -ms-writing-mode:tb-rl;
        writing-mode:vertical-rl;
        text-orientation:mixed;
        margin-bottom:0
    }
}
@media screen and (min-width:1920px){
    .portfolio-content .row .desc{
        font-size:18px
    }
}
.portfolio-content .row .anim-holder,.portfolio-content .row .lazy-holder{
    height:100%;
    width:100%
}
.portfolio-content .row .lazy-holder{
    position:relative
}
.portfolio-content .row .lazy-holder:before{
    content:"";
    background:#676052;
    z-index:2;
    -webkit-transition:all .5s cubic-bezier(.03,.15,.16,.99);
    -o-transition:all .5s cubic-bezier(.03,.15,.16,.99);
    transition:all .5s cubic-bezier(.03,.15,.16,.99)
}
.portfolio-content .row .lazy-holder.vis:before{
    opacity:0;
    visibility:hidden
}
.portfolio-content .row .img-holder{
    height:43vw;
    position:relative;
    margin-bottom:16px;
    overflow:hidden
}
@media screen and (min-width:768px){
    .portfolio-content .row .img-holder{
        height:29vw
    }
}
@media screen and (min-width:1200px){
    .portfolio-content .row .img-holder{
        height:27vw;
        margin-bottom:24px
    }
}
@media screen and (min-width:1920px){
    .portfolio-content .row .img-holder{
        margin-bottom:32px
    }
}
.change-grid .portfolio-content .row .img-holder{
    height:36vw
}
@media screen and (min-width:768px){
    .change-grid .portfolio-content .row .img-holder{
        height:24vw
    }
}
@media screen and (min-width:1200px){
    .change-grid .portfolio-content .row .img-holder{
        margin-bottom:0
    }
}
@media screen and (min-width:1200px){
    .portfolio-content .row .img-holder img:nth-child(2){
        -webkit-clip-path:circle(0 at var(--x,50%) var(--y,50%));
        clip-path:circle(0 at var(--x,50%) var(--y,50%))
    }
}
.portfolio-content .show-more{
    margin:64px auto 0;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    text-transform:uppercase;
    font-weight:600
}
@media screen and (min-width:768px){
    .portfolio-content .show-more{
        margin-top:88px
    }
}
@media screen and (min-width:1200px){
    .portfolio-content .show-more{
        margin-top:104px
    }
}
@media screen and (min-width:1200px){
    .portfolio-long .service{
        -webkit-column-gap:9vw;
        -moz-column-gap:9vw;
        column-gap:9vw
    }
}
.portfolio-long .service .head{
    margin-bottom:33px;
    color:#676052;
    line-height:1.5;
    font-size:14px
}
@media screen and (min-width:768px){
    .portfolio-long .service .head{
        display:grid;
        grid-template-columns:3fr 2fr;
        -webkit-column-gap:9vw;
        -moz-column-gap:9vw;
        column-gap:9vw;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        margin-bottom:48px
    }
}
@media screen and (min-width:1200px){
    .portfolio-long .service .head{
        margin-bottom:0;
        max-width:316px;
        display:block
    }
}
@media screen and (min-width:1920px){
    .portfolio-long .service .head{
        font-size:18px;
        max-width:432px
    }
}
.portfolio-long .service h2{
    margin-bottom:24px
}
@media screen and (min-width:768px){
    .portfolio-long .service h2{
        margin-bottom:0
    }
}
@media screen and (min-width:1200px){
    .portfolio-long .service h2{
        margin-bottom:32px
    }
}
.portfolio-long .service .link{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    grid-template-columns:auto 1fr
}
@media screen and (min-width:768px){
    .portfolio-long .service .link{
        -webkit-column-gap:73px;
        -moz-column-gap:73px;
        column-gap:73px;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        padding:23px 0
    }
}
@media screen and (min-width:1200px){
    .portfolio-long .service .link{
        padding:38px 0
    }
}
.portfolio-long .service .content{
    font-size:14px
}
@media screen and (min-width:768px){
    .portfolio-long .service .content{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        -webkit-column-gap:49px;
        -moz-column-gap:49px;
        column-gap:49px;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
@media screen and (min-width:1440px){
    .portfolio-long .service .content{
        -webkit-column-gap:120px;
        -moz-column-gap:120px;
        column-gap:120px
    }
}
@media screen and (min-width:1920px){
    .portfolio-long .service .content{
        font-size:18px
    }
}
.portfolio-long .service .content .text{
    color:#676052;
    line-height:1.5
}
@media screen and (min-width:768px){
    .portfolio-long .service .content .text{
        text-align:right
    }
}
.clients-page .brands{
    padding-top:24px;
    padding-bottom:28px
}
@media screen and (min-width:768px){
    .clients-page .brands{
        padding-top:56px;
        padding-bottom:56px
    }
}
@media screen and (min-width:1200px){
    .clients-page .brands{
        padding-top:80px;
        padding-bottom:80px
    }
}
@media screen and (min-width:1920px){
    .clients-page .brands{
        padding-top:100px;
        padding-bottom:100px
    }
}
.clients-page .brands h1{
    margin-left:30%
}
@media screen and (min-width:768px){
    .clients-page .brands h1{
        margin-bottom:48px;
        margin-left:calc(5vw + 200px)
    }
}
@media screen and (min-width:1200px){
    .clients-page .brands h1{
        margin-left:calc(8vw + 285px)
    }
}
@media screen and (min-width:1920px){
    .clients-page .brands h1{
        margin-bottom:64px;
        margin-left:calc(12vw + 300px)
    }
}
@media screen and (min-width:1200px){
    .clients-page .brands .row{
        grid-template-columns:repeat(5,auto)
    }
}
.clients-page .reviews{
    padding-top:24px;
    padding-bottom:64px
}
@media screen and (min-width:768px){
    .clients-page .reviews{
        padding-bottom:80px;
        padding-top:30px
    }
}
@media screen and (min-width:1200px){
    .clients-page .reviews{
        padding-bottom:120px;
        padding-top:80px
    }
}
@media screen and (min-width:1920px){
    .clients-page .reviews{
        padding-bottom:160px;
        padding-top:60px
    }
}
.clients-page .reviews h2{
    margin-bottom:32px;
    margin-left:30%
}
@media screen and (min-width:768px){
    .clients-page .reviews h2{
        margin-bottom:48px;
        margin-left:calc(5vw + 200px)
    }
}
@media screen and (min-width:1200px){
    .clients-page .reviews h2{
        margin-left:calc(8vw + 285px)
    }
}
@media screen and (min-width:1920px){
    .clients-page .reviews h2{
        margin-bottom:64px;
        margin-left:calc(12vw + 300px)
    }
}
.clients-page .reviews__item{
    margin-bottom:54px
}
@media screen and (min-width:768px){
    .clients-page .reviews__item{
        display:grid;
        grid-template-columns:200px 1fr;
        -webkit-column-gap:5vw;
        -moz-column-gap:5vw;
        column-gap:5vw;
        margin-bottom:64px
    }
}
@media screen and (min-width:1200px){
    .clients-page .reviews__item{
        grid-template-columns:285px 1fr;
        -webkit-column-gap:8vw;
        -moz-column-gap:8vw;
        column-gap:8vw;
        margin-bottom:72px
    }
}
@media screen and (min-width:1920px){
    .clients-page .reviews__item{
        grid-template-columns:300px 1fr;
        -webkit-column-gap:12vw;
        -moz-column-gap:12vw;
        column-gap:12vw
    }
}
.clients-page .reviews__item .person{
    margin-bottom:16px
}
@media screen and (min-width:768px){
    .clients-page .reviews__item .person{
        margin-bottom:0
    }
}
.clients-page .reviews__item .name{
    margin-bottom:16px;
    font-size:16px
}
@media screen and (min-width:768px){
    .clients-page .reviews__item .name{
        font-size:24px
    }
}
@media screen and (min-width:1920px){
    .clients-page .reviews__item .name{
        font-size:32px;
        margin-bottom:24px
    }
}
.clients-page .reviews__item .position{
    text-transform:uppercase;
    margin-bottom:16px;
    font-weight:600;
    font-size:13px;
    letter-spacing:.1em;
    color:#bfb8a8
}
@media screen and (min-width:1920px){
    .clients-page .reviews__item .position{
        font-size:18px;
        margin-bottom:24px
    }
}
.clients-page .reviews__item .place{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    color:#676052
}
.clients-page .reviews__item .place img{
    width:12px;
    margin-right:10px
}
@media screen and (min-width:1200px){
    .clients-page .reviews__item .text-holder{
        display:grid;
        grid-template-columns:1fr auto;
        grid-column-gap:8vw;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }
}
.clients-page .reviews__item .text{
    margin-bottom:24px
}
@media screen and (min-width:1200px){
    .clients-page .reviews__item .text{
        margin-bottom:0
    }
}
.clients-page .reviews__item .text p{
    margin-bottom:14px
}
.clients-page .reviews .btn-all{
    margin:0 auto
}
.project-page{
    padding-bottom:48px
}
@media screen and (min-width:768px){
    .project-page{
        padding-bottom:104px
    }
}
@media screen and (min-width:1200px){
    .project-page{
        padding-bottom:120px
    }
}
@media screen and (min-width:1920px){
    .project-page{
        padding-bottom:172px
    }
}
.project-page .lazy-holder{
    position:relative;
    min-height:150px;
    overflow:hidden
}
.project-page .lazy-holder .lazy-pre{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    z-index:2;
    background:#e3ddd2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
@media screen and (min-width:1200px){
    .project-page .lazy-holder .lazy-pre{
        min-height:300px
    }
}
@media screen and (min-width:1920px){
    .project-page .lazy-holder .lazy-pre{
        min-height:400px
    }
}
@media screen and (min-width:768px){
    .project-page .lazy-holder .lazy-pre svg{
        width:40px;
        height:56px
    }
}
@media screen and (min-width:1200px){
    .project-page .lazy-holder .lazy-pre svg{
        width:99px;
        height:140px
    }
}
@media screen and (min-width:1920px){
    .project-page .lazy-holder .lazy-pre svg{
        width:155px;
        height:217px
    }
}
.project-page .lazy-holder .lazy-pre path{
    -webkit-animation:Pre 5s 0s ease infinite;
    animation:Pre 5s 0s ease infinite;
    fill:#f9f6f0
}
.project-page .lazy-holder img.swiper-lazy-loaded~.lazy-pre,.project-page .lazy-holder img.visible~.lazy-pre{
    opacity:0;
    visibility:hidden;
    -webkit-transition-delay:.5s;
    -o-transition-delay:.5s;
    transition-delay:.5s
}
.project-page .hero{
    padding-bottom:162px;
    position:relative
}
@media screen and (min-width:768px){
    .project-page .hero{
        padding-bottom:224px
    }
}
@media screen and (min-width:1200px){
    .project-page .hero{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        padding-right:0;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        padding-bottom:128px
    }
}
@media screen and (min-width:1920px){
    .project-page .hero{
        padding-bottom:148px
    }
}
.project-page .hero .img-holder{
    height:66vw;
    margin-bottom:24px
}
@media screen and (min-width:768px){
    .project-page .hero .img-holder{
        margin-bottom:71px;
        max-height:502px
    }
}
@media screen and (min-width:1200px){
    .project-page .hero .img-holder{
        width:56vw;
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2;
        height:53vw;
        max-height:none;
        margin-bottom:0
    }
}
.project-page .hero .year{
    color:#676052;
    opacity:.5;
    margin-bottom:4px;
    font-weight:600
}
@media screen and (min-width:768px){
    .project-page .hero .year{
        margin-bottom:8px
    }
}
.project-page .hero .text{
    color:#676052;
    max-width:450px
}
@media screen and (min-width:1200px){
    .project-page .hero .text{
        max-width:334px
    }
}
@media screen and (min-width:1920px){
    .project-page .hero .text{
        max-width:400px
    }
}
.project-page .hero .scroll{
    position:absolute;
    left:5vw;
    bottom:107px
}
@media screen and (min-width:768px){
    .project-page .hero .scroll{
        bottom:88px
    }
}
@media screen and (min-width:1200px){
    .project-page .hero .scroll{
        bottom:210px;
        left:5.5vw
    }
}
@media screen and (min-width:1920px){
    .project-page .hero .scroll{
        bottom:300px
    }
}
.project-page .about h2{
    text-align:center
}
@media screen and (min-width:768px){
    .project-page .about h2{
        margin-bottom:48px
    }
}
.project-page .about .text-holder{
    padding-bottom:32px
}
@media screen and (min-width:768px){
    .project-page .about .text-holder{
        display:grid;
        grid-template-columns:1fr 1fr;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start;
        padding-bottom:80px
    }
}
@media screen and (min-width:1200px){
    .project-page .about .text-holder{
        grid-template-columns:1fr 50.5vw
    }
}
@media screen and (min-width:1920px){
    .project-page .about .text-holder{
        padding-bottom:120px
    }
}
.project-page .about .text-holder .text{
    margin-bottom:32px;
    color:#676052;
    max-width:355px;
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2
}
@media screen and (min-width:768px){
    .project-page .about .text-holder .text{
        margin-bottom:0
    }
}
@media screen and (min-width:1200px){
    .project-page .about .text-holder .text{
        max-width:445px
    }
}
@media screen and (min-width:1920px){
    .project-page .about .text-holder .text{
        max-width:570px
    }
}
.project-page .about .img-item:not(:last-of-type){
    margin-bottom:40px
}
@media screen and (min-width:768px){
    .project-page .about .img-item:not(:last-of-type){
        margin-bottom:80px
    }
}
@media screen and (min-width:1200px){
    .project-page .about .img-item:not(:last-of-type){
        margin-bottom:120px
    }
}
@media screen and (min-width:1920px){
    .project-page .about .img-item:not(:last-of-type){
        margin-bottom:172px
    }
}
.project-page .about .img-item img{
    height:auto;
    width:100%
}
.project-page .gallery{
    overflow:hidden;
    padding:40px 5vw;
    margin-bottom:40px;
    background:#f0ece4;
    position:relative
}
@media screen and (min-width:768px){
    .project-page .gallery{
        padding:96px 5vw;
        margin-bottom:80px
    }
}
@media screen and (min-width:1440px){
    .project-page .gallery{
        padding:109px 5.5vw;
        margin-bottom:120px
    }
}
@media screen and (min-width:1920px){
    .project-page .gallery{
        padding:128px 5.5vw;
        margin-bottom:172px
    }
}
.project-page .gallery .swiper-container{
    overflow:visible;
    width:49vw;
    margin:0 auto;
    height:105vw
}
@media screen and (min-width:768px){
    .project-page .gallery .swiper-container{
        width:610px;
        height:617px
    }
}
@media screen and (min-width:1200px){
    .project-page .gallery .swiper-container{
        width:1080px;
        height:700px
    }
}
@media screen and (min-width:1440px){
    .project-page .gallery .swiper-container{
        width:1281px;
        height:813px
    }
}
@media screen and (min-width:1920px){
    .project-page .gallery .swiper-container{
        max-width:1708px;
        height:750px
    }
}
.project-page .gallery .swiper-container img{
    -o-object-position:top;
    object-position:top;
    -o-object-fit:fill;
    object-fit:fill
}
.project-page .gallery .swiper-container .lazy-holder{
    height:100%
}
.project-page .gallery .swiper-wrapper{
    -webkit-transition-timing-function:cubic-bezier(.03,.15,.16,.99);
    -o-transition-timing-function:cubic-bezier(.03,.15,.16,.99);
    transition-timing-function:cubic-bezier(.03,.15,.16,.99);
    height:100%
}
.project-page .gallery .cursor{
    display:none
}
@media screen and (min-width:1200px){
    .project-page .gallery .cursor{
        width:80px;
        height:80px;
        position:absolute;
        z-index:10;
        border-radius:50%;
        left:0;
        top:0;
        background:#1550cf;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.project-page .gallery .cursor img{
    width:40px;
    height:40px
}
.contacts-page .contacts{
    padding-top:32px;
    padding-bottom:60px;
    overflow:hidden
}
@media screen and (min-width:768px){
    .contacts-page .contacts{
        padding-top:50px;
        padding-bottom:100px;
        /*display:grid;*/
        /*grid-template-columns:1fr 1fr;*/
        /*-webkit-column-gap:45px;*/
        /*-moz-column-gap:45px;*/
        /*column-gap:45px*/
    }
}
@media screen and (min-width:1200px){
    .contacts-page .contacts{
        /*grid-template-columns:auto 1fr 1fr;*/
        /*-webkit-column-gap:3.5vw;*/
        /*-moz-column-gap:3.5vw;*/
        /*column-gap:3.5vw;*/
        padding-top:80px;
        padding-bottom:50px
    }
}
@media screen and (min-width:1440px){
    .contacts-page .contacts{
        /*grid-template-columns:1fr 1fr 1fr;*/
        /*-webkit-column-gap:4vw;*/
        /*-moz-column-gap:4vw;*/
        /*column-gap:4vw*/
    }
}
@media screen and (min-width:1920px){
    .contacts-page .contacts{
        padding-top:100px;
        padding-bottom:140px
    }
}
.contacts-page .contacts .h3{
    margin-bottom:32px;
    /*grid-column:1/3*/
}
@media screen and (min-width:768px){
    .contacts-page .contacts .h3{
        max-width:179px;
        margin-bottom:56px
    }
}
@media screen and (min-width:1200px){
    .contacts-page .contacts .h3{
        /*grid-column:1/2;*/
        max-width:314px
    }
}
@media screen and (min-width:1920px){
    .contacts-page .contacts .h3{
        max-width:427px
    }
}
.contacts-page .contacts .col{
    max-width:-webkit-max-content;
    max-width:-moz-max-content;
    max-width:max-content
}
@media screen and (min-width:1200px){
    .contacts-page .contacts .col{
        padding-top:69px
    }
}
@media screen and (min-width:1920px){
    .contacts-page .contacts .col{
        padding-top:90px
    }
}
.contacts-page .contacts .item{
    font-weight:600;
    letter-spacing:.1em;
    font-size:13px;
    text-transform:uppercase;
    margin-bottom:32px
}
@media screen and (min-width:768px){
    .contacts-page .contacts .item{
        margin-bottom:0
    }
}
@media screen and (min-width:1920px){
    .contacts-page .contacts .item{
        font-size:18px
    }
}
@media screen and (min-width:768px){
    .contacts-page .contacts .item:not(:last-of-type){
        margin-bottom:40px
    }
}
@media screen and (min-width:1920px){
    .contacts-page .contacts .item:not(:last-of-type){
        margin-bottom:56px
    }
}
.contacts-page .contacts .item li{
    margin-bottom:16px
}
@media screen and (min-width:768px){
    .contacts-page .contacts .item .social{
        display:grid;
        -webkit-column-gap:32px;
        -moz-column-gap:32px;
        column-gap:32px;
        grid-template-columns:1fr 1fr 1fr
    }
}
@media screen and (min-width:1920px){
    .contacts-page .contacts .item .social{
        -webkit-column-gap:40px;
        -moz-column-gap:40px;
        column-gap:40px
    }
}
@media screen and (min-width:768px){
    .contacts-page .contacts .item .schedule{
        display:grid;
        -webkit-column-gap:32px;
        -moz-column-gap:32px;
        column-gap:32px;
        grid-template-columns:1fr 1fr
    }
}
@media screen and (min-width:1920px){
    .contacts-page .contacts .item .schedule{
        -webkit-column-gap:40px;
        -moz-column-gap:40px;
        column-gap:40px
    }
}
.contacts-page .contacts .head{
    font-weight:400;
    color:#676052;
    margin-bottom:8px;
    letter-spacing:0;
    font-size:14px;
    text-transform:none
}
@media screen and (min-width:1920px){
    .contacts-page .contacts .head{
        font-size:18px;
        margin-bottom:16px
    }
}
.contacts-page .contacts-form{
    overflow:hidden;
    background:#f0ece4;
    padding-top:32px;
    padding-bottom:32px
}
@media screen and (min-width:768px){
    .contacts-page .contacts-form{
        padding-top:60px;
        padding-bottom:60px
    }
}
@media screen and (min-width:1200px){
    .contacts-page .contacts-form{
        padding-top:88px;
        padding-bottom:88px
    }
}
@media screen and (min-width:1920px){
    .contacts-page .contacts-form{
        padding-top:100px;
        padding-bottom:100px
    }
}
@media screen and (min-width:768px){
    .contacts-page .contacts-form .form{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        -webkit-column-gap:2vw;
        -moz-column-gap:2vw;
        column-gap:2vw;
        max-width:835px;
        margin:0 auto
    }
}
@media screen and (min-width:1200px){
    .contacts-page .contacts-form .form{
        max-width:none;
        margin:0;
        grid-template-columns:auto 1fr 1fr;
        -webkit-column-gap:3.5vw;
        -moz-column-gap:3.5vw;
        column-gap:3.5vw
    }
}
@media screen and (min-width:1440px){
    .contacts-page .contacts-form .form{
        grid-template-columns:1fr 1fr 1fr;
        -webkit-column-gap:4vw;
        -moz-column-gap:4vw;
        column-gap:4vw
    }
}
.contacts-page .contacts-form .head{
    margin-bottom:29px
}
@media screen and (min-width:1200px){
    .contacts-page .contacts-form .head{
        padding-top:70px
    }
}
.contacts-page .contacts-form .bottom{
    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-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media screen and (min-width:768px){
    .contacts-page .contacts-form textarea{
        margin-bottom:0
    }
}
@media screen and (min-width:768px){
    .contacts-page .contacts-form .tabs{
        grid-template-columns:repeat(4,1fr);
        -webkit-column-gap:10px;
        -moz-column-gap:10px;
        column-gap:10px
    }
}
@media screen and (min-width:1200px){
    .contacts-page .contacts-form .tab-holder{
        padding-top:70px
    }
}
.contacts-page .contacts-form .h3{
    margin-bottom:24px;
    grid-column:1/3
}
@media screen and (min-width:768px){
    .contacts-page .contacts-form .h3{
        margin-bottom:32px
    }
}
@media screen and (min-width:1200px){
    .contacts-page .contacts-form .h3{
        grid-column:1/2;
        grid-row:1/3;
        max-width:314px
    }
}
{
    .contacts-page .contacts-form1 .h3{
        grid-column:1/3;
        grid-row:1/3;
        max-width:314px
    }
}
@media screen and (min-width:1920px){
    .contacts-page .contacts-form .h3{
        max-width:427px
    }
}
.service-short{
    padding-top:24px;
    padding-bottom:60px;
    overflow:hidden
}
@media screen and (min-width:768px){
    .service-short{
        padding-top:39px;
        padding-bottom:100px
    }
}
@media screen and (min-width:1200px){
    .service-short{
        padding:80px 0 141px
    }
}
@media screen and (min-width:1920px){
    .service-short{
        padding:104px 0 168px
    }
}
.service-short h1{
    margin:0 auto;
    max-width:-webkit-max-content;
    max-width:-moz-max-content;
    max-width:max-content
}
@media screen and (min-width:1200px){
    .service-short h1{
        margin-bottom:32px;
        margin-left:calc(310px + 19.5vw)
    }
}
@media screen and (min-width:1920px){
    .service-short h1{
        margin-left:calc(430px + 19.5vw);
        margin-bottom:56px
    }
}
.service-short .service{
    background:none;
    padding:40px 0 0;
    margin:0 -5vw
}
@media screen and (min-width:768px){
    .service-short .service{
        margin:0;
        padding-top:72px
    }
}
@media screen and (min-width:1200px){
    .service-short .service{
        border-top:1px solid #bfb8a8;
        padding:0 5.5vw
    }
}
.service-short .service:last-of-type .links-item .link:last-of-type{
    border-bottom:1px solid #bfb8a8
}
.service-short .service .h3,.service-short .service .link{
    padding-left:5vw;
    padding-right:5vw
}
@media screen and (min-width:768px){
    .service-short .service .h3,.service-short .service .link{
        padding-left:0;
        padding-right:0
    }
}
@media screen and (min-width:1200px){
    .service-short .service .h3{
        padding-top:30px;
        width:310px
    }
}
@media screen and (min-width:1920px){
    .service-short .service .h3{
        width:430px;
        padding-top:56px
    }
}
@media screen and (min-width:1200px){
    .service-short .service .links-item:first-of-type{
        border-top:0
    }
}
@media screen and (min-width:1200px){
    .service-short .service .links-item:last-of-type .link{
        border-bottom:0
    }
}
.service-long .hero{
    min-height:calc(var(--vh, 1vh) * 100 - 58px);
    padding:0 5vw;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative;
    overflow:hidden
}
@media screen and (min-width:768px){
    .service-long .hero{
        min-height:calc(var(--vh, 1vh) * 100 - 79px)
    }
}
@media screen and (min-width:1200px){
    .service-long .hero{
        min-height:calc(100vh - 87px)
    }
}
.service-long .hero .text-holder{
    -webkit-transform:translateY(-10%);
    -ms-transform:translateY(-10%);
    transform:translateY(-10%);
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content
}
.service-long .hero h1{
    font-size:32px;
    margin-bottom:32px
}
@media screen and (min-width:768px){
    .service-long .hero h1{
        font-size:72px;
        margin-bottom:72px
    }
}
@media screen and (min-width:1200px){
    .service-long .hero h1{
        font-size:96px;
        margin-bottom:96px
    }
}
@media screen and (min-width:1920px){
    .service-long .hero h1{
        font-size:120px
    }
}
.service-long .hero h1 p{
    letter-spacing:.03em;
    text-align:center
}
.service-long .hero h1 p:first-of-type{
    font-weight:300
}
.service-long .hero h1 p:last-of-type{
    font-weight:400
}
.service-long .hero .text{
    color:#676052;
    max-width:389px;
    margin-left:auto;
    letter-spacing:.01em;
    line-height:1.5
}
@media screen and (min-width:768px){
    .service-long .hero .text{
        font-size:20px;
        max-width:473px
    }
}
@media screen and (min-width:1200px){
    .service-long .hero .text{
        margin:0 auto
    }
}
@media screen and (min-width:1920px){
    .service-long .hero .text{
        max-width:526px
    }
}
.service-long .hero .scroll{
    position:absolute;
    left:5vw;
    bottom:12vh
}
@media screen and (min-width:1200px){
    .service-long .hero .scroll{
        left:5.5vw
    }
}
@media screen and (min-width:1200px){
    .service-long .service{
        -webkit-column-gap:9vw;
        -moz-column-gap:9vw;
        column-gap:9vw
    }
}
.service-long .service .head{
    margin-bottom:33px;
    color:#676052;
    line-height:1.5;
    font-size:14px
}
@media screen and (min-width:768px){
    .service-long .service .head{
        display:grid;
        grid-template-columns:3fr 2fr;
        -webkit-column-gap:9vw;
        -moz-column-gap:9vw;
        column-gap:9vw;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        margin-bottom:48px
    }
}
@media screen and (min-width:1200px){
    .service-long .service .head{
        margin-bottom:0;
        max-width:316px;
        display:block
    }
}
@media screen and (min-width:1920px){
    .service-long .service .head{
        font-size:18px;
        max-width:432px
    }
}
.service-long .service h2{
    margin-bottom:24px
}
@media screen and (min-width:768px){
    .service-long .service h2{
        margin-bottom:0
    }
}
@media screen and (min-width:1200px){
    .service-long .service h2{
        margin-bottom:32px
    }
}
.service-long .service .link{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    grid-template-columns:auto 1fr
}
@media screen and (min-width:768px){
    .service-long .service .link{
        -webkit-column-gap:73px;
        -moz-column-gap:73px;
        column-gap:73px;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        padding:23px 0
    }
}
@media screen and (min-width:1200px){
    .service-long .service .link{
        padding:38px 0
    }
}
.service-long .service .content{
    font-size:14px
}
@media screen and (min-width:768px){
    .service-long .service .content{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        -webkit-column-gap:49px;
        -moz-column-gap:49px;
        column-gap:49px;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
@media screen and (min-width:1440px){
    .service-long .service .content{
        -webkit-column-gap:120px;
        -moz-column-gap:120px;
        column-gap:120px
    }
}
@media screen and (min-width:1920px){
    .service-long .service .content{
        font-size:18px
    }
}
.service-long .service .content .text{
    color:#676052;
    line-height:1.5
}
@media screen and (min-width:768px){
    .service-long .service .content .text{
        text-align:right
    }
}
.service-long .portfolio-content{
    padding-top:60px;
    padding-bottom:60px
}
@media screen and (min-width:768px){
    .service-long .portfolio-content{
        padding-top:109px;
        padding-bottom:109px
    }
}
@media screen and (min-width:1200px){
    .service-long .portfolio-content{
        padding-top:120px;
        padding-bottom:70px
    }
}
@media screen and (min-width:1920px){
    .service-long .portfolio-content{
        padding-top:153px;
        padding-bottom:144px
    }
}
.service-long .portfolio-content h2{
    margin-bottom:24px;
    grid-column:1/3
}
@media screen and (min-width:768px){
    .service-long .portfolio-content h2{
        margin-bottom:0
    }
}
.service-long .portfolio-content .head{
    margin-bottom:40px;
    color:#676052
}
@media screen and (min-width:768px){
    .service-long .portfolio-content .head{
        margin-bottom:60px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
@media screen and (min-width:1200px){
    .service-long .portfolio-content .head{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        -webkit-column-gap:4vw;
        -moz-column-gap:4vw;
        column-gap:4vw;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
@media screen and (min-width:1920px){
    .service-long .portfolio-content .head{
        margin-bottom:104px
    }
}
.service-long .portfolio-content .text{
    max-width:332px;
    -ms-flex-negative:0;
    flex-shrink:0;
    grid-column:3/4
}
@media screen and (min-width:1200px){
    .service-long .portfolio-content .text{
        max-width:none
    }
}
.service-long .stages{
    background:#f0ece4;
    padding-top:48px;
    padding-bottom:56px;
    overflow:hidden
}
@media screen and (min-width:768px){
    .service-long .stages{
        padding-top:80px;
        padding-bottom:106px
    }
}
@media screen and (min-width:1200px){
    .service-long .stages{
        padding-top:104px;
        padding-bottom:115px
    }
}
.service-long .stages h2{
    margin-bottom:22px
}
@media screen and (min-width:768px){
    .service-long .stages h2{
        margin-bottom:41px;
        text-align:center
    }
}
@media screen and (min-width:1200px){
    .service-long .stages h2{
        margin-bottom:48px;
        max-width:-webkit-max-content;
        max-width:-moz-max-content;
        max-width:max-content;
        margin-left:calc(39% + 7vw);
        text-align:left
    }
}
@media screen and (min-width:1920px){
    .service-long .stages h2{
        margin-bottom:64px;
        margin-left:calc(33.33% + 7vw)
    }
}
.service-long .stages .timeline{
    overflow-y:hidden;
    overflow-x:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-top:10px;
    padding-bottom:40px;
    margin-bottom:40px
}
@media screen and (min-width:1200px){
    .service-long .stages .timeline{
        display:block;
        padding-bottom:0;
        padding-left:15px;
        margin-bottom:72px
    }
}
.service-long .stages .timeline .item{
    -webkit-box-flex:0;
    -ms-flex:0 0 282px;
    flex:0 0 282px;
    padding-top:33px;
    border-top:1px solid #bfb8a8;
    position:relative
}
@media screen and (min-width:768px){
    .service-long .stages .timeline .item{
        -webkit-box-flex:0;
        -ms-flex:0 0 356px;
        flex:0 0 356px
    }
}
@media screen and (min-width:1200px){
    .service-long .stages .timeline .item{
        display:grid;
        grid-template-columns:2fr 3fr;
        -webkit-column-gap:7vw;
        -moz-column-gap:7vw;
        column-gap:7vw;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start;
        border-top:0;
        border-left:1px solid #bfb8a8;
        padding-top:0;
        padding-left:32px
    }
}
@media screen and (min-width:1920px){
    .service-long .stages .timeline .item{
        padding-left:64px;
        grid-template-columns:1fr 2fr
    }
}
.service-long .stages .timeline .item:last-of-type{
    border:none
}
.service-long .stages .timeline .item:before{
    content:"";
    border-radius:50%;
    border:1px solid #1550cf;
    background:#f0ece4;
    position:absolute;
    top:0;
    left:0;
    width:17px;
    height:17px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
@media screen and (min-width:768px){
    .service-long .stages .timeline .item:before{
        width:21px;
        height:21px
    }
}
@media screen and (min-width:1200px){
    .service-long .stages .timeline .item:before{
        -webkit-transform:translate(-50%);
        -ms-transform:translate(-50%);
        transform:translate(-50%)
    }
}
.service-long .stages .timeline .head{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    padding-right:30px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:24px
}
@media screen and (min-width:768px){
    .service-long .stages .timeline .head{
        padding-right:36px
    }
}
@media screen and (min-width:1200px){
    .service-long .stages .timeline .head{
        margin-bottom:0;
        height:100%;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start;
        -webkit-transform:translateY(-5px);
        -ms-transform:translateY(-5px);
        transform:translateY(-5px)
    }
}
.service-long .stages .timeline .number{
    margin-right:24px;
    text-align:center
}
@media screen and (min-width:1200px){
    .service-long .stages .timeline .number{
        margin-right:32px
    }
}
@media screen and (min-width:1920px){
    .service-long .stages .timeline .number{
        margin-right:64px
    }
}
.service-long .stages .timeline .number p:first-of-type{
    color:#1550cf;
    position:relative;
    margin-bottom:8px
}
@media screen and (min-width:768px){
    .service-long .stages .timeline .number p:first-of-type{
        margin-bottom:12px
    }
}
.service-long .stages .timeline .number p:first-of-type:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-4px;
    border-bottom:1px solid #bfb8a8
}
.service-long .stages .timeline .number p:last-of-type{
    color:#bfb8a8;
    font-size:14px
}
@media screen and (min-width:1920px){
    .service-long .stages .timeline .number p:last-of-type{
        font-size:18px
    }
}
.service-long .stages .timeline .description{
    color:#676052;
    padding-right:30px
}
@media screen and (min-width:768px){
    .service-long .stages .timeline .description{
        padding-right:36px
    }
}
@media screen and (min-width:1200px){
    .service-long .stages .timeline .description{
        padding-bottom:48px;
        max-width:654px
    }
}
@media screen and (min-width:1920px){
    .service-long .stages .timeline .description{
        padding-bottom:80px;
        max-width:800px
    }
}
@media screen and (min-width:768px){
    .service-long .stages .button-holder{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        max-width:656px
    }
}
@media screen and (min-width:1200px){
    .service-long .stages .button-holder{
        margin-left:calc(39% + 7vw);
        max-width:none;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
@media screen and (min-width:1920px){
    .service-long .stages .button-holder{
        margin-left:calc(33.33% + 7vw)
    }
}
.service-long .stages .button-holder h4{
    margin-bottom:28px
}
@media screen and (min-width:768px){
    .service-long .stages .button-holder h4{
        margin-bottom:0;
        margin-right:27px
    }
}
@media screen and (min-width:1920px){
    .service-long .stages .button-holder h4{
        margin-right:135px
    }
}
.service-long .result{
    padding-top:72px
}
@media screen and (min-width:768px){
    .service-long .result{
        padding-top:88px
    }
}
@media screen and (min-width:1200px){
    .service-long .result{
        padding-top:144px
    }
}
@media screen and (min-width:1920px){
    .service-long .result{
        padding-top:168px
    }
}
.service-long .result .head{
    margin-bottom:24px;
    color:#676052
}
@media screen and (min-width:768px){
    .service-long .result .head{
        margin-bottom:46px
    }
}
@media screen and (min-width:1200px){
    .service-long .result .head{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        margin-bottom:59px;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
@media screen and (min-width:1920px){
    .service-long .result .head{
        margin-bottom:64px
    }
}
.service-long .result .head h2{
    margin-bottom:12px
}
@media screen and (min-width:768px){
    .service-long .result .head h2{
        margin-bottom:24px
    }
}
@media screen and (min-width:1200px){
    .service-long .result .head h2{
        margin-bottom:0
    }
}
.service-long .result .head .text{
    max-width:388px
}
@media screen and (min-width:1200px){
    .service-long .result .head .text{
        -webkit-box-flex:0;
        -ms-flex:0 0 calc(33.33% - 4vw);
        flex:0 0 calc(33.33% - 4vw);
        max-width:none
    }
}
@media screen and (min-width:768px){
    .service-long .result .row{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        -webkit-column-gap:3vw;
        -moz-column-gap:3vw;
        column-gap:3vw;
        grid-row-gap:24px
    }
}
@media screen and (min-width:1200px){
    .service-long .result .row{
        grid-template-columns:repeat(3,1fr);
        -webkit-column-gap:4vw;
        -moz-column-gap:4vw;
        column-gap:4vw;
        grid-row-gap:40px
    }
}
@media screen and (min-width:1920px){
    .service-long .result .row{
        grid-row-gap:64px
    }
}
.service-long .result .result-item{
    padding:10vw 8vw;
    text-indent:20px;
    position:relative;
    background:#f0ece4;
    letter-spacing:.01em;
    margin-bottom:24px;
    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-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media screen and (min-width:768px){
    .service-long .result .result-item{
        margin-bottom:0;
        padding:5.3vw 3vw
    }
}
@media screen and (min-width:1200px){
    .service-long .result .result-item{
        padding:4.3vw 2.8vw;
        text-indent:40px
    }
}
.service-long .result .result-item h4{
    margin-bottom:0
}
.service-long .result .result-item .animate-holder{
    font-size:13px;
    font-weight:600;
    text-indent:0;
    text-transform:uppercase;
    display:block;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    margin:24px auto 0
}
@media screen and (min-width:768px){
    .service-long .result .result-item .animate-holder{
        margin-top:31px
    }
}
@media screen and (min-width:1920px){
    .service-long .result .result-item .animate-holder{
        margin-top:48px;
        font-size:18px
    }
}
.service-long .result .result-item.link{
    cursor:pointer
}
.service-long .result .result-item.link img{
    top:auto;
    bottom:-1px
}
.service-long .result .result-item img{
    position:absolute;
    left:-1px;
    top:-1px;
    width:32px;
    height:32px
}
@media screen and (min-width:768px){
    .service-long .result .result-item img{
        width:40px;
        height:40px
    }
}
@media screen and (min-width:1200px){
    .service-long .result .result-item img{
        width:52px;
        height:52px
    }
}
@media screen and (min-width:1920px){
    .service-long .result .result-item img{
        width:70px;
        height:70px
    }
}
.not-found{
    height:calc(var(--vh, 1vh) * 100 - 58px);
    position:relative;
    overflow:hidden
}
@media screen and (min-width:768px){
    .not-found{
        height:calc(var(--vh, 1vh) * 100 - 79px)
    }
}
@media screen and (min-width:1200px){
    .not-found{
        height:calc(100vh - 100px)
    }
}
.not-found .text-holder{
    position:absolute;
    z-index:2;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-70%);
    -ms-transform:translate(-50%,-70%);
    transform:translate(-50%,-70%);
    font-size:16px;
    color:#676052;
    padding:0 5vw;
    max-width:288px;
    width:100%
}
@media screen and (min-width:768px){
    .not-found .text-holder{
        padding:0;
        max-width:488px
    }
}
@media screen and (min-width:1200px){
    .not-found .text-holder{
        max-width:559px
    }
}
@media screen and (min-width:1920px){
    .not-found .text-holder{
        max-width:748px
    }
}
.not-found .text-holder .animate-holder{
    color:#000000;
    font-size:14px
}
@media screen and (min-width:1920px){
    .not-found .text-holder .animate-holder{
        font-size:18px
    }
}
.not-found .text-holder .text{
    margin-left:40px
}
@media screen and (min-width:768px){
    .not-found .text-holder .text{
        margin-left:90px;
        font-size:24px
    }
}
@media screen and (min-width:1200px){
    .not-found .text-holder .text{
        margin-left:120px
    }
}
@media screen and (min-width:1920px){
    .not-found .text-holder .text{
        margin-left:170px
    }
}
.not-found .text-holder p{
    margin-bottom:32px
}
@media screen and (min-width:768px){
    .not-found .text-holder p{
        margin-bottom:42px
    }
}
@media screen and (min-width:1920px){
    .not-found .text-holder p{
        margin-bottom:72px
    }
}
.not-found .text-holder h1{
    font-size:80px;
    letter-spacing:.09em!important;
    line-height:115%;
    margin-bottom:24px
}
@media screen and (min-width:768px){
    .not-found .text-holder h1{
        font-size:104px
    }
}
@media screen and (min-width:1200px){
    .not-found .text-holder h1{
        font-size:128px;
        margin-bottom:16px
    }
}
@media screen and (min-width:1920px){
    .not-found .text-holder h1{
        font-size:176px;
        margin-bottom:32px
    }
}
.not-found .img-holder{
    position:absolute;
    display:block
}
.not-found .img-holder:first-child{
    width:126px;
    height:126px;
    top:0;
    left:-60px;
    z-index:1
}
@media screen and (min-width:768px){
    .not-found .img-holder:first-child{
        width:229px;
        height:227px;
        top:-60px;
        left:0
    }
}
@media screen and (min-width:1200px){
    .not-found .img-holder:first-child{
        width:260px;
        height:260px;
        top:0;
        left:5.5vw
    }
}
@media screen and (min-width:1920px){
    .not-found .img-holder:first-child{
        width:348px;
        height:348px
    }
}
.not-found .img-holder:nth-child(2){
    width:76px;
    height:76px;
    top:100px;
    left:20px
}
@media screen and (min-width:768px){
    .not-found .img-holder:nth-child(2){
        width:138px;
        height:138px;
        top:109px;
        left:133px
    }
}
@media screen and (min-width:1200px){
    .not-found .img-holder:nth-child(2){
        width:157px;
        height:157px;
        top:200px;
        left:20%
    }
}
@media screen and (min-width:1920px){
    .not-found .img-holder:nth-child(2){
        width:211px;
        height:211px;
        top:250px
    }
}
.not-found .img-holder:nth-child(3){
    width:84px;
    height:84px;
    top:17%;
    left:40%
}
@media screen and (min-width:768px){
    .not-found .img-holder:nth-child(3){
        width:151px;
        height:151px;
        top:15%;
        left:50%
    }
}
@media screen and (min-width:1200px){
    .not-found .img-holder:nth-child(3){
        width:173px;
        height:173px;
        top:10%;
        left:50%
    }
}
@media screen and (min-width:1920px){
    .not-found .img-holder:nth-child(3){
        width:231px;
        height:231px
    }
}
.not-found .img-holder:nth-child(4){
    width:130px;
    height:130px;
    top:0;
    right:-60px;
    z-index:1
}
@media screen and (min-width:768px){
    .not-found .img-holder:nth-child(4){
        width:229px;
        height:227px;
        top:-70px;
        right:-62px
    }
}
@media screen and (min-width:1200px){
    .not-found .img-holder:nth-child(4){
        width:268px;
        height:268px;
        top:-70px;
        right:5.5vw
    }
}
@media screen and (min-width:1920px){
    .not-found .img-holder:nth-child(4){
        width:359px;
        height:359px
    }
}
.not-found .img-holder:nth-child(5){
    width:121px;
    height:121px;
    bottom:-50px;
    left:30%;
    z-index:1
}
@media screen and (min-width:768px){
    .not-found .img-holder:nth-child(5){
        width:219px;
        height:219px;
        bottom:-56px
    }
}
@media screen and (min-width:1200px){
    .not-found .img-holder:nth-child(5){
        width:250px;
        height:250px;
        bottom:-56px
    }
}
@media screen and (min-width:1920px){
    .not-found .img-holder:nth-child(5){
        width:335px;
        height:335px
    }
}
.not-found .img-holder:nth-child(6){
    width:71px;
    height:71px;
    bottom:20px;
    left:10%
}
@media screen and (min-width:768px){
    .not-found .img-holder:nth-child(6){
        width:129px;
        height:129px;
        bottom:94px;
        left:21%
    }
}
@media screen and (min-width:1200px){
    .not-found .img-holder:nth-child(6){
        width:147px;
        height:147px
    }
}
@media screen and (min-width:1920px){
    .not-found .img-holder:nth-child(6){
        width:197px;
        height:197px
    }
}
.not-found .img-holder:nth-child(7){
    width:106px;
    height:106px;
    bottom:5%;
    right:-45px;
    z-index:1
}
@media screen and (min-width:768px){
    .not-found .img-holder:nth-child(7){
        width:216px;
        height:216px;
        bottom:16%
    }
}
@media screen and (min-width:1200px){
    .not-found .img-holder:nth-child(7){
        width:279px;
        height:279px;
        bottom:16%;
        right:5.5vw
    }
}
@media screen and (min-width:1920px){
    .not-found .img-holder:nth-child(7){
        width:374px;
        height:374px;
        bottom:10%
    }
}
.not-found .img-holder:nth-child(8){
    width:80px;
    height:80px;
    bottom:120px;
    right:-40px
}
@media screen and (min-width:768px){
    .not-found .img-holder:nth-child(8){
        width:144px;
        height:144px;
        bottom:34%;
        right:-50px
    }
}
@media screen and (min-width:1200px){
    .not-found .img-holder:nth-child(8){
        width:165px;
        height:165px
    }
}
@media screen and (min-width:1920px){
    .not-found .img-holder:nth-child(8){
        width:221px;
        height:221px
    }
}
.not-found .img-holder:nth-child(9){
    width:121px;
    height:121px;
    bottom:30%;
    left:-60px;
    z-index:1
}
@media screen and (min-width:768px){
    .not-found .img-holder:nth-child(9){
        width:217px;
        height:217px;
        bottom:39%;
        left:-120px
    }
}
@media screen and (min-width:1200px){
    .not-found .img-holder:nth-child(9){
        width:247px;
        height:247px;
        bottom:10%;
        left:-20px
    }
}
@media screen and (min-width:1920px){
    .not-found .img-holder:nth-child(9){
        width:331px;
        height:331px
    }
}
.thanks-page{
    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-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    height:calc(var(--vh, 1vh) * 100 - 58px);
    position:relative;
    overflow:hidden
}
@media screen and (min-width:768px){
    .thanks-page{
        height:calc(var(--vh, 1vh) * 100 - 79px);
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
@media screen and (min-width:1200px){
    .thanks-page{
        height:calc(100vh - 100px);
        padding-right:5.5vw
    }
}
.thanks-page .top{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    border-bottom:1px solid #bfb8a8;
    height:-webkit-max-content;
    height:-moz-max-content;
    height:max-content
}
.thanks-page .bounce{
    width:160px;
    height:170px;
    border-left:1px solid #bfb8a8
}
@media screen and (min-width:768px){
    .thanks-page .bounce{
        width:279px;
        height:317px
    }
}
@media screen and (min-width:1200px){
    .thanks-page .bounce{
        width:359px;
        height:calc(50vh - 50px)
    }
}
@media screen and (min-width:1920px){
    .thanks-page .bounce{
        width:479px
    }
}
.thanks-page .pixel-word{
    height:170px;
    width:160px;
    overflow:hidden
}
@media screen and (min-width:768px){
    .thanks-page .pixel-word{
        width:279px;
        height:317px
    }
}
@media screen and (min-width:1200px){
    .thanks-page .pixel-word{
        width:358px;
        height:calc(50vh - 50px)
    }
}
@media screen and (min-width:1920px){
    .thanks-page .pixel-word{
        width:479px
    }
}
.thanks-page .text-holder{
    width:100%
}
@media screen and (min-width:768px){
    .thanks-page .text-holder{
        padding:0;
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2;
        -webkit-box-flex:1;
        -ms-flex-positive:1;
        flex-grow:1;
        width:auto;
        height:calc(100% - 317px);
        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-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
@media screen and (min-width:1200px){
    .thanks-page .text-holder{
        position:absolute;
        right:5vw;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start;
        top:50%;
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%)
    }
}
@media screen and (min-width:1440px){
    .thanks-page .text-holder{
        right:15vw
    }
}
.thanks-page .text-holder .text{
    color:#676052;
    width:178px;
    margin-bottom:24px
}
@media screen and (min-width:768px){
    .thanks-page .text-holder .text{
        width:246px
    }
}
@media screen and (min-width:1200px){
    .thanks-page .text-holder .text{
        margin-bottom:65px
    }
}
.thanks-page .text-holder .h3{
    width:150px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    margin-right:28px;
    margin-left:auto;
    margin-bottom:16px;
    line-height:1.3
}
@media screen and (min-width:768px){
    .thanks-page .text-holder .h3{
        width:246px;
        margin:0 0 22px
    }
}
@media screen and (min-width:1200px){
    .thanks-page .text-holder .h3{
        width:330px;
        margin-bottom:65px
    }
}
@media screen and (min-width:1920px){
    .thanks-page .text-holder .h3{
        width:442px
    }
}
.thanks-page .text-holder .h3 p:first-of-type{
    margin-left:auto
}
.thanks-page .text-holder .btn-all{
    max-width:150px;
    margin-left:auto;
    margin-right:28px
}
@media screen and (min-width:768px){
    .thanks-page .text-holder .btn-all{
        margin:0;
        -webkit-transform:translateX(-55px);
        -ms-transform:translateX(-55px);
        transform:translateX(-55px)
    }
}
@media screen and (min-width:1200px){
    .thanks-page .text-holder .btn-all{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
@media screen and (min-width:1920px){
    .thanks-page .text-holder .btn-all{
        max-width:181px
    }
}
.thanks-page .bottom{
    position:relative;
    width:100%;
    height:100px;
    border-top:1px solid #bfb8a8;
    cursor:none
}
@media screen and (min-width:768px){
    .thanks-page .bottom{
        width:280px;
        border-top:0;
        border-right:1px solid #bfb8a8;
        height:calc(100% - 317px)
    }
}
@media screen and (min-width:1200px){
    .thanks-page .bottom{
        width:359px;
        height:calc(50vh - 50px)
    }
}
@media screen and (min-width:1920px){
    .thanks-page .bottom{
        width:480px
    }
}
.thanks-page .bottom .text{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.thanks-page .bottom h3{
    -webkit-text-stroke-width:1px;
    -webkit-text-stroke-color:#f0ece4;
    color:transparent
}
.blogs-page h1,.blogs-page h2,.blogs-page h3{
    text-align:center
}
@media screen and (min-width:1200px){
    .blogs-page h1,.blogs-page h2,.blogs-page h3{
        max-width:259px;
        text-align:left
    }
}
@media screen and (min-width:1920px){
    .blogs-page h1,.blogs-page h2,.blogs-page h3{
        max-width:300px
    }
}
.blogs-page .service{
    background:#f9f6f0
}
.blogs-page .service .links{
    margin-bottom:56px
}
@media screen and (min-width:768px){
    .blogs-page .service .links{
        margin-bottom:64px
    }
}
@media screen and (min-width:1200px){
    .blogs-page .service .links{
        margin-bottom:80px
    }
}
@media screen and (min-width:1920px){
    .blogs-page .service .links{
        margin-bottom:120px
    }
}
.blogs-page .service .link{
    padding:16px 0
}
@media screen and (min-width:768px){
    .blogs-page .service .link{
        -webkit-column-gap:46px;
        -moz-column-gap:46px;
        column-gap:46px;
        padding:26px 0
    }
}
@media screen and (min-width:1200px){
    .blogs-page .service .link{
        padding:48px 0
    }
}
@media screen and (min-width:1440px){
    .blogs-page .service .link{
        -webkit-column-gap:7vw;
        -moz-column-gap:7vw;
        column-gap:7vw
    }
}
@media screen and (min-width:1920px){
    .blogs-page .service .link{
        padding:83px 0
    }
}
.blogs-page .service .links-item{
    position:relative;
    cursor:pointer
}
.blogs-page .service .hover-reveal{
    display:none;
    position:fixed;
    width:200px;
    height:200px;
    top:0;
    left:0;
    pointer-events:none;
    opacity:0
}
@media screen and (min-width:1200px){
    .blogs-page .service .hover-reveal{
        display:block
    }
}
@media screen and (min-width:1920px){
    .blogs-page .service .hover-reveal{
        width:323px;
        height:323px
    }
}
.blogs-page .service .hover-reveal__img,.blogs-page .service .hover-reveal__inner{
    width:100%;
    height:100%;
    position:relative;
    background-size:cover
}
@media screen and (min-width:768px){
    .blogs-page .service .left{
        display:grid;
        grid-template-columns:auto auto;
        -webkit-column-gap:38px;
        -moz-column-gap:38px;
        column-gap:38px;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
@media screen and (min-width:1200px){
    .blogs-page .service .left{
        display:block
    }
}
.blogs-page .service .img-holder{
    width:51px;
    height:51px
}
@media screen and (min-width:768px){
    .blogs-page .service .img-holder{
        width:80px;
        height:80px
    }
}
@media screen and (min-width:1200px){
    .blogs-page .service .img-holder{
        display:none
    }
}
.blogs-page .service .number{
    font-size:11px;
    margin-bottom:8px
}
@media screen and (min-width:768px){
    .blogs-page .service .number{
        font-size:14px
    }
}
@media screen and (min-width:1920px){
    .blogs-page .service .number{
        font-size:18px
    }
}
.article-page{
    padding-top:24px
}
@media screen and (min-width:768px){
    .article-page{
        padding-top:40px
    }
}
@media screen and (min-width:1200px){
    .article-page{
        padding-top:20px
    }
}
.article-page h1,.article-page h2{
    font-size:18px;
    font-weight:400;
    letter-spacing:.01em;
    margin-bottom:16px;
    text-transform:none
}
@media screen and (min-width:768px){
    .article-page h1,.article-page h2{
        font-size:28px
    }
}
@media screen and (min-width:1920px){
    .article-page h1,.article-page h2{
        font-size:40px
    }
}
.article-page h3{
    font-size:16px;
    font-weight:400;
    margin-bottom:16px;
    line-height:1.5;
    letter-spacing:.01em;
    text-transform:uppercase
}
@media screen and (min-width:1200px){
    .article-page h3{
        font-size:20px
    }
}
@media screen and (min-width:1920px){
    .article-page h3{
        font-size:26px
    }
}
.article-page .article-section{
    padding-bottom:64px;
    text-align:justify
}
@media screen and (min-width:768px){
    .article-page .article-section{
        padding-bottom:88px
    }
}
@media screen and (min-width:1200px){
    .article-page .article-section{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start;
        padding-right:0;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        position:relative
    }
}
@media screen and (min-width:1920px){
    .article-page .article-section{
        padding-bottom:120px
    }
}
.article-page .article-section .title{
    margin-bottom:19px
}
@media screen and (min-width:768px){
    .article-page .article-section .title{
        margin-bottom:22px
    }
}
@media screen and (min-width:1200px){
    .article-page .article-section .title{
        max-width:311px;
        position:-webkit-sticky;
        position:sticky;
        top:calc(50vh - 100px);
        left:5.5vw
    }
}
@media screen and (min-width:1920px){
    .article-page .article-section .title{
        max-width:420px
    }
}
.article-page .article-section .title .author{
    display:grid;
    grid-template-columns:auto 1fr;
    -webkit-column-gap:12px;
    -moz-column-gap:12px;
    column-gap:12px;
    font-weight:600;
    font-size:13px;
    line-height:140%;
    letter-spacing:.1em;
    text-transform:uppercase;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-transition:color .5s ease;
    -o-transition:color .5s ease;
    transition:color .5s ease
}
@media screen and (min-width:1920px){
    .article-page .article-section .title .author{
        font-size:18px;
        -webkit-column-gap:24px;
        -moz-column-gap:24px;
        column-gap:24px
    }
}
.article-page .article-section .title .author:hover{
    color:#1550cf
}
.article-page .article-section .title .author .img-holder{
    all:unset;
    height:30px;
    width:30px;
    border-radius:50%;
    overflow:hidden
}
@media screen and (min-width:768px){
    .article-page .article-section .title .author .img-holder{
        height:32px;
        width:32px
    }
}
@media screen and (min-width:1920px){
    .article-page .article-section .title .author .img-holder{
        height:40px;
        width:40px
    }
}
.article-page .article-section .h3{
    text-align:left;
    text-transform:lowercase;
    margin-bottom:12px
}
@media screen and (min-width:768px){
    .article-page .article-section .h3{
        margin-bottom:16px
    }
}
@media screen and (min-width:1200px){
    .article-page .article-section .h3{
        margin-bottom:24px
    }
}
@media screen and (min-width:1920px){
    .article-page .article-section .h3{
        margin-bottom:48px
    }
}
.article-page .article-section .h3:first-letter{
    text-transform:uppercase
}
.article-page .article-section h4{
    margin-bottom:8px
}
@media screen and (min-width:768px){
    .article-page .article-section h4{
        font-size:24px;
        margin-bottom:16px
    }
}
@media screen and (min-width:1920px){
    .article-page .article-section h4{
        font-size:32px
    }
}
@media screen and (min-width:1200px){
    .article-page .article-section .right{
        width:64vw
    }
}
.article-page .article-section .img-holder{
    height:69vw;
    margin:0 -5vw;
    margin-bottom:24px
}
@media screen and (min-width:768px){
    .article-page .article-section .img-holder{
        height:44vw;
        margin:0 0 40px
    }
}
@media screen and (min-width:1200px){
    .article-page .article-section .img-holder{
        height:32vw;
        margin-bottom:65px
    }
}
@media screen and (min-width:1920px){
    .article-page .article-section .img-holder{
        margin-bottom:89px
    }
}
.article-page .article-section .img-holder img{
    -o-object-fit:contain;
    object-fit:contain
}
@media screen and (min-width:768px){
    .article-page .article-section .double-img{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        -webkit-column-gap:20px;
        -moz-column-gap:20px;
        column-gap:20px
    }
}
@media screen and (min-width:1920px){
    .article-page .article-section .double-img{
        -webkit-column-gap:30px;
        -moz-column-gap:30px;
        column-gap:30px
    }
}
@media screen and (min-width:768px){
    .article-page .article-section .double-img img{
        height:auto
    }
}
.article-page .article-section .content-holder{
    position:relative
}
@media screen and (min-width:1200px){
    .article-page .article-section .content-holder{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        padding-right:5.5vw
    }
}
.article-page .article-section .content{
    max-width:689px;
    margin:0 auto 51px;
    font-size:16px
}
@media screen and (min-width:768px){
    .article-page .article-section .content{
        margin-bottom:48px
    }
}
@media screen and (min-width:1200px){
    .article-page .article-section .content{
        margin:0;
        max-width:500px
    }
}
@media screen and (min-width:1440px){
    .article-page .article-section .content{
        max-width:649px
    }
}
@media screen and (min-width:1920px){
    .article-page .article-section .content{
        max-width:850px;
        font-size:18px
    }
}
.article-page .article-section .content li,.article-page .article-section .content ul{
    list-style:circle
}
.article-page .article-section .content ul{
    margin-left:20px
}
.article-page .article-section .content p,.article-page .article-section .content ul li{
    margin-bottom:10px
}
@media screen and (min-width:1920px){
    .article-page .article-section .content p{
        margin-bottom:15px
    }
}
.article-page .article-section .content p~h2{
    margin-top:20px
}
@media screen and (min-width:1920px){
    .article-page .article-section .content p~h2{
        margin-top:30px
    }
}
.article-page .article-section .content p~h2~h3{
    margin-top:15px
}
@media screen and (min-width:1920px){
    .article-page .article-section .content p~h2~h3{
        margin-top:20px
    }
}
.article-page .article-section .content a{
    color:#000000;
    position:relative;
    -webkit-transition:color .7s linear;
    -o-transition:color .7s linear;
    transition:color .7s linear;
    display:inline-block
}
@media screen and (min-width:1920px){
    .article-page .article-section .content a{
        font-size:18px
    }
}
.article-page .article-section .content a:before{
    content:"";
    bottom:0;
    position:absolute;
    left:0;
    right:0;
    -webkit-transition:opacity .7s cubic-bezier(.19,1,.22,1),-webkit-transform .7s cubic-bezier(.19,1,.22,1);
    transition:opacity .7s cubic-bezier(.19,1,.22,1),-webkit-transform .7s cubic-bezier(.19,1,.22,1);
    -o-transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1);
    transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1);
    transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1),-webkit-transform .7s cubic-bezier(.19,1,.22,1);
    border-bottom:1px solid #000000
}
.article-page .article-section .content a:hover{
    color:#1550cf
}
.article-page .article-section .content a:hover:before{
    opacity:0;
    -webkit-transform:rotate(3deg) translate3d(0,3px,0) scaleX(.7);
    transform:rotate(3deg) translate3d(0,3px,0) scaleX(.7)
}
.article-page .article-section .list-item{
    margin-bottom:32px
}
@media screen and (min-width:1920px){
    .article-page .article-section .list-item{
        margin-bottom:40px
    }
}
.article-page .article-section .list-item p{
    margin-bottom:8px
}
@media screen and (min-width:1920px){
    .article-page .article-section .list-item p{
        margin-bottom:16px
    }
}
.article-page .article-section .text-item{
    margin-bottom:32px;
    font-size:14px;
    line-height:1.5
}
@media screen and (min-width:1920px){
    .article-page .article-section .text-item{
        margin-bottom:40px;
        font-size:18px
    }
}
.article-page .article-section .text-item p:not(:last-of-type){
    margin-bottom:32px
}
@media screen and (min-width:1920px){
    .article-page .article-section .text-item p:not(:last-of-type){
        margin-bottom:40px
    }
}
.article-page .article-section .gallery{
    position:relative
}
.article-page .article-section .gallery .swiper-wrapper{
    height:44vw;
    max-height:294px
}
@media screen and (min-width:1440px){
    .article-page .article-section .gallery .swiper-wrapper{
        max-height:338px
    }
}
@media screen and (min-width:1920px){
    .article-page .article-section .gallery .swiper-wrapper{
        max-height:417px
    }
}
.article-page .article-section .gallery .gallery-navigation{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    position:absolute;
    left:0;
    right:0;
    bottom:0
}
@media screen and (min-width:768px){
    .article-page .article-section .gallery .gallery-navigation{
        top:147px;
        bottom:auto;
        left:-35px;
        right:-35px
    }
}
@media screen and (min-width:1920px){
    .article-page .article-section .gallery .gallery-navigation{
        top:171px;
        left:-45px;
        right:-45px
    }
}
.article-page .article-section .gallery .gallery-navigation .btn{
    width:20px;
    height:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow:hidden;
    cursor:pointer
}
@media screen and (min-width:768px){
    .article-page .article-section .gallery .gallery-navigation .btn{
        width:25px;
        height:25px
    }
}
@media screen and (min-width:1920px){
    .article-page .article-section .gallery .gallery-navigation .btn{
        width:30px;
        height:30px
    }
}
.article-page .article-section .gallery .gallery-navigation .btn.disable img{
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%)
}
.article-page .article-section .gallery .gallery-navigation .btn.next:hover img{
    -webkit-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%)
}
.article-page .article-section .gallery .gallery-navigation .btn img{
    -ms-flex-negative:0;
    flex-shrink:0;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.article-page .article-section .gallery .gallery-navigation .btn.prev{
    -webkit-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    transform:scaleX(-1);
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.article-page .article-section .gallery .gallery-navigation .btn.prev:hover img{
    -webkit-transform:translateX(100%);
    -ms-transform:translateX(100%);
    transform:translateX(100%)
}
.article-page .article-section .gallery .swiper-slide{
    overflow:hidden
}
.article-page .article-section .gallery .swiper-slide.swiper-slide-active{
    z-index:2
}
.article-page .article-section .gallery .swiper-slide .img{
    overflow:hidden;
    height:100%;
    width:100%
}
.article-page .article-section .gallery .gallery-pagination{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-weight:600;
    font-size:13px;
    letter-spacing:.1em;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding-top:18px
}
@media screen and (min-width:1920px){
    .article-page .article-section .gallery .gallery-pagination{
        padding-top:40px;
        font-size:18px
    }
}
.article-page .article-section .gallery .gallery-pagination li{
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.article-page .article-section .gallery .gallery-pagination .total{
    color:#bfb8a8;
    margin-left:38px;
    position:relative;
    overflow:visible
}
@media screen and (min-width:1920px){
    .article-page .article-section .gallery .gallery-pagination .total{
        margin-left:56px
    }
}
.article-page .article-section .gallery .gallery-pagination .total:before{
    content:"/";
    position:absolute;
    left:-20px;
    color:#000000
}
@media screen and (min-width:1920px){
    .article-page .article-section .gallery .gallery-pagination .total:before{
        left:-30px
    }
}
.article-page .article-section .social-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-weight:600;
    font-size:13px;
    background:#f0ece4;
    line-height:1;
    margin:0 -5vw;
    padding:24px 5vw;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    letter-spacing:.1em;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media screen and (min-width:768px){
    .article-page .article-section .social-list{
        padding-top:27px
    }
}
@media screen and (min-width:1200px){
    .article-page .article-section .social-list{
        margin:0;
        position:-webkit-sticky;
        position:sticky;
        background:0;
        padding:0;
        top:calc(50vh - 100px);
        right:0;
        display:grid;
        grid-template-columns:repeat(2,auto);
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        grid-row-gap:24px;
        grid-column-gap:30px
    }
}
@media screen and (min-width:1920px){
    .article-page .article-section .social-list{
        grid-column-gap:36px
    }
}
.article-page .article-section .social-list a{
    display:block;
    -webkit-transition:opacity .3s ease;
    -o-transition:opacity .3s ease;
    transition:opacity .3s ease;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content
}
.article-page .article-section .social-list a:hover{
    opacity:.6
}
.article-page .article-section .social-list li{
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content
}
@media screen and (min-width:1200px){
    .article-page .article-section .social-list li:first-of-type{
        grid-column:1/3
    }
}
.article-page .article-section .social-list li:not(:last-of-type){
    margin-right:13px
}
@media screen and (min-width:768px){
    .article-page .article-section .social-list li:not(:last-of-type){
        margin-right:32px
    }
}
@media screen and (min-width:1200px){
    .article-page .article-section .social-list li:not(:last-of-type){
        margin-right:0
    }
}
.article-page .article-section .social-list img{
    width:25px;
    height:25px
}
@media screen and (min-width:1920px){
    .article-page .article-section .social-list img{
        width:29px;
        height:29px
    }
}
.article-page .blogs-page{
    padding-top:0
}
.article-page .blogs-page h3{
    text-align:left;
    text-transform:lowercase
}
@media screen and (min-width:1200px){
    .article-page .blogs-page h3{
        max-width:none
    }
}
.article-page .blogs-page h3:first-letter{
    text-transform:uppercase
}
@media screen and (min-width:1200px){
    .article-page .blogs-page .service{
        grid-column-gap:50px;
        grid-template-columns:311px 59.5vw
    }
}
@media screen and (min-width:1920px){
    .article-page .blogs-page .service{
        grid-template-columns:420px 59.5vw
    }
}
@media screen and (min-width:768px){
    .article-page .popup-holder .form-item{
        margin-bottom:24px
    }
}
.article-page .popup-holder h5{
    color:#676052;
    font-size:14px;
    font-weight:600;
    margin-bottom:8px
}
@media screen and (min-width:1920px){
    .article-page .popup-holder h5{
        font-size:18px;
        margin-bottom:16px
    }
}
.article-page .charts .chart-holder{
    margin-bottom:40px;
    overflow-x:auto
}
.article-page .charts .chart-holder.pie-holder{
    margin-bottom:0;
    padding-bottom:20px
}
@media screen and (min-width:768px){
    .article-page .charts .chart-holder.pie-holder{
        padding-bottom:40px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:end;
        -ms-flex-align:end;
        align-items:flex-end
    }
}
@media screen and (min-width:1200px){
    .article-page .charts .chart-holder.pie-holder{
        padding-bottom:46px
    }
}
@media screen and (min-width:1920px){
    .article-page .charts .chart-holder.pie-holder{
        padding-bottom:63px
    }
}
@media screen and (min-width:768px){
    .article-page .charts .chart-holder.pie-holder .pie{
        width:44vw
    }
}
@media screen and (min-width:1200px){
    .article-page .charts .chart-holder.pie-holder .pie{
        width:248px
    }
}
@media screen and (min-width:1920px){
    .article-page .charts .chart-holder.pie-holder .pie{
        width:300px
    }
}
.article-page .charts .statistics{
    margin-left:-5vw;
    margin-right:-5vw;
    padding:24px 5vw;
    background:#f0ece4;
    text-align:left;
    margin-bottom:32px
}
@media screen and (min-width:768px){
    .article-page .charts .statistics{
        margin-left:-5.5vw;
        margin-right:-5.5vw;
        padding:40px 5.5vw;
        display:grid;
        grid-template-columns:repeat(2,1fr);
        -webkit-column-gap:20px;
        -moz-column-gap:20px;
        column-gap:20px
    }
}
@media screen and (min-width:1200px){
    .article-page .charts .statistics{
        margin-left:-56px;
        margin-right:-56px;
        padding:40px 20px
    }
}
@media screen and (min-width:1440px){
    .article-page .charts .statistics{
        padding:40px 56px;
        -webkit-column-gap:49px;
        -moz-column-gap:49px;
        column-gap:49px
    }
}
@media screen and (min-width:1920px){
    .article-page .charts .statistics{
        margin-left:-80px;
        margin-right:-80px;
        padding:64px 80px
    }
}
.article-page .charts .statistics .state-item{
    display:grid;
    grid-template-columns:1fr 85px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:19px
}
@media screen and (min-width:768px){
    .article-page .charts .statistics .state-item{
        grid-template-columns:1fr 112px;
        margin-bottom:32px
    }
}
@media screen and (min-width:1920px){
    .article-page .charts .statistics .state-item{
        margin-bottom:38px;
        grid-template-columns:1fr 140px
    }
}
.article-page .charts .statistics .state-item .desc{
    color:#867e6c
}
.article-page .charts .statistics .state-item .name{
    font-weight:600;
    font-size:14px
}
@media screen and (min-width:1920px){
    .article-page .charts .statistics .state-item .name{
        font-size:18px
    }
}
.article-page .charts .statistics .state-item .number-holder{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#48b1a0;
    margin-bottom:0;
    position:relative;
    padding-left:18px;
    -ms-flex-negative:0;
    font-weight:400;
    font-size:14px;
    line-height:1.5;
    letter-spacing:.01em;
    flex-shrink:0
}
@media screen and (min-width:768px){
    .article-page .charts .statistics .state-item .number-holder{
        font-size:24px
    }
}
@media screen and (min-width:1920px){
    .article-page .charts .statistics .state-item .number-holder{
        font-size:32px
    }
}
.article-page .charts .statistics .state-item .number-holder svg{
    position:absolute;
    left:0;
    top:-2px;
    height:100%
}
.article-page .charts .statistics .state-item .number-holder svg path{
    stroke:#48b1a0
}
.article-page .charts .statistics .state-item.low .number-holder{
    color:#1550cf
}
.article-page .charts .statistics .state-item.low svg{
    -webkit-transform:scaleY(-1);
    -ms-transform:scaleY(-1);
    transform:scaleY(-1)
}
.article-page .charts .statistics .state-item.low svg path{
    stroke:#1550cf
}
.tech-page .tech-about{
    padding-top:56px;
    padding-bottom:72px
}
@media screen and (min-width:768px){
    .tech-page .tech-about{
        padding-top:64px;
        padding-bottom:96px
    }
}
@media screen and (min-width:1200px){
    .tech-page .tech-about{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        -webkit-column-gap:9vw;
        -moz-column-gap:9vw;
        column-gap:9vw;
        padding-bottom:141px
    }
}
@media screen and (min-width:1920px){
    .tech-page .tech-about{
        padding-top:104px;
        padding-bottom:187px
    }
}
.tech-page .tech-about h2{
    grid-column:1/3
}
@media screen and (min-width:1920px){
    .tech-page .tech-about h2{
        margin-bottom:60px
    }
}
.tech-page .tech-about h4{
    margin-left:47px;
    max-width:460px
}
@media screen and (min-width:768px){
    .tech-page .tech-about h4{
        margin-left:98px;
        font-size:24px
    }
}
@media screen and (min-width:1200px){
    .tech-page .tech-about h4{
        max-width:none
    }
}
@media screen and (min-width:1920px){
    .tech-page .tech-about h4{
        font-size:32px;
        margin-bottom:53px
    }
}
.tech-page .tech-about .list h4{
    margin-bottom:32px
}
@media screen and (min-width:768px){
    .tech-page .tech-about .list h4{
        margin-bottom:63px
    }
}
@media screen and (min-width:1920px){
    .tech-page .tech-about .list h4{
        margin-bottom:87px;
        margin-left:112px
    }
}
.tech-page .tech-about .service-list{
    margin-bottom:48px
}
@media screen and (min-width:768px){
    .tech-page .tech-about .service-list{
        margin-bottom:72px
    }
}
@media screen and (min-width:1200px){
    .tech-page .tech-about .service-list{
        margin-bottom:0
    }
}
.tech-page .tech-about .service-item{
    display:grid;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    grid-template-columns:auto 1fr;
    -webkit-column-gap:32px;
    -moz-column-gap:32px;
    column-gap:32px;
    padding:28px 0;
    border-top:1px solid #bfb8a8
}
@media screen and (min-width:768px){
    .tech-page .tech-about .service-item{
        -webkit-column-gap:83px;
        -moz-column-gap:83px;
        column-gap:83px;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        padding:29px 0
    }
}
@media screen and (min-width:1200px){
    .tech-page .tech-about .service-item{
        padding:38px 0
    }
}
@media screen and (min-width:1920px){
    .tech-page .tech-about .service-item{
        -webkit-column-gap:93px;
        -moz-column-gap:93px;
        column-gap:93px;
        padding:42px 0
    }
}
.tech-page .tech-about .service-item:last-of-type{
    border-bottom:1px solid #bfb8a8
}
.tech-page .tech-about .service-item .number{
    color:#1550cf;
    font-size:14px
}
@media screen and (min-width:1920px){
    .tech-page .tech-about .service-item .number{
        font-size:18px
    }
}
.tech-page .tech-about .service-item .name{
    font-weight:500
}
@media screen and (min-width:768px){
    .tech-page .tech-about .service-item .name{
        font-size:18px
    }
}
@media screen and (min-width:1920px){
    .tech-page .tech-about .service-item .name{
        font-size:24px
    }
}
@media screen and (min-width:1200px){
    .tech-page .tech-about .logos h4{
        margin-left:0;
        margin-bottom:23px
    }
}
.tech-page .tech-about .logos .logo-item{
    height:85px
}
@media screen and (min-width:768px){
    .tech-page .tech-about .logos .logo-item{
        height:99px
    }
}
@media screen and (min-width:1200px){
    .tech-page .tech-about .logos .logo-item{
        height:103px
    }
}
@media screen and (min-width:1920px){
    .tech-page .tech-about .logos .logo-item{
        height:137px
    }
}
.tech-page .tech-about .logos .logo-row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    -webkit-column-gap:15px;
    -moz-column-gap:15px;
    column-gap:15px;
    grid-row-gap:7px
}
@media screen and (min-width:768px){
    .tech-page .tech-about .logos .logo-row{
        grid-template-columns:repeat(4,1fr);
        -webkit-column-gap:92px;
        -moz-column-gap:92px;
        column-gap:92px
    }
}
@media screen and (min-width:1200px){
    .tech-page .tech-about .logos .logo-row{
        -webkit-column-gap:54px;
        -moz-column-gap:54px;
        column-gap:54px
    }
}
@media screen and (min-width:1920px){
    .tech-page .tech-about .logos .logo-row{
        -webkit-column-gap:73px;
        -moz-column-gap:73px;
        column-gap:73px
    }
}
.tech-page .tech-stages{
    padding-top:40px;
    padding-bottom:80px;
    background:#f0ece4
}
@media screen and (min-width:768px){
    .tech-page .tech-stages{
        padding-top:64px;
        padding-bottom:112px
    }
}
@media screen and (min-width:1200px){
    .tech-page .tech-stages{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        padding-top:120px;
        padding-bottom:120px
    }
}
@media screen and (min-width:1920px){
    .tech-page .tech-stages{
        padding-top:140px;
        padding-bottom:140px
    }
}
@media screen and (min-width:1200px){
    .tech-page .tech-stages img{
        max-height:25vw
    }
}
.tech-page .tech-stages h2{
    margin-bottom:32px;
    max-width:208px
}
@media screen and (min-width:768px){
    .tech-page .tech-stages h2{
        margin-bottom:48px;
        max-width:400px
    }
}
.tech-page .tech{
    position:relative;
    padding-top:48px
}
@media screen and (min-width:768px){
    .tech-page .tech{
        padding-top:56px;
        padding-bottom:42px
    }
}
@media screen and (min-width:1200px){
    .tech-page .tech{
        padding-top:104px;
        padding-bottom:152px
    }
}
@media screen and (min-width:1920px){
    .tech-page .tech{
        padding-bottom:180px
    }
}
.tech-page .tech h1{
    text-align:center
}
@media screen and (min-width:768px){
    .tech-page .tech h1{
        -moz-text-align-last:left;
        text-align-last:left
    }
}
@media screen and (min-width:1200px){
    .tech-page .tech h1{
        margin-bottom:79px
    }
}
.tech-page .tech .mob-panel{
    padding:27px 16px;
    background:#f0ece4;
    margin:0 -5vw;
    font-size:13px;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:#000000;
    font-weight:600;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
}
@media screen and (min-width:768px){
    .tech-page .tech .mob-panel{
        display:none
    }
}
.tech-page .tech .mob-panel .icon{
    width:21px;
    height:21px;
    margin-right:16px
}
.tech-page .tech .mob-panel:before{
    content:"";
    position:absolute;
    right:16px;
    width:8px;
    height:8px;
    top:31px;
    border-right:1px solid #1550cf;
    border-bottom:1px solid #1550cf;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
@media screen and (min-width:1920px){
    .tech-page .tech .mob-panel:before{
        top:10px
    }
}
.tech-page .tech .mob-panel.active:before{
    -webkit-transform:rotate(225deg);
    -ms-transform:rotate(225deg);
    transform:rotate(225deg);
    top:36px
}
@media screen and (min-width:1920px){
    .tech-page .tech .mob-panel.active:before{
        top:5px
    }
}
.tech-page .tech .tech-holder{
    position:relative
}
@media screen and (min-width:768px){
    .tech-page .tech .tab{
        display:grid;
        grid-template-columns:1fr 1fr;
        -webkit-column-gap:83px;
        -moz-column-gap:83px;
        column-gap:83px
    }
}
@media screen and (min-width:1200px){
    .tech-page .tech .tab{
        grid-template-columns:2fr 4fr;
        -webkit-column-gap:103px;
        -moz-column-gap:103px;
        column-gap:103px
    }
}
@media screen and (min-width:1920px){
    .tech-page .tech .tab{
        -webkit-column-gap:135px;
        -moz-column-gap:135px;
        column-gap:135px
    }
}
.tech-page .tech .tabs{
    position:absolute;
    top:72px;
    left:-5vw;
    right:-5vw;
    z-index:5;
    background:#f0ece4;
    padding:0 16px;
    font-size:13px;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:#867e6c;
    font-weight:600;
    overflow-y:auto;
    max-height:240px;
    display:none
}
@media screen and (min-width:768px){
    .tech-page .tech .tabs{
        position:static;
        height:-webkit-max-content!important;
        height:-moz-max-content!important;
        height:max-content!important;
        overflow-y:visible;
        background:transparent;
        padding:0;
        margin-left:-5vw;
        display:block!important
    }
}
@media screen and (min-width:1920px){
    .tech-page .tech .tabs{
        font-size:18px
    }
}
.tech-page .tech .tabs li{
    margin-bottom:29px;
    cursor:pointer
}
@media screen and (min-width:768px){
    .tech-page .tech .tabs li{
        padding:27px 5vw;
        margin-bottom:0;
        position:relative;
        -webkit-transition:all .5s ease-out;
        -o-transition:all .5s ease-out;
        transition:all .5s ease-out
    }
}
@media screen and (min-width:1200px){
    .tech-page .tech .tabs li{
        padding:27px 5.5vw
    }
}
@media screen and (min-width:1920px){
    .tech-page .tech .tabs li{
        padding:36px 5.5vw
    }
}
@media screen and (min-width:768px){
    .tech-page .tech .tabs li:before{
        left:0;
        top:0;
        bottom:0;
        background:#f0ece4;
        -webkit-transform-origin:left;
        -ms-transform-origin:left;
        transform-origin:left;
        width:100%;
        z-index:-1;
        -webkit-transform:scaleX(0);
        -ms-transform:scaleX(0);
        transform:scaleX(0)
    }
}
@media screen and (min-width:768px){
    .tech-page .tech .tabs li:after,.tech-page .tech .tabs li:before{
        content:"";
        position:absolute;
        -webkit-transition:all .5s ease-out;
        -o-transition:all .5s ease-out;
        transition:all .5s ease-out
    }
    .tech-page .tech .tabs li:after{
        left:5vw;
        top:19px;
        width:28px;
        height:28px;
        background:url("../img/arrow-next.svg");
        z-index:2;
        background-size:contain;
        -webkit-transform:translateX(calc(-100% - 5vw));
        -ms-transform:translateX(calc(-100% - 5vw));
        transform:translateX(calc(-100% - 5vw))
    }
}
@media screen and (min-width:1200px){
    .tech-page .tech .tabs li:after{
        -webkit-transform:translateX(calc(-100% - 5.5vw));
        -ms-transform:translateX(calc(-100% - 5.5vw));
        transform:translateX(calc(-100% - 5.5vw))
    }
}
@media screen and (min-width:1920px){
    .tech-page .tech .tabs li:after{
        width:40px;
        height:40px;
        top:28px
    }
}
.tech-page .tech .tabs li.active{
    display:none
}
@media screen and (min-width:768px){
    .tech-page .tech .tabs li.active{
        display:block;
        color:#000000;
        padding-left:calc(5vw + 50px)
    }
}
@media screen and (min-width:1200px){
    .tech-page .tech .tabs li.active{
        padding-left:calc(5.5vw + 50px)
    }
}
.tech-page .tech .tabs li.active:before{
    -webkit-transform:scaleX(1);
    -ms-transform:scaleX(1);
    transform:scaleX(1)
}
.tech-page .tech .tabs li.active:after{
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
.tech-page .tech .tech-content{
    padding:32px 0 48px
}
@media screen and (min-width:768px){
    .tech-page .tech .tech-content{
        padding:27px 0 0
    }
}
@media screen and (min-width:1920px){
    .tech-page .tech .tech-content{
        padding-top:36px
    }
}
.tech-page .tech .tech-content .custom-list{
    margin-bottom:42px
}
@media screen and (min-width:768px){
    .tech-page .tech .tech-content .custom-list{
        margin-bottom:55px
    }
}
@media screen and (min-width:1200px){
    .tech-page .tech .tech-content .custom-list{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        -webkit-column-gap:95px;
        -moz-column-gap:95px;
        column-gap:95px;
        max-width:-webkit-max-content;
        max-width:-moz-max-content;
        max-width:max-content
    }
}
@media screen and (min-width:1920px){
    .tech-page .tech .tech-content .custom-list{
        -webkit-column-gap:220px;
        -moz-column-gap:220px;
        column-gap:220px
    }
}
.tech-page .tech .tech-content h3{
    font-size:18px;
    text-transform:none;
    margin-bottom:8px;
    font-weight:500
}
@media screen and (min-width:1920px){
    .tech-page .tech .tech-content h3{
        font-size:24px
    }
}
.tech-page .tech .tech-content .tools{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    -webkit-column-gap:16px;
    -moz-column-gap:16px;
    column-gap:16px;
    grid-row-gap:16px
}
@media screen and (min-width:1200px){
    .tech-page .tech .tech-content .tools{
        grid-template-columns:repeat(7,1fr);
        grid-row-gap:0;
        -webkit-column-gap:18px;
        -moz-column-gap:18px;
        column-gap:18px
    }
}
.tech-page .tech .tech-content .tools .tools-logo{
    height:85px
}
@media screen and (min-width:768px){
    .tech-page .tech .tech-content .tools .tools-logo{
        height:99px
    }
}
@media screen and (min-width:1200px){
    .tech-page .tech .tech-content .tools .tools-logo{
        height:103px
    }
}
@media screen and (min-width:1920px){
    .tech-page .tech .tech-content .tools .tools-logo{
        height:137px
    }
}
.tech-page .tech .tab-content{
    display:none
}
.tech-page .tech .tab-content.active{
    display:block
}
.tech-page .portfolio-content{
    background:#f0ece4
}
@media screen and (min-width:1200px){
    .tech-page .portfolio-content{
        padding-bottom:160px
    }
}
@media screen and (min-width:1920px){
    .tech-page .portfolio-content{
        padding-bottom:223pxpx
    }
}
@media screen and (min-width:1200px){
    .tech-page .portfolio-content .row{
        grid-row-gap:130px
    }
}
@media screen and (min-width:1920px){
    .tech-page .portfolio-content .row{
        grid-row-gap:190px
    }
}
.tech-page .portfolio-content h2{
    text-align:right
}
@media screen and (min-width:768px){
    .tech-page .portfolio-content h2{
        text-align:center
    }
}
@media screen and (min-width:1200px){
    .tech-page .portfolio-content h2{
        width:-webkit-max-content;
        width:-moz-max-content;
        width:max-content;
        margin-left:31vw;
        -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%)
    }
}
@media screen and (min-width:1920px){
    .tech-page .portfolio-content h2{
        margin-left:33vw
    }
}
.tech-page .portfolio-content .text{
    color:#676052
}
@media screen and (min-width:1200px){
    .tech-page .portfolio-content .text{
        -ms-flex-item-align:end;
        align-self:flex-end
    }
}
@media screen and (min-width:768px){
    .tech-page .portfolio-content .right .text-holder{
        grid-column:2/3
    }
}
@media screen and (min-width:1200px){
    .tech-page .portfolio-content .right .text-holder{
        grid-column:1/2
    }
}
@media screen and (min-width:1200px){
    .tech-page .portfolio-content .right .img-holder{
        grid-column:2/3
    }
}
@media screen and (min-width:1200px){
    .tech-page .portfolio-content .right .btn-all{
        left:auto;
        right:59vw;
        -webkit-transform:translate(100%,calc(100% + 24px));
        -ms-transform:translate(100%,calc(100% + 24px));
        transform:translate(100%,calc(100% + 24px))
    }
}
@media screen and (min-width:1920px){
    .tech-page .portfolio-content .right .btn-all{
        right:62vw
    }
}
.tech-page .portfolio-content .text-holder{
    padding-top:28px;
    -webkit-box-ordinal-group:4;
    -ms-flex-order:3;
    order:3;
    color:#676052
}
@media screen and (min-width:1200px){
    .tech-page .portfolio-content .text-holder{
        padding-top:0;
        -ms-flex-item-align:start;
        align-self:flex-start
    }
}
@media screen and (min-width:1200px){
    .tech-page .portfolio-content .img-holder{
        grid-row:1/3;
        grid-column:1/2
    }
}
.tech-page .portfolio-content .custom-list{
    margin:24px 0;
    display:grid;
    color:#000000;
    grid-template-columns:repeat(2,1fr)
}
@media screen and (min-width:1200px){
    .tech-page .portfolio-content .custom-list{
        margin:24px 0 0
    }
}
@media screen and (min-width:1920px){
    .tech-page .portfolio-content .custom-list{
        margin-top:48px
    }
}
.tech-page .portfolio-content .btn-all{
    color:#000000
}
@media screen and (min-width:1200px){
    .tech-page .portfolio-content .btn-all{
        position:absolute;
        left:59vw;
        bottom:0;
        -webkit-transform:translate(-100%,calc(100% + 24px));
        -ms-transform:translate(-100%,calc(100% + 24px));
        transform:translate(-100%,calc(100% + 24px))
    }
}
@media screen and (min-width:1920px){
    .tech-page .portfolio-content .btn-all{
        left:62vw
    }
}
.vacancy-page .hero{
    padding-bottom:82px;
    position:relative
}
@media screen and (min-width:1200px){
    .vacancy-page .hero{
        display:grid;
        grid-template-columns:auto 1fr;
        padding-right:5.5vw;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        padding-bottom:96px
    }
}
.vacancy-page .hero .img-holder{
    margin-bottom:40px;
    height:81vw;
    max-height:396px
}
@media screen and (min-width:768px){
    .vacancy-page .hero .img-holder{
        margin-bottom:61px;
        height:50vw;
        max-height:561px
    }
}
@media screen and (min-width:1200px){
    .vacancy-page .hero .img-holder{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2;
        margin-bottom:0;
        height:38vw;
        max-height:783px
    }
}
@media screen and (min-width:1920px){
    .vacancy-page .hero .img-holder{
        height:783px
    }
}
.vacancy-page .hero h1{
    margin-bottom:16px
}
@media screen and (min-width:768px){
    .vacancy-page .hero h1{
        margin-bottom:20px
    }
}
@media screen and (min-width:1200px){
    .vacancy-page .hero h1{
        margin-bottom:40px
    }
}
@media screen and (min-width:1200px){
    .vacancy-page .hero .text-holder{
        padding-right:0;
        margin-right:164px
    }
}
@media screen and (min-width:1920px){
    .vacancy-page .hero .text-holder{
        margin-right:220px
    }
}
.vacancy-page .hero .text{
    color:#676052;
    line-height:1.5;
    max-width:280px
}
@media screen and (min-width:1200px){
    .vacancy-page .hero .text{
        max-width:315px
    }
}
@media screen and (min-width:1920px){
    .vacancy-page .hero .text{
        max-width:380px
    }
}
.vacancy-page .vacancy-accordion{
    padding-bottom:56px
}
@media screen and (min-width:768px){
    .vacancy-page .vacancy-accordion{
        padding-bottom:88px
    }
}
@media screen and (min-width:1200px){
    .vacancy-page .vacancy-accordion{
        padding-bottom:112px
    }
}
@media screen and (min-width:1920px){
    .vacancy-page .vacancy-accordion{
        padding-bottom:126px
    }
}
.vacancy-page .vacancy-accordion .accordion{
    border-bottom:1px solid #bfb8a8
}
.vacancy-page .vacancy-accordion .accordion-content{
    display:none
}
.vacancy-page .vacancy-accordion .accordion-panel{
    letter-spacing:.01em;
    padding:30px 0;
    font-size:14px;
    border-top:1px solid #bfb8a8;
    position:relative;
    cursor:pointer
}
@media screen and (min-width:768px){
    .vacancy-page .vacancy-accordion .accordion-panel{
        padding:48px 0;
        font-size:24px
    }
}
@media screen and (min-width:1920px){
    .vacancy-page .vacancy-accordion .accordion-panel{
        font-size:32px;
        padding:60px 0
    }
}
.vacancy-page .vacancy-accordion .accordion-panel:before{
    content:"";
    position:absolute;
    right:0;
    top:calc(50% - 5px);
    width:20px;
    height:11px;
    background-image:url("../img/panel-icon.svg");
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%;
    -webkit-transition:-webkit-transform .3s;
    transition:-webkit-transform .3s;
    -o-transition:transform .3s;
    transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s
}
@media screen and (min-width:768px){
    .vacancy-page .vacancy-accordion .accordion-panel:before{
        width:31px;
        height:17px;
        top:calc(50% - 11px)
    }
}
@media screen and (min-width:1920px){
    .vacancy-page .vacancy-accordion .accordion-panel:before{
        width:49px;
        height:28px;
        top:calc(50% - 16px)
    }
}
.vacancy-page .vacancy-accordion .accordion-panel.active:before{
    -webkit-transform:scaleY(-1);
    -ms-transform:scaleY(-1);
    transform:scaleY(-1)
}
.vacancy-page .vacancy-accordion h5{
    font-size:14px;
    font-weight:600;
    margin-bottom:16px
}
@media screen and (min-width:768px){
    .vacancy-page .vacancy-accordion h5{
        margin-bottom:21px;
        font-size:16px
    }
}
@media screen and (min-width:1920px){
    .vacancy-page .vacancy-accordion h5{
        font-size:18px;
        margin-bottom:29px
    }
}
.vacancy-page .vacancy-accordion .holder{
    padding-bottom:56px
}
@media screen and (min-width:1200px){
    .vacancy-page .vacancy-accordion .holder{
        display:grid;
        grid-template-columns:auto 1fr;
        -webkit-column-gap:12vw;
        -moz-column-gap:12vw;
        column-gap:12vw;
        padding-top:32px;
        padding-bottom:52px;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }
}
@media screen and (min-width:1920px){
    .vacancy-page .vacancy-accordion .holder{
        -webkit-column-gap:13vw;
        -moz-column-gap:13vw;
        column-gap:13vw;
        padding-bottom:100px
    }
}
@media screen and (min-width:768px){
    .vacancy-page .vacancy-accordion .col{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        -webkit-column-gap:3vw;
        -moz-column-gap:3vw;
        column-gap:3vw
    }
}
@media screen and (min-width:1200px){
    .vacancy-page .vacancy-accordion .col{
        display:block;
        max-width:500px
    }
}
@media screen and (min-width:1920px){
    .vacancy-page .vacancy-accordion .col{
        -webkit-column-gap:4vw;
        -moz-column-gap:4vw;
        column-gap:4vw;
        max-width:700px
    }
}
@media screen and (min-width:768px){
    .vacancy-page .vacancy-accordion .col.lists{
        display:block
    }
}
@media screen and (min-width:1200px){
    .vacancy-page .vacancy-accordion .col.lists{
        width:40vw
    }
}
.vacancy-page .vacancy-accordion .custom-list{
    margin-bottom:32px
}
@media screen and (min-width:768px){
    .vacancy-page .vacancy-accordion .custom-list{
        margin-bottom:72px
    }
}
.vacancy-page .vacancy-accordion .custom-list li{
    margin-bottom:12px
}
@media screen and (min-width:1920px){
    .vacancy-page .vacancy-accordion .custom-list li{
        margin-bottom:18px
    }
}
.vacancy-page .vacancy-accordion .form-holder{
    padding-top:40px
}
@media screen and (min-width:768px){
    .vacancy-page .vacancy-accordion .form-holder{
        grid-column:1/3
    }
}
@media screen and (min-width:1200px){
    .vacancy-page .vacancy-accordion .form-holder{
        grid-column:2/3;
        padding-top:0
    }
}
.vacancy-page .vacancy-accordion .form-holder .bottom div{
    font-weight:600;
    font-size:13px;
    text-transform:uppercase;
    text-decoration:underline;
    margin-bottom:24px;
    display:inline-block;
    position:relative;
    cursor:pointer
}
@media screen and (min-width:1920px){
    .vacancy-page .vacancy-accordion .form-holder .bottom div{
        font-size:18px
    }
}
.vacancy-page .vacancy-accordion .form-holder .bottom div:hover{
    text-decoration:none
}
.vacancy-page .vacancy-accordion .form-holder .bottom div input{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:0;
    cursor:pointer
}
@media screen and (min-width:768px){
    .vacancy-page .vacancy-accordion .form-holder .form-item{
        margin-bottom:32px
    }
}
@media screen and (min-width:1920px){
    .vacancy-page .vacancy-accordion .form-holder .form-item{
        margin-bottom:40px
    }
}
.vacancy-page .vacancy-accordion .form-holder input,.vacancy-page .vacancy-accordion .form-holder textarea{
    background:#f0ece4
}
.author-page{
    padding-top:20px
}
@media screen and (min-width:768px){
    .author-page{
        padding-top:40px
    }
}
@media screen and (min-width:1920px){
    .author-page{
        margin-top:83px
    }
}
.author-page h3{
    text-transform:none;
    margin-bottom:16px
}
@media screen and (min-width:1200px){
    .author-page h3{
        margin-bottom:8px
    }
}
@media screen and (min-width:1200px){
    .author-page .author-info{
        display:grid;
        grid-template-columns:auto 1fr;
        -webkit-column-gap:14vw;
        -moz-column-gap:14vw;
        column-gap:14vw;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
.author-page .author-info .author-title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    margin-bottom:24px
}
@media screen and (min-width:768px){
    .author-page .author-info .author-title{
        margin-bottom:32px
    }
}
@media screen and (min-width:1200px){
    .author-page .author-info .author-title{
        max-width:259px;
        margin-bottom:32px
    }
}
@media screen and (min-width:1920px){
    .author-page .author-info .author-title{
        max-width:300px
    }
}
.author-page .author-info .author-title .img-holder{
    width:40px;
    height:40px;
    overflow:hidden;
    border-radius:50%;
    margin-right:24px;
    -ms-flex-negative:0;
    flex-shrink:0
}
@media screen and (min-width:768px){
    .author-page .author-info .author-title .img-holder{
        width:52px;
        height:52px;
        margin-right:16px
    }
}
@media screen and (min-width:1200px){
    .author-page .author-info .author-title .img-holder{
        width:78px;
        height:78px;
        margin-right:32px
    }
}
@media screen and (min-width:1920px){
    .author-page .author-info .author-title .img-holder{
        width:82px;
        height:82px;
        margin-right:40px
    }
}
.author-page .author-info .author-title .position{
    font-weight:600;
    color:#867e6c
}
@media screen and (min-width:768px){
    .author-page .author-info .author-desc{
        padding-left:69px
    }
}
@media screen and (min-width:1200px){
    .author-page .author-info .author-desc{
        padding-left:0
    }
}
@media screen and (min-width:1200px){
    .author-page .author-info .bottom{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
.author-page .author-info .text{
    margin-bottom:32px
}
@media screen and (min-width:1200px){
    .author-page .author-info .text{
        max-width:660px;
        margin-bottom:80px
    }
}
@media screen and (min-width:1920px){
    .author-page .author-info .text{
        max-width:850px
    }
}
.author-page .author-info .social{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    -webkit-column-gap:23px;
    -moz-column-gap:23px;
    column-gap:23px;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    margin-bottom:27px
}
@media screen and (min-width:768px){
    .author-page .author-info .social{
        -webkit-column-gap:48px;
        -moz-column-gap:48px;
        column-gap:48px
    }
}
@media screen and (min-width:1200px){
    .author-page .author-info .social{
        -webkit-column-gap:23px;
        -moz-column-gap:23px;
        column-gap:23px;
        margin-bottom:0;
        margin-right:48px
    }
}
@media screen and (min-width:1920px){
    .author-page .author-info .social{
        -webkit-column-gap:32px;
        -moz-column-gap:32px;
        column-gap:32px;
        margin-right:72px
    }
}
.author-page .author-info .social a{
    display:block;
    width:23px;
    height:23px;
    -webkit-transition:opacity .5s ease;
    -o-transition:opacity .5s ease;
    transition:opacity .5s ease
}
@media screen and (min-width:1200px){
    .author-page .author-info .social a{
        width:24px;
        height:24px
    }
}
@media screen and (min-width:1920px){
    .author-page .author-info .social a{
        width:29px;
        height:29px
    }
}
.author-page .author-info .social a:hover{
    opacity:.5
}
.author-page .author-info .social a img{
    -o-object-fit:contain;
    object-fit:contain
}
@media screen and (min-width:768px){
    .author-page .author-info .contacts{
        display:grid;
        grid-template-columns:repeat(2,auto);
        -webkit-column-gap:48px;
        -moz-column-gap:48px;
        column-gap:48px;
        width:-webkit-fit-content;
        width:-moz-fit-content;
        width:fit-content
    }
}
@media screen and (min-width:1920px){
    .author-page .author-info .contacts{
        -webkit-column-gap:72px;
        -moz-column-gap:72px;
        column-gap:72px
    }
}
.author-page .author-info .link{
    text-transform:uppercase;
    color:#000000;
    font-size:13px;
    font-weight:600;
    position:relative;
    -webkit-transition:color .7s linear;
    -o-transition:color .7s linear;
    transition:color .7s linear;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    letter-spacing:.1em;
    margin-bottom:27px;
    display:block
}
@media screen and (min-width:768px){
    .author-page .author-info .link{
        margin-bottom:0
    }
    .head-holder {
    padding: 75px 0 105px !important;
    flex-direction: row !important;
    }
}
@media screen and (min-width:1920px){
    .author-page .author-info .link{
        font-size:18px
    }
}
.author-page .author-info .link:before{
    content:"";
    bottom:-1px;
    position:absolute;
    left:0;
    right:0;
    -webkit-transition:opacity .7s cubic-bezier(.19,1,.22,1),-webkit-transform .7s cubic-bezier(.19,1,.22,1);
    transition:opacity .7s cubic-bezier(.19,1,.22,1),-webkit-transform .7s cubic-bezier(.19,1,.22,1);
    -o-transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1);
    transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1);
    transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1),-webkit-transform .7s cubic-bezier(.19,1,.22,1);
    opacity:0;
    -webkit-transform:rotate(3deg) translate3d(0,3px,0) scaleX(.7);
    transform:rotate(3deg) translate3d(0,3px,0) scaleX(.7);
    border-bottom:1px solid #1550cf
}
.author-page .author-info .link:hover{
    color:#1550cf
}
.author-page .author-info .link:hover:before{
    opacity:1;
    -webkit-transform:rotate(0deg) translateZ(0) scale(1);
    transform:rotate(0deg) translateZ(0) scale(1)
}
.author-page .blogs-page h3{
    text-align:left
}

.swiper-lazy-loaded {
    height: 100%;
    object-fit: cover;
}
.logo-subtext {
    opacity: 0.7;
    font-weight: 100;
}
.logo-text {
    margin-bottom: -10px;
    font-size: 22px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}
.head-holder {
    padding: 45px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin: 0 5.5vw;
}
.head-holder button {
    margin: 20px 0;
}

.swiper-container {
    max-width: 89vw;
    margin: 0 5.5vw;
}
.img-slider {
    width: 100%;
    object-fit: contain;
}
.swiper-slide {
    position: relative;
}
.swiper-slide::after {
    display: block;
    padding: 25px;
    position: absolute;
    content: attr(data-bio);
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0;
    color: #fff;
    top: 0;
    left: 0;
    z-index: 10;
    transition: .7s;
}
.swiper-slide:hover:after {
    opacity: 0.75;
}
@media (max-width:1400px) and (min-width:1200px){
    #nav .nav-list {
        margin-left: 70px;
    }
}