
html, body {
    background: #fff;
    height: 100%;
    font-size: 16px;
    font-weight: 400;
}

html, body, input, select, textarea, button {
    font-family: "Montserrat", Arial, sans-serif;
    color: #333;
}


* {
    margin: 0;
    padding: 0;
    outline: none;
}

*, *:before, *:after {
    box-sizing: border-box;
}

picture {
    display: block;
    line-height: 0;
}

.picture-feature{
    margin-bottom: 20px;
}

img {
    border: none;
    max-width: 100%;
}

a {
    transition: color 0.3s ease-in-out;
    color: #FF971D;
}

a:hover {
    text-decoration: none;
}

p:not(:last-child) {
    margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    margin-bottom: 25px;
}

button {
    cursor: pointer;
}

.ovfh {
    overflow: hidden;
}

.hidden {
    display: none !important;
}

@media all and (min-width: 769px) {
    [class^=mobile-], [class*=" mobile-"] {
        display: none;
    }
}

.container {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    min-height: 100%;
}

.container .inner {
    max-width: 1220px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

.stretch-middle {
    flex-grow: 1;
}

.title {
    font-size: 28px;
    margin-bottom: 25px;

    font-family: 'Montserrat';
    font-style: normal;
    font-variant: all-small-caps;
}

.c-orange {
    color: #FF971D;
}

.st-button {
    text-decoration: none;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #FF971D;
    font-weight: 500;
    padding: 10px 27px;
}

.st-button.-brd {
    border: 1px solid #fff;
    background: transparent;
}

.st-button.-brd:hover {
    border-color: transparent;
}

@media all and (max-width: 768px) {
    * {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }

    .container .inner {
        padding: 0 2.5%;
    }
}

/********************************************************/
/*.header {*/
/*  height: 100px;*/
/*}*/

.header-top {
    background: #111;
}

.header-top .inner {
    display: flex;
    justify-content: flex-end;
    height: 26px;
}

.menu-top {
    position: relative;
    z-index: 52;
    font-size: 12px;
    margin-left: 40px;
    height: 100%;
}

.menu-top ul {
    list-style: none;
}

.menu-top a {
    font-size: 12px;
    text-decoration: none;
}

.menu-top a:not(:hover) {
    color: #ccc;
}

.menu-top > ul {
    height: 100%;
}

.menu-top > ul, .menu-top > ul > li > a {
    display: flex;
    align-items: center;
    height: 100%;
}

.menu-top > ul > li {
    position: relative;
    height: 100%;
}

.menu-top > ul > li:not(:last-child) {
    margin-right: 40px;
}

.menu-top > ul > li.menu-item-has-children:hover > a {
    color: #FF971D;
}

.menu-top > ul > li.menu-item-has-children:hover > a:after {
    border-bottom-color: #FF971D;
    border-left-color: #FF971D;
}

.menu-top > ul > li.menu-item-has-children:not(:hover) .sub-menu {
    opacity: 0;
    visibility: hidden;
}

.menu-top > ul > li > a:hover:before {
    filter: invert(0.5) sepia(1) saturate(5) hue-rotate(-4deg);
}

.menu-top > ul > li > a:before {
    content: "";
    display: none;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease-in-out;
}

.menu-top > ul > li.menu-item-has-children > a:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    margin-left: 5px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    transform: rotate(-45deg);
    transition: all 0.3s ease-in-out;
}

.menu-top .menu-item-284 a:before,
.menu-top .menu-item-293 a:before,
.menu-top .menu-item-287 a:before,
.menu-top .menu-item-295 a:before,
.menu-top .menu-item-296 a:before,
.menu-top .menu-item-298 a:before {
    display: block;
}

.menu-top .menu-item-284 > a:before,
.menu-top .menu-item-295 > a:before {
    background-image: url(../img/worldwide.svg);
}

.menu-top .menu-item-293 > a:before,
.menu-top .menu-item-296 > a:before {
    background-image: url(../img/sitemap.svg);
}

.menu-top .menu-item-287 > a:before,
.menu-top .menu-item-298 > a:before {
    background-image: url(../img/login.svg);
}

.menu-top .sub-menu {
    position: absolute;
    top: 100%;
    left: -15px;
    min-width: calc(100% + 30px);
    text-align: center;
}

.menu-top .sub-menu, .menu-top .sub-menu li {
    transition: all 0.3s ease-in-out;
}

.menu-top .sub-menu li {
    background: #111;
}

.menu-top .sub-menu li a {
    display: block;
    padding: 7px 15px;
    border-top: 1px solid #333;
}

.menu-top .current-lang {
    display: none;
}

.header-main {
    position: relative;
    z-index: 51;
    border-bottom: 1px solid #E6E6E6;
    transition: box-shadow 0.3s ease-in-out;
    background: #fff;
}

