.header__box{
    align-items:center;
    display:flex;
    justify-content:space-between;
    width:1200px
}
.header__logo{
    margin-bottom:-5px
}
#menu--d{
    float:right;
    margin-top:10px
}
#menu--d div:first-of-type{
    float:left
}
#menu--d ul{
    font-size:0
}
#menu--d a,#menu--d li,#menu--d ul{
    display:inline;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    transition:unset
}
#menu--d li.menu-item-has-children>a:after,#menu--d li.page_item_has_children>a:after{
    content:" ▾";
    font-family:serif
}
#menu--d a{
    color:#1e1f28;
    display:inline-block;
    font-size:18px;
    line-height:33px;
    margin-right:25px;
    margin-top:-1px;
    padding-bottom:10px;
    text-align:right;
    text-decoration:none
}
#menu-main-menu>li>a,#menu-main-menu>li>a>span{
    font-weight:700
}
#menu--d a:focus span,#menu--d a:hover span{
    color:var(--hover-color);
    transition:border .2s ease;
    transition:color .2s ease
}
#menu--d a:focus .span-underline,#menu--d a:hover .span-underline{
    border-bottom:2px solid #000;
    color:var(--text-color);
    padding-bottom:3px;
    text-decoration:none
}
#menu--d .btn_hire:focus span,.btn_hire:hover span{
    color:#fff!important
}
#menu--d ul.children,#menu--d ul.sub-menu{
    display:block;
    left:-9999px;
    margin-top:20px;
    position:absolute;
    top:92%;
    z-index:1000
}
#menu--d ul.sub-menu--main{
    opacity:.2
}
#menu-item-00:hover .sub-menu--main,#menu-item-01:hover .sub-menu--main,.a_custom:hover .sub-menu--second{
    opacity:1;
    transition:opacity .08s linear
}
#menu--d ul.children a,#menu--d ul.sub-menu a{
    background:#fff;
    border:1px solid #eee;
    color:#333;
    font-size:14px;
    line-height:20px;
    padding:15px;
    text-align:left;
    width:200px
}
#menu--d ul.children a:focus,#menu--d ul.children a:hover,#menu--d ul.sub-menu a:focus,#menu--d ul.sub-menu a:hover{
    background:#f7f7f7;
    color:var(--hover-color)
}
#menu--d li.menu-item-has-children a+ul.sub-menu:focus-within,#menu--d li.menu-item-has-children a+ul.sub-menu:hover,#menu--d li.menu-item-has-children a:focus+ul.sub-menu,#menu--d li.menu-item-has-children a:hover+ul.sub-menu,#menu--d li.page_item_has_children a+ul.children:focus-within,#menu--d li.page_item_has_children a+ul.children:hover,#menu--d li.page_item_has_children a:focus+ul.children,#menu--d li.page_item_has_children a:hover+ul.children{
    left:0
}
#menu--d .menu-toggle:focus,#menu--d .menu-toggle:hover{
    color:var(--hover-color)
}
#a_services{
    cursor:pointer
}
#btn_menu{
    display:none
}
.c-hamburger{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:none;
    box-shadow:none;
    cursor:pointer;
    display:block;
    font-size:0;
    height:55px;
    margin:-15px 0 0;
    overflow:hidden;
    padding:0;
    position:relative;
    text-indent:-9999px;
    transition:all .3s;
    width:50px
}
.c-hamburger:focus{
    outline:none
}
.c-hamburger span{
    background:var(--text-gray-color);
    display:block;
    height:3px;
    left:10px;
    position:absolute;
    right:10px;
    top:30px
}
.c-hamburger span:after,.c-hamburger span:before{
    background-color:var(--text-gray-color);
    content:"";
    display:block;
    height:3px;
    left:0;
    position:absolute;
    width:100%
}
.c-hamburger span:before{
    top:-10px
}
.c-hamburger span:after{
    bottom:-10px
}
.c-hamburger--htx{
    background-color:transparent
}
.c-hamburger--htx span{
    transition:all 0s .3s
}
.c-hamburger--htx span:after,.c-hamburger--htx span:before{
    transition-delay:.3s,0s;
    transition-duration:.3s,.3s
}
.c-hamburger--htx span:before{
    transition-property:top,transform
}
.c-hamburger--htx span:after{
    transition-property:bottom,transform
}
.c-hamburger--htx.is-active span{
    background:none
}
.c-hamburger--htx.is-active span:before{
    top:0;
    transform:rotate(45deg)
}
.c-hamburger--htx.is-active span:after{
    bottom:0;
    transform:rotate(-45deg)
}
.c-hamburger--htx.is-active span:after,.c-hamburger--htx.is-active span:before{
    transition-delay:0s,.3s
}
#header{
    align-items:center;
    background-color:transparent;
    box-sizing:border-box;
    display:flex;
    height:var(--menu-height);
    justify-content:center;
    padding:0;
    position:fixed;
    top:0;
    transition:all .2s linear;
    width:100%;
    z-index:100
}
#header:after{
    display:none
}
#menu--d a{
    margin-right:0;
    padding-right:45px
}
#menu-main-menu>li>.sub-menu{
    margin-top:32px;
    width:280px
}
#menu-main-menu>li>a{
    margin-top:27px;
    padding-bottom:30px
}
#menu-main-menu>li .sub-menu>li>a{
    width:280px
}
#menu-main-menu>li>.sub-menu .sub-menu{
    margin-left:-280px;
    margin-top:-30px;
    width:200px
}
.ws-menu--active>a{
    color:var(--blue-color)
}
.sub-menu--second{
    margin-left:-310px!important;
    margin-top:-32px!important;
    top:0!important;
    width:300px!important
}
.menu-main__a--color2 .span-underline{
    border-bottom:2px solid #000;
    padding-bottom:3px
}
.menu-main__a--color{
    color:var(--blue-color)!important
}
main{
    margin-top:var(--menu-height);
    min-height:100vh
}
.color-header{
    background-color:#fff!important;
    box-shadow:var(--box-shadow)
}
.ws-overflow-hidden{
    align-items:center;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    width:100%
}
@media only screen and (max-width:1200px){
    .header__box{
        width:1200px
    }
    #header{
        width:100%
    }
    #branding{
        margin-left:16px;
        margin-top:10px;
        z-index:5
    }
}
.menu__mobile{
    display:none;
    position:absolute;
    right:-650px;
    top:75px
}
.ru-en-switch{
    display:flex;
    margin-top:10px
}
.a_language{
    cursor:pointer;
    font-weight:700;
    padding:10px 24px 10px 0;
    text-decoration:none
}
.language-slash{
    padding:10px 14px 10px 0
}
.naw-1{
    width:100%
}
#menuToggle{
    display:block;
    left:0;
    position:relative;
    top:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    width:100%;
    z-index:1
}
.menu-toggle-margin{
    margin-left:88%
}
#menuToggle input{
    -webkit-touch-callout:none;
    cursor:pointer;
    display:block;
    height:32px;
    left:-5px;
    opacity:0;
    position:absolute;
    top:-7px;
    width:40px;
    z-index:2
}
#menuToggle .menu-toggle-span{
    background:#000;
    border-radius:3px;
    display:block;
    height:4px;
    margin-bottom:5px;
    position:relative;
    transform-origin:4px 0;
    transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;
    width:33px;
    z-index:1
}
#menuToggle .menu-toggle-span:first-child{
    transform-origin:0 0
}
#menuToggle .menu-toggle-span:nth-last-child(2){
    transform-origin:0 100%
}
#menuToggle input:checked~.menu-toggle-span{
    background:#000;
    opacity:1;
    transform:rotate(45deg) translate(-2px,-1px)
}
#menuToggle input:checked~.menu-toggle-span:nth-last-child(3){
    opacity:0;
    transform:rotate(0deg) scale(.2)
}
#menuToggle input:checked~.menu-toggle-span:nth-last-child(2){
    transform:rotate(-45deg) translateY(-1px)
}
#menu{
    -webkit-font-smoothing:antialiased;
    background:#fff;
    display:flex;
    flex-direction:column;
    height:90vh;
    justify-content:space-between;
    list-style-type:none;
    margin:-60px 0 0 49%;
    padding:85px 50px 50px;
    position:absolute;
    transform:translate(100%);
    transform-origin:0 0;
    transition:transform .5s cubic-bezier(.77,.2,.05,1);
    width:350px
}
#menuToggle input:checked~ul{
    transform:none
}
@media only screen and (max-width:720px){
    #menu{
        margin:-60px 0 0 43%
    }
}
@media only screen and (max-width:640px){
    .menu-toggle-margin{
        margin-left:80%
    }
    #menu{
        margin:-60px 0 0 -7%;
        width:100%
    }
}
@media only screen and (max-width:960px){
    #header,#menu--d{
        flex-direction:column
    }
    #menu--d{
        align-items:flex-end;
        display:flex
    }
    #btn_menu{
        display:block
    }
    .menu-main-menu-container{
        display:none
    }
    .menu__mobile{
        background-color:#fff;
        display:flex;
        flex-direction:column;
        margin-right:-30px;
        min-height:650px;
        width:320px
    }
    .menu__mobile__box{
        display:flex!important;
        padding-top:30px!important
    }
    #menu__mobile__sub-menu,.menu__mobile__box{
        flex-direction:column;
        padding-left:18px!important
    }
    #menu__mobile__sub-menu{
        display:none;
        height:auto;
        width:100%
    }
    .menu__mobile__item{
        margin-bottom:24px
    }
    #menu--d a,.menu__mobile__item__a{
        font-size:16px;
        font-weight:700;
        margin-right:0;
        padding:14px 14px 0;
        text-align:left;
        width:100%
    }
    .menu__mobile__item__a{
        padding:14px 14px 0 0
    }
    .menu__mobile__item a{
        font-weight:700;
        text-decoration:none
    }
    .menu__mobile__item__a:hover{
        color:var(--hover-color);
        cursor:pointer
    }
    .mobile-sub-menu__li{
        list-style:none;
        margin-top:16px
    }
    .menu__arrow-down{
        display:inline-block;
        transform:rotate(-90deg)
    }
    .menu__arrow-down:after{
        content:" ▾"
    }
    .menu__mobile__bottom{
        display:flex;
        flex-direction:column;
        margin-top:200px;
        padding:32px 0 130px;
        width:100%
    }
    .menu__mobile__btn-hire{
        align-items:center;
        background-color:var(--blue-color);
        border-radius:40px;
        color:#fff!important;
        display:flex!important;
        font-size:18px;
        font-weight:700;
        justify-content:center;
        padding:10px 32px!important;
        text-decoration:none;
        width:90px!important
    }
    .header__box{
        align-items:flex-start;
        width:100%
    }
    #output,.header__box{
        flex-direction:column
    }
    #output{
        align-items:center;
        display:flex
    }
}
@media only screen and (max-width:640px){
    .header__box{
        padding:0 32px
    }
    .menu__mobile__item a{
        margin-bottom:8px;
        padding:10px 0
    }
    .mobile-sub-menu__li{
        margin-top:20px
    }
    .mobile-sub-menu__li a{
        padding:12px 0 10px
    }
    .swiper-pagination-bullet{
        margin:0 8px!important
    }
}
@media only screen and (max-width:480px){
    .header__box{
        padding:0 24px
    }
    .menu__mobile{
        height:90vh;
        width:100%
    }
}