.-fixed-header .header-main {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.header-main .inner {
    position: relative;
    display: flex;
    height: 74px;
}

.header-main .logo-wr {
    display: flex;
    margin-right: 4%;
    max-width: 180px;
}

.header-main .logo {
    display: flex;
    align-items: center;
}

.header-main .logo, .header-main .logo img {
    width: 100%;
}

.header-main ul {
    list-style: none;
}

.header-main .menu-main {
    flex-grow: 1;
    font-weight: 400;
    font-size: 16px;
}

.header-main .menu-main > ul, .header-main .menu-main > ul > li > a {
    height: 100%;
}

.header-main .menu-main > ul {
    display: flex;
    justify-content: end;
    width: 100%;
    min-width: 520px;
    max-width: 100%;
    margin-left: auto;
}

/*.header-main .menu-main > ul > li {*/
/*    flex-grow: 1;*/
/*}*/

.header-main .menu-main > ul > li:hover > a {
    color: #FF971D;
}

.header-main .menu-main > ul > li > a,
.footer .menu ul > li > a{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    width: 100%;
    padding: 0 7px;
    color: #333;
    transition: all 0.3s ease-in-out;
}

.header-main .menu-main > ul > li.current_page_item > a{
    color: #FF971D;
}

.header-main .sub-menu-wr {
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 20px;
    right: 20px;
    display: flex;
    background: #fff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    border-top: 1px solid #E6E6E6;
}

.header-main .sub-menu-wr ul {
    padding: 40px 0;
}

.header-main .sub-menu-wr > ul {
    position: relative;
    background: #EBEBEB;
    width: 33.4%;
}

.header-main .sub-menu-wr > ul ul {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    min-height: 100%;
}

.header-main .sub-menu-wr > ul > li > ul {
    background: #F5F5F5;
}

.header-main .sub-menu-wr > ul > li > ul > li > ul {
    background: #f9f9f9;
}

.header-main .sub-menu-wr li.-hover > a {
    background: #fff;
    border-left-color: #FF971D;
}

.header-main .sub-menu-wr a:not(.st-button) {
    display: flex;
    align-items: center;
    position: relative;
    color: #000;
    text-decoration: none;
    padding: 10px 50px;
    border-left: 2px solid transparent;
    transition: all 0.3s ease-in-out;
}

.header-main .sub-menu-wr, .header-main .sub-menu-wr .sub-menu:not(.sub-menu-sco) {
    transition: all 0.2s ease-in;
    transition-delay: 0.05s;
}

.header-main .sub-menu-wr:not(.-show),
.header-main .sub-menu-wr .menu-item-has-children:not(.-hover) > .sub-menu,
.header-main .sub-menu-wr .menu-item-has-description:not(.-hover) > .sub-menu {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}

.header-main .sub-menu-wr .menu-item-has-children.-hover > a:after,
.header-main .sub-menu-wr .menu-item-has-description.-hover > a:after {
    border-top-color: #FF971D;
    border-right-color: #FF971D;
}

.header-main .sub-menu-wr .menu-item-has-children > a:after,
.header-main .sub-menu-wr .menu-item-has-description > a:after {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    right: 18px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(45deg);
    transition: all 0.3s ease-in-out;
}

body:not(.loaded) .header-main .sub-menu-wr {
    display: none;
}

.header-main .sub-menu-wr .menu-item-description {
    position: absolute;
    top: 0;
    left: 100%;
    right: 0;
    width: 354.6%;
}

.header-main .sub-menu-wr .menu-item-description .description-text {
    margin-bottom: 20px;
    color: #787486;
}

.header-main .sub-menu-wr .menu-item-description .description-image {
    text-align: center;
}

.header-main .sub-menu-wr .menu-item-description .description-image img {
    max-height: 330px;
}

.header-main .sub-menu:has(.menu-item-description) {
    width: 22%;
}

.header-main .sub-menu:has(.menu-item-description) > li > a {
    padding-right: 25px;
    padding-left: 25px;
}

.header-main .sub-menu:has(.menu-item-description) a:after {
    display: none;
}

.header-main .sub-menu-sco {
    display: flex;
    padding: 0;
    min-height: 100%;
}

.header-main .sub-menu-sco .col1 {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    padding: 45px 15px 25px 15px;
}

.header-main .sub-menu-sco .description-image {
    max-width: 200px;
}

.header-main .sub-menu-sco .buttons {
    margin-top: 58px;
    max-width: 165px;
    /*margin-left: 5%;*/
    flex-grow: 1;
}

.col3-ins-stretch {
    display: flex;
    gap: 5px;
}

.col3-ins-stretch > div {
    flex: 1;
    min-width: calc(33.33% - 5px);
}

.header-main .sub-menu-sco .buttons .st-button:not(:hover) {
    border-color: #E6E6E6;
}

.header-main .sub-menu-sco .buttons .st-button:hover {
    color: #444;
}

.header-main .sub-menu-sco .buttons .st-button:not(:last-child) {
    margin-bottom: 10px;
}

.header-main .sub-menu-sco .buttons .st-button.-brd {
    background: #fff;
    color: #787486;
}

.header-main .sub-menu-sco .buttons .st-button.-more:hover {
    color: #fff;
}

.header-main .sub-menu-sco .buttons .st-button.-more .bt-part {
    background: #ff8600;
}

.header-main .sub-menu-sco .buttons .st-button .bt-part {
    background: #EBEBEB;
}

.header-main .sub-menu-sco .st-button {
    width: 100%;
    display: flex;
    height: 40px;
    padding: 10px;
}

.header-main .sub-menu-sco .st-button.-brd {
    background: #fff;
}

.header-main .sub-menu-sco .col2 {
    display: flex;
    width: 41%;
    min-width: 310px;
    background: #F2F5F9;
    padding: 25px 15px;
}

.header-main .sub-menu-sco .contact-form-wr,
.header-main .sub-menu-sco .contacts {
    width: 49%;
}

.header-main .sub-menu-sco .contacts {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #333;
    font-size: 14px;
}

.header-main .sub-menu-sco .manager-img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-bottom: 20px;
}

.header-main .sub-menu-sco .manager-name,
.header-main .sub-menu-sco .manager-caption {
    margin-bottom: 30px;
}

.header-main .sub-menu-sco .manager-caption {
    color: #787486;
}

.header-main .sub-menu-sco .contact-form-wr {
    margin-right: 2%;
}

.header-main .sub-menu-sco .contact-form-wr input:not([type=checkbox]):not([type=submit]) {
    width: 100%;
    height: 40px;
    background: #fff;
    border: 1px solid #E6E6E6;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 0 10px;
}

.header-main .sub-menu-sco .contact-form-wr input:not([type=checkbox]):not([type=submit])::-webkit-input-placeholder {
    color: #BCC1C8;
}

.header-main .sub-menu-sco .contact-form-wr input:not([type=checkbox]):not([type=submit]):-moz-placeholder {
    color: #BCC1C8;
}

.header-main .sub-menu-sco .contact-form-wr input:not([type=checkbox]):not([type=submit])::-moz-placeholder {
    color: #BCC1C8;
}

.header-main .sub-menu-sco .contact-form-wr input:not([type=checkbox]):not([type=submit]):-ms-input-placeholder {
    color: #BCC1C8;
}

.header-main .sub-menu-sco .contact-form-wr input:not([type=checkbox]):not([type=submit]):focus {
    border-color: #a8a8a8;
}

.header-main .sub-menu-sco .contact-form-wr .st-button {
    border-color: #FF971D;
    color: #FF971D;
}

.header-main .sub-menu-sco .contact-form-wr .st-button:hover {
    color: #fff;
}

.header-main .sub-menu-sco .contact-form-wr .st-button .bt-part {
    background: #FF971D;
}

.header-main .sub-menu-sco .form-title {
    margin-bottom: 10px;
}

.header-main .search-wr {
    position: relative;
    z-index: 1;
    margin-left: 3.5%;
}

.header-main .search-wr:not(.-show) .search-form {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
}

.header-main .search-wr.-show .search-show:before {
    background-image: url(../img/close.svg);
}

.header-main .search-show,
.header-main .search-submit {
    display: flex;
    align-items: center;
    height: 100%;
}

.header-main .search-show:before,
.header-main .search-submit:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url(../img/search.svg) center no-repeat;
}

.header-main .search-show {
    cursor: pointer;
}

.header-main .search-form {
    position: absolute;
    top: 100%;
    right: -10px;
    margin-top: -2px;
    background: #fff;
    display: flex;
    width: 300px;
    height: 38px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}

.header-main .search-input {
    width: 100%;
    height: 100%;
    padding-left: 10px;
}

.header-main .search-submit,
.header-main .search-input {
    border: none;
    background: none;
}

.header-main .search-submit {
    width: 50px;
    height: 100%;
    justify-content: center;
}

@media all and (min-width: 769px) {
    .admin-bar.-fixed-header .header-main {
        margin-top: 32px;
    }
}

@media all and (max-width: 768px) {
    .header {
        height: 90px;
    }

    .header-top .inner {
        display: block;
    }

    .menu-top {
        margin-left: 0;
    }

    .menu-top > ul {
        width: 100%;
        justify-content: space-between;
    }

    .menu-top > ul > li:not(:last-child) {
        margin-right: 3%;
    }

    .menu-top .sub-menu {
        left: -12px;
        min-width: calc(100% + 24px);
    }

    .header-main .inner {
        height: 64px;
        justify-content: space-between;
        padding: 0 0 0 2.5%;
    }

    .header-main .menu-main {
        display: none;
    }

    .header-main .logo-wr {
        flex-grow: 1;
        max-width: none;
    }

    .header-main .logo {
        width: auto;
    }

    .header-main .logo img {
        max-width: 140px;
    }

    .header-main .search-wr {
        position: static;
    }

    .header-main .search-wr.-show .search-show {
        display: none;
    }

    .header-main .search-form {
        right: 0;
        width: 100%;
        height: 46px;
        border-radius: 0;
        margin: 1px 0 0 0;
        box-shadow: none;
        border-bottom: 1px solid #E6E6E6;
    }

    .header-main .search-submit {
        width: auto;
        padding: 0 2.3vw;
    }

    .mobile-menu-bt {
        display: block;
        width: 20px;
        margin-left: 3.5%;
        padding: 0 3vw;
        box-sizing: content-box;
        background: url(../img/menu.svg) center no-repeat;
        cursor: pointer;
    }

    .mobile-menu-bt.-open {
        background-image: url(../img/close.svg);
    }

    .mobile-menu {
        background: rgba(255, 255, 255, 0.99);
        position: fixed;
        z-index: 50;
        top: 91px;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 20px 0;
        text-align: center;
        overflow: scroll;
        transition: all 0.3s ease-in-out;
    }

    .mobile-menu:not(.-show) {
        opacity: 0;
        visibility: hidden;
        transform: translateX(100%);
    }

    .-fixed-header .mobile-menu {
        top: 65px;
    }

    .mobile-menu ul {
        list-style: none;
    }

    .mobile-menu ul li.menu-item-has-children > a:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: -15px;
        border: 3px solid transparent;
    }

    .mobile-menu ul li.-open > a {
        color: #FF971D;
    }

    .mobile-menu ul li.-open > a:after {
        border-bottom: 3px solid #FF971D;
        margin-top: -5px;
    }

    .mobile-menu ul li.-open > .sub-menu {
        padding: 20px 0;
    }

    .mobile-menu ul li:not(.-open) > a:after {
        border-top: 3px solid #000;
        margin-top: -2px;
    }

    .mobile-menu ul li:not(.-open) > .sub-menu {
        opacity: 0;
        visibility: hidden;
        height: 0;
    }

    .mobile-menu ul ul li.-open:not(:last-child) > .sub-menu {
        border-bottom: 1px solid #c9c5c5;
        margin-bottom: 20px;
    }

    .mobile-menu ul ul li.-open > a {
        margin-bottom: 20px;
    }

    .mobile-menu a {
        position: relative;
        display: inline-flex;
        align-items: center;
        text-decoration: none;
        font-weight: 500;
        color: #000;
    }

    .mobile-menu > ul > li {
        position: relative;
        border-bottom: 1px solid #C9C5C5;
    }

    .mobile-menu > ul > li > a {
        padding: 20px 0;
        font-size: 18px;
    }

    .mobile-menu .sub-menu {
        overflow: hidden;
        border-top: 1px solid #C9C5C5;
        transition: all 0.3s ease-in-out;
    }

    .mobile-menu .sub-menu > li:not(:last-child) {
        margin-bottom: 20px;
    }

    body.admin-bar:not(.-fixed-header) .mobile-menu {
        margin-top: 46px;
    }
}

/********************************************************/
@media all and (max-width: 1280px) and (min-width: 769px) {
    .header-main .logo-wr {
        max-width: 13%;
    }
}

@media all and (max-width: 1240px) and (min-width: 769px) {
    .header-main .sub-menu-wr {
        left: -11px;
        right: -11px;
    }

    .header-main .sub-menu-wr ul {
        padding: 20px 0;
    }

    .header-main .sub-menu-wr a {
        padding-left: 30px;
    }
}

@media all and (max-width: 1152px) and (min-width: 769px) {
    .header-main .logo-wr {
        margin-right: 1.5%;
    }

    .header-main .search-wr {
        margin-left: 1.5%;
    }

    .header-main .menu-main,
    .header-main .sub-menu-wr {
        font-size: 13px;
    }

    .header-main .menu-main > ul > li > a {
        padding: 0 4px;
    }
}

@media all and (max-width: 960px) and (min-width: 769px) {
    .header-main .menu-main,
    .header-main .sub-menu-wr {
        font-size: 11px;
    }

    .header-main .sub-menu-sco .description-image {
        max-width: 125px;
    }

    .header-main .sub-menu-sco .buttons {
        margin-top: 42px;
    }

    .header-main .sub-menu-sco .st-button {
        height: 34px;
        font-size: 12px;
    }

    .header-main .sub-menu-sco .contact-form-wr input:not([type=checkbox]):not([type=submit]) {
        margin-bottom: 8px;
        height: 34px;
        font-size: 12px;
    }

    .header-main .sub-menu-sco .contacts {
        font-size: 12px;
    }

    .header-main .sub-menu-sco .manager-name,
    .header-main .sub-menu-sco .manager-caption {
        margin-bottom: 19px;
    }
}

.home-page .title {
    text-align: center;
}


@media all and (min-width: 769px) {
    .main-banner .banner:not(:hover) .hover-text, .main-banner .banner:not(:hover):before {
        visibility: hidden;
        opacity: 0;
    }
}

.main-banner .banner:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    right: 0;
    left: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    transition: all 0.5s ease-in-out;
}

.main-banner picture {
    width: auto;
    height: 232px;
    position: absolute;
    right: 7%;
    bottom: 5%;
}

.main-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.main-banner .hover-text {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    padding: 30% 5%;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    transition: all 0.8s ease-in-out;
}

@media all and (max-width: 768px) {
    .main-banner {
        margin-bottom: 50px;
    }

    .main-banner .inner {
        padding: 0;
        height: calc(100vh - 90px);
        min-height: 130vw;
    }

    .main-banner .banner:before {
        display: none;
    }

    .main-banner img {
        position: absolute;
        right: -2px;
    }

    .main-banner .hover-text {
        padding: 5%;
        box-shadow: inset 0 -120px 50px rgba(0, 0, 0, 0.4);
    }

    .main-banner .owl-carousel .owl-stage-outer,
    .main-banner .owl-carousel .owl-stage,
    .main-banner .owl-carousel .owl-item {
        height: 100% !important;
    }

    .main-banner .owl-carousel .owl-stage {
        display: flex;
    }

    .main-banner .owl-carousel .owl-nav button.owl-next, .main-banner .owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        top: 50%;
        margin-top: -25px;
        padding: 0 0 6px;
        width: 40px;
        height: 50px;
        background: rgba(0, 0, 0, 0.3);
        color: #fff;
        font-size: 35px;
    }

    .main-banner .owl-carousel .owl-nav button.owl-next {
        right: 0;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .main-banner .owl-carousel .owl-nav button.owl-prev {
        left: 0;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
}

/********************************************************/
@media all and (max-width: 1600px) and (min-width: 769px) {
    .main-banner .inner {
        max-height: 50vw;
    }
}

@media all and (max-width: 1800px) and (min-width: 769px) {
    .main-banner .hover-text {
        font-size: 1.25vw;
    }
}

@media all and (max-width: 1152px) and (min-width: 769px) {
    .main-banner {
        margin-bottom: 60px;
    }
}

.main-features {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #303030;
    text-align: center;
    margin-bottom: 100px;
}

.main-features [class*=title],
.title.bigOrng{
    color: #F8981D;
}

.main-features .top-wr {
    /*max-width: 780px;*/
    margin: 0 auto 50px;
}

.main-features .title,
.title.bigOrng{
    font-size: 40px;
    line-height: 65px;
    font-weight: 700;
}

.main-features .features {
    display: flex;
    justify-content: space-evenly;
}

.main-features .feature {
    flex-grow: 1;
    max-width: 262px;
    margin-bottom: 50px;
}

.main-features .feature:not(:last-child) {
    margin-right: 20px;
}

.main-features .feature-icon {
    margin-bottom: 15px;
}

.main-features .feature-icon img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    object-position: center;
}

.main-features .feature-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 25px;
    text-align: center;
    color: #404040;
}

.main-features .feature-text {
    color: #787486;
}

@media all and (max-width: 768px) {
    .main-features {
        margin-bottom: 20px;
    }

    .main-features .title {
        font-size: 26px;
    }

    .main-features .features {
        flex-wrap: wrap;
    }

    .main-features .feature {
        margin-bottom: 40px;
    }

    .main-features .feature-icon {
        margin-bottom: 10px;
    }
}

@media all and (max-width: 600px) {
    .main-features .feature {
        max-width: 400px;
    }

    .main-features .feature:nth-child(1n) {
        margin-right: auto;
        margin-left: auto;
    }
}

/********************************************************/
@media all and (max-width: 1280px) and (min-width: 769px) {
    .main-features .feature-icon img {
        width: 60px;
        height: 60px;
    }
}

@media all and (max-width: 1152px) and (min-width: 769px) {
    .main-features {
        margin-bottom: 20px;
    }

    .main-features .features {
        flex-wrap: wrap;
    }

    /*.main-features .feature {*/
    /*    width: 48%;*/
    /*    max-width: 350px;*/
    /*}*/

    .main-features .feature:nth-child(1n) {
        margin: 0 1% 50px;
    }
}

.main-advantages {
    margin-bottom: 80px;
}

.main-advantages .inner {
    display: flex;
}

.main-advantages .column {
    flex-grow: 1;
}

.main-advantages .column:first-child {
    margin-right: 20px;
}

.main-advantages .item {
    display: block;
    margin-bottom: 20px;
    position: relative;
}

.main-advantages .item:before, .main-advantages .item:after {
    content: "";
    display: block;
    position: absolute;
}

.main-advantages .item:before {
    z-index: 2;
    top: 50%;
    right: -150px;
    left: -150px;
    height: 110px;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 70px rgba(255, 255, 255, 0.2);
    transform: rotate(30deg) translateY(400px);
}

.main-advantages .item:after {
    z-index: 1;
    top: -30px;
    bottom: -30px;
    right: -50px;
    left: -50px;
    box-shadow: inset 0 -120px 80px #000;
}

.main-advantages .item:not(:hover):after {
    transform: translateY(30px);
}

.main-advantages .item:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.main-advantages .item:hover:before {
    transform: rotate(30deg) translateY(-550px);
    transition: all 1s ease-in-out;
}

.main-advantages .item:hover .item-text:after {
    transform: translateX(5px);
}

.main-advantages .item,
.main-advantages .item:after {
    transition: all 0.5s ease-in-out;
}

.main-advantages .item-info {
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    color: #fff;
}

.main-advantages .item-title {
    display: block;
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 5px;
}

.main-advantages .item-text {
    display: flex;
    align-items: center;
}

.main-advantages .item-text:after {
    content: "";
    display: block;
    width: 35px;
    height: 17px;
    margin: 4px 0 0 30px;
    background: url(../img/arrow.svg) center no-repeat;
    background-size: contain;
    transition: all 0.3s ease-in-out;
}

@media all and (max-width: 768px) {
    .main-advantages {
        margin-bottom: 60px;
    }

    .main-advantages .inner {
        display: block;
    }

    .main-advantages .column:first-child {
        margin: 0;
    }

    .main-advantages .item-title {
        font-size: 30px;
    }
}

@media all and (max-width: 425px) {
    .main-advantages .item-title {
        font-size: 6vw;
    }
}

/********************************************************/
@media all and (max-width: 1280px) and (min-width: 769px) {
    .main-advantages .item-title {
        font-size: 2.7vw;
    }
}

@media all and (max-width: 1152px) and (min-width: 769px) {
    .main-advantages {
        margin-bottom: 60px;
    }
}

.main-important {
    margin-bottom: 130px;
}

.main-important .title {
    margin-bottom: 50px;
    font-size: 32px;
}

.main-important .row {
    display: flex;
    justify-content: space-between;
}

.main-important .text,
.main-important .st-button {
    color: #787486;
}

.main-important .text {
    line-height: 27px;
}

.main-important .col:nth-child(1) {
    max-width: 41%;
    min-width: 41%;
    margin-right: 9%;
}

.main-important .col:nth-child(1) .text {
    line-height: 30px;
}

.main-important .col:nth-child(1) .text:not(:last-child) {
    margin-bottom: 30px;
}

.main-important .col:nth-child(2) .text:not(:last-child) {
    margin-bottom: 50px;
}

.main-important .st-button {
    background: #F2F5F9;
    min-height: 50px;
}

.main-important .st-button:hover {
    color: #fff;
}

.main-important .st-button:hover .bt-part {
    background: #FF971D;
}

.main-important .st-button:hover:after {
    filter: brightness(5);
}

.main-important .st-button:after {
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    margin-left: 10px;
    background: url(../img/rocket.svg) center no-repeat;
    transition: all 0.3s linear;
}

.main-important .progress-bar {
    position: relative;
    z-index: 1;
    padding: 7px 8px;
    background: #F2F5F9;
    margin-bottom: 10px;
    color: #fff;
}

.main-important .progress-bar .progress {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    height: 100%;
    background: #FF971D;
    transition: all 1s ease-in-out;
}

@media all and (max-width: 550px) {
    .main-important .progress-bar {
        font-size: 3.2vw;
    }
}

@media all and (max-width: 768px) {
    .main-important {
        margin-bottom: 70px;
    }

    .main-important .row {
        flex-direction: column;
    }

    .main-important .col:nth-child(1) {
        order: 2;
        max-width: none;
        min-width: 0;
        margin: 0;
    }

    .main-important .col:nth-child(2) {
        order: 1;
        margin-bottom: 40px;
    }

    .main-important .col:nth-child(2) .text:not(:last-child) {
        margin-bottom: 20px;
    }

    .main-important .title {
        font-size: 26px;
    }
}

/********************************************************/
.main-industry {
    position: relative;
    margin-bottom: 100px;
}

.main-industry .inner {
    max-width: 1230px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #fff;
    min-height: 500px;
    padding-top: 30px;
    padding-bottom: 10px;
}

.main-industry .title {
    font-size: 35px;
    margin-bottom: 30px;
}

.main-industry .tags {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.main-industry .tag {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    padding: 10px;
    margin: 0 10px 20px;
}

.main-industry .tag .bt-part {
    background: #ff8600;
}

.main-industry .bg-pic {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 50%;
    margin-right: -800px;
    width: 1600px;
}

.main-industry .bg-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media all and (max-width: 768px) {
    .main-industry {
        margin-bottom: 50px;
    }

    .main-industry .inner {
        min-height: 0;
        padding-top: 220px;
    }

    .main-industry .title {
        font-size: 30px;
    }

    .main-industry .bg-pic {
        margin: 0;
        width: 100%;
        right: auto;
    }

    .main-industry .bg-pic:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.3);
    }

    .main-industry .tag {
        font-size: 16px;
        padding: 5px 15px;
        margin: 0 5px 10px;
    }
}

/********************************************************/
@media all and (max-width: 1152px) and (min-width: 769px) {
    .main-industry {
        margin-bottom: 60px;
    }

    .main-industry .tag {
        font-size: 18px;
    }
}

.main-assortment {
    margin-bottom: 100px;
}

.main-assortment .top-text {
    max-width: 780px;
    margin: 0 auto 60px;
    text-align: center;
    color: #787486;
}

.main-assortment .features {
    display: flex;
    justify-content: space-between;
}

.main-assortment .features-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 33.33%;
}

.main-assortment .features-col:nth-child(1) {
    text-align: right;
}

.main-assortment .features-col:nth-child(1) .feature-icon {
    margin-left: 25px;
}

.main-assortment .features-col:nth-child(2) {
    min-height: 100%;
    justify-content: center;
    padding-bottom: 100px;
}

.main-assortment .features-col:nth-child(3) .feature-icon {
    margin-right: 25px;
    order: 1;
}

.main-assortment .features-col:nth-child(3) .feature-info {
    order: 2;
}

.main-assortment .features-col:not(:last-child) {
    margin-right: 30px;
}

.main-assortment .feature {
    display: flex;
    min-height: 200px;
}

.main-assortment .feature:not(:last-child) {
    margin-bottom: 40px;
}

.main-assortment .feature-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FF971D;
    min-width: 68px;
    height: 68px;
    border-radius: 50%;
}

.main-assortment .feature-info {
    padding-top: 22px;
}

.main-assortment .feature-title {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 500;
}

.main-assortment .feature-text {
    color: #787486;
}

@media all and (max-width: 769px) {
    .main-assortment {
        margin-bottom: 60px;
    }

    .main-assortment .features {
        flex-wrap: wrap;
    }

    .main-assortment .features-col {
        width: 100%;
    }

    .main-assortment .features-col:not(:last-child) {
        margin: 0 0 40px;
    }

    .main-assortment .features-col:nth-child(1) {
        order: 2;
    }

    .main-assortment .features-col:nth-child(2) {
        order: 1;
        max-width: 400px;
        margin: 0 auto 70px;
        padding: 0;
    }

    .main-assortment .features-col:nth-child(3) {
        order: 3;
    }

    .main-assortment .features-col:nth-child(1n) .feature-icon {
        margin: 0 auto;
    }

    .main-assortment .feature {
        flex-direction: column;
        text-align: center;
        min-height: 0;
    }

    .main-assortment .feature:not(:last-child) {
        margin-bottom: 40px;
    }

    .main-assortment .feature-icon {
        order: 1;
    }

    .main-assortment .feature-info {
        order: 2;
        max-width: 500px;
        margin: 0 auto;
    }

    .main-assortment .feature-title {
        margin-bottom: 10px;
    }
}

/********************************************************/
@media all and (max-width: 1280px) and (min-width: 769px) {
    .main-assortment .features-col {
        width: 40%;
    }

    .main-assortment .features-col:nth-child(2) {
        max-width: 20%;
        justify-content: center;
    }
}

@media all and (max-width: 1152px) and (min-width: 769px) {
    .main-assortment {
        margin-bottom: 60px;
    }
}

.main-clients {
    margin-bottom: 120px;
    color: #333;
}

.main-clients .title {
    margin-bottom: 40px;
}

.main-clients .item {
    background: #F9F9F9;
    padding: 10px 0 20px;
    min-height: 100%;
}

.main-clients .item-logo {
    position: relative;
    margin-bottom: 20px;
}

.main-clients .item-logo picture {
    text-align: center;
}

.main-clients .item-logo img {
    max-width: 130px;
    max-height: 45px;
}

.main-clients .quote-text,
.main-clients .company,
.main-clients .position {
    padding-right: 15px;
    padding-left: 15px;
}

.main-clients .quote-text {
    position: relative;
    padding-top: 25px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    color: #827e91;
    border-bottom: 1px solid #E0E0E0;
}

.main-clients .quote-text:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    width: 12px;
    height: 10px;
    background: url(../img/quote.svg) center no-repeat;
    background-size: contain;
}

.main-clients .company {
    font-size: 18px;
    margin-right: 15px;
}

.main-clients .owl-carousel .owl-item {
    float: none;
}

.main-clients .owl-carousel .owl-stage {
    display: flex;
    align-items: stretch;
}

.main-clients .owl-carousel .owl-nav {
    display: none;
}

.main-clients .owl-carousel .owl-dots {
    margin-top: 25px;
    text-align: center;
}

.main-clients .owl-carousel .owl-dots .owl-dot {
    width: 30px;
    height: 15px;
    border: 1px solid #ddd;
}

.main-clients .owl-carousel .owl-dots .owl-dot.active {
    background: #FF971D;
}

.main-clients .owl-carousel .owl-dots .owl-dot:not(:last-child) {
    margin-right: 10px;
}

@media all and (max-width: 768px) {
    .main-clients {
        margin-bottom: 50px;
    }
}

/********************************************************/
@media all and (max-width: 1152px) and (min-width: 769px) {
    .main-clients {
        margin-bottom: 60px;
    }
}

.simple-video {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.simple-video:not(.-play) video, .simple-video.-play .video-preview {
    display: none;
}

.simple-video:hover .video-play {
    transform: scale(1.3);
}

.simple-video .video-preview {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.simple-video .video-play {
    position: relative;
    z-index: 2;
    width: 100px;
    height: 100px;
    transition: all 0.3s ease-in-out;
}

.simple-video .video-play:before, .simple-video .video-play:after {
    content: "";
    display: block;
    position: absolute;
}

.simple-video .video-play:before {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: transparent;
    border: 6px solid #ffffffb8;
}

.simple-video .video-play:after {
    top: 26px;
    left: 34px;
    border: 24px solid transparent;
    border-left: 43px solid #ffffffe8;
}

.simple-video .video-preview img, .simple-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


.main-impressions {
    margin-bottom: 100px;
}

.main-impressions .title {
    margin-bottom: 25px;
}

.main-impressions .videos {
    display: flex;
}

.main-impressions .video-item {
    width: 100%;
    height: 220px;
    max-width: 380px;
}

.main-impressions .video-item:not(:last-child) {
    margin-right: 20px;
}

.video-item.-play:after, .main-impressions .video-item:hover:after {
    opacity: 0;
    visibility: hidden;
}
.-play .video-play{
    display: none;
}

.video-item:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease-in-out;
}

@media all and (max-width: 768px) {
    .main-impressions {
        margin-bottom: 80px;
    }

    .main-impressions .video-item {
        height: 18vw;
    }
}

@media all and (max-width: 600px) {
    .main-impressions .videos {
        display: block;
    }

    .main-impressions .video-item {
        max-width: none;
        height: 55vw;
    }

    .main-impressions .video-item:not(:last-child) {
        margin: 0 0 20px;
    }
}

/********************************************************/
@media all and (max-width: 1152px) and (min-width: 769px) {
    .main-impressions {
        margin-bottom: 90px;
    }
}

.bottom-contact {
    margin-bottom: 100px;
    background: #32313B;
    font-size: 22px;
    color: #fff;
}

.bottom-contact .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.bottom-contact .col {
    margin: 0 60px;
}

.bottom-contact .tel {
    color: #FF971D;
    text-decoration: none;
}

.bottom-contact .tel:hover {
    text-decoration: underline;
}

.bottom-contact .contact-bt {
    font-size: 18px;
}

.bottom-contact .contact-bt:hover,
.full-width-banner .contact-bt .bt-part {
    border-color: #FF971D;
}

.bottom-contact .contact-bt .bt-part,
.full-width-banner .contact-bt .bt-part {
    background: #FF971D;
}

@media all and (max-width: 768px) {
    .bottom-contact {
        margin-bottom: 60px;
    }

    .bottom-contact .inner {
        display: block;
        text-align: center;
    }

    .bottom-contact .col:nth-child(2) {
        margin-bottom: 25px;
    }
}

/********************************************************/
@media all and (max-width: 1152px) and (min-width: 769px) {
    .bottom-contact {
        margin-bottom: 60px;
    }
}

.footer-top {
    /*background: #F9F9F9;*/
    padding: 40px 0;
}

.footer-top .logo img{
    height: 60px;
}

.footer-top .menu-item-99 {
    display: none;
}

.footer-top ul {
    list-style: none;
}

.footer-top a {
    text-decoration: none;
    color: #000;
}

.footer-top a:hover {
    text-decoration: underline;
}

.footer-top .sub-menu {
    font-size: 14px;
    margin-top: 33px;
}

.footer-top .sub-menu li:not(:last-child) {
    margin-bottom: 18px;
}

.footer-top .menu > ul {
    display: flex;
    justify-content: space-between;
}

.footer-top .menu > ul > li {
    max-width: 150px;
}

.footer-top .menu > ul > li:not(:last-child) {
    margin-right: 20px;
}

.footer-top .menu > ul > li > a {
    color: #808080;
}

.footer-middle,
.footer-bottom {
    /*background: #32313B;*/
}

.footer-middle .inner,
.footer-bottom .inner {
    display: flex;
    justify-content: space-between;
}

.footer-middle, .footer-middle a:not(:hover),
.footer-bottom,
.footer-bottom a:not(:hover) {
    color: #fff;
}

.footer-middle {
    padding: 0;
    /*border-bottom: 1px solid #494949;*/
}

.footer-middle ul {
    display: flex;
    list-style: none;
}

.footer-middle li {
    display: flex;
    align-items: center;
}

/*.footer-middle li:not(:last-child):after {*/
/*    content: "";*/
/*    display: block;*/
/*    margin: 2px 25px 0;*/
/*    width: 1px;*/
/*    height: 13px;*/
/*    background: #fff;*/
/*}*/

.footer-middle .menu a {
    text-decoration: none;
}

.footer-middle .menu a:hover,
.footer-middle .menu .current_page_item a{
    /*text-decoration: underline;*/
    color: #FF971D;
}

.footer-bottom {
    padding: 25px 0 15px;
    font-size: 12px;
}

.footer-bottom .copy {
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #333333;
}
.footer-bottom .copy img {
  height: 30px;
  display: block;
  text-align: center;
  margin: 0 auto;
}
.footer-bottom .menu-top {
    height: auto;
}

.footer-bottom .sub-menu {
    top: auto;
    bottom: 100%;
}

.footer-bottom .sub-menu li {
    background: #1b1a23;
}

.footer-bottom .sub-menu li a {
    border-top: none;
    border-bottom: 1px solid #333;
}

@media all and (max-width: 768px) {
    .footer {
        text-align: center;
    }

    /*.footer-top {*/
    /*    display: none;*/
    /*}*/

    .footer-middle {
        font-size: 14px;
        padding: 30px 0 25px;
        width: 100%;
    }

    .footer-middle .text {
        margin-bottom: 20px;
    }

    .footer-middle .inner {
        display: block;
    }

    .footer-middle ul {
        justify-content: center;
    }

    /*.footer-middle li:not(:last-child):after {*/
    /*    margin: 2px 10px 0;*/
    /*}*/

    .footer-bottom {
        padding: 15px 0;
    }

    .footer-bottom .inner {
        padding: 0;
        flex-direction: column;
        justify-content: center;
    }

    .footer-bottom .menu-top,
    .footer-bottom .copy {
        padding-right: 2.5%;
        padding-left: 2.5%;
    }

    .footer-bottom .menu-top {
        order: 1;
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #494949;
    }

    .footer-bottom .menu-top > ul {
        max-width: 400px;
        margin: 0 auto;
    }

    .footer-bottom .sub-menu {
        margin: 0 0 10px;
    }

    .footer-bottom .copy {
        order: 2;
    }
}

/********************************************************/
@media all and (max-width: 900px) and (min-width: 769px) {
    .footer-top .menu {
        font-size: 15px;
    }

    .footer-top .sub-menu {
        font-size: 13px;
    }
}

.simple-page {
    padding: 50px 0 100px;
}

.sitemap-page .sitemap ul {
    margin: 20px 0 30px 20px;
}

.hv-zoom-img {
    overflow: hidden;
}

.hv-zoom-img:hover img {
    transform: scale(1.03);
}

.hv-zoom-img img {
    transition: all 0.3s ease-in-out;
}

.bt-eff1 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.bt-eff1.hover .bt-part {
    width: 800px;
    height: 800px;
}

.bt-eff1 .bt-part {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    transform: translateX(-50%) translateY(-50%);
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
    border-radius: 50%;
    background: #000;
}

.popup-bg {
    position: fixed;
    z-index: 110;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    overflow: auto;
    overflow-x: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 20px 20px;
}

.popup-bg, .popup-bg .popup-window {
    transition: all 0.1s ease-in-out;
}

.popup-bg:not(.-show) {
    visibility: hidden;
    opacity: 0;
}

.popup-bg:not(.-show) .popup-window {
    transform: scale(1.05);
}

.popup-bg .popup-window {
    position: relative;
    background-color: #fff;
    z-index: 111;
    padding: 25px 20px 20px;
}

.popup-bg .popup-close {
    cursor: pointer;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 25px;
    right: 15px;
    background: url(../img/close.svg) center no-repeat;
    background-size: 50%;
    transition: all 0.3s ease-in-out;
}

.popup-bg .popup-close:hover {
    filter: invert(0.5) sepia(1) saturate(5) hue-rotate(-4deg);
}

.popup-cookies .popup-window {
    max-width: 700px;
    font-size: 15px;
}

.popup-cookies .title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.popup-cookies .text {
    margin-bottom: 30px;
    color: #787486;
}

.popup-cookies .confirm-bt {
    padding: 7px 15px;
}

.popup-cookies .links {
    margin-top: 40px;
    font-size: 12px;
}

.popup-cookies .links a {
    text-decoration: none;
}

.popup-cookies .links a:hover {
    text-decoration: underline;
}

.popup-cookies .links ul {
    display: flex;
    justify-content: center;
    list-style: none;
}

.popup-cookies .links li {
    display: flex;
    align-items: center;
}

.popup-cookies .links li:not(:last-child):after {
    content: "";
    display: block;
    margin: 2px 10px 0;
    width: 1px;
    height: 10px;
    background: #707070;
}

@media all and (max-width: 768px) {
    .popup-bg .popup-close {
        top: 15px;
    }

    .popup-cookies .popup-window {
        font-size: 13px;
        text-align: center;
    }

    .popup-cookies .text {
        margin-bottom: 20px;
    }

    .popup-cookies .links {
        margin-top: 30px;
    }
}
@media all and (max-width: 768px) {
    .mw-106{
        max-width: 106px;
    }
}
/********************************************************/

/*# sourceMappingURL=main.css.map */
