/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
a {
    text-decoration: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}

@font-face {
    font-family: AnnonceW01-Regular;
    src: url('../fonts/1_Regular.eot');
    src: url('../fonts/1_Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/1_Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-0491;
    font-display: swap;
}

@font-face {
    font-family:'Montserrat SemiBold';
    src: url('../fonts/Montserrat_SemiBold.eot');
    src: url('../fonts/Montserrat_SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat_SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2044;
    font-display: swap;
}

/*buttons*/

.btn_wrapper {
    display: flex;
    /*justify-content: space-between;*/
    position: relative;
}
.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-family:'Montserrat ExtraBold';
    font-size: 18px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    transition: all .3s;
}
.btn {
    width: 360px;
    height: 80px;
}
.btn.orange {
    color: #F06718;
}
.btn.gray {
    color: #808080;
}
.btn.orange span {
    background: #F06718;
    position: absolute;
    transition: all .3s;
}
.btn.gray span {
    background: #404040;
    position: absolute;
    transition: all .3s;
}
.btn span:nth-child(1) {
    top: 0;
    left: 0;
    width: calc(100% - 37px);
    height: 2px;
}
.btn span:nth-child(2) {
    right: 0;
    bottom: 0;
    width: 2px;
    height: calc(100% - 27px);
}
.btn span:nth-child(3) {
    bottom: 0;
    right: 0;
    width: calc(100% - 37px);
    height: 2px;
}
.btn span:nth-child(4) {
    left: 0;
    top: 0;
    width: 2px;
    height: calc(100% - 27px);
}
.btn:hover span:nth-child(1),
.btn:hover span:nth-child(3) {
    width: 100%;
}
.btn:hover span:nth-child(2),
.btn:hover span:nth-child(4) {
    height: 100%;
}
.btn:focus span:nth-child(1),
.btn:focus span:nth-child(3) {
    width: 100%;
}
.btn:focus span:nth-child(2),
.btn:focus span:nth-child(4) {
    height: 100%;
}
.btn.orange:hover {
    background: #FF7C1F!important;
    color: #1B1D26;
    transition: all .6s;
}
.btn.gray:hover {
    background: transparent;
    color: #EBEBEB;
}
.btn.gray:hover span {
    background: #EBEBEB;
}
.btn.demo {
    border: 2px solid #E5E5E5;
    width: 300px;
    height: 65px;
    background: transparent;
    display: flex;
    flex-direction: column;
}
.btn.demo p:first-child {
    font-family:'Montserrat Bold';
    font-size: 13px;
    line-height: 12px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #E6E6E6;
    transition: all .3s;
    margin-bottom: 7px;
}
.btn.demo p:last-child {
    margin-top: 5px;
    font-family:'Montserrat';
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #E6E6E6;
    transition: all .3s;
}
.btn.demo:hover {
    background: #E5E5E5;
}
.btn.demo:hover p {
    color: #131313;
}



/*first__screen*/

.first__screen {
    background: #1B1D26;
    position: relative;
    overflow: hidden;
}
.first__screen:before {
    content: "";
    width: 623px;
    height: 693px;
    background: url("../../public/images/bg_frame.png") no-repeat 0 0;
    position: absolute;
    right: -10px;
    bottom: 0;
}
.first__screen.main h2,
.first__screen-title {
    padding-right: 10px;
    margin-bottom: 22px;
    font-family: AnnonceW01-Regular;
    font-size: 90px;
    line-height: 100px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #EBEBEB;
}
.first__screen.main p.subinfo {
    font-family: AnnonceW01-Regular;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.02em;
    color: #808080;
    position: relative;
}
.first__screen.main p.subinfo:before {
    content: "";
    width: 70px;
    height: 2px;
    background: #808080;
    position: absolute;
}
.first__screen.main h3,
.first__screen-subtitle {
    font-family: AnnonceW01-Regular;
    font-size: 55px;
    line-height: 55px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #EBEBEB;
}
.f_screen__wrap {
    width: 1620px;
    margin: 0 auto;
}
.first__screen {
    padding: 220px 0 138px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
}
.first__screen.main p.subinfo {
    margin-top: 50px;
    padding-left: 90px;
    padding-right: 340px;
    margin-bottom: 100px;
}
.first__screen.main p.subinfo::before {
    left: 0;
    top: 18px;
}
.first__screen .btn_wrapper {
    justify-content: flex-start;
}
.first__screen .btn_wrapper .btn:first-child {
    margin-right: 30px;
}

@media screen and (min-width: 2048px) {
    .first__screen.main h2, .first__screen-title {
        font-size: 120px;
        line-height: 130px;
        margin-right: 0;
    }
    .first__screen.main h3,
    .first__screen-subtitle {
        font-size: 65px;
        line-height: 65px;
    }
    .first__screen.main p.subinfo {
        margin-top: 60px;
    }
    .first__screen.about h1 {
        font-size: 80px!important;
        line-height: 96px!important;
        padding-right: 0!important;
    }
    .first__screen.services h2, .first__screen-services-title {
        font-size: 80px!important;
        line-height: 110px!important;
        padding-right: 0!important;
    }
    .first__screen.partners h2, .first__screen-partners-title {
        padding-right: 0!important;
    }
}

@media screen and (min-width: 2304px) {
    .f_screen__wrap {
        width: 1820px;
    }
    .first__screen.main p.subinfo {
        margin-top: 100px;
    }
    .first__screen.about h1,
    .first__screen.services h2, .first__screen-services-title,
    .first__screen.partners h2, .first__screen-partners-title,
    .first__screen.nazemn h2, .first__screen-nazemn-title,
    .first__screen.partners h2, .betting-page-title,
    .first__screen.countries h1, .first__screen-countries-title,
    .first__screen.region h1, .first__screen-region-title,
    .first__screen.news h1,
    .first__screen.articles h1,
    .first__screen.contacts h1,
    .first__screen.products h2, .first__screen-products-title,
    .first__screen.prod__inner h2, .prod__inner-title,
    .first__screen.bookmaker__soft h2, .bookmaker__soft-title,
    .first__screen-country-title{
        font-size: 100px!important;
        line-height: 116px!important;
        padding-right: 0!important;
    }
}

@media screen and (max-width: 1919px) {
    .first__screen.main h2,
    .first__screen-title {
        font-size: 50px;
        line-height: 60px;
        padding-right: 240px;
    }
    .f_screen__wrap {
        width: 1130px;
    }
    .first__screen {
        padding: 220px 0 90px;
    }
    .first__screen.main h3,
    .first__screen-subtitle {
        font-size: 30px;
        line-height: 30px;
    }
    .first__screen.main p.subinfo {
        padding-right: 0;
        margin-bottom: 60px;
    }
    .first__screen.main p.subinfo::before {
        top: 12px;
    }
    .first__screen .btn {
        width: 280px;
        height: 70px;
    }
    .first__screen .btn_wrapper .btn:first-child {
        margin-right: 20px;
    }
    .first__screen::before {
        right: -310px;
        bottom: -50px;
    }
}

@media screen and (max-width: 1279px) {
    .f_screen__wrap {
        width: 875px;
    }
    .first__screen {
        padding: 165px 0 85px;
    }
    .first__screen.main h2,
    .first__screen-title {
        margin-bottom: 20px;
    }
    .first__screen.main p.subinfo {
        font-size: 20px;
        line-height: 30px;
        padding-right: 75px;
        margin-bottom: 52px;
    }
    .first__screen::before {
        right: -310px;
        bottom: -50px;
        width: 69vh;
        height: 100vh;
        background-position-y: bottom;
    }
}

@media screen and (max-width: 1023px) {
    .f_screen__wrap {
        width: 670px;
    }
    .first__screen {
        padding: 160px 0 105px;
    }
    .first__screen.main p.subinfo {
        font-size: 16px;
        line-height: 26px;
        padding-right: 0;
    }
    .first__screen.main p.subinfo::before {
        top: 14px;
    }
    .first__screen::before {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .f_screen__wrap {
        width: 420px;
    }
    .first__screen.main h2,
    .first__screen-title {
        font-size: 34px;
        line-height: 44px;
        margin-bottom: 10px;
    }
    .first__screen.main h3,
    .first__screen-subtitle {
        font-size: 26px;
        line-height: 26px;
    }
    .first__screen .btn_wrapper .btn:first-child {
        margin-right: 0;
        margin-bottom: 30px;
    }
    .first__screen .btn {
        width: 100%;
    }
    .first__screen {
        padding: 140px 0 75px;
    }
    .first__screen.main p.subinfo::before {
        display: none;
    }
    .first__screen.main p.subinfo {
        margin-top: 30px;
        padding-left: 0;
    }
    .first__screen .btn_wrapper {
        flex-direction: column;
    }
}

@media screen and (max-width: 479px) {
    .f_screen__wrap {
        width: calc(100% - 40px);
    }
    .first__screen.main h2,
    .first__screen-title {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 8px;
    }
    .first__screen {
        padding: 90px 0 42px;
    }
    .first__screen.main h3,
    .first__screen-subtitle {
        font-size: 20px;
        line-height: 20px;
    }
    .first__screen.main p.subinfo {
        margin-top: 21px;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 41px;
    }
    .first__screen .btn_wrapper .btn:first-child {
        margin-bottom: 20px;
    }
    .first__screen .btn {
        font-size: 14px;
        height: 60px;
    }
}



/*wrap*/
/*section__heading*/
.wrap {
    width: 1128px;
    margin: 0 auto;
}
h3.section__heading,
div.section__heading {
    font-family: AnnonceW01-Regular;
    font-size: 62px;
    line-height: 72px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #131313;
}
.choose_country div.section__heading {
    color: #EBEBEB;
}
@media screen and (max-width: 1919px) {
    .wrap {
        width: 1135px;
    }
    h3.section__heading,
    div.section__heading {
        font-size: 44px;
        line-height: 56px;
    }
}
@media screen and (max-width: 1279px) {
    .wrap {
        width: 874px;
    }
}
@media screen and (max-width: 1023px) {
    .wrap {
        width: 666px;
    }
    h3.section__heading,
    div.section__heading {
        font-size: 30px;
        line-height: 44px;
    }
}
@media screen and (max-width: 767px) {
    .wrap {
        width: 420px;
    }
}
@media screen and (max-width: 479px) {
    .wrap {
        width: calc(100% - 40px);
    }
    h3.section__heading,
    div.section__heading {
        font-size: 20px;
        line-height: 32px;
    }
}

/*header*/

header.header {
    background: #1B1D26;
    height: 110px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    border-bottom: 1px solid #333333;
    z-index: 31;
}

.header__wrap {
    width: 1820px;
    margin: 0 auto;
    z-index: 2;
}

.header__wrapper {
    display: flex;
}
.header__logo {
    display: flex;
    align-items: center;
}
.header__logo > a {
    border-right: 1px solid #333333;
    padding: 5px 30px 6px 0;
}
.header__logo > a:lang(en) {
    padding: 5px 20px 6px 0;
}

.header__logo > a img {
    image-rendering: -webkit-optimize-contrast;
}

@media only screen and (max-width: 1279px) {
    .header__logo > a:lang(en) {
        padding-right: 6px;
    }
}


/***   TOOLTIP   ***/

.header-topline__links-item {
    position: relative;
}
.header-topline__links-item a {
    position: relative;
}
.header-topline__links-item a:after {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% + 20px);
    height: calc(100% + 20px);
}
.header-topline__links-item:not(:last-child) {
    margin-right: 20px;
}
.header .header-topline__links-item:not(:last-child):lang(en) {
    margin-right: 20px;
}
.header-topline__links .header-topline__links-item .tooltip {
    display: none;
}

.header-actions .header-topline__links-item:nth-child(3) {
    display: none;
}

.mobile__info {
    display: none;
}

@media only screen and (max-width: 1919px) {
    .header .header-topline__links-item:not(:last-child):lang(en) {
        margin-right: 40px;
    }
}
@media only screen and (max-width: 1279px) {
    .header .header-topline__links-item:not(:last-child):lang(en) {
        margin-right: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .mobile__info {
        display: block;
        padding: 50px;

    }
    .mobile__info-soc {
        display: flex;
        border: 1px solid #404040;
    }
    .mobile__info-soc-item {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
        padding: 34px;
    }
    .mobile__info-soc-item:not(:last-child) {
        border-right: 1px solid #404040;
    }
    .mobile__info-lng {
        border: 1px solid #404040;
        border-top: none;
        padding: 38px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mobile__info-lng-item {
        font-family: 'AnnonceW01-Regular';
        font-size: 17px;
        line-height: 20px;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #E6E6E6;
        opacity: 0.3;
        position: relative;
        user-select: none;
        cursor: default;
    }
    .mobile__info-lng-item:after {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        content: '';
        width: 60px;
        height: 60px;
    }
    .mobile__info-lng-item.active {
        opacity: 1;
        text-decoration: underline;
    }
    .mobile__info-lng-item:not(:last-child) {
        margin-right: 140px;
    }
    .header .header-topline__links-item:not(:last-child):lang(en) {
        margin-right: 30px;
    }
}


/*.header-topline__links .header-topline__links-item:hover .tooltip {*/
/*display: block;*/
/*}*/
.header-topline__links-item:hover > a > svg path {
    fill: #FF7C1F;
}
.tooltip {
    height: 100px;
    width: 285px;
    position: absolute;
    z-index: 20;
    top: 0;
    left: -40px;
    background: #2B2E38;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 40px;
    min-height: 100px;
}
.tooltip.js {
    height: 84px;
}


.tooltip:before {
    content: "";
    width: 100%;
    height: 20px;
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
}
.tooltip__arrow {
    width: 50px;
    height: 25px;
    position: absolute;
    top: -20px;
    left: 50px;
    transform: translateX(-50%) rotate(180deg) scale(.6);
    overflow: hidden;
}
.tooltip__arrow:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #2B2E38;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0;
    left: 50%;
    box-shadow: 1px 1px 20px 0px rgba(0,0,0,0.4);
}
.tooltip p {
    font-family:'Montserrat Bold';
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #F06718;
    margin-top: 15px;
    margin-bottom: 15px;
}
.tooltip .copied_content p {
    margin: 10px 0 0 0;
}
.tooltip .tooltip_content {
    display: block;
    text-align: center;
}
.tooltip .copied_content {
    display: none;
    flex-direction: column;
    margin-top: 20px;
}
.tooltip .copied_content svg {
    margin: 0 auto 5px!important;
    display: block;
}
.tooltip .tooltip_content.js {
    display: none;
}
.tooltip .tooltip_content.js + .copied_content  {
    display: flex;
}
.tooltip .btn {
    margin-left: 0 !important;
    height: 38px !important;
    font-family:'Montserrat Bold';
    font-size: 10px;
    line-height: 1.2;
    padding: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #EBEBEB;
    border: 1px solid #555860;
    cursor: pointer;
    transition: all .3s;
}
.tooltip .btn:first-child {
    width: 110px;
}
.tooltip .btn:not(:last-child) {
    margin-right: 10px;
}
.tooltip .btn:last-child {
    width: 130px;
}
.tooltip .btn:hover {
    color: #000;
    background: #fff;
    border: 1px solid #fff;
}

/*TOOLTIP WARNING*/
.tooltip__warning {
    padding: 20px;
    background: #1D1E27;
    border-bottom: 1px solid #FAB81E;
    margin: 15px 0 -26px -20px;
    width: 285px;
}
.footer .tooltip__warning {
    border-top: 1px solid #FAB81E;
    border-bottom: none;
    margin: -141px 0 16px -20px;
    min-height: 141px;
}

.tooltip__warning-head {
    display: flex;
    justify-content: center;
    align-items: center;
}
.tooltip__warning-head svg {
    margin-right: 0 !important;
}
.tooltip__warning-title {
    margin-left: 8px;
    font-family: 'Montserrat Bold';
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FAB81E;
}
.tooltip__warning-text {
    margin-top: 10px;
    font-family: 'Montserrat Medium';
    font-size: 13px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #F3F2F5;
}
.tooltip__warning-text span {
    font-family: 'Montserrat Bold';
}

.header-actions {
    display: flex;
    align-items: center;
}
.copied_content p {
    font-family:'Montserrat Medium';
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
}
.header-topline__links {
    display: flex;
    border-left: 1px solid #333333;
    padding: 16px 15px 15px;
}
.header-actions .header-topline__links:lang(en) {
    padding: 16px 12px 15px;
}
.header_btn .btn {
    width: 120px;
    height: 50px;
    font-size: 12px;
    line-height: 12px;
}
.header_btn .btn:lang(en) {
    width: 80px;
}
.header_phone a:hover svg path {
    fill: #FF7C1F;
}
.header_btn {
    margin-left: 15px;
}
.header-actions .header_btn:lang(en) {
    margin-left: 12px;
}

@media only screen and (max-width: 1919px) {
    .header-actions .header-topline__links:lang(en) {
        padding: 16px 25px 15px;
    }
    .header_btn .btn:lang(en) {
        width: 120px;
    }
    .header-actions .header_btn:lang(en) {
        margin-left: 40px;
    }
}
@media only screen and (max-width: 1279px) {
    .header-actions .header-topline__links:lang(en) {
        padding: 16px 20px 15px 6px;
    }
    .header-actions .header_btn:lang(en) {
        margin-left: 15px;
    }
}
@media only screen and (max-width: 1023px) {
    .header-actions .header-topline__links:lang(en) {
        padding: 16px 40px 15px 17px;
    }
    .header-actions .header_btn:lang(en) {
        margin-left: 0;
    }
}
@media only screen and (max-width: 767px) {
    .header-actions .header-topline__links:lang(en) {
        padding: 16px 30px 15px 20px;
    }
    .header_btn .btn:lang(en) {
        width: 140px;
    }
}
@media only screen and (max-width: 479px) {
    .header-actions .header-topline__links:lang(en) {
        padding: 0;
    }
}

/* header configurator btn */

.header-conf {
    width: 58px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #333333;
}

.header-conf:lang(en) {
    width: 52px;
}

.header-conf img {
    width: 28px;
    height: 28px;
}

@media only screen and (max-width: 1919px) {
    .header-conf {
        border-left: none;
    }
    .header-conf img {
        width: 24px;
        height: 24px;
    }
}

@media only screen and (max-width: 1279px) {
    .header-conf {
        width: 30px;
    }
}

@media only screen and (max-width: 1023px) {
    .header-conf {
        width: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .header-conf img {
        width: 30px;
        height: 30px;
    }
}

@media only screen and (max-width: 479px) {
    .header-conf {
        margin-right: 14px;
    }
    .header-conf:lang(en) {
        margin-right: 30px;
    }
}

/*.header-topline__language*/
.header-topline__language {
    position: relative;
    cursor: pointer;
    width: 46px;
    margin-left: 15px;
}
.header  .header-topline__language:lang(en) {
    margin-left: 12px;
}
.header_topline .btn.mob {
    display: none;
}

.header-topline__language .lang_wrap_top {
    position: absolute;
    display: none;
    padding-top: 15px;
    background: #373B4C;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding-bottom: 5px;
    z-index: 4;
}
.header-topline__language .link {
    font-family: AnnonceW01-Regular;
    font-size: 12px;
    line-height: 12px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #E5E5E5;
    padding: 0.5em;
    z-index: 2;
    position: relative;
    user-select: none;
}
.header-topline__language .link.active {
    padding: 0;
    padding-left: 5px;
    border: 2px solid #404040;
    height: 50px;
}
.header-topline__language .link.active.one {
    padding-left: 0px;
}
.header-topline__language .link.active svg {
    margin-left: 4px;
    margin-top: -2px;
    transition: .3s;
}
.header-topline__language:hover .lang_wrap_top {
    display: flex;
}
.header-topline__language:hover .link.active svg path {
    fill: #FF7C1F;
}
.header-topline__language:hover .link.active svg {
    transform: scale(-1)
}
.header-topline__language:hover .link.active:not(.none_hover) {
    color: #FF7C1F;
}
.non_pointer {
    cursor: default;
}
@media only screen and (max-width: 1919px) {
    .header .header-topline__language:lang(en) {
        margin-left: 40px;
    }
}
@media only screen and (max-width: 1279px) {
    .header .header-topline__language:lang(en) {
        margin-left: 15px;
        margin-right: 15px;
    }
}
@media screen and (min-width: 768px) {
    .header-topline__language .link:hover:not(.active) {
        color: #131313;
        background: #FF7C1F;
    }
    .lang_wrap_top_inner {
        width: 100%;
    }
    .header-topline__language {
        width: 56px;
    }
    .header-topline__language .link {
        padding: 15px 0.5em;
        justify-content: center;
        border-bottom: 2px solid #404040;
    }
    .header-topline__language .lang_wrap_top {
        padding-top: 0;
        padding-bottom: 0;
        border-top: 0;
    }
}

@media only screen and (max-width: 1279px) {
    .header-actions {
        z-index: 11;
    }
}

@media screen and (max-width: 1023px) {
    .header .header-topline__links .header-topline__links-item .tooltip {
        left: 50%;
        transform: translateX(-50%);
        right: auto;
    }
    .header .tooltip__arrow {
        left: 50%;
        transform: translateX(-50%) rotate(180deg) scale(.6);
        overflow: hidden;
    }
}




/*header__menu*/
.header__menu {
    margin-left: 16px;
    margin-right: 6px;
}
.header__menu:lang(en) {
    margin-left: 8px;
    margin-right: 12px;
}
.header__menu_list {
    display: flex;
}
.header__menu_item {
    display: flex;
    align-items: center;
    position: relative;
    flex-shrink: 0;
}
.header__menu_item.active {
    background: #252730;
    border-bottom: 3px solid #F06718;
    color: #F06718;
}
.header__menu_item_link {
    font-family: AnnonceW01-Regular;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #B8B8B8;
    text-decoration: none;
    height: 110px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding: 0 19px;
    border-bottom: 3px solid transparent;
    transition: all .3s;
}
.header__menu_item_link:lang(en) {
    padding: 0 11px;
}
.header__menu_item:hover .header__menu_item_link {
    background: #252730;
    border-bottom: 3px solid #F06718;
    color: #F06718;
}
.header__menu_item .header__menu_item_link > svg {
    margin-left: 5px;
    transition: all .3s;
}
.header__menu_item .header__menu_item_link > svg path {
    transition: fill .3s;
}
.header__menu_item:hover .header__menu_item_link > svg path {
    fill: #F06718;
}
.header__menu_item:hover .header__menu_item_link > svg {
    transform: rotate(180deg);
}
.header__menu_item_link--2nd {
    background: #252730;
    font-family:'Montserrat SemiBold';
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: #EBEBEB;
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    padding-left: 30px;
    border-bottom: 1px solid #383B4A;
    transition: all .3s;
    position: relative;
}
.header__menu_item_link--2nd.active {
    background: #252730;
    border-bottom: 3px solid #F06718;
    color: #F06718;
}
.header__menu_list--2nd {
    display: none;
    position: absolute;
    top: 110px;
    width: 770px;
    /* width: 480px; */
    /* max-height: 630px; */
    padding-right: 290px;
    max-height: calc(100vh - 110px);
    /* overflow-y: scroll; */
}
.header__menu_list--2nd::-webkit-scrollbar {
    display: none;
}
.header__menu_list--2nd {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.header__menu_list--2nd.unvisible {
    display: block;
    opacity: 0;
}
.header__menu_list--2nd.ps > .ps__rail-y,
.header__menu_list--2nd.ps--focus > .ps__rail-y,
.header__menu_list--2nd.ps--scrolling-y > .ps__rail-y {
    opacity: 1;
}
.header__menu_list--2nd.ps .ps__thumb-y {
    background-color: #636573;
    border-radius: 40px;
    width: 8px;
    right: 0px;
}
.header__menu_list--2nd.ps .ps__rail-y {
    width: 8px;
    background-color: #434759!important;
    box-shadow: 0px 10px 24px rgba(115, 77, 54, 0.05);
    border-radius: 6px;
}
.header__menu_item--2nd {
    position: relative;
}
.header__menu_item:hover > .header__menu_list--2nd {
    display: block;
}
.header__menu_item--2nd:hover .header__menu_item_link--2nd {
    background: #F06718;
    color: #131313;
}
.header__menu_item_link--2nd > span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #383B4A;
    width: 70px;
    height: 100%;
    position: absolute;
    right: 0;
    transition: all .3s;
}
.header__menu_item_link--2nd:hover > span {
    border-left: 1px solid #131313;
}
.header__menu_item_link--2nd > span svg path {
    fill: #7D7D80!important;
    transition: all .3s;
}
.header__menu_item_link--2nd > span:hover {
    background: #FF7C1F;
}
.header__menu_item_link--2nd:hover span svg path {
    fill: #131313!important;
}


.header__menu_list--3nd {
    display: none;
    position: absolute;
    width: 290px;
    top: 0;
    right: -290px;
}
.header__menu_item_link--3nd {
    background: #2D2F38;
    font-family:'Montserrat SemiBold';
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: #BBBCBF;
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    padding-left: 30px;
    border-bottom: 1px solid #383B4A;
    transition: all .3s;
    position: relative;
}
.header__menu_item_link--3nd.active {
    background: #252730;
    border-bottom: 3px solid #F06718;
    color: #F06718;
}

.header__menu_list--2nd {
    z-index: 1;
}
.header__menu_list--3nd {
    z-index: 1;
}
.header__menu_list--3nd:hover {
    display: block;
}
.header__menu_item_link--3nd:hover {
    background: #434652;
    color: #EBEBEB;
}
.mob_menu__close {
    display: none;
}
.mob_menu__close > p {
    font-family: AnnonceW01-Regular;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: black;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #EBEBEB;
}
.open_submenu {
    display: none;
}
.header__logo a:nth-child(2) {
    display: none;
}
.mob_soc_block {
    display: none;
}
.header-topline__links-item span.title {
    display: none;
}

.header_phone {
    position: relative;
}

.header_phone a:after {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 200%;
    height: 200%;
}

.header .header-line {
    display: block;
    position: absolute;
    left: 0;
    bottom: -4px;
    background: #F06718;
    width: 0;
    height: 4px;
    z-index: 2;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
    z-index: 1;
}

@media screen and (max-width: 1919px) {
    .header__menu {
        margin-left: 0;
        margin-right: 0;
        position: absolute;
        top: 70px;
        background: #1B1D26;
        width: 100%;
        left: 0;
        right: 0;
        z-index: 1;
        border-bottom: 1px solid #333;
    }
    .header__menu_list--2nd {
        max-height: calc(100vh - 180px);
    }
    .header__menu:lang(en) {
        margin-left: 0;
        margin-right: 0;
    }
    .header__wrapper {
        justify-content: space-between;
    }
    .header__wrap {
        width: 1130px;
    }
    header.header {
        height: 70px;
        display: flex;
        align-items: center;
    }
    .header__menu_list {
        width: 1211px;
        margin: 0 auto;
    }
    .header__menu_list:lang(en) {
        width: 1160px;
        justify-content: space-between;
    }
    .header__menu_item_link {
        padding: 0 43px;
        height: 60px;
    }
    .header__menu_item_link:lang(en) {
        padding: 0 15px;
    }
    .header__menu_list--2nd {
        top: 60px;
    }
    .header-topline__language {
        width: 60px;
        margin-left: 40px;
    }
    .header-topline__links-item:not(:last-child) {
        margin-right: 40px;
    }
    .header__menu_item {
        margin-right: 0;
    }
    .header_phone {
        margin-left: 10px;
    }
    .header__logo > a {
        border-right: none;
    }
    .header__logo > a img {
        image-rendering: -webkit-optimize-contrast;
    }
    .header-topline__links {
        border-left: none;
        padding: 16px 25px 15px 23px;
    }
    .header .header-line {
        bottom: -66px;
    }
    .header_btn {
        margin-left: 40px;
    }
}

@media screen and (max-width: 1279px) {
    .header__wrap {
        width: 874px;
    }
    header.header {
        height: 90px;
    }
    .header__menu {
        top: 90px;
        width: 768px;
        left: auto;
        display: none;
        z-index: 11;
    }
    .header__menu.open {
        display: block;
    }
    .header__menu_item {
        border-bottom: 1px solid #333333;
        flex-direction: column;
    }
    .header__menu_item_link {
        height: 80px;
        width: 100%;
        position: relative;
    }
    .header__menu_item_link.js_bg {
        background: #252730;
    }
    .header__menu_list {
        flex-direction: column;
        width: 100%;
    }
    .header__menu_list:lang(en) {
        flex-direction: column;
        width: 100%;
        justify-content: flex-start;
    }
    .header__menu_item .header__menu_item_link {
        border-left: 3px solid transparent;
        border-bottom: none;
    }
    .header__menu_item:hover .header__menu_item_link {
        border-bottom: none;
        border-left: 3px solid #F06718;
    }
    .header__menu_list--2nd {
        position: relative;
        top: 0;
        width: 100%;
        border-top: 1px solid #383B4A;
        padding-right: 0;
    }
    .header__menu_item:hover > .header__menu_list--2nd {
        display: none;
    }
    .header__menu_list--2nd.open {
        display: block;
    }
    .mob_menu__close {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        cursor: pointer;
        border-left: 1px solid #333333;
        height: 50px;
        min-width: 45px;
        padding-left: 15px;
    }
    .mob_menu__close:lang(en) {
        padding-left: 15px;
    }
    .open_submenu {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 80px;
        height: 80px;
        background: #252730;
        position: absolute;
        right: 0;
        border-left: 1px solid #333333;
    }
    .open_submenu.js svg {
        transform: rotate(180deg);
    }
    .open_submenu.js svg path {
        fill: #fff;
    }
    .header__menu_item--2nd:hover > .header__menu_list--3nd {
        display: none;
    }
    .header__menu_list--3nd {
        position: relative;
        width: 100%;
        right: auto;
        left: 0;
        display: none;
    }
    .header__menu_list--3nd.open {
        display: block;
    }
    .header__menu_item_link--2nd.js_bg {
        background: #F06718;
        color: #131313;
    }
    .header__menu_item_link--2nd > span svg {
        transform: rotate(90deg);
    }
    .header__menu_item_link--2nd.js_bg > span svg path {
        fill: #131313;
    }
    .header__menu_item_link--2nd > span {
        border-left: 1px solid #383B4A;
    }
    .header__menu_item_link--2nd > span > svg path {
        fill: #383B4A;
    }
    .burger_wrapper {
        width: 44px;
        height: 15px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
        margin-bottom: 14px;
    }
    .burger_wrapper span {
        width: 44px;
        height: 2px;
        background: #EBEBEB;
        display: flex;
        transition: all .3s;
    }
    .burger_wrapper span:nth-child(2) {
        width: 30px;
    }
    .mob_menu__close.active .burger_wrapper span {
        width: 30px;
        transform-origin: 0 0;
        position: relative;
        left: 10px;
    }
    .mob_menu__close.active .burger_wrapper > span:nth-child(1) {
        transform: rotate(45deg);
        left: 12px;
        top: -1px;
    }
    .mob_menu__close.active .burger_wrapper > span:nth-child(2) {
        transform: rotate(-45deg);
        top: 7px;
    }
    .mob_menu__close.active {
        align-items: center;
    }
    .mob_menu__close.active .burger_wrapper {
        align-items: flex-start;
    }
    .header-topline__language {
        margin-right: 15px;
        margin-left: 15px;
    }
    .header__menu_item:first-child .header__menu_list--2nd {
        width: 100%;
    }
    .header__menu_item_link {
        font-size: 17px;
        line-height: 20px;
    }
    .header__menu_item .header__menu_item_link > svg {
        display: none;
    }
    .mob_menu__close > p {
        font-family: AnnonceW01-Regular;
        font-size: 11px;
        line-height: 12px;
        letter-spacing: 0.01em;
        text-transform: uppercase;
        color: #EBEBEB;
        -webkit-text-fill-color: #EBEBEB;
        -webkit-text-stroke-width: 0;
        -webkit-text-stroke-color: #EBEBEB;
        transition: all .3s;
    }
    .mob_menu__close:hover > p {
        color: #000;
        -webkit-text-stroke-width: 1px;
        -webkit-text-fill-color: transparent;
        transition: all .3s;
    }
    .header .header-line {
        bottom: -4px;
    }
    .header__menu {
        max-height: calc(100vh - 90px);
    }
    .header__menu .ps__thumb-y {
        width: 3px;
    }
    .header__menu  .ps__rail-y {
        z-index: 10;
    }
    .header__menu_list--2nd {
        max-height: none;
    }
    .header-topline__links {
        padding: 16px 20px 15px 17px;
    } 
    .header-topline__links-item:not(:last-child) {
        margin-right: 20px;
    }
    .header_btn {
        margin-left: 15px;
    }
    .header_btn .btn {
        width: 90px;
    }
}

@media screen and (max-width: 1023px) {
    .header__wrap {
        width: 668px;
    }
    header.header {
        height: 80px;
    }
    .header-topline__language {
        display: none;
    }
    .mob_menu__close {
        padding-left: 40px;
        border-left: none;
    }
    .mob_menu__close:lang(en) {
        padding-left: 40px;
    }
    .header__menu {
        top: 80px;
    }
    .header-topline__links-item:not(:last-child) {
        margin-right: 30px;
    }
    .header_phone {
        margin-left: 30px;
    }
    .header-topline__links {
        padding: 16px 0 15px 17px;
    }
    .header__menu_item_link {
        padding: 0 50px;
    }
    .header-topline__links-item:nth-child(3) {
        display: flex;
    }
    .header__menu_item_link:lang(en) {
        padding: 0 50px;
    }
    .header__menu_item_link--2nd > span svg {
        transition: all .3s;
    }
    .header__menu_item_link--2nd.js_bg > span svg {
        transform: rotate(270deg);
    }
    .header__menu {
        max-height: calc(100vh - 80px);
        width: 100%;
    }
    .mob_menu__close.active {
        margin-right: -29px;
    }
}

@media screen and (max-width: 1023px) {
    .header_phone > a {
        display: block !important;
        padding: 5px 0 6px 0;
    }
    .header__menu {
        width: 768px;
    }
    .mob_menu__close {
        padding-left: 30px;
    }
    .header-topline__language {
        display: block;
    }
    .header_btn {
        margin-left: 40px;
    }
    .header_btn .btn {
        width: 120px;
    }
    .header_phone > a:nth-child(1) > svg:nth-child(1) {
        width: 26px;
        height: 26px;
    }
    .header_phone {
        margin-left: 47px;
    }
    .connect > svg {
        margin-right: 20px;
    }
    .mob_soc__wrapper > a {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        transition: .3s;
    }
    .mob_soc__wrapper a:hover {
       color: #FF7C1F;
    }
    .mob_soc__wrapper svg path {
        transition: .3s;
    }
    .mob_soc__wrapper a:hover svg path {
        fill: #FF7C1F;
    }
    .mob_soc__wrapper {
        display: flex;
        width: 100%;
        height: 89px;
    }
    .mob_soc__wrapper > a:first-child {
        border-right: 1px solid #404040;
    }
    .header-topline__language .lang_wrap_top {
        position: relative;
        padding-top: 0;
        background: transparent;
        padding-bottom: 0;
        display: flex;
    }
    .header-topline__language {
        display: none;
    }
    .header-topline__language .link.active {
        padding-left: 0;
        border: none;
        height: auto;
        text-decoration: underline;
        color: #EBEBEB;
    }
    .header-topline__language .link.active svg {
        display: none;
    }
    .header-topline__language .link {
        color: #58595F;
        padding: 0;
        margin-right: 0;
        position: relative;
        user-select: none;
        font-size: 17px;
        line-height: 20px;
        font-family: AnnonceW01-Regular;
        cursor: default;
    }
    .header-topline__language .link:after {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        content: '';
        width: 60px;
        height: 60px;
        user-select: none;
    }
    .header-topline__language {
        margin-left: 0;
        cursor: default;
    }
    .header-topline__language:hover .link.active:not(.none_hover) {
        color: #fff;
    }
    .lang_wrap_top_inner {
        display: flex;
    }
    .header__menu .header-topline__language .lang_wrap_top_inner {
        gap: 80px;
    }
    .header__menu_item_link {
        padding: 0 30px;
    }
    .header__menu_item_link:lang(en) {
        padding: 0 30px;
    }
    /* .header-actions {
        width: 420px;
        border: 1px solid #404040;
        margin: 35px auto 110px;
    } */
    .header__menu {
        overflow-y: scroll;
        height: calc(100vh - 80px);
        position: fixed;
    }
    .header__menu::-webkit-scrollbar {
        width: 0;
    }
    .header__wrapper {
        position: relative;
    }
    .header__menu {
        width: 768px;
    }
    .footer .tooltip,
    .header__menu .tooltip {
        margin-top: 70px;
    }
}

@media screen and (max-width: 767px) {
    .header__wrap {
        width: 420px;
    }
    .header__logo a:nth-child(1) {
        display: none;
    }
    .header__logo a:nth-child(2) {
        display: block;
    }
    .header-actions .header-topline__links-item:not(:last-child) {
        display: none;
    }
    .header-actions a.js-popUp-open svg {
        width: 26px;
        height: 26px;
    }
    .header__menu {
        width: 480px;
    }
    .mob_menu__close.active {
        margin-right: 0;
    }
    .more_questions__block .tooltip {
        margin-top: 70px;
    }
    .header_btn {
        margin-left: 30px;
    }
    .mob_menu__close:lang(en) {
        padding-left: 30px;
    }
}

@media screen and (max-width: 479px) {
    .header__wrap {
        width: calc(100% - 40px);
    }
    .mob_menu__close {
        right: 0;
        padding-left: 34px;
    }
    .header_phone {
        margin-left: 97px;
    }
    header.header {
        height: 60px;
    }
    .header_btn {
        display: none;
    }
    .header__logo > a > img {
        width: 31px;
        image-rendering: -webkit-optimize-contrast;
    }
    .header__menu {
        top: 60px;
        min-height: calc(100vh - 60px);
        width: 320px;
    }
    .header__menu_item_link {
        font-size: 14px;
        line-height: 17px;
        padding: 0 65px 0 20px;
        height: 60px;
    }
    .header__menu_item_link:lang(en) {
        padding: 0 65px 0 20px;
    }
    .mob_menu__close:lang(en) {
        padding-left: 40px;
    }
    .open_submenu {
        width: 60px;
        height: 60px;
    }
    .open_submenu > svg {
        width: 17px;
    }
    /* .header-actions {
        width: 280px;
        justify-content: flex-end;
    } */
    .mob_menu__close.active {
        margin-right: 0;
    }
    .header__menu_item_link--2nd {
        height: 50px;
    }
    .header__menu_item_link--3nd {
        height: 50px;
    }
    .header__menu_item_link--2nd > span {
        width: 50px;
    }
    .header-topline__language .link {
        font-size: 14px;
        line-height: 17px;
    }
    .mob_soc__wrapper {
        flex-wrap: wrap;
        height: auto;
    }
    .mob_soc__wrapper > a:first-child {
        border-right: none;
    }
    .mob_soc__wrapper > a {
        width: 100%;
        height: 89px;
        border-bottom: 1px solid #404040;
    }
}

/*footer*/
.footer {
    background: #121319;
}
.footer_connect {
    background: #1B1D26;
    position: relative;
}
.footer_connect-wrapper {
    position: relative;
}
.footer_connect a {
    font-family: AnnonceW01-Regular;
    font-size: 62px;
    line-height: 62px;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #EBEBEB;
    height: 371px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    padding-bottom: 20px;
    transition: all .3s;
}
.footer_connect a:hover {
    color: #F06718;
}
.footer_connect .line {
    width: 200px;
    height: 2px;
    background: #F06718;
    display: block;
    position: absolute;
    left: 0;
    bottom: -10px;
    transition: all .3s;
}
.footer_connect:hover .line {
    width: 100%;
}
.footer_wrap {
    width: 1820px;
    margin: 0 auto;
}
.footer_top {
    display: flex;
    border-bottom: 1px solid #333333;
}

.footer_top .btn_wrapper {
    margin-left: auto;
    align-items: center;
}
.footer_top {
    height: 185px;
    display: flex;
    align-items: center;
}
.footer_top .btn.demo {
    margin-left: 30px;
}
.footer_top .btn_wrapper .btn:first-child {
    font-size: 13px;
    width: 350px;
    height: 65px;

}
.footer_top .btn_wrapper {
    margin-top: 15px;
}
.footer_menu__item_heading > a {
    font-family: AnnonceW01-Regular;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #EBEBEB;
    transition: all .3s;
}
.footer-links_link {
    font-family:'Montserrat Medium';
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: #808080;
    transition: all .3s;
}
.footer-links_link:hover {
    color: #EBEBEB;
    text-decoration: underline;
}
.footer_menu__item_heading > a:hover {
    color: #FF7C1F;
    text-decoration: underline;
}
.footer_menu__wrapper {
    display: flex;
}
.footer_menu__item {
    width: 300px;
}
.footer_menu__item:not(:last-child) {
    margin-right: 205px;
}
.footer_menu__item_heading {
    margin-bottom: 40px;
}
.footer-links_item:not(:last-child) {
    margin-bottom: 18px;
}

.footer_bottom .header-topline__links-item span.title {
    display: block;
    font-family:'Montserrat Medium';
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: #EBEBEB;
    transition: all .3s;
}
.footer_bottom .header-topline__links-item:hover span.title {
    color: #FF7C1F;
}
.footer_bottom .header-topline__links-item > a {
    display: flex;
}
.footer_bottom .header-topline__links-item span.title {
    margin-left: 12px;
}
.footer_bottom {
    display: flex;
    border: 1px solid #404040;
    height: 90px;
    align-items: center;
}
.footer_bottom .header-topline__links-item:not(:last-child) {
    margin-right: 0;
}
.footer_bottom .header-topline__links {
    padding: 0;
}
.footer_bottom .header-topline__links-item {
    width: 418px;
    display: flex;
    justify-content: center;
    height: 88px;
    align-items: center;
    border-right: 1px solid #404040;
    border-top: 1px solid transparent;
    transition: all .3s;
}
.footer_bottom .tooltip {
    top: -195px;
    left: -35px;
    cursor: default;
}
.footer_bottom .header-topline__links-item:nth-child(2) .tooltip {
    left: -94px;
}
.footer_bottom .header-topline__links-item:nth-child(3) .tooltip {
    left: -87px;
}
.footer_bottom .header-topline__links-item:nth-child(3) {
    cursor: pointer;
}

.footer_bottom .tooltip__arrow {
    top: auto;
    transform: translateX(-50%) rotate(0deg) scale(.6);
    bottom: -20px;
}
.footer_bottom .header-topline__links-item:hover {
    background: #1C1E26;
    /* border-top: 1px solid #404040; */
}
.header-topline__links-item.footer__connect a {
    font-family:'Montserrat Bold';
    font-size: 14px;
    line-height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #EBEBEB;
    height: 100%;
    transition: all .3s;
}
.header-topline__links-item.footer__connect svg {
    margin-right: 20px;
}
.header-topline__links-item.footer__connect:hover a {
    color: #131313;
}
:where(.header-topline__links-item, .footer__soc_links) svg path {
    transition: .3s;
}
.header-topline__links-item.footer__connect:hover svg path {
    fill: #131313;
}
.header-topline__links-item.footer__connect:hover {
    background: #FF7C1F;
}
.footer__soc_links a {
    width: 152px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #404040;
}
.footer__soc_links {
    display: flex;
    height: 100%;
}
.footer__soc_links a:hover {
    background: #1C1E26;
}
.footer__soc_links a:hover svg path {
    fill: #FF7C1F;
}
.footer__language a {
    font-family:'Montserrat Bold';
    font-size: 16px;
    line-height: 12px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #E6E6E6;
    margin: 0 20px;
    transition: all .3s;
    opacity: .3;
}
.footer__language a.active {
    text-decoration: underline;
    opacity: 1;
}
.footer__language a:hover {
    opacity: 1;
}
.footer__language {
    display: flex;
    margin: 0 auto;
}
.footer__language .lang_wrap_top_inner {
    display: flex;
}
.footer_bottom {
    margin-top: 80px;
}
.footer_mid {
    padding-top: 46px;
}
p.footer_menu__item_heading + ul + p.footer_menu__item_heading {
    margin-top: 105px;
}
.footer_terms {
    padding: 20px 0;
    height: 102px;
    font-family:'Montserrat Medium';
    font-weight: 500;
    font-size: 13px;
    line-height: 22px;
    text-align: center;
    color: #808080;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.footer_terms a {
    font-family:'Montserrat Medium';
    font-weight: 500;
    font-size: 13px;
    line-height: 22px;
    text-align: center;
    color: #808080;
    text-decoration: underline;
    margin: 0 6px;
}
.footer_bm_wrapper {
    display: flex;
    flex-grow: 1;
    height: 100%;
}
.footer__language {
    width: 304px;
    justify-content: center;
}
.footer__language .lang_wrap_top {
    display: flex;
}
.footer_top .logo_block > a:last-child {
    display: none;
}
.footer .btn.orange span:nth-child(1) {
    width: 88%;
}
.footer .btn.orange span:nth-child(3) {
    width: 88%;
}
.footer .btn.orange span:nth-child(2) {
    height: 60%;
}
.footer .btn.orange span:nth-child(4) {
    height: 60%;
}
.footer .btn.orange:hover span:nth-child(1),
.footer .btn.orange:hover span:nth-child(3) {
    width: 100%;
}
.footer .btn.orange:hover span:nth-child(2),
.footer .btn.orange:hover span:nth-child(4) {
    height: 100%;
}

@media screen and (max-width: 1919px) {
    .footer_wrap {
        width: 1130px;
    }
    .footer_menu__item {
        width: 250px;
    }
    .footer_menu__item:not(:last-child) {
        margin-right: 43px;
    }
    .footer_bottom {
        flex-direction: column;
        height: auto;
    }
    .footer_bottom .header-topline__links-item {
        width: calc(100% / 3);
        height: 89px;
    }
    .footer_bottom .header-topline__links {
        width: 100%;
    }
    .footer_social {
        width: 100%;
    }
    .footer_bm_wrapper > div {
        width: calc(100% / 3);
        height: 87px;
    }
    .footer_bm_wrapper {
        width: 100%;
        border-top: 1px solid #404040;
    }
    .footer_terms {
        margin-top: 20px;
        padding-bottom: 40px;
    }
    .footer__soc_links a {
        width: 100%;
    }
    .footer_bottom .header-topline__links-item:last-child {
        border-right: none;
    }
    .footer_bottom .header-topline__links-item {
        border-top: none;
        border-bottom: 1px solid transparent;
    }
    .footer_bottom .header-topline__links-item:hover {
        border-top: none;
    }
    .footer__language a {
        margin: 0 30px;
    }
    .footer_connect .line {
        width: 140px;
    }
    .footer_bottom .tooltip {
        left: 50% !important;
        transform: translateX(-50%);
    }
    .footer_bottom .tooltip__arrow {
        left: 50%;
    }
}

@media screen and (max-width: 1279px) {
    .footer_top .logo_block > a:first-child {
        display: none;
    }
    .footer_top .logo_block > a:last-child {
        display: block;
    }
    .footer_wrap {
        width: 874px;
    }
    .footer_menu__item {
        width: 300px;
    }
    .footer_menu__item:not(:last-child) {
        margin-right: 0;
    }
    .footer_menu__item:not(:nth-child(2n)) {
        margin-right: 153px;
    }
    .footer_menu__wrapper {
        flex-wrap: wrap;
    }
    p.footer_menu__item_heading + ul + p.footer_menu__item_heading {
        margin-top: 80px;
    }
    .footer_menu__item {
        margin-bottom: 80px;
    }
    .footer_bottom {
        margin-top: 0;
    }
    .footer_connect a {
        font-size: 42px;
        line-height: 42px;
        padding-bottom: 40px;
    }
    .footer_connect .line {
        width: 100px;
    }
    .footer_connect a {
        height: 351px;
        padding-bottom: 20px;
    }
    .footer_social .header-topline__links-item a:after {
        display: none;
    }
}

@media screen and (max-width: 1023px) {
    .footer_wrap {
        width: 668px;
    }
    .footer_menu__item:not(:nth-child(2n)) {
        margin-right: 44px;
    }
    .footer_top .btn_wrapper .btn:first-child {
        width: 330px;
    }
    .footer .btn.demo {
        width: 200px;
    }
    .footer_bottom .header-topline__links-item {
        border-bottom: none !important;
    }
    .footer_bottom .header-topline__links-item > a {
        flex-direction: column;
        align-items: center;
    }
    .header-topline__links-item.footer__connect a {
        flex-direction: row;
        font-size: 12px;
        line-height: 1;
        letter-spacing: 0.24px;
    }
    .footer_bottom .header-topline__links-item span.title {
        font-size: 12px;
        line-height: 14px;
        margin-left: 0;
        margin-top: 10px;
    }
    .footer_bm_wrapper > div {
        height: 85px;
    }
    .footer__language a {
        margin: 0 20px;
    }
    .footer_terms {
        padding: 40px 0;
        display: inline-block;
        width: 100%;
        margin-top: 0;
        height: auto;
    }
    .footer__connect a {
        font-size: 12px;
    }
    .footer_terms a {
        margin: 0 3px;
    }
    .footer_top {
        height: 182px;
    }
    .footer_mid {
        padding-top: 49px;
    }
    .footer_connect a {
        height: 244px;
        font-size: 32px;
        line-height: 32px;
    }
    .footer_connect .line {
        bottom: -10px;
    }
    .footer_bottom .tooltip {
        top: -215px;
    }
    .footer_bottom {
        height: auto;
    }
    .footer_bottom .header-topline__links {
        flex-direction: row;
    }
}

@media screen and (max-width: 767px) {
    .footer_wrap {
        width: 420px;
    }
    .footer_top .logo_block > a:last-child {
        display: none;
    }
    .footer_top .logo_block > a:first-child {
        display: block;
    }
    .footer_top {
        height: auto;
        flex-direction: column;
        padding: 60px 0 50px;
    }
    .footer_top .btn_wrapper .btn:first-child {
        width: 100%;
    }
    .footer .btn.demo {
        width: 100%;
    }
    .footer_menu__item:not(:nth-child(2n)) {
        margin-right: 0;
    }
    .footer_top .btn_wrapper {
        margin-left: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .footer_top .btn.demo {
        margin-left: 0;
    }
    .footer_top .btn_wrapper {
        margin-top: 56px;
    }
    .footer_top .btn_wrapper .btn:first-child {
        margin-bottom: 25px;
    }
    .footer_menu__item_heading {
        margin-bottom: 30px;
    }
    p.footer_menu__item_heading + ul + p.footer_menu__item_heading {
        margin-top: 70px;
    }
    .footer_menu__item {
        margin-bottom: 70px;
    }
    .footer_bottom .header-topline__links-item {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #404040 !important;
        padding: 23px 0;
    }
    .footer_terms {
        padding: 40px 0 62px;
    }
    .footer_bm_wrapper > div {
        width: 100%;
        height: 89px;
    }
    .footer_bottom {
        height: auto;
    }
    .footer_bm_wrapper {
        flex-direction: column;
    }
    .footer__connect {
        border-right: none;
        border-bottom: 1px solid #404040;
    }
    .footer__language {
        width: 50% !important;
        margin: 0;
    }
    .footer__soc_links {
        width: 50% !important;
    }
    .footer_bm_wrapper {
        flex-wrap: wrap;
        flex-direction: row;
        border-top: none;
    }
    .footer_connect a {
        height: 194px;
        font-size: 22px;
        line-height: 22px;
    }
    .footer_connect .line {
        width: 60px;
    }
    .footer_bottom .tooltip {
        top: -190px;
        right: auto;
    }
    .footer_social .tooltip__arrow {
        left: 50%;
    }
    .header-topline__links-item .btn_wrapper {
        justify-content: space-between;
    }
    .tooltip .btn:not(:last-child) {
        margin-right: 0;
    }
    .tooltip .btn:first-child {
        width: calc(50% - 5px);
    }
    .tooltip .btn:last-child {
        width: calc(50% - 5px);
    }
    .tooltip .btn {
        line-height: 1.2;
    }
    .footer__language a {
        margin: 0;
        padding: 0 20px;
    }
    .footer_bottom .header-topline__links {
        flex-direction: column;
    }
}

@media screen and (max-width: 479px) {
    .footer_wrap {
        width: calc(100% - 40px);
    }
    .footer_top {
        padding: 40px 0 50px;
    }
    .footer_top .btn_wrapper {
        margin-top: 37px;
    }
    .footer_top .btn_wrapper .btn:first-child {
        padding: 0 20px;
    }
    .footer_menu__item_heading {
        margin-bottom: 30px;
    }
    .footer-links_link {
        font-size: 14px;
        line-height: 17px;
    }
    .footer-links_item:not(:last-child) {
        margin-bottom: 19px;
    }
    .footer .logo_block img {
        width: 150px;
        image-rendering: -webkit-optimize-contrast;
    }
    .footer_menu__item:last-child {
        margin-bottom: 70px;
    }
    .footer__soc_links {
        width: 100% !important;
        border-bottom: 1px solid #404040;
    }
    .footer__language {
        width: 100% !important;
    }
    .footer_terms {
        padding: 30px 0 72px;
    }
    .footer_terms a {
        margin: 0 2px;
    }
    .footer_connect a {
        height: 148px;
        font-size: 16px;
        line-height: 16px;
    }
    .footer_connect .line {
        width: 50px;
    }
    .footer__soc_links a:last-child {
        border-right: none;
    }
}

/*footer world*/
.footer_menu__wrapper.world {
    margin-top: 165px;
}
.footer_menu__wrapper.world .footer_menu__item {

}
.footer_menu__wrapper.world .footer_menu__item_heading  {
    margin-bottom: 20px;
}
.footer_menu__wrapper.world .footer_menu__item_heading a {
    font-size: 12px;
    line-height: 14.4px;
}
.footer_menu__wrapper.world .footer_menu__item_heading a:hover {
    text-decoration: none;
}

@media screen and (max-width: 1919px) {
    .footer_menu__wrapper.world {
        margin-top: 149px;
    }
    .footer_menu__wrapper.world .footer_menu__item_heading {
        margin-bottom: 17px;
        padding-right: 50px;
    }
}
@media screen and (max-width: 1279px) {
    .footer_menu__wrapper.world {
        margin-top: 69px;
        margin-bottom: 65px;
    }
    .footer_menu__wrapper.world .footer_menu__item_heading {
        margin-bottom: 15px;
    }
    .footer_menu__wrapper.world .footer_menu__item {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 1023px) {
    .footer_menu__wrapper.world {
        margin-top: 85px;
    }
}
@media screen and (max-width: 767px) {
    .footer_menu__wrapper.world .footer_menu__item_heading {
        padding-right: 0;
        margin-bottom: 21px;
    }
    .footer_menu__wrapper.world {
        margin-top: 105px;
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 479px) {
    .footer_menu__wrapper.world {
        margin-top: 125px;
        margin-bottom: 40px;
    }
}




/*seo*/

.seo {
    background: #EBEBEB;
    padding: 100px 0;
}
.seo__wrapper {
    width: 945px;
    height: 802px;
    margin: 0 auto;
    padding: 50px 55px 55px 50px;
    position: relative;
    background: #F5F5F5;
    box-shadow: 0px 14px 24px rgba(129, 129, 129, 0.1);
    border-radius: 6px;
}

.seo__wrapper > *:first-child {
    margin-top: 0!important;
}

.text_block a {
    position: relative;
    text-decoration: none;
    color: #131313;
    transition: all .2s;
    font-family: 'Montserrat Bold';
    border-bottom: 1px solid #F06718;
}

.text_block h2 a,
.text_block h3 a {
    font-family: AnnonceW01-Regular;
}

.text_block a:visited {
    color: #8F3400;
    border-bottom: 1px solid #F06718;
}

.text_block a:hover {
    color: #F06718;
}

.text_block h1 a,
.text_block h2 a,
.text_block h3 a,
.text_block h4 a,
.text_block h5 a {
    position: static;
    border: none;
}

.text_block h1 a:after,
.text_block h2 a:after,
.text_block h3 a:after,
.text_block h4 a:after,
.text_block h5 a:after {
    display: none;
}

.text_block h1 a:hover,
.text_block h2 a:hover,
.text_block h3 a:hover,
.text_block h4 a:hover,
.text_block h5 a:hover {
    color: initial;
}

.text_block u {
    text-decoration: none;
}

.text_block ul {
    list-style: none!important;
}

.text_block ul li {
    position: relative;
}

.text_block em,
.text_block i {
    font-style: italic;
}

.text_block ul li:not(.header-topline__links-item):before {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    top: 15px;
    left: 0;
    background: #131313;
    border-radius: 50%;
} 
                    
/*.text_block h1 {*/
/*    font-family: AnnonceW01-Regular;*/
/*    font-size: 34px;*/
/*    line-height: 50px;*/
/*    letter-spacing: 0.02em;*/
/*    text-transform: uppercase;*/
/*    color: #131313;*/
/*    margin-bottom: 30px;*/
/*}*/
/*.text_block h2 {*/
/*    font-family: AnnonceW01-Regular;*/
/*    font-size: 26px;*/
/*    line-height: 40px;*/
/*    letter-spacing: 0.02em;*/
/*    text-transform: uppercase;*/
/*    color: #131313;*/
/*    margin-top: 50px;*/
/*    margin-bottom: 30px;*/
/*}*/
/*.text_block h3 {*/
/*    font-family: AnnonceW01-Regular;*/
/*    font-size: 22px;*/
/*    line-height: 36px;*/
/*    letter-spacing: 0.02em;*/
/*    text-transform: uppercase;*/
/*    color: #131313;*/
/*    margin-top: 50px;*/
/*    margin-bottom: 30px;*/
/*}*/
/*.text_block p {*/
/*    font-family:'Montserrat';*/
/*    font-size: 18px;*/
/*    line-height: 30px;*/
/*    color: #131313;*/
/*    margin-top: 30px;*/
/*    margin-bottom: 50px;*/
/*}*/
.seo .ps__rail-y {
    opacity: 1;
    width: 1px;
}
.seo .ps__thumb-y {
    background-color: #808080;
    border-radius: 0;
    width: 8px;
    right: 0;
    opacity: 1 !important;
    border-radius: 40px;
}
.seo .ps__rail-x {
    opacity: 1;
    width: 1px;
}
.seo .ps__thumb-x {
    background-color: #808080;
    border-radius: 0;
    height: 8px;
    left: 0;
    opacity: 1 !important;
    border-radius: 40px;
}
.seo .ps--active-y > .ps__rail-y {
    /* background-color: #B2B2B2; */
    background: #D1D1D1;
    box-shadow: 0px 10px 24px rgba(115, 77, 54, 0.05);
    border-radius: 6px;
    width: 8px;
}
.seo .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #131313!important;
    width: 12px!important;
}
.seo .ps--active-x > .ps__rail-x {
    background-color: transparent;
}
.seo .ps .ps__rail-y:hover, .seo .ps .ps__rail-y:focus, .seo .ps .ps__rail-y.ps--clicking {
    background-color: #B2B2B2;
    opacity: 1 !important;
}
.seo .ps .ps__rail-x:hover, .seo .ps .ps__rail-x:focus, .seo .ps .ps__rail-x.ps--clicking {
    background-color: transparent;
    opacity: 1 !important;
}
.seo .ps__rail-y:hover > .ps__thumb-y,
.seo .ps__rail-y:focus > .ps__thumb-y,
.seo .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #808080;
    width: 8px;
}
.seo .ps__rail-x:hover > .ps__thumb-x,
.seo .ps__rail-x:focus > .ps__thumb-x,
.seo .ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #808080;
    height: 8px;
}
.seo .ps:hover > .ps__rail-y, .seo .ps--focus > .ps__rail-y, .seo .ps--scrolling-y > .ps__rail-y {
    opacity: 1;
}
.seo .ps:hover > .ps__rail-x, .seo .ps--focus > .ps__rail-x, .seo .ps--scrolling-x > .ps__rail-x {
    opacity: 1;
}

@media screen and (max-width: 1279px) {
    .seo__wrapper {
        width: 743px;
        padding: 50px 45px 55px 40px;
    }
}

@media screen and (max-width: 1023px) {
    .seo {
        padding: 70px 0;
    }
    .seo__wrapper {
        width: 668px;
        height: 922px;
    }
}

@media screen and (max-width: 767px) {
    .seo__wrapper {
        width: 420px;
        height: 533px;
        padding: 40px 35px 35px 30px;
    }
    .text_block h1 {
        font-size: 30px;
        line-height: 42px;
        word-break: break-word;
    }
}

@media screen and (max-width: 479px) {
    .text_block h1 {
        font-size: 24px;
        line-height: 34px;
    }
    .seo__wrapper {
        padding: 40px 25px 35px 20px;
        width: 100%;
        height: 452px;
    }
    .seo {
        padding: 50px 0;
    }
}

/*circle_animated*/

.circle_animated {
    background: #1B1D26;
    padding: 170px 0;
    min-height: 760px;
    display: flex;
    align-items: center;
}
.circle_animated h4,
.circle_animated-title {
    font-family: AnnonceW01-Regular;
    font-size: 62px;
    line-height: 72px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #F06718;
}
.circle_animated p.info {
    font-family: AnnonceW01-Regular;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 0.02em;
    color: #D9D9D9;
    margin-top: 40px;
    margin-bottom: 70px;
}
.circle_animated .txt_side {
    width: 635px;
    z-index: 2;
    position: relative;
}
.circle_animated .btn {
    width: 300px;
    height: 70px;
}

.circle_block {
    position: absolute;
    right: 30px;
    /* top: 65px; */
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #262830;
    border-radius: 50%;
    width: 334px;
    height: 331px;
    z-index: 1;
}
.circle_animated .wrap {
    position: relative;
}
.circle__1 {
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 2;
    cursor: pointer;
}
.circle__2 {
    position: absolute;
    top: -35px;
    right: -35px;
    cursor: pointer;
}
.circle__1 svg,
.circle__2 svg {

    -webkit-animation-duration: 10s;
    -moz-animation-duration: 10s;
    -ms-animation-duration: 10s;
    -o-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}
.circle__1 svg {
    -webkit-animation-name: rotate;
    -moz-animation-name: rotate;
    -ms-animation-name: rotate;
    -o-animation-name: rotate;
    animation-name: rotate;
}
.circle__2 svg {
    -webkit-animation-name: rotate_reverse;
    -moz-animation-name: rotate_reverse;
    -ms-animation-name: rotate_reverse;
    -o-animation-name: rotate_reverse;
    animation-name: rotate_reverse;
}


@-webkit-keyframes rotate {
    from { -webkit-transform: rotate(360deg); }
    to { -webkit-transform: rotate(0); }
}
@-webkit-keyframes rotate_reverse {
    from { -webkit-transform: rotate(0); }
    to { -webkit-transform: rotate(360deg); }
}
.circle_block:hover .circle__1 svg,
.circle_block:hover .circle__2 svg {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}


@media screen and (max-width: 1919px) {
    .circle_animated .txt_side {
        flex-direction: column;
    }
    .circle_animated {
        padding: 134px 0;
        overflow: hidden;
        min-height: auto;
    }
}
@media screen and (max-width: 1279px) {
    .circle_animated h4,
    .circle_animated-title {
        font-size: 52px;
        line-height: 62px;
    }
    .circle_animated .txt_side {
        width: auto;
    }
    .circle_block {
        display: none;
    }
}
@media screen and (max-width: 1023px) {
    .circle_animated h4,
    .circle_animated-title {
        font-size: 42px;
        line-height: 52px;
    }
    .circle_animated {
        padding: 100px 0;
    }
}
@media screen and (max-width: 767px) {
    .circle_animated {
        padding: 120px 0;
    }
    .circle_animated h4,
    .circle_animated-title {
        font-size: 28px;
        line-height: 38px;
    }
    .circle_animated p.info {
        font-size: 16px;
        line-height: 24px;
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .circle_animated .btn {
        width: 100%;
    }

}
@media screen and (max-width: 479px) {
    .circle_animated h4,
    .circle_animated-title {
        font-size: 18px;
        line-height: 26px;
    }
    .circle_animated p.info {
        font-size: 14px;
        line-height: 20px;
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .circle_animated .btn {
        font-size: 14px;
        height: 60px;
    }
    .circle_animated {
        padding: 90px 0;
    }
}













/***   POPUP main   ***/
.popup_main {
    /*display: none;*/
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    background: #1B1D26;
    background-size: cover;
    z-index: 2000000000;
    width: 100%;
    overflow-y: auto;
}
.popup_main.show {
    display: block;
}
body.hide {
    overflow: hidden;
}
.popup_main .heading {
    font-family: AnnonceW01-Regular;
    font-size: 34px;
    line-height: 46px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #EBEBEB;
    margin-bottom: 20px;
}
.popup_presentation .heading {
    text-transform: uppercase;
}
.popup_main .info {
    font-family:'Montserrat Bold';
    font-size: 20px;
    line-height: 28px;
    color: #EBEBEB;
    margin-top: 20px;
    margin-bottom: 6px;
}
.popup_main .subinfo {
    font-family:'Montserrat Medium';
    font-size: 14px;
    line-height: 17px;
    color: #7D7D80;
}
.popup_main .subinfo > span {
    color: #F06718;
}
.popup_main form.common__form p.form_title {
    font-family:'Montserrat Bold';
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #EBEBEB;
    margin-bottom: 13px;
}
.popup_main form.common__form p.form_title > span {
    color: #F06718;
}
.popup_main form.common__form {
    margin-top: 40px;
}
.popup_main.tg form.common__form {
    margin-top: 50px;
}
.popup_main .form_wrapper {
    padding: 50px 0;
    max-width: 745px;
    width: 100%;
    margin: 0 auto;
}
.popup_presentation .form_wrapper {
    height: 100vh;
    min-height: 750px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media only screen and (max-height: 660px) {
    .popup_presentation .form_wrapper {
        justify-content: flex-start;
    }
}
.popup_main.tg .form_wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.popup_main form.common__form input.form_field {
    height: 50px;
    width: 100%;
    font-family:'Montserrat SemiBold';
    font-size: 16px;
    line-height: 20px;
    color: #EBEBEB;
}
.popup_main form.common__form input.form_field,
form.common__form textarea {
    background: #1B1D26;
    color: #fff;
    border: 1px solid #54555C;
    padding-left: 20px;
}
.popup_main form.common__form input.form_field::-webkit-input-placeholder,
.popup_main form.common__form textarea::-webkit-input-placeholder { /* Edge */
    font-family:'Montserrat Medium';
    font-size: 16px;
    line-height: 20px;
    color: #808080;
    opacity: 1;
}
.popup_main form.common__form input.form_field:-ms-input-placeholder,
.popup_main form.common__form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family:'Montserrat Medium';
    font-size: 16px;
    line-height: 20px;
    color: #808080;
    opacity: 1;
}
.popup_main form.common__form input.form_field::placeholder,
.popup_main form.common__form textarea::placeholder {
    font-family:'Montserrat Medium';
    font-size: 16px;
    line-height: 20px;
    color: #808080;
    opacity: 1;
}
.popup_main form.common__form input.form_field:focus {
    border: 1px solid #EBEBEB;
    background: #262831;
    outline: none;
}

.popup_main .contacts__textarea {
    width: 100%;
    min-height: 140px;
    resize: none;
    padding-top: 10px;
    font-family: 'Montserrat SemiBold';
    font-size: 16px;
    line-height: 20px;
    color: #EBEBEB;
}

.popup_main .contacts__textarea::placeholder {
    font-family:'Montserrat';
    color: #7D7D80;
}

.popup_main .contacts__textarea:focus {
    outline: none;
    border-radius: 0;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/*multi-select*/
form.common__form .ss-main .ss-multi-selected .ss-values .ss-disabled {
    font-family:'Montserrat SemiBold';
    font-size: 16px;
    color: #EBEBEB;
}
form.common__form .ss-main .ss-multi-selected {
    border-radius: 0;
    border: 1px solid #EBEBEB;
    background-color: #262831;
    min-height: 50px;
}
form.common__form p.form_title.hide + div + div .ss-main .ss-multi-selected {
    border: 1px solid #EB2232;
}
form.common__form .ss-main .ss-multi-selected .ss-values .ss-value {
    background: #393B46;
}
form.common__form .ss-value-text {
    font-family:'Montserrat SemiBold';
    font-size: 12px;
    line-height: 20px;
    color: #EBEBEB;
}
form.common__form .ss-content .ss-list .ss-option {
    font-family:'Montserrat Medium';
    font-size: 15px;
    line-height: 18px;
    color: #24262C;
    padding: 0;
    height: 36px;
    display: flex;
    align-items: center;
    transition: all .3s;
    padding-left: 20px;
}
form.common__form .ss-content .ss-list .ss-option:hover {
    background: #E8EBED;
}

form.common__form .ss-content .ss-list {
    height: 300px;
    position: relative;
}
form.common__form .ss-content.ss-open {
    padding: 10px 0;
}
form.common__form .slim-select .ps__thumb-y {
    background-color: #7C7E8A;
    border-radius: 0;
    width: 4px;
    right: 1px;
}
form.common__form .slim-select .ps__rail-y {
    opacity: 1;
    width: 1px;
    margin-right: 10px;
}
form.common__form .slim-select .ps--active-y > .ps__rail-y {
    background-color: #CCCCCC;
}
form.common__form .slim-select .ps:hover > .ps__rail-y,
form.common__form .slim-select .ps--focus > .ps__rail-y,
form.common__form .slim-select .ps--scrolling-y > .ps__rail-y {
    opacity: 1;
}
form.common__form .ss-main .ss-multi-selected .ss-add {
    flex: unset;
    margin: 0;
    position: relative;
    right: 20px;
    top: 18px;
}
form.common__form .ss-main .ss-multi-selected .ss-add .ss-plus {
    height: 12px;
    transform: rotate(45deg);
}
form.common__form .ss-main .ss-multi-selected .ss-add .ss-plus::after {
    width: 11px;
    left: -9px;
    top: 10px;
    transform: rotate(0);
}
form.common__form .ss-main .ss-multi-selected .ss-values .ss-disabled {
    padding: 4px 16px;
}

.full-width_block {
    margin-top: 21px;
}


/*intlTelInput*/

form.common__form .iti {
    display: block;
    width: 100%;
}
form.common__form .iti--allow-dropdown input,
form.common__form .iti--allow-dropdown input[type="text"],
form.common__form .iti--allow-dropdown input[type="tel"],
form.common__form .iti--separate-dial-code input,
form.common__form .iti--separate-dial-code input[type="text"],
form.common__form .iti--separate-dial-code input[type="tel"] {
    width: 100%;
    height: 50px;
    background: transparent;
    border: 1px solid #54555C;
    outline: none;
}
.js-tel:focus, .contacts__textarea:focus {
    border: 1px solid #EBEBEB!important;
    outline: none!important;
}
.popup_main:not(.answer) .js-tel:focus, .popup_main:not(.answer) .contacts__textarea:focus {
    background: #262831!important;
}
form.common__form .iti__flag {
    transform: scale(1.35);
    order: 1;
}
form.common__form .iti__selected-flag {
    padding: 0 0 0 20px;
    display: flex;
    width: auto;
    max-width: 120px;
    z-index: 5;
}
form.common__form .iti__arrow {
    margin-left: 16px;
    border-top: 4px solid #fff;
    transform: scale(1.5);
    order: 2;
}
form.common__form #phone {
    z-index: 4;
    font-family:'Montserrat Bold';
    font-size: 16px;
    line-height: 20px;
    color: #EBEBEB;
    padding-left: 120px !important;
}
form.common__form .iti--separate-dial-code .iti__selected-dial-code {
    font-family:'Montserrat Bold';
    font-size: 16px;
    line-height: 20px;
    color: #EBEBEB;
    order: 3;
    margin-left: 15px;
}
.iti__country-name {
    font-family:'Montserrat Medium';
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #3D3D3D;
    margin-left: 20px;
}
form.common__form .iti__country-list {
    max-height: 306px;
    width: 100%;
    position: relative;
    padding-top: 20px;
    height: 306px;
}
form.common__form .iti__flag-container {
    width: 100%;
}
form.common__form .iti__country-list--dropup {
    bottom: auto;
}
form.common__form .iti__country {
    padding: 0;
    height: 42px;
    display: flex;
    align-items: center;
    margin-left: 12px;
    padding-left: 18px;
}
.selected-flag:focus {
    outline: none;
}
form.common__form .iti__arrow--up {
    border-bottom: 4px solid #fff;
    border-top: none !important;
}


/*contacts-form__terms*/
form.common__form .terms_checkbox input {
    position: absolute;
    z-index: -9999;
    width: auto;
    height: auto;
    overflow: hidden;
    opacity: 0;
}
form.common__form .terms_checkbox span {
    width: 34px;
    height: 34px;
    display: block;
    border: 1px solid #EBEBEB;
    cursor: pointer;
    margin-right: 15px;
    background: #262831;
    transition: .3s;
    flex-shrink: 0;
}
form.common__form .terms_checkbox span:hover {
    border-color: #F06718;
}
form.common__form .terms_checkbox input:focus + span {
    border-color: #F06718;
}
form.common__form .terms_checkbox input:checked + span {
    background: url("../images/checked.png") no-repeat center center;
    background-size: contain;
    border-color: #F06718;
}
.popup_main form.common__form .contacts-form__terms-text {
    font-family:'Montserrat';
    font-size: 16px;
    line-height: 22px;
    color: #EBEBEB;
}
form.common__form .terms_checkbox {
    display: flex;
    align-items: center;
}
.popup_main form.common__form .contacts-form__terms {
    margin-bottom: 35px;
    margin-top: 30px;
}
.popup_main form.common__form .contacts-form__terms-text > a {
    text-decoration: underline;
    color: #EBEBEB;
    transition: .3s;
}
.popup_main form.common__form .contacts-form__terms-text > a:hover {
    color: #FF7C1F;
}
.popup_main form.common__form .contacts-form__terms-text > a:focus {
    color: #FF7C1F;
}

/*recaptcha btn*/

.popup_main form.common__form span.recaptcha_place {
    display: block;
    transform: scale(1);
    margin-top: 0;
    margin-left: 0;
}

.popup_main form.common__form .contacts-form__btn {
    margin-top: 10px;
    width: 304px;
    height: 60px;
    font-size: 15px;
    outline: none;
    border: none;
    background: transparent;
}
.popup_main form.common__form .contacts-form__btn:focus {
    background: #FF7C1F;
    color: #1B1D26;
    transition: all .6s;
}
.popup_main.tg form.common__form .contacts-form__btn {
    margin-top: 9px;
}


.popup_main form.common__form .btn_wrapper {
    position: relative;
}
.error__info {
    height: 40px;
    width: 314px;
    position: absolute;
    z-index: 4;
    top: 0;
    left: 50px;
    background: #303340;
    border-radius: 2px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 0;
    margin-top: 67px;
    align-items: center;
    display: none;
}
.error__info.show_js {
    display: flex;
}
.error__info::before {
    content: "";
    width: 100%;
    height: 50px;
    display: block;
    position: absolute;
    top: -20px;
}
.error__info__arrow {
    width: 50px;
    height: 25px;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    transform: translateX(0) rotate(180deg) scale(.6);
    margin: 0 auto;
    overflow: hidden;
}
.error__info__arrow::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #2B2E38;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0;
    left: 50%;
    box-shadow: 1px 1px 20px 0px rgba(0,0,0,0.4);
}
.bottom-info {
    margin-top: 5px;
    padding: 10px 20px;
    background: #FFE0E4;
    font-family:'Montserrat Medium';
    font-size: 14px;
    line-height: 17px;
    color: #7B0A0E;
}
.bottom-info-valid {
    margin-top: 5px;
    padding: 10px 20px;
    background: #FFE0E4;
    font-family:'Montserrat Medium';
    font-size: 14px;
    line-height: 17px;
    color: #7B0A0E;
}
.tooltip_content p {
    font-family:'Montserrat Medium';
    font-size: 12px;
    line-height: 16px;
    color: #EBEBEB;
}
.tooltip_content p > span {
    color: #BD262B;
}

.tooltip_content--onebtn .btn_wrapper {
    justify-content: center;
}

.tooltip_content--onebtn .btn {
    width: 195px!important;
}



/*form validation*/
.full-width_block {
    position: relative;
}
.contacts-form__error {
    font-family:'Montserrat Bold';
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #BD262B;
    position: absolute;
    top: 0;
    opacity: 0;
    display: none;
}
.contacts-form__error.js {
    opacity: 1;
    /* display: block; */
    display: flex;
}
.form_title.invalid.js {
    opacity: 0;
}
.contacts-form__error.recaptcha_error.js {
    position: relative;
    top: auto;
    margin-top: 10px;
    display: block;
}
form[captcha_status="1"] .contacts-form__error.recaptcha_error.js {
    display: none;
}
.contacts-form__error.terms_error.js {
    position: relative;
    margin-top: 10px;
    display: block;
}
.form_title.invalid.js + div + .form_field {
    border: 1px solid #BD262B;
}
.form_title.invalid.js + div + .slim-select .ss-main .ss-multi-selected {
    border: 1px solid #BD262B;
}
form.common__form .terms_checkbox.js span {
    border: 1px solid #BD262B;
}





.popup_main .closepopup {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    background: #8D8F99;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s;
}
.popup_main .closepopup:hover {
    background: #F06718;
}

form.common__form.error .form__email_block input.form_field,
form.common__form.error .form__name_block input.form_field,
form.common__form.error textarea,
form.common__form.error .ss-main .ss-multi-selected,
form.common__form.error .terms_checkbox span {
    border: 1px solid #EB2232;
}

form.common__form input.form_field:focus::-webkit-input-placeholder { color:transparent; }
form.common__form input.form_field:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
form.common__form input.form_field:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
form.common__form input.form_field:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

.form-section .contacts-form input:focus::-webkit-input-placeholder { color:transparent; }
.form-section .contacts-form input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
.form-section .contacts-form input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
.form-section .contacts-form input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

.form-section textarea.contacts-form__textarea:focus::-webkit-input-placeholder { color:transparent; }
.form-section textarea.contacts-form__textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
.form-section textarea.contacts-form__textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
.form-section textarea.contacts-form__textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

/*.helper_recaptchaerror_helper_position {*/
/*    top: 118px !important;*/
/*}*/

@media screen and (max-width: 1919px) {
    .popup_main .form_wrapper {
        padding: 60px 0;
    }
}
@media screen and (max-width: 1279px) {
    .popup_main .form_wrapper {
        padding: 50px 0;
    }
    .popup_main .closepopup {
        width: 70px;
        height: 70px;
    }
}
@media screen and (max-width: 1023px) {
    .popup_main .form_wrapper {
        max-width: 648px;
        padding: 70px 0;
    }
    .popup_main .closepopup {
        width: 60px;
        height: 60px;
    }
    .error__info {
        height: 50px;
        left: 0;
        right: 0;
        width: 100%;
        bottom: 0;
    }
    .error__info__arrow {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .popup_main .form_wrapper {
        max-width: 440px;
    }
    .popup_main .heading {
        font-size: 30px;
        line-height: 36px;
    }
    .popup_main .info {
        font-size: 16px;
        line-height: 19px;
        margin: 20px 0 10px;
    }
    form.common__form .terms_checkbox span {
        flex-shrink: 0;
    }
    .popup_main form.common__form .contacts-form__btn {
        width: 100%;
    }
    form.common__form .iti__selected-flag {
        /*width: 30%;*/
    }
    .popup_main.tg form.common__form {
        margin-top: 30px;
    }
    .bottom-info {
        padding: 10px;
    }
    .bottom-info-valid {
        padding: 10px;
    }
}
@media screen and (max-width: 479px) {
    .popup_main .form_wrapper {
        max-width: calc(100% - 40px);
        padding: 60px 0;
    }
    .popup_main .heading {
        font-size: 24px;
    }
    .popup_main .subinfo {
        font-size: 12px;
        line-height: 15px;
    }
    .popup_main form.common__form {
        margin-top: 30px;
    }
    form.common__form .ss-main .ss-multi-selected .ss-values .ss-disabled {
        font-size: 14px;
    }
    .popup_main form.common__form .contacts-form__terms-text {
        font-size: 12px;
        line-height: 19px;
    }
    .popup_main .closepopup {
        width: 50px;
        height: 50px;
    }
    .popup_main form.common__form span.recaptcha_place {
        transform: scale(0.93);
        margin-top: -5px;
        margin-left: -10px;
    }
    .popup_main form.common__form .contacts-form__btn {
        height: 50px;
    }
    .popup_main form.common__form .ss-main .ss-multi-selected .ss-values .ss-disabled {
        white-space: unset;
    }

    form.common__form .ss-content .ss-list .ss-option {
        font-size: 14px;
        line-height: 17px;
        padding-left: 15px;
    }
    .bottom-info {
        font-size: 13px;
        line-height: 16px;
    }
    .bottom-info-valid {
        font-size: 13px;
        line-height: 16px;
    }
}

/*.popup_main .main__form {*/
/*    display: block;*/
/*}*/


/*.popup_main .success_wrapper*/

.popup_main .success_wrapper p.title {
    font-family: AnnonceW01-Regular;
    font-size: 34px;
    line-height: 46px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #EBEBEB;
    margin-top: 60px;
    margin-bottom: 30px;
}
.popup_main .success_wrapper p.text {
    font-family:'Montserrat Medium';
    font-size: 24px;
    line-height: 38px;
    color: #808080;
    padding-right: 200px;
    margin-bottom: 60px;
}
.contacts__form-wrapper .popup_main .success_wrapper p.text {
    padding-right: 0;
}
.popup_main .success_wrapper .form_wrapper {
    padding: 170px 0;
}
.popup_main .success_wrapper .btn {
    width: 200px;
    height: 60px;
    font-size: 15px;
}
.popup_main .success_wrapper.error .btn {
    width: 310px;
}

@media screen and (max-width: 1919px) {
    .popup_main .success_wrapper .form_wrapper {
        padding: 330px 0;
        padding: 0;
    }
    .success_wrapper {
        display: flex;
        align-items: center;
        height: 100%;
    }
}
@media screen and (max-width: 767px) {
    .popup_main .success_wrapper p.text {
        font-size: 20px;
        line-height: 32px;
        padding-right: 20px;
        margin-bottom: 50px;
    }
    .popup_main .success_wrapper p.title {
        font-size: 30px;
        line-height: 36px;
        margin-top: 40px;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 479px) {
    .popup_main .success_wrapper p.title {
        font-size: 22px;
        line-height: 26px;
    }
    .popup_main .success_wrapper p.text {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 40px;
    }
    .popup_main .success_wrapper .success_icon > svg,
    .popup_main .success_wrapper .error_icon > svg {
        width: 40px;
        height: 40px;
    }
}


/*.popup_main .feedback_wrapper*/



.popup_main .feedback_wrapper p.sent-text {
    font-family: AnnonceW01-Regular;
    font-size: 34px;
    line-height: 46px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #EBEBEB;
    margin-top: 55px;
    margin-bottom: 46px;
}
.popup_main .feedback_wrapper p.check-spam {
    font-family:'Montserrat Medium';
    font-size: 24px;
    line-height: 38px;
    color: #808080;
    margin-bottom: 33px;
}
.popup_main .feedback_wrapper .error {
    font-family:'Montserrat Medium';
    font-size: 16px;
    line-height: 24px;
    color: #808080;
    display: flex;
    padding-right: 20px;
    margin-bottom: 60px;
}
.popup_main .feedback_wrapper .form_wrapper {
    padding: 278px 0;
}
.popup_main .feedback_wrapper .btn {
    width: 140px;
    height: 60px;
    font-size: 15px;
}
.popup_main .feedback_wrapper .error > svg {
    margin-right: 14px;
}


@media screen and (max-width: 1919px) {
    .popup_main .feedback_wrapper .form_wrapper {
        padding: 0;
    }
    .feedback_wrapper {
        display: flex;
        align-items: center;
        height: 100%;
    }
}

@media screen and (max-width: 767px) {
    .popup_main .feedback_wrapper p.sent-text {
        font-size: 30px;
        line-height: 36px;
        margin-top: 36px;
        margin-bottom: 30px;
        text-transform: inherit;
    }
    .popup_main .feedback_wrapper p.check-spam {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 29px;
    }
    .popup_main .feedback_wrapper .error > svg {
        flex-shrink: 0;
        margin-top: 5px;
    }
    .popup_main .feedback_wrapper .error {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 479px) {
    .popup_main .feedback_wrapper p.sent-text {
        font-size: 22px;
        line-height: 26px;
        margin-top: 20px;
    }
    .popup_main .feedback_wrapper p.check-spam {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .popup_main .feedback_wrapper .error {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 40px;
    }
    .popup_main .feedback_wrapper .icon > svg {
        width: 44px;
    }
    .popup_main .feedback_wrapper .btn {
        height: 50px;
    }
}




.popup_main .success_wrapper,
.popup_main .success_wrapper.error {
    display: none;
}
.popup_main .feedback_wrapper {
    display: none;
}
.popup_main .loader {
    display: none;
}
.popup_main {
    display: none;
}
.success_wrapper .form_wrapper {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* popup download link */

.popup__download-link {
    display: none;
}

.popup__download-link .form_wrapper {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.popup__download-link .form_wrapper > svg {
    flex-shrink: 0;
}

.popup__download-title {
    margin-top: 60px;
    font-family: 'AnnonceW01-Regular';
    font-size: 34px;
    line-height: 46px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #EBEBEB;
}

.popup__download-text {
    margin-top: 30px;
    font-family: 'Montserrat Medium';
    font-size: 24px;
    line-height: 38px;
    color: #808080;
}

.popup__download-wrapper {
    margin-top: 60px;
    display: flex;
}

.popup__download-linkname {
    padding: 0 20px;
    width: 460px;
    height: 50px;
    display: flex;
    align-items: center;
    font-family: 'Montserrat';
    font-size: 16px;
    line-height: 20px;
    color: #808080;
    background: #1B1D26;
    border: 1px solid rgba(217, 217, 217, .3);
}

.popup__download-btn {
    position: relative;
    width: 285px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #EBEBEB;
    font-family: 'Montserrat ExtraBold';
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #EBEBEB;
    transition: .3s;
    cursor: pointer;
}

.popup__download-btn:hover {
    background: #FF7C1F;
    border-color: #FF7C1F;
    color: #131313;
}

.popup__download-tooltip {
    position: absolute;
    padding: 0 10px;
    top: calc(100% + 18px);
    left: 0;
    width: 285px;
    min-height: 84px;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 7px;
    background: #2B2E38;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}

.popup__download-tooltip.active {
    display: flex;
}

.popup__download-tooltip > span {
    font-family: 'Montserrat Medium';
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    text-transform: none;
}

.popup__download-tooltip:after {
    content: '';
    position: absolute;
    top: -5px;
    left: 44px;
    transform: rotate(45deg);
    width: 11px;
    height: 11px;
    background: #2B2E38;
}

@media only screen and (max-width: 1279px) {
    .popup__download-linkname {
        width: 465px;
    }
    .popup__download-btn {
        width: 280px;
    }
}

@media only screen and (max-width: 1023px) {
    .popup__download-linkname {
        width: 363px;
    }
    .popup__download-btn {
        width: 285px;
    }
}

@media only screen and (max-width: 767px) {
    .popup__download-title {
        margin-top: 40px;
        font-size: 30px;
        line-height: 36px;
        text-transform: none;
        letter-spacing: 0;
    }
    .popup__download-text {
        font-size: 20px;
        line-height: 32px;
    }
    .popup__download-linkname {
        display: none;
    }
    .popup__download-wrapper {
        margin-top: 50px;
    }
    .popup__download-btn {
        width: 243px;
    }
}

@media only screen and (max-width: 479px) {
    .popup__download-link .form_wrapper > svg {
        width: 40px;
        height: 40px;
    }
    .popup__download-title {
        font-size: 22px;
        line-height: 26px;
    }
    .popup__download-text {
        font-size: 16px;
        line-height: 24px;
    }
    .popup__download-wrapper {
        margin-top: 40px;
    }
    .popup__download-btn {
        width: 100%;
    }
}

/* popup tg link */

.popup-tg__link {
    display: flex;
    flex-direction: column;
    row-gap: 35px;
}

.popup-tg__text,
.popup-tg__text > a {
    color: #EBEBEB;
    font-family: Montserrat;
    font-size: 20px;
    line-height: 32px;
}

.popup-tg__text > a {
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
    transition: .3s;
}

.popup-tg__text > a:hover {
    color: #FF7C1F;
}

@media only screen and (max-width: 479px) {
    .popup-tg__text,
    .popup-tg__text > a {
        font-size: 16px;
        line-height: 24px;
    }
}

/*** breadcrumbs ADDED WITH ABOUT US  ***/
.breadcrumps_block {
    background: #EDEEF2;
    padding: 20px 0;
}
ul.breadcrumps {
    display: inline;
}
.breadcrumps .arrow {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: -2px;
}
.breadcrumps li {
    display: inline;
}
.breadcrumps .home_box svg {
    margin-bottom: -3px;
}
.breadcrumps li.home_box svg path {
    fill: #7D7D80;
    transition: fill .3s;
}
.breadcrumps li.home_box:hover svg path {
    fill: #F06718;
}
.breadcrumps li a {
    font-family:'Montserrat SemiBold';
    font-size: 13px;
    line-height: 16px;
    display: inline;
    text-transform: uppercase;
    color: #4D4D4D;
    transition: all .3s;
}

.breadcrumps li:not(:last-child) a:hover {
    color: #F06718;
}

.breadcrumps li:not(:last-child) a {
    font-family:'Montserrat';
    font-weight: 500;
    color: #7D7D80;
}

@media screen and (max-width: 767px) {
    .breadcrumps li a {
        font-size: 10px;
    }
}
@media screen and (max-width: 479px) {
    .breadcrumps_block {
        padding: 15px 0;
    }
}

/*btn on gray*/
.btn.gray.bglight:hover {
    color: #131313;
}
.btn.gray.bglight:hover span {
    background: #131313;
}


/*social_section*/

.social_section {
    background: #FAFAFA;
    padding: 150px 0;
}
.social__wrapper {
    display: flex;
}
.social__wrapper h6,
.social__wrapper-title {
    font-family: AnnonceW01-Regular;
    font-size: 30px;
    line-height: 44px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #131313;
}
.social__wrapper .title_block {
    width: 408px;
    margin-right: 75px;
}
.social__wrapper .content_block {
    width: 454px;
}
.social_block li {
    display: flex;
    margin-bottom: 0;
    padding-bottom: 50px;
}
.social_section .info {
    margin-left: 40px;
}
.social_section .info p.title {
    font-family:'Montserrat SemiBold';
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #707070;
    margin-bottom: 20px;
}
.social_section .info a.content {
    font-family: AnnonceW01-Regular;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #131313;
    transition: all .3s;
}
.social_section .info a.content:hover {
    color: #F06718;
}
.social__wrapper .btn {
    width: 390px;
    height: 70px;
    margin-left: 65px;
}

.social__wrapper .content_block > .btn_wrapper .btn {
    color: #131313;
}

.social__wrapper .more_questions__block {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}

.social__wrapper .more_questions__bottom {
    padding-top: 0;
    margin-top: -22px;
}

.social__wrapper .more_questions__block .header-topline__links-item a {
    display: block;
}

.social__wrapper .more_questions__block .header-topline__links-item {
    display: flex;
}

.social__wrapper .more_questions__block .header-topline__links-item svg {
    flex-shrink: 0;
    margin-right: 40px;
}

.social__wrapper .more_questions__bottom .header_social {
    margin-bottom: 30px;
}

.social__wrapper .tooltip {
    left: 40px;
}


@media screen and (max-width: 1279px) {
    .social__wrapper .title_block {
        width: 100%;
        margin-right: 0;
    }
    .social__wrapper {
        flex-direction: column;
    }
    .social__wrapper .content_block {
        width: auto;
        padding-left: 75px;
        margin-top: 60px;
    }
}
@media screen and (max-width: 1023px) {
    .social_section {
        padding: 100px 0;
    }
    .social__wrapper .content_block {
        padding-left: 55px;
    }
    .social__wrapper .btn {
        width: 374px;
    }
}
@media screen and (max-width: 767px) {
    .social__wrapper .content_block {
        padding-left: 0;
    }
    .social__wrapper .btn {
        width: 100%;
        margin-left: 0;
    }
    .social_section .info {
        margin-left: 30px;
    }
    .social__wrapper .header-topline__links-item {
        border: none!important;
    }
}
@media screen and (max-width: 479px) {
    .social__wrapper h6,
    .social__wrapper-title {
        font-size: 24px;
        line-height: 36px;
    }
    .social_section {
        padding: 80px 0;
    }
    .social_section .info a.content {
        font-size: 12px;
    }
    .social_block li svg {
        display: none;
    }
    .social_section .info {
        margin-left: 0;
    }
    .social__wrapper .content_block {
        margin-top: 50px;
    }
    .social_section .info p.title {
        margin-bottom: 17px;
    }
    .social_block li {
        margin-bottom: 43px;
    }
    .social__wrapper .btn {
        height: 60px;
        font-size: 14px;
        margin-top: 15px;
    }
    .social__wrapper .more_questions__block .header-topline__links-item svg {
        display: none;
    }
    .social__wrapper .tooltip .btn {
        font-family: 'Montserrat Bold';
        font-size: 10px;
        line-height: 1.2;
        margin-top: 0;
    }
    .social__wrapper .more_questions__bottom .header_social {
        margin-bottom: 38px;
    }
    .social__wrapper .more_questions__bottom {
        padding-top: 0;
        margin-top: -10px;
        padding-bottom: 0;
    }
}

/*** breadcrumbs ADDED WITH ABOUT US  ***/




/*first__screen common*/
.first__screen.common h1,
.first__screen-countries-title,
.first__screen-region-title,
.first__screen-country-title  {
    font-family: AnnonceW01-Regular;
    font-size: 80px;
    line-height: 110px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #EBEBEB;
}
.first__screen.common p.subtitle {
    font-family: AnnonceW01-Regular;
    font-size: 30px;
    line-height: 44px;
    letter-spacing: 0.02em;
    color: #808080;
    padding-right: 250px;
}

@media screen and (max-width: 1919px) {
    .first__screen.common h1,
    .first__screen-countries-title,
    .first__screen-region-title,
    .first__screen-country-title  {
        font-size: 50px;
        line-height: 60px;
    }
    .first__screen.common .btn {
        width: 360px;
        height: 80px;
    }
    .first__screen .btn_wrapper .btn:first-child {
        margin-right: 30px;
    }
    .first__screen.common p.subtitle {
        font-size: 24px;
        line-height: 36px;
        padding-right: 0;
    }
}
@media screen and (max-width: 1279px) {
    .first__screen.common p.subtitle {
        font-size: 20px;
        line-height: 30px;
    }
}

@media screen and (max-width: 767px) {
    .first__screen.common h1,
    .first__screen-countries-title,
    .first__screen-region-title,
    .first__screen-country-title  {
        font-size: 33px;
        line-height: 44px;
    }
    .first__screen.common .btn_wrapper .btn:first-child {
        margin-right: 0;
    }
    .first__screen.common .btn {
        width: 100%;
        height: 70px;
    }
    .first__screen.common p.subtitle {
        font-size: 16px;
        line-height: 25px;
    }
}
@media screen and (max-width: 479px) {
    .first__screen.common h1,
    .first__screen-countries-title,
    .first__screen-region-title,
    .first__screen-country-title  {
        font-size: 22px;
        line-height: 32px;
    }
    .first__screen.common .btn {
        height: 60px;
    }
    .first__screen.common p.subtitle {
        font-size: 14px;
        line-height: 22px;
    }
}



/*pagination*/


.pagination {
    display: flex;
}
.pagination a {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family:'Montserrat SemiBold';
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #EBEBEB;
    border: 1px solid #393C4D;
    background: transparent;
    transition: all .3s;
}
li.pagination__link_state_active a {
    pointer-events: none;
    background: #FF7C1F;
    color: #131313;
    border: 1px solid #FF7C1F;
}
.pagination__item {
    margin-right: 10px;
}
.pagination__list {
    display: flex;
}
.pagination__direction > a,
.pagination__dots > a {
    border: 1px solid transparent;
}
.pagination__dots a {
    margin-left: -10px;
}
.pagination a:hover {
    border: 1px solid #FF7C1F;
    color: #FF7C1F;
}
.pagination__direction a:hover,
.pagination__dots a:hover {
    border: 1px solid transparent;
    color: #EBEBEB;
}
.pagination__direction a:hover svg path {
    fill: #FF7C1F;
}
.pagination__item.pagination__direction {
    margin-right: 20px;
}
.pagination__item.pagination__direction svg path {
    transition: all .3s;
}
.pagination__item.pagination__direction:hover svg path {
    fill: #FF7C1F!important;
}

.pagination__item:nth-last-child(2) {
    margin-right: 20px;
}


@media screen and (max-width: 767px) {
    .pagination {
        position: relative;
    }
    .pagination__item.pagination__direction {
        position: absolute;
        top: 80px;
    }
    .pagination__item {
        margin-right: 16px;
    }
    li.pagination__item:first-child {
        left: 0;
    }
    li.pagination__item:last-child {
        right: 0;
        margin-right: 0;
    }
    .pagination__list {
        width: 100%;
    }
    .pagination__item.pagination__direction {
        margin-right: 0;
    }
    .pagination__item:nth-last-child(2) {
        margin-right: 0;
    }
}


/*banner__block*/

.banner__block {
    width: 100%;
    height: 212px;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 219px;
    padding-top: 57px;
    border: 6px solid #F36E51;
}
.banner__block_content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
}
.banner_left p {
    font-family:'Montserrat ExtraBold';
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #EBEBEB;
}
.banner_left p:first-child {
    margin-bottom: 30px;
}
.banner_left p > span {
    font-family:'Montserrat';
}
.banner_right .more {
    font-family:'Montserrat Medium';
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-decoration-line: underline;
    color: #A5CF4E;
    margin-top: 20px;
    display: flex;
    align-items: center;
}
.banner_right .more svg {
    margin-left: 12px;
}
.banner_right {
    /* border-left: 1px solid #A5CF4E; */
    display: flex;
    flex-direction: column;
    padding-left: 38px;
}
.banner_left {
    margin-right: 37px;
}
.banner__block .bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.banner__block .bg img {
    width: 100%;
    height: 100%;
}
.banner__block .bg img:last-child {
    display: none;
}

@media screen and (max-width: 1279px) {
    .banner__block {
        height: 165px;
        padding-left: 163px;
        padding-top: 44px;
        border: 5px solid #F36E51;
    }
    .banner_left p {
        font-size: 15px;
        line-height: 18px;
    }
    .banner_right .more {
        margin-top: 16px;
        font-size: 14px;
        line-height: 17px;
    }
    .banner_right .more svg {
        margin-left: 8px;
        width: 16px;
        height: 16px;   
    }
    .banner_right {
        padding-left: 28px;
    }
    .banner_left {
        margin-right: 32px;
    }
    .banner_left p:first-child {
        margin-bottom: 23px;
    }
    .banner_right img {
        width: 178px;
    }
}
@media screen and (max-width: 1023px) {
    .banner_left p {
        font-size: 12px;
        line-height: 15px;
    }
    .banner__block {
        height: 126px;
        padding-top: 32px;
        padding-left: 125px;
        border: 4px solid #F36E51;
    }
    .banner_left {
        margin-right: 23px;
    }
    .banner_left p:first-child {
        margin-bottom: 17px;
    }
    .banner_right img {
        width: 138px;
    }
    .banner_right .more {
        margin-top: 13px;
        font-size: 12px;
        line-height: 15px;
    }
    .banner_right .more svg {
        width: 12px;
        height: 12px;
    }
    .banner_right {
        padding-left: 23px;
    }
}

@media screen and (max-width: 767px) {
    .banner__block {
        height: 75px;
        padding-top: 15px;
        padding-left: 32px;
        border: 2px solid #F36E51;
    }
    .banner__block_content {
        align-items: center;
    }
    .banner_left p {
        font-size: 11px;
        line-height: 13px;
    }
    .banner_right img {
        width: 90px;
    }
    .banner_right .more {
        margin-top: 10px;
        font-size: 10px;
        line-height: 12px;
    }
    .banner_right .more svg {
        margin-left: 6px;
    }
    .banner_left {
        width: 163px;
        margin-right: 0;
    }
    .banner_right {
        padding-left: 30px;
    }
    .banner_left p:first-child {
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 479px) {
    .banner__block {
        height: 134px;
        padding: 20px;
        border: none;
    }
    .banner_right {
        margin-top: 20px;
        padding-left: 0;
    }
    .banner_left {
        width: auto;
        margin-right: 0;
    }
    .banner_left p {
        padding-right: 0;
    }
    .banner__block_content {
        flex-direction: column;
        align-items: flex-start;
    }
    .banner__block .bg img:first-child {
        display: none;
    }
    .banner__block .bg img:last-child {
        display: block;
    }
}

/*.text-section*/

.breadcrumps_block.txt_page {
    margin-top: 110px;
}
.text-section {
    background: #F5F5F7;
    padding-top: 50px;
}
.text-section--provider {
    padding-top: 100px;
}
.text-section_wrapper {
    display: flex;
    justify-content: space-between;
}
.text-section .content_block {
    width: 327px;
    margin-right: 17px;
    margin-top: -15px;
}
.text-section_wrapper .content_block {
    margin-right: 0;
    margin-top: 0;
}
.text-section .content_block__inner {
    padding: 25px 20px;
    padding-top: 25px;
    padding-top: 21px;
    position: sticky;
    top: 140px;
    margin-bottom: 50px;
    padding-right: 0;
    transition: .5s linear;
}
.text-section--provider .content_block {
    padding-top: 20px;
}
.text-section_wrapper .content_block__inner {
    margin-bottom: 0;
    padding: 0;
}
.text-section .text_wrapper {
    width: 740px;
}

.text-section .author_block {
    margin-top: 30px;
    margin-bottom: 60px;
}
.text-section .author_block span:first-child {
    font-family:'Montserrat Medium';
    font-size: 16px;
    line-height: 20px;
    color: #7D7D80;
    margin-right: 5px;
}
.text-section .author_block .author_head_text a {
    font-family:'Montserrat Bold';
    font-size: 18px;
    line-height: 22px;
    color: #131313;
    border-bottom: 1px solid #F06718;
    padding-bottom: 4px;
}

.text-section .author_block .author_head_text a:hover {
    color: #F06718;
}

.content-categories__wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 10px;
}

.content-categories__wrapper > i {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    border: 2px solid #646466;
    z-index: 1;
    cursor: pointer;
    transition: .3s;
}

.content-categories__wrapper > i::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    background: #646466;
    transition: .3s;
}

.content-categories__wrapper > i::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 10px;
    background: #646466;
    transition: .3s;
}

.content-categories__item.active i::after,
.content__list-item.active i::after {
    height: 0;
}

.content-categories__item.active .content_sublist,
.content__list-item.active .content_sublist-seo {
    display: block;
}

.content_sublist-seo {
    display: none;
}

.content-categories__wrapper > i:hover {
    border-color: #F06718;
}

.content-categories__wrapper > i:hover::before,
.content-categories__wrapper > i:hover::after {
    background: #F06718;
}

.text-section .content_block p.title {
    font-family: AnnonceW01-Regular;
    font-size: 16px;
    line-height: 22px;
    color: #646466;
    border-bottom: 1px solid #D1D1D1;
    padding-bottom: 30px;
}
.content-categories__link {
    font-family:'Montserrat Medium';
    font-size: 16px;
    line-height: 22px;
    color: #646466;
    display: block;
    transition: all .3s;
}
.content-categories__subitem_link {
    font-family:'Montserrat Medium';
    font-size: 14px;
    line-height: 20px;
    color: #646466;
    display: block;
    transition: all .3s;
}
.content-categories__link:hover,
.content-categories__subitem_link:hover {
    color: #F06718;
}
@media only screen and (min-width: 1024px) {
    .content-categories__link.active,
    .content-categories__subitem_link.active {
        font-family: "Montserrat Bold";
        color: #4B4B4D;
    }
}
.content-categories__block {
    margin-top: 30px;
    border-bottom: 1px solid #D1D1D1;
    padding-bottom: 10px;
}
.content-categories__item {
    margin-bottom: 20px;
}
.content-categories__subitem {
    margin-bottom: 16px;
}
.content_sublist {
    margin-top: 20px;
    padding-left: 20px;
    display: none;
}
.content__date {
    font-family:'Montserrat SemiBold';
    font-size: 15px;
    line-height: 18px;
    color: #646466;
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.content__date svg {
    margin-right: 10px;
}



.text_block h1,
.text_block h2,
.text_block h3,
.text_block h4,
.text_block h5,
.text_block h6 {
    margin-top: 50px;
    margin-bottom: 30px;
    color: #131313;
    font-family: AnnonceW01-Regular;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.text_block h1 {
    font-size: 50px;
    line-height: 60px;
    text-transform: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}
.text_block h2 {
    font-size: 36px;
    line-height: 48px;
}
.text_block h3 {
    font-size: 30px;
    line-height: 42px;
}
.text_block h4 {
    font-size: 28px;
    line-height: 38px;
}
.text_block h5 {
    font-size: 24px;
    line-height: 36px;
}
.text_block h6 {
    font-size: 20px;
    line-height: 30px;
}
.text_block--provider-title h1:first-child {
    margin-top: 0;
}

.text_block p:not(.tooltip_content p, .copied_content p) {
    font-family:'Montserrat Medium';
    font-size: 20px;
    line-height: 34px;
    color: #131313;
    margin-bottom: 35px;
}
.text_block ol li,
.text_block ul li {
    position: relative;
    font-family:'Montserrat Medium';
    font-size: 20px;
    line-height: 34px;
    color: #131313;
    padding-left: 28px;
}
.text_block strong,
.text_block b {
    font-family: "Montserrat Bold";
}
.text_block em {
    font-style: italic;
}
.text_block u {
    text-decoration: underline;
}
.text_block ol li > b {
    font-family:'Montserrat Bold';
}
.text_block ol {
    list-style: none;
    /* margin-left: 20px; */
    margin-bottom: 20px;
    counter-reset: li;
}
.text_block ol li:before {
    counter-increment: li;
    content: counters(li,".") ". ";
    position: absolute;
    left: 0;
}
.text_block ol ol {
    margin-top: 20px;
}
.text_block ul ul {
    margin-top: 20px;
}
.text_block ul ol {
    margin-top: 20px;
}
.text_block ol ul {
    margin-top: 20px;
}
.text_block ol li:not(:last-child) {
    margin-bottom: 20px;
}
.text_block ol li ol {
    padding-top: 5px;
}
.text_block ol li ol li {
    padding-left: 0;
}
.text_block ol li ol li ol li {
    padding-left: 13px;
}
.text_block ul li ul {
    margin-left: 10px!important;
}
.text_block ol li ol li:not(:last-child) {
    margin-bottom: 10px;
}
.text_block ul {
    list-style: disc;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 20px;
}
.text_block ul li:not(:last-child) {
    margin-bottom: 20px;
}
.text_block ul li ul {
    padding-top: 5px;
}
.text_block ul li ul li:not(:last-child) {
    margin-bottom: 10px;
}
.text_block img {
    width: 100% !important;
    max-width: 100%!important;
    display: block;
    height: auto !important;
    margin: 0 auto;
}
.text_block .tb_img {
    width: 100%;
    display: block;
    margin-top: 50px;
    margin-bottom: 50px;
}

.text_block  button.btn {
    background: transparent;
    border: none;
    outline: none;
    margin: 50px 0;
    width: 300px;
    height: 70px;
    color: #131313;
}
.text_block  button.btn:hover {
    background: #FF7C1F;
}

.text_block table {
    width: 100% !important;
}

.text_block table td {
    border: 1px solid #B2B2B2;
    padding: 30px 0;
    padding-left: 20px;
}
.text_block table td:first-child {
    width: 257px;
}
.text_block table td:last-child {
    width: 483px;
}
.text_block table td p {
    font-family:'Montserrat Medium';
    font-size: 18px;
    line-height: 30px;
    color: #131313;
    margin: 0;
    padding-right: 11px;
}
.text_block table td p.bold {
    font-family:'Montserrat SemiBold';
    font-size: 18px;
    line-height: 30px;
    color: #131313;
}
.text_block table ol li,
.text_block table ul li {
    font-size: 18px;
    line-height: 30px;
    margin-top: 0;
}
.text_block table ul {
    margin-top: 20px;
    margin-left: 25px;
}
.text_block table ul li:not(:last-child) {
    margin-bottom: 15px;
}
.text_block table ul li {
    padding-left: 13px;
}
.text_block table ol {
    margin-top: 20px;
}
.text_block iframe {
    margin-bottom: 35px;
    width: 100%;
    height: 415px;
}
.text_block blockquote {
    position: relative;
    padding-left: 93px;
    margin-bottom: 50px;
    margin-top: 40px;
}
.text_block blockquote::before {
    content: '';
    position: absolute;
    width: 3px;
    height: 100%;
    background: #F06718;
    top: 0;
    left: 0;
}
.text_block blockquote::after {
    content: '';
    position: absolute;
    left: 28px;
    top: 0px;
    background: url(/public/images/blockquote.svg) no-repeat center;
    width: 30px;
    height: 30px;
    background-size: contain!important;
    z-index: 2;
}
.text_block blockquote p {
    margin: 0;
    padding: 0 !important;
    font-family: 'Montserrat Bold';
    font-size: 24px;
    line-height: 38px;
    color: #131313;
}
.text_block blockquote svg {
    position: absolute;
    top: 0;
    left: 28px;
}
.blockquote__author {
    position: relative;
    margin: 30px 0 0 45px;
    font-family: 'Montserrat SemiBold';
    font-size: 20px;
    line-height: 24px;
    color: #131313;
}
.blockquote__author::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: -45px;
    width: 30px;
    height: 2px;
    background: #131313;
}
@media only screen and (max-width: 1279px) {
    .text_block iframe {
        height: 322px;
    }
}
@media only screen and (max-width: 1023px) {
    .text-section_wrapper .content_block__inner {
        padding: 25px 0;
    }
    .text-section--provider .content_block {
        padding-top: 0!important;
    }
    .text-section--provider .content_block__inner{
        padding-top: 0!important;
    }
    .text_block iframe {
        height: 375px;
    }
}
@media only screen and (max-width: 767px) {
    .text_block blockquote {
        padding-left: 73px;
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .text_block blockquote svg {
        left: 18px;
    }
    .text_block blockquote::after {
        left: 18px;
    }
    .text_block img {
        width: 100%!important;
    }
    .text_block iframe {
        height: 236px;
    }
}
@media only screen and (max-width: 479px) {
    .text_block blockquote {
        padding: 50px 0 0 23px;
    }
    .text_block blockquote svg {
        left: 23px;
    }
    .text_block blockquote p {
        font-size: 20px;
        line-height: 32px;
    }
    .blockquote__author {
        font-size: 18px;
        line-height: 22px;
    }
    .text_block blockquote::after {
        left: 23px;
    }
    .text_block--provider-title h1:first-child {
        font-size: 28px;
        line-height: 38px;
    }
    .text_block iframe {
        margin-bottom: 32px;
        height: 210px;
    }
    .text_block.terms img {
        margin: 0 !important;
        max-width: 335px !important;
    }
}

@media only screen and (max-width: 374px) {
    .text_block.terms img {
        max-width: 280px !important;
    }
}

.table-wrapper {
    width: 100%;
}
.txt_demo__block {
    background: #1B1D26;
    margin: 50px 0;
    padding: 50px 60px;
}
.txt_demo__block h6 {
    font-family: AnnonceW01-Regular;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #F06718;
    margin: 0;
}
.txt_demo__block p {
    font-family: AnnonceW01-Regular;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #7D7D80;
    margin: 0;
    margin: 20px 0 30px;
}
.txt_demo__block .txt {
    position: absolute;
}
.txt_demo__block .txt p:first-child {
    font-family:'Montserrat Bold';
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #EBEBEB;
    margin: 0;
    margin-bottom: 10px;
    transition: all .3s;
}
.txt_demo__block .txt p:last-child {
    font-family:'Montserrat Medium';
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #EBEBEB;
    margin: 0;
    transition: all .3s;
}
.txt_demo__block .btn {
    width: 300px;
    height: 65px;
}
.txt_demo__block .btn:hover {
    background: #FF7C1F;
}
.txt_demo__block .btn:hover span {
    background: #FF7C1F;
}
.txt_demo__block .btn:hover p {
    color: #131313;
}



.content__date-head {
    font-family:'Montserrat SemiBold';
    font-size: 15px;
    line-height: 18px;
    color: #646466;
    display: inline-flex;
    margin-left: 15px;
}
.content__date-head svg {
    margin-right: 10px;
}

.testimonial__block {
    border-left: 3px solid #131313;
    margin: 50px 0;
    padding-left: 30px;
    padding-bottom: 0;
    height: 216px;
}
.testimonial__block p.txt {
    font-family:'Montserrat Bold';
    font-size: 24px;
    line-height: 38px;
    color: #131313;
    margin-bottom: 29px;
}
.testimonial__block p.author {
    font-family:'Montserrat SemiBold';
    font-size: 20px;
    line-height: 24px;
    color: #131313;
}






@media screen and (max-width: 1919px) {
    .breadcrumps_block.txt_page {
        margin-top: 180px;
    }
    .text-section {
        padding-top: 30px;
    }
    .text-section .content_block {
        margin-right: 22px;
    }
    .text-section .content_block__inner {
        top: 210px;
    }
    .text-section--provider {
        padding-top: 80px;
    }
}

@media screen and (max-width: 1279px) {
    .breadcrumps_block.txt_page {
        margin-top: 91px;
    }
    .text-section .content_block {
        margin-right: 0;
        width: 251px;
    }
    .text_block h1 {
        font-size: 44px;
        line-height: 54px;
    }
    .text-section .author_block .author_head_text a {
        padding-bottom: 0;
    }
    .text-section .content_block__inner {
        padding-left: 0;
        top: 140px;
    }
    .text-section .text_wrapper {
        width: 573px;
    }
    .txt_demo__block {
        padding: 50px 50px;
    }
    .text_block table td:first-child {
        width: 227px;
    }
    .text_block table td:last-child {
        width: 345px;
    }
    .text_block table td p.bold {
        font-size: 16px;
        line-height: 26px;
    }
    .text_block table td p {
        font-size: 16px;
        line-height: 26px;
        padding-right: 20px;
    }
    .text_block table ol li,
    .text_block table ul li {
        font-size: 16px;
        line-height: 26px;
    }
    .testimonial__block {
        height: 250px;
    }
}

@media screen and (max-width: 1279px) {
    .breadcrumps_block.txt_page {
        margin-top: 80px;
    }
    .text-section .author_block .author_head_text a {
        padding-bottom: 2px;
    }
    .content_block__inner p.title {
        font-family: AnnonceW01-Regular;
        font-size: 16px;
        line-height: 22px;
        color: #646466;
    }
    .text_block h2 {
        word-wrap: break-word;
    }
}
@media screen and (max-width: 1023px) {
    .text_block .content_block__inner ul {
        list-style: none;
        margin-left: 0;
        margin-top: 19px;
    }
    .text-section_wrapper {
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: center;
    }
    .text-section .text_wrapper {
        width: 100%;
    }
    .text-section .content_block {
        width: 100%;
    }
    .text-section .content_block__inner {
        position: unset;
        top: auto;
    }
    .content_block__inner p.title {
        border-bottom: 1px solid #D1D1D1;
        padding-bottom: 30px;
    }
    .text_block .content_block__inner ul li {
        padding-left: 0;
    }
    .text-section .content_block__inner {
        margin-bottom: 25px;
    }
    .text_block ul li:not(:last-child) {
        margin-bottom: 18px;
    }
    .text_block table td:first-child {
        width: 247px;
    }
    .text_block table td:last-child {
        width: 471px;
    }
    .testimonial__block {
        height: 208px;
    }
    .text-section .author_block {
        margin-bottom: 50px;
    }
    .text-section--provider {
        padding-top: 60px!important;
    }
}

@media screen and (max-width: 767px) {
    .text-section {
        padding-top: 20px;
    }
    .text-section .content_block__inner {
        padding-top: 11px;
    }
    .text_block p.title {
        margin-bottom: 30px;
    }
    .text_block button.btn {
        width: 100%;
    }
    .text_block h1 {
        font-size: 36px;
        line-height: 46px;
        word-break: break-word;
        -webkit-hyphens: manual;
        -ms-hyphens: manual;
        hyphens: manual;
    }
    .text_block h2 {
        font-size: 30px;
        line-height: 42px;
    }
    .text_block h3 {
        font-size: 26px;
        line-height: 38px;
    }
    .text_block h4 {
        font-size: 24px;
        line-height: 36px;
    }
    .text_block h5 {
        font-size: 20px;
        line-height: 30px;
    }
    .text_block h6 {
        font-size: 17px;
        line-height: 27px;
    }
    .txt_demo__block .btn {
        width: 100%;
    }
    .text_block ul li:not(:last-child) {
        margin-bottom: 19px;
    }
    .text_block table td:first-child {
        width: 197px;
        word-break: break-word;
        hyphens: auto;
    }
    .text_block table td:last-child {
        width: 223px;
    }
    .seo .text_block table td:last-child {
        word-break: break-word;
        hyphens: auto;
    }
    .testimonial__block {
        height: 322px;
    }
    .text_block table td p.bold {
        font-size: 14px;
        line-height: 22px;
    }
    .text_block table td p {
        padding-right: 6px;
    }
    .text_block table td {
        padding: 20px 0;
        padding-left: 15px;
    }
    .testimonial__block p.txt {
        padding-right: 3px;
    }
    .text_block table ol li,
    .text_block table ul li {
        /*padding-left: 0;*/
    }
    .table-wrapper {
        position: relative;
    }
    .table-wrapper table {
        width: 500px!important;
    }
    .seo__wrapper h1 + .table-wrapper table {
        width: 100%!important;
    }
    .seo__wrapper h1 + .table-wrapper .ps__rail-x,
    .seo__wrapper h1 + .table-wrapper .ps__rail-y {
        display: none;
    }
    .seo__wrapper h1 + .table-wrapper table p:not(:last-child) {
        margin-bottom: 5px;
    }
    .text-section .author_block {
        margin-bottom: 40px;
    }
    .content__date-head {
        margin-top: 20px;
        margin-left: 0;
    }
    .text-section .author_block .author_head_text a {
        margin-right: 40px;
    }
}

@media screen and (max-width: 479px) {
    .text_block h1 {
        font-size: 24px;
        line-height: 32px;
    }
    .text_block h2 {
        font-size: 20px;
        line-height: 32px;
    }
    .text_block h3 {
        font-size: 18px;
        line-height: 28px;
    }
    .text_block h4 {
        font-size: 16px;
        line-height: 26px;
    }
    .text_block h5 {
        font-size: 15px;
        line-height: 25px;
    }
    .text_block h6 {
        font-size: 13px;
        line-height: 23px;
    }
    .text_block p:not(.tooltip_content p, .copied_content p) {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 32px;
    }
    .text_block p.title {
        margin-bottom: 20px;
    }
    .text_block button.btn {
        height: 60px;
        font-size: 14px;
    }
    .text_block ol li, .text_block ul li {
        font-size: 18px !important;
        line-height: 30px !important;
    }
    .text-section .content_block__inner {
        padding-top: 14px;
    }
    .text-section {
        padding-top: 40px;
    }
    .breadcrumps_block.txt_page {
        margin-top: 60px;
    }
    .content_block__inner p.title {
        padding-bottom: 20px;
    }
    .text_block .content_block__inner ul {
        margin-top: 18px;
    }
    .txt_demo__block h6 {
        font-size: 22px !important;
        line-height: 32px !important;
    }
    .txt_demo__block {
        padding: 50px 10px;
    }
    .txt_demo__block p {
        font-size: 14px;
        line-height: 20px;
    }
    .text_block .wr_tbl {
        overflow: auto;
    }
    .seo .text_block table {
        margin-left: -10px;
        width: calc(100% + 20px) !important;
    }
    .text_block table td:first-child {
        width: 120px;
    }
    .seo .text_block table td {
        padding-left: 10px;
    }
    .seo .text_block table ul {
        margin-left: 5px;
    }
    .text_block table td:last-child {
        width: 160px;
        word-break: break-word;
        hyphens: auto;
    }
    .testimonial__block {
        height: 376px;
        padding-left: 20px;
    }
    .testimonial__block p.txt {
        font-size: 20px;
        line-height: 32px;
    }
    .text_block ol li, .text_block ul li {
        font-size: 18px !important;
        line-height: 30px !important;
    }
    .text_block blockquote p {
        padding-left: 20px;
    }
    .text-section--provider {
        padding-top: 50px!important;
    }
}

/*providers page slider*/
/*providers__grid*/

.providers__grid {
    background: #FAFAFA;
    padding: 150px 0;
}
.providers_grid__wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
    margin-bottom: 40px;
}
.providers_grid__item {
    position: relative;
    width: 260px;
    height: 160px;
    background: #FFFFFF;
    box-shadow: 0px 10px 24px rgba(115, 77, 54, 0.05);
    border-radius: 6px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    transition: all .3s;
    border: 1px solid transparent;
}
.providers_grid__item-hide {
    display: none !important;
}
.providers_grid__item > img {
    filter: grayscale(100%);
    transition: all .3s;
    width: 180px;
    max-height: 75px;
    image-rendering: -webkit-optimize-contrast;
}
.providers_grid__item:hover > img {
    filter: grayscale(0%);
}
.providers_grid__item:not(:nth-child(4n)) {
    margin-right: 29px;
}
.providers__grid .btn {
    width: 300px;
    height: 70px;
    color: #131313;
}
.providers_grid__item:hover {
    border: 1px solid #E0E0E0;
}
.load__more {
    display: none;
    font-family:'Montserrat SemiBold';
    font-size: 14px;
    line-height: 14px;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #7D7D80;
    height: 50px;
    width: 100%;
    background: #EBEBEB;
    cursor: pointer;
    transition: all .3s;
    margin: -20px 0 70px;
}
.load__more.visible {
    display: flex;
}
.load__more.active svg {
    transform: rotate(180deg);
}
.load__more:hover{
    background: #747476;
    color: #EBEBEB;
}
.load__more svg path {
    transition: all .3s;
}
.load__more:hover svg path {
    fill: #EBEBEB;
}
.load__more > svg {
    margin-left: 12px;
}

@media screen and (max-width: 1919px) {
    .providers__grid {
        padding: 145px 0 150px;
    }
}
@media screen and (max-width: 1279px) {
    .providers_grid__item:not(:nth-child(4n)) {
        margin-right: 0;
    }
    .providers_grid__item:not(:nth-child(3n)) {
        margin-right: 47px;
    }
    .load__more {
        display: flex;
        margin: 3px 0 70px;
    }
    .providers_grid__item {
        margin-bottom: 47px;
    }
    .providers_grid__wrapper {
        margin-bottom: 23px;
    }
}

@media screen and (max-width: 1023px) {
    .providers_grid__item:not(:nth-child(3n)) {
        margin-right: 18px;
    }
    .providers_grid__item {
        width: 210px;
        height: 120px;
        margin-bottom: 19px;
    }
    .providers__grid {
        padding: 95px 0 100px;
    }
    .providers_grid__wrapper {
        margin: 60px 0 50px;
    }
    .providers_grid__item > img {
        width: 156px;
        max-height: 65px;
    }
    .load__more {
        margin-top: 30px;
    }
}

@media screen and (max-width: 767px) {
    .providers__grid {
        padding: 100px 0 100px;
    }
    .providers_grid__item {
        width: 200px;
        margin-bottom: 20px;
    }
    .providers_grid__item:not(:nth-child(3n)) {
        margin-right: 0;
    }
    .providers_grid__item:not(:nth-child(2n)) {
        margin-right: 20px;
    }
    .providers__grid .btn {
        width: 100%;
    }
    .providers_grid__item > img {
        filter: grayscale(0);
        width: 120px;
        max-height: 50px;
    }
}

@media screen and (max-width: 479px) {
    .providers_grid__item {
        width: 100%;
        height: 110px;
        margin-bottom: 20px;
    }
    .providers__grid {
        padding: 80px 0 80px;
    }
    .providers_grid__item:not(:nth-child(2n)) {
        margin-right: 0;
    }
    .providers__grid .btn {
        height: 60px;
        font-size: 14px;
    }
    .load__more {
        margin-bottom: 60px;
    }
}
/*providers page slider*/




/*article_bottom*/

.article_bottom {
    border-top: 1px solid #D1D1D1;
    position: relative;
    padding-top: 61px;
    margin-top: 60px;
}
.article_bottom p.source {
    font-family:'Montserrat Medium';
    font-size: 16px;
    line-height: 20px;
    color: #7D7D80;
}
.article_bottom p.source > a {
    font-family:'Montserrat Bold';
    font-size: 18px;
    line-height: 22px;
    color: #131313;
    margin-left: 7px;
    border-bottom: 1px solid #F06718;
    padding-bottom: 3px;
    transition: all .3s;
}

.article_bottom p.source > a:hover {
    color: #F06718;
}

.article_bottom .author_pic {
    position: absolute;
}
.article_bottom .author_pic:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(27, 29, 38, 0.25), rgba(27, 29, 38, 0.25));
    transition: all .3s;
    opacity: 0;
}
.article_bottom .author_pic:hover:before {
    opacity: 1;
}
.author_bottom__info p.author {
    font-family:'Montserrat Bold';
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #7D7D80;
    margin-bottom: 7px;
}
.author_bottom__info a.name {
    font-family:'Montserrat Bold';
    font-size: 18px;
    line-height: 22px;
    color: #131313;
    position: relative;
    transition: all .3s;
}
.author_bottom__info a.name span {
    height: 1px;
    width: 100%;
    background: #F06718;
    position: absolute;
    bottom: -3px;
    left: 0;
    transition: all .3s;
}
.author_bottom__info p.info {
    font-family:'Montserrat';
    font-size: 16px;
    line-height: 24px;
    color: #3D3D3D;
    margin-top: 24px;
}
.author_bottom__info .author__social {
    margin-top: 25px;
    margin-bottom: 25px;
}
.author_bottom__info .author__social a {
    width: 42px;
    height: 42px;
    background: #EBEBEB;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: all .3s;
}
.author_bottom__info .author__social a svg path {
    transition: fill .3s;
}
.author_bottom__block {
    height: 316px;
    background: #fff;
    box-shadow: 0px 10px 24px rgba(115, 77, 54, 0.05);
    border-radius: 6px;
    overflow: hidden;
}
.author_bottom__info {
    padding-left: 280px;
    padding-top: 28px;
}
.author_bottom__info .author__social {
    display: flex;
}
.author_bottom__info .author__social a:first-child {
    margin-right: 15px;
}
.author_bottom__info .btn {
    width: 200px;
    height: 50px;
    font-size: 14px;
}
.author_bottom__info .btn:hover {
    color: #131313;
}
.author_bottom__info .btn:hover span {
    background: #131313;
}
.author_bottom__info .author__social a:first-child:hover {
    background: #344C7F;
}
.author_bottom__info .author__social a:last-child:hover {
    background: #B92B27;
}
.author_bottom__info .author__social a:hover svg path {
    fill: #fff;
}

.author_bottom__info a.name:hover {
    color: #F06718;
}
.author_bottom__info a.name:hover span {
    width: 20%;
}
.author_bottom__block {
    margin-top: 85px;
}


@media screen and (max-width: 1279px) {
    .author_bottom__block {
        margin-top: 65px;
    }
    .author_bottom__info p.info {
        font-size: 15px;
        line-height: 23px;
        margin-top: 17px;
    }
    .author_bottom__info .author__social {
        margin-top: 15px;
        margin-bottom: 20px;
    }
    .author_bottom__info .btn {
        width: 100%;
    }
    .author_bottom__info {
        padding-right: 30px;
    }
}

@media screen and (max-width: 1023px) {
    .author_bottom__info .btn {
        width: 200px;
    }
    .author_bottom__info p.info {
        margin-top: 20px;
    }
    .author_bottom__info {
        padding-right: 10px;
    }
    .author_bottom__info .author__social {
        margin-top: 25px;
        margin-bottom: 30px;
    }
    .author_bottom__info a.name span {
        bottom: -1px;
    }
}

@media screen and (max-width: 767px) {
    .article_bottom .author_pic {
        width: 210px;
        height: 210px;
        overflow: hidden;
    }
    .author_bottom__info {
        padding-left: 30px;
        padding-top: 38px;
        display: flex;
        flex-direction: column;
    }
    .author_bottom__info p.info {
        order: 4;
        margin-top: 45px;
        padding-right: 10px;
        margin-bottom: 30px;
    }
    .author_bottom__info .author__social {
        order: 3;
        padding-left: 205px;
        margin-top: 40px;
    }
    .author_bottom__info p.author {
        order: 1;
        font-size: 11px;
        margin-bottom: 5px;
        margin-left: 205px;
    }
    .author_bottom__info a.name {
        margin-left: 205px;
        order: 2;
    }
    .author_bottom__block {
        height: 406px;
    }
    .author_bottom__info .btn_wrapper {
        order: 5;
    }
    .author_bottom__info a.name span {
        width: 77%;
    }
    .author_bottom__block .author_pic > img {
        width: 100%;
    }
    .author_bottom__info .btn {
        width: 360px;
    }
    .author_bottom__info .author__social a:first-child {
        margin-right: 20px;
    }
}

@media screen and (max-width: 479px) {
    .article_bottom p.source {
        margin-bottom: 60px;
    }
    .article_bottom p.source > a {
        margin-left: 5px;
    }
    .article_bottom {
        padding-top: 60px;
        margin-top: 50px;
    }
    .article_bottom p.source > a {
        padding-bottom: 0;
    }
    .article_bottom .author_pic {
        width: 120px;
        height: 120px;
    }
    .author_bottom__info {
        padding-left: 20px;
        padding-top: 30px;
    }
    .author_bottom__info p.author {
        margin-bottom: 11px;
        margin-left: 115px;
    }
    .author_bottom__info a.name {
        margin-left: 115px;
        font-size: 16px;
        line-height: 19px;
    }
    .author_bottom__info a.name span {
        width: 90%;
        bottom: -5px;
    }
    .author_bottom__info p.info {
        order: 3;
        margin-top: 65px;
        margin-bottom: 0;
    }
    .author_bottom__info .author__social {
        order: 4;
        padding-left: 0;
        margin-top: 20px;
    }
    .author_bottom__info .btn {
        width: calc(100% - 10px);
    }
    .author_bottom__block {
        margin-top: 0;
        padding-bottom: 30px;
        height: auto;
    }
}



/*share__block*/
.share__block h4,
.share__block-title {
    font-family: AnnonceW01-Regular;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #131313;
}
.share__block a {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border: 1px solid #B7BBC7;
    transition: .3s;
}
.share__wrapper {
    display: flex;
    column-gap: 10px;
    margin-top: 35px;
    margin-bottom: 100px;
}
.share__block {
    margin-top: 100px;
}
.share__block a svg path {
    transition: fill .3s;
}
.share__block a:hover svg path {
    fill: #fff;
}
.share__block a.a2a_button_facebook:hover {
    background: #344C7F;
    border: 1px solid #344C7F;
}
.share__block a.a2a_button_facebook_messenger:hover {
    background: #2BA0DA;
    border: 1px solid #2BA0DA;
}
.share__block a.a2a_button_telegram:hover {
    background: #2BA0DA;
    border: 1px solid #2BA0DA;
}
.share__block a.a2a_button_viber:hover {
    background: #784F99;
    border: 1px solid #784F99;
}
.share__block a.a2a_button_linkedin:hover {
    background: #1D77B3;
    border: 1px solid #1D77B3;
}
.share__block a.a2a_button_reddit:hover {
    background: #FF4500;
    border: 1px solid #FF4500;
}
.share__block a.a2a_button_twitter:hover {
    background: #0F1419;
    border: 1px solid #0F1419;
}
.share__block a.a2a_button_whatsapp:hover {
    background: #52B959;
    border: 1px solid #52B959;
}
.share__block a.a2a_button_snapchat:hover {
    background: #F9C718;
    border: 1px solid #F9C718;
}
.share__block a.a2a_dd:hover {
    background: transparent;
    border: 1px solid #F06718;
}
.share__block a.a2a_dd:hover svg path {
    fill: #F06718;
}

@media screen and (max-width: 767px) {
    .share__block a:nth-child(7),
    .share__block a:nth-child(8),
    .share__block a:nth-child(9) {
        display: none;
    }
    .share__block a {
        width: 50px;
        height: 50px;
    }
}
@media screen and (max-width: 479px) {
    .share__block h4,
    .share__block-title {
        font-size: 20px;
        line-height: 30px;
    }
    .share__block {
        margin: 80px 0;
    }
    .share__block a:nth-child(5),
    .share__block a:nth-child(6) {
        display: none;
    }
    .share__wrapper {
        margin-bottom: 0;
        column-gap: 7px;
        justify-content: space-between;
    }
}


/*more_questions__block*/

.more_questions__block {
    background: #fff;
    box-shadow: 0px 10px 24px rgba(115, 77, 54, 0.05);
    border-radius: 6px;
    padding: 80px 60px 70px;
}
.seo .more_questions__block {
    margin: 60px 0 0;
}
.more_questions__top {
    border-bottom: 1px solid #D1D1D1;
    padding-bottom: 40px;
}
.more_questions__top .heading {
    padding-left: 110px;
}
.more_questions__top h4,
.more_questions__top-title {
    font-family: AnnonceW01-Regular;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #131313;
    margin-bottom: 8px;
}
.more_questions__top p {
    font-family:'Montserrat Medium';
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
}
.more_questions__bottom {
    padding-top: 18px;
}
.more_questions__bottom .header_social {

}
.more_questions__top > svg {
    position: absolute;
}
.more_questions__block .header-topline__links-item span.title {
    display: block;
}
.more_questions__block .header-topline__links {
    border-left: none;
    flex-direction: column;
}

.more_questions__block .header-topline__links-item a {
    font-family:'Montserrat SemiBold';
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #7D7D80;
}
.more_questions__block .header-topline__links-item a > span {
    font-family: AnnonceW01-Regular;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #131313;
    margin-top: 12px;
}
.more_questions__block .header-topline__links {
    padding: 0;
    padding-left: 0;
    padding-right: 0;
}
.more_questions__block .header-topline__links-item {
    cursor: pointer;
    padding: 22px 0;
}
.more_questions__block .header-topline__links-item > a .title {
    transition: all .3s;
}
.more_questions__block .header-topline__links-item:hover > a .title {
    color: #F06718;
}
.more_questions__block .header-topline__links-item:not(:last-child) {
    margin-bottom: 0;
    margin-right: 0;
}
.more_questions__block .tooltip {
    left: 0;
    top: 55px;
    cursor: default;
}
.more_questions__bottom .tooltip .tooltip_content .btn_wrapper {
    justify-content: space-around;
}
.more_questions__bottom .header_social {
    margin-bottom: 70px;
}
.more_questions__bottom .header_social + .btn_wrapper .btn {
    width: 390px;
    height: 70px;
}



@media screen and (max-width: 1279px) {
    .more_questions__block {
        padding: 80px 50px 70px;
    }
    .more_questions__top > svg {
        display: none;
    }
    .more_questions__top .heading {
        padding-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .more_questions__top h4,
    .more_questions__top-title {
        font-size: 22px;
        letter-spacing: 0;
        margin-bottom: 10px;
    }
    .more_questions__block {
        padding: 60px 30px;
    }
    .more_questions__block .header-topline__links-item:not(:last-child) {
        margin-bottom: 0;
    }
    .more_questions__block .header-topline__links-item {
        text-align: left!important;
    }
    .more_questions__block .tooltip {
        top: 25px;
        left: -2px;
    }
    .more_questions__top {
        padding-bottom: 30px;
    }
    .header-topline__links-item {
        border-bottom: none;
        text-align: left;
    }
    .more_questions__bottom {
        padding-top: 0;
    }
    .more_questions__bottom .header_social {
        margin-bottom: 42px;
    }
}

@media screen and (max-width: 479px) {
    .more_questions__block {
        background: transparent;
        padding: 0;
        box-shadow: none;
    }
    .more_questions__top h4,
    .more_questions__top-title {
        font-size: 18px;
        line-height: 28px;
    }
    .more_questions__bottom .header_social {
        margin-bottom: 35px;
    }
    .more_questions__bottom {
        padding-bottom: 80px;
    }
    .more_questions__top p {
        font-size: 18px;
        line-height: 26px;
    }
    .more_questions__block .header-topline__links-item a > span {
        font-size: 12px;
    }
    .more_questions__bottom .header_social + .btn_wrapper .btn {
        width: 100%;
        height: 60px;
        font-size: 14px;
    }
    .more_questions__block .tooltip {
        width: 270px;

        .tooltip__warning {
            width: 270px;
        }
    }
    .seo .more_questions__block .tooltip {
        width: 260px;
        left: -13px;
        min-height: 100px;

        .tooltip__warning {
            width: 260px;
        }
    }
    .seo .more_questions__block .tooltip p {
        margin: 15px 0;
        font-size: 12px;
        line-height: 16px;
    }
    .seo .header-topline__links-item:first-child .tooltip .btn {
        width: 195px;
    }
}


/*page_nav__block*/

.page_nav__block {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #D1D1D1;
    justify-content: space-between;
    margin-top: 100px;
    padding-top: 50px;
}
.page_nav__block .info {
    font-family:'Montserrat Bold';
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #7D7D80;
}
.page_nav__block .title_block {
    font-family:'Montserrat SemiBold';
    font-size: 18px;
    line-height: 26px;
    color: #3D3D3D;
    margin-top: 20px;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    transition: all .3s;
    justify-content: flex-end;
}
.page_nav__block .title_block svg path {
    transition: fill .3s;
}
.page_nav__item {
    /*width: 510px;*/
    width: 550px;
    display: flex;
    flex-direction: column;
}
.page_nav__item:last-child {
    text-align: right;
}
.page_nav__item:first-child svg {
    margin-right: 15px;
    flex-shrink: 0;
}
.page_nav__item:last-child svg {
    margin-left: 10px;
    flex-shrink: 0;
}
.page_nav__item:first-child .title_block {
    padding-right: 30px;
    justify-content: flex-start;
}
.page_nav__block .title_block:hover {
    color: #F06718;
}
.page_nav__block .title_block:hover svg path {
    fill: #F06718;
}
.page_nav__item:first-child .info {
    margin-left: 35px;
}
.page_nav__item:last-child .info {
    margin-right: 30px;
}

@media screen and (max-width: 1279px) {
    .page_nav__item:last-child svg {
        margin-left: 10px;
    }
    .page_nav__item {
        width: 420px;
    }
}
@media screen and (max-width: 1023px) {
    .page_nav__item {
        width: 320px;
    }
    .page_nav__item:last-child svg {
        margin-left: 10px;
    }
    .page_nav__item:first-child .title_block {
        padding-right: 0;
    }
    .page_nav__item:first-child svg {
        margin-right: 15px;
    }
}

@media screen and (max-width: 767px) {
    .page_nav__block {
        margin-top: 60px;
    }
    .page_nav__block .title_block {
        font-size: 14px;
        line-height: 20px;
    }
    .page_nav__item:first-child svg {
        margin-right: 10px;
        flex-shrink: 0;
    }
    .page_nav__item {
        width: calc(50% - 5px);
    }
    .page_nav__item:last-child svg {
        margin-left: 10px;
    }
    .page_nav__item:first-child .info {
        margin-left: 30px;
    }
    .page_nav__item:last-child .info {
        margin-right: 30px;
    }

}

@media screen and (max-width: 479px) {
    .page_nav__block {
        margin-top: 0;
        padding-top: 38px;
    }
    .page_nav__item {
        width: 100%;
        margin-bottom: 61px;
    }
    .page_nav__item:nth-child(1) .title_block {
        justify-content: flex-start;
    }
    .page_nav__item:nth-child(2) .title_block {
        justify-content: flex-end;
    }
}








/*popular__articles_block*/

.popular__articles__heading span {
    width: 743px;
    height: 1px;
    background: #D1D1D1;
    display: block;
    position: absolute;
    right: 0;
    bottom: 10px;
}
.popular__articles__heading {
    position: relative;
}
.popular__articles__heading h4,
.popular__articles__heading-title {
    font-family: AnnonceW01-Regular;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.02em;
    color: #131313;
    text-transform: uppercase;
}
.popular__articles_block {
    margin-top: 150px;
}

.articles_slider__block .slick-prev,
.articles_slider__block .slick-next {
    top: calc(100% + 30px);
    width: 70px;
    height: 60px;
    background: transparent;
    border: 1px solid #CCCCCC;
    transition: all .3s;
    transform: translate(0, 0);
}
.articles_slider__block .slick-prev::before,
.articles_slider__block .slick-next::before {
    font-size: 30px;
    opacity: 1;
    color: #131313;
    transition: all .3s;
}
.articles_slider__block .slick-prev {
    left: 0;
}
.articles_slider__block .slick-next {
    right: auto;
    left: 110px;
}
.articles_slider__block .slick-prev:hover,
.articles_slider__block .slick-next:hover {
    border: 1px solid #F06718;
}
.articles_slider__block .slick-prev:hover:before,
.articles_slider__block .slick-next:hover:before {
    color: #F06718;
}


.articles_slider__block {
    margin-top: 60px;
    padding-bottom: 240px;
}
.articles_slider__item {
    width: 357px;
}
.articles_slider__item:focus {
    outline: none;
}
.articles_slider__item span.date {
    font-family:'Montserrat Medium';
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: #7D7D80;
    display: block;
    margin-bottom: 18px;
    transition: .3s;
}
.articles_slider__item .title {
    font-family: AnnonceW01-Regular;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #131313;
    transition: all .3s;
}

.articles_slider__block .slick-slide {
    margin: 0 15px;
    width: 260px;
}
.articles_slider__block .slick-list {
    /* margin: 0 -15px; */
    padding-bottom: 40px;
}
.articles_slider__item:hover span.date {
    color: #F06718;
}
.articles_slider__item:hover .title {
    color: #F06718;
}
.articles_slider__block .slick-dots {
    display: none!important;
}
.articles_slider__block .providers_grid__item > img {
    width: 180px;
    height: 75px;
}

@media screen and (max-width: 1279px) {
    .articles_slider__block {
        width: 840px;
    }
    .popular__articles_block {
        margin-top: 100px;
    }
    .articles_slider__block .slick-slide {
        margin: 0 15px;
        width: 270px;
    }
    .popular__articles__heading span {
        width: 487px;
    }

}
@media screen and (max-width: 1023px) {
    .popular__articles__heading span {
        width: 281px;
    }
    .articles_slider__block {
        padding-bottom: 195px;
        width: 100%;
    }
    .articles_slider__block .slick-slide {
        width: 319px;
    }
    .articles_slider__block .providers_grid__item {
        height: 160px;
    }
    .articles_slider__block .providers_grid__item > img {
        filter: grayscale(0);
        width: 156px;
        height: 65px;
    }
    .articles_slider__block .slick-prev,
    .articles_slider__block .slick-next {
        bottom: -164px;
    }
}

@media screen and (max-width: 767px) {
    .popular__articles_block {
        margin-top: 100px;
    }
    .popular__articles__heading span {
        display: none;
    }
    .articles_slider__block {
        border-bottom: 1px solid #D1D1D1;
        margin-top: 50px;
    }
    .articles_slider__block .slick-slide {
        width: 200px;
    }
    .articles_slider__block .providers_grid__item {
        height: 140px;
    }
    .articles_slider__block .providers_grid__item > img {
        width: 120px;
        height: 50px;
    }
    .articles_slider__block .slick-prev,
    .articles_slider__block .slick-next {
        bottom: -153px;
    }
}

@media screen and (max-width: 479px) {
    .popular__articles_block {
        margin-top: 20px;
    }
    .articles_slider__block {
        margin-top: 50px;
        padding-bottom: 160px;
    }
    .articles_slider__block .slick-slide {
        width: calc(100vw - 40px);
    }
    .popular__articles__heading h4,
    .popular__articles__heading-title {
        font-size: 20px;
        line-height: 30px;
    }
    .articles_slider__block .slick-next {
        right: 0;
        left: auto;
    }
    .articles_slider__block .providers_grid__item {
        height: 160px;
    }
}

/*rollup*/

.rollup {
    margin-top: 45px;
    cursor: pointer;
    border-radius: 80px;
    background: rgba(175, 176, 178, .2);
    font-size: 14px;
    line-height: 14px;
    font-family: AnnonceW01-Regular;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #C8C9CC;
    transition: .3s;
    padding: 8px 15px;
    transform: rotate(-90deg);
    z-index: 10;
}

.rollup svg {
    margin-left: 10px;
    transform: rotate(90deg);
}

.rollup svg path {
    transition: .3s;
}

.rollup:hover {
    color: #F06718;
}

.rollup:hover svg path {
    fill: #F06718;
}

@media only screen and (width < 1280px) {
    .rollup {
        margin-top: 10px;
        padding: 6px 17px;
    }
    .rollup span {
        display: none;
    }
    .rollup svg {
        margin: 0;
    }
}

/*loader*/

.popup_main .loader {
    display: none;
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow: hidden;
}

.smartbody {
    position: absolute;
    top: 50%;
    margin-left: -50px;
    left: 50%;
    animation: speeder 0.4s linear infinite;
}
.smartbody > span {
    height: 5px;
    width: 35px;
    background: #ebebeb;
    position: absolute;
    top: -19px;
    left: 60px;
    border-radius: 2px 10px 1px 0;
}
.base {
    position: relative;
}
.base span {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 100px solid #ebebeb;
    border-bottom: 6px solid transparent;
}
.base span:before {
    content: "";
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background: #ebebeb;
    position: absolute;
    right: -110px;
    top: -16px;
}
.base span:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-right: 55px solid #ebebeb;
    border-bottom: 16px solid transparent;
    top: -16px;
    right: -98px;
}
.face {
    position: absolute;
    height: 12px;
    width: 20px;
    background: #ebebeb;
    border-radius: 20px 20px 0 0;
    transform: rotate(-40deg);
    right: -125px;
    top: -15px;
}
.face:after {
    content: "";
    height: 12px;
    width: 12px;
    background: #ebebeb;
    right: 4px;
    top: 7px;
    position: absolute;
    transform: rotate(40deg);
    transform-origin: 50% 50%;
    border-radius: 0 0 0 2px;
}
.smartbody > span > span:nth-child(1), .smartbody > span > span:nth-child(2), .smartbody > span > span:nth-child(3), .smartbody > span > span:nth-child(4) {
    width: 30px;
    height: 1px;
    background: #ebebeb;
    position: absolute;
    animation: fazer1 0.2s linear infinite;
}
.smartbody > span > span:nth-child(2) {
    top: 3px;
    animation: fazer2 0.4s linear infinite;
}
.smartbody > span > span:nth-child(3) {
    top: 1px;
    animation: fazer3 0.4s linear infinite;
    animation-delay: -1s;
}
.smartbody > span > span:nth-child(4) {
    top: 4px;
    animation: fazer4 1s linear infinite;
    animation-delay: -1s;
}
@keyframes fazer1 {
    0% {
        left: 0;
    }
    100% {
        left: -80px;
        opacity: 0;
    }
}
@keyframes fazer2 {
    0% {
        left: 0;
    }
    100% {
        left: -100px;
        opacity: 0;
    }
}
@keyframes fazer3 {
    0% {
        left: 0;
    }
    100% {
        left: -50px;
        opacity: 0;
    }
}
@keyframes fazer4 {
    0% {
        left: 0;
    }
    100% {
        left: -150px;
        opacity: 0;
    }
}
@keyframes speeder {
    0% {
        transform: translate(2px, 1px) rotate(0deg);
    }
    10% {
        transform: translate(-1px, -3px) rotate(-1deg);
    }
    20% {
        transform: translate(-2px, 0px) rotate(1deg);
    }
    30% {
        transform: translate(1px, 2px) rotate(0deg);
    }
    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }
    50% {
        transform: translate(-1px, 3px) rotate(-1deg);
    }
    60% {
        transform: translate(-1px, 1px) rotate(0deg);
    }
    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }
    80% {
        transform: translate(-2px, -1px) rotate(1deg);
    }
    90% {
        transform: translate(2px, 1px) rotate(0deg);
    }
    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}
.longfazers {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.longfazers span {
    position: absolute;
    height: 2px;
    width: 20%;
    background: #4c4e59;
}
.longfazers span:nth-child(1) {
    top: 20%;
    animation: lf 0.6s linear infinite;
    animation-delay: -5s;
}
.longfazers span:nth-child(2) {
    top: 40%;
    animation: lf2 0.8s linear infinite;
    animation-delay: -1s;
}
.longfazers span:nth-child(3) {
    top: 60%;
    animation: lf3 0.6s linear infinite;
}
.longfazers span:nth-child(4) {
    top: 80%;
    animation: lf4 0.5s linear infinite;
    animation-delay: -3s;
}
@keyframes lf {
    0% {
        left: 200%;
    }
    100% {
        left: -200%;
        opacity: 0;
    }
}
@keyframes lf2 {
    0% {
        left: 200%;
    }
    100% {
        left: -200%;
        opacity: 0;
    }
}
@keyframes lf3 {
    0% {
        left: 200%;
    }
    100% {
        left: -100%;
        opacity: 0;
    }
}
@keyframes lf4 {
    0% {
        left: 200%;
    }
    100% {
        left: -100%;
        opacity: 0;
    }
}

.loader__text {
    position: absolute;
    color: #ebebeb;
    text-transform: uppercase;
    font-family: 'Montserrat Medium';
    top: calc(50% + 41px);
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 13px;
    padding-left: 38px;
}

/*cookies*/

.cookies {
    text-align: center;
    padding: 7px 15px;
    position: fixed;
    display: none;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #1B1D26;
    box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.08);
    opacity: 0.9;
    z-index: 30;
}

.cookies__text {
    display: inline-block;
    font-family: Montserrat;
    font-size: 13px;
    line-height: 24px;
    color: #EBEBEB;
    margin-right: 15px;
}

.cookies__text a {
    font-family: "Montserrat Medium";
    text-decoration: underline;
    transition: all .3s;
    color: #EBEBEB;
}

.cookies__text a:hover {
    color: #FF7C1F;
    text-decoration: underline;
}

.cookies__btn-ok {
    height: 31px;
    min-width: 50px;
    padding: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #FF7C1F;
    transition: all .3s;
    border: 1px solid #FF7C1F;
    font-family: "Montserrat Bold";
    font-size: 13px;
    line-height: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #131313;
    margin-right: 15px;
    cursor: pointer;
}

.cookies__btn-ok:hover {
    background: #131313;
    color: #FF7C1F;
}

.cookies__btn-cancel {
    font-family: Montserrat;
    font-size: 13px;
    line-height: 24px;
    text-decoration-line: underline;
    color: #EBEBEB;
    cursor: pointer;
    transition: all .3s;
}

.cookies__btn-cancel:hover {
    color: #FF7C1F;
}

/* sharing img */

.img-sharingWrap{
    position: relative;
    display: inline-block;
    margin: 10px 0;
    overflow: hidden;
}

.img-sharingWrap img {
    margin: 0 !important;
    image-rendering: -webkit-optimize-contrast;
}

.img-sharing a {
    border-bottom: none !important;
}

.img-sharingWrap img.hovered{
    filter: grayscale(.4);
    -webkit-transition: .1s ease;
    -o-transition: .1s ease;
    transition: .1s ease;
}

.img-sharingWrap img.hovered.disabled{
    filter: grayscale(0);
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

.img-sharing {
    position: absolute;
    top: 20px;
    right: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    width: 35px;
    height: 85px;
    -webkit-transform: translateX(70px);
    -ms-transform: translateX(70px);
    -o-transform: translateX(70px);
    transform: translateX(70px);
    opacity: 0;
    -webkit-transition: .15s ease;
    -o-transition: .15s ease;
    transition: .15s ease;
    pointer-events: all;
}
.img-sharing a span {
    display: none;
}
@media screen and (max-width: 1279) {
    .img-sharing{
        top: 17px;
        right: 17px;
    }
}
@media screen and (max-width: 479px) {
    .img-sharing{
        top: 5px;
        right: 12px;
        width: 25px;
        height: 60px;
    }
}

.img-sharing.active{
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.img-sharing.disabled{
    z-index: -1;
    opacity: 0;
}

.img-sharing .img-sharing__facebook,
.img-sharing .img-sharing__instagram,
.img-sharing .img-sharing__pinterest{
    display: block;
    width: 35px;
    height: 35px;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-transition: .15s ease;
    -o-transition: .15s ease;
    transition: .15s ease;
}
@media screen and (max-width: 479px) {
    .img-sharing .img-sharing__facebook,
    .img-sharing .img-sharing__instagram,
    .img-sharing .img-sharing__pinterest{
        width: 25px;
        height: 25px;
    }
}

.img-sharing .img-sharing__facebook:hover,
.img-sharing .img-sharing__instagram:hover,
.img-sharing .img-sharing__pinterest:hover{
    -webkit-transform: scale(1.16);
    -ms-transform: scale(1.16);
    -o-transform: scale(1.16);
    transform: scale(1.16);
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}

.img-sharing .img-sharing__facebook{
    background-image: url(/public/images/sharing-img/fb.svg);
}

.img-sharing .img-sharing__instagram{
    background-image: url(/public/images/sharing-img/inst.svg);
}

.img-sharing .img-sharing__pinterest{
    background-image: url(/public/images/sharing-img/pint.svg);
}

/* sharing img END */

.side-pannel {
    position: fixed;
    left: 10px;
    top: 50%;
    transform: translate(-130%, -50%);
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    align-items: center;
    max-width: 44px;
    transition: .3s;
    z-index: 10;
}

.side-pannel.active {
    transform: translate(0, -50%);
}

.side-pannel-icon {
    width: 44px;
    height: 44px;
    background: rgba(240, 103, 24, 0.35);
    border-radius: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'Montserrat Bold';
    font-size: 13px;
    line-height: 13px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #F06718;
    transition: .3s;
    cursor: pointer;
}

.side-pannel-icon span:first-child {
    font-size: 15px;
}

.side-pannel-icon:hover {
    background: rgba(240, 103, 24, 1);
    color: #131313;
}

.side-pannel-icon svg path {
    transition: .3s;
}

.side-pannel-icon:hover svg path {
    fill: #131313;
}

@media only screen and (max-width: 1919px) {
    .side-pannel {
        top: 45%;
    }
}

@media only screen and (max-width: 1279px) {
    .side-pannel {
        top: 48%;
    }
}

@media only screen and (max-width: 767px) {
    .side-pannel {
        display: none;
    }
}

/*presentation*/

.presentation__icon {
    transition: .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(240, 103, 24, 0.35);
    width: 44px;
    height: 44px;
    border-radius: 100%;
    cursor: pointer;
}

.presentation__icon:hover {
    background: #F06718;
}

.presentation {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 355px;
    min-height: 230px;
    display: flex;
    flex-direction: column;
    background: #2B2E38;
    border: 1px solid #393C47;
    box-shadow: 0px 18px 22px rgba(39, 42, 64, 0.2);
    padding: 25px 30px;
    z-index: 11;
    transition: .4s;
    transform: translateX(-110%);
}

.presentation.active {
    transform: translateX(0);
}

.presentation__top {
    margin-bottom: 20px;
}

.presentation__img {
    margin-bottom: 14px;
    flex-shrink: 0;
}

.presentation__text {
    display: block;
    font-family: AnnonceW01-Regular;
    font-size: 16px;
    line-height: 24px;
    color: #EBEBEB;
}

.presentation__btns {
    display: flex;
}

.presentation__btns span:nth-child(1) {
    font-family: "Montserrat SemiBold";
    font-size: 12px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    color: #7D7D80;
    transition: all .3s;
    margin-right: 32px;
    cursor: pointer;
}

.presentation__btns span:nth-child(1):hover {
    color: #FF7C1F;
}

.presentation__btns span:nth-child(2) {
    font-family: "Montserrat ExtraBold";
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #EBEBEB;
    transition: all .3s;
    min-width: 180px;
    min-height: 50px;
    border: 1px solid #EBEBEB;
    padding: 5px;
    cursor: pointer;
    flex-shrink: 0;
}

.presentation__btns span:nth-child(2):hover {
    background: #FF7C1F;
    border-color: #FF7C1F;
    color: #131313;
}

.presentation__close {
    cursor: pointer;
    width: 54px;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
}

.presentation__close svg path {
    transition: all .3s;
}

.presentation__close:hover svg path {
    fill: #EBEBEB!important;
}

@media only screen and (max-width: 767px) {
    .presentation {
        min-height: 195px;
        padding: 35px 30px;
        bottom: 44px;
    }
    .presentation__top {
        display: flex;
        align-items: center;
        margin-bottom: 27px;
    }
    .presentation__img {
        margin-bottom: 0;
        margin-right: 15px;
    }
    .presentation__text {
        font-size: 14px;
        line-height: 22px;
    }
}

@media only screen and (max-width: 479px) {
    .presentation {
        min-height: 195px;
        width: 320px;
        padding: 43px 23px 35px 25px;
    }
    .presentation__top svg {
        width: 40px;
        height: 40px;
        flex-shrink: 0;
    }
    .presentation__top {
        margin-bottom: 25px;
    }
    .presentation__btns span:nth-child(2) {
        min-width: 150px;
        min-height: 46px;
    }
}

/* demo side window */

.demo-window {
    padding: 25px 30px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 355px;
    min-height: 230px;
    background: url(/public/images/demo-window-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 11;
    transition: .4s;
    transform: translateX(-110%);
}

.demo-window.active {
    transform: translateX(0);
}

.demo-window-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 14px;
}

.demo-window-play {
    position: relative;
    width: 50px;
    height: 50px;
}

.demo-window-play:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    background: rgba(240, 103, 24, 0.35);
    border-radius: 500px;
    opacity: 0;
    transition: .4s;
}

.demo-window-play:hover:after {
    opacity: 1;
    width: 60px;
    height: 60px;
}

.demo-window span {
    font-family: 'AnnonceW01-Regular';
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #EBEBEB;
}

.demo-window-btn {
    position: absolute;
    left: 30px;
    bottom: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 50px;
    border: 1px solid #EBEBEB;
    font-family: 'Montserrat ExtraBold';
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #EBEBEB;
    transition: .3s;
}

.demo-window-btn:hover {
    background: #FF7C1F;
    border-color: #FF7C1F;
    color: #131313;
}

.demo-window-close {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 54px;
    height: 54px;
    cursor: pointer;
}

.demo-window-close svg path {
    transition: .3s;
}

.demo-window-close:hover svg path {
    fill: #EBEBEB;
}

@media only screen and (max-width: 767px) {
    .demo-window {
        padding: 35px 45px 35px 30px;
        bottom: 44px;
        min-height: 195px;
    }
    .demo-window-wrapper {
        flex-direction: row;
        align-items: center;
        column-gap: 15px;
    }
    .demo-window span {
        font-size: 14px;
        line-height: 22px;
    }
    .demo-window-btn {
        bottom: 35px;
    }
}

@media only screen and (max-width: 479px) {
    .demo-window {
        padding: 40px 25px 35px 25px;
        width: 320px;
    }
    .demo-window-play {
        width: 40px;
        height: 40px;
    }
    .demo-window-play svg {
        width: 40px;
        height: 40px;
    }
    .demo-window-play:hover:after {
        width: 50px;
        height: 50px;
    }
    .demo-window-btn {
        left: 25px;
        height: 46px;
    }
}

/* conf side window */

.conf-window {
    padding: 24px 29px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 355px;
    min-height: 266px;
    background: #2B2E38;
    border: 1px solid #393C47;
    box-shadow: 0px 18px 22px rgba(39, 42, 64, 0.2);
    z-index: 11;
    transition: .4s;
    transform: translateX(-110%);
}

.conf-window.active {
    transform: translateX(0);
}

.conf-window img {
    width: 50px;
    height: 50px;
    transform: rotate(90deg);
}

.conf-window-title {
    margin-top: 10px;
    font-family: 'AnnonceW01-Regular';
    font-size: 16px;
    line-height: 24px;
    color: #EBEBEB;
}

.conf-window span {
    margin-top: 10px;
    display: inline-block;
    font-family: 'Montserrat';
    font-size: 16px;
    line-height: 24px;
    color: #EBEBEB;
}

.conf-window-btn {
    position: absolute;
    left: 30px;
    bottom: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 50px;
    border: 1px solid #EBEBEB;
    font-family: 'Montserrat ExtraBold';
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #EBEBEB;
    transition: .3s;
}

.conf-window-btn:hover {
    background: #FF7C1F;
    border-color: #FF7C1F;
    color: #131313;
}

.conf-window-close {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 54px;
    height: 54px;
    cursor: pointer;
}

.conf-window-close svg path {
    transition: .3s;
}

.conf-window-close:hover svg path {
    fill: #EBEBEB;
}

@media only screen and (max-width: 767px) {
    .conf-window {
        bottom: 44px;
    }
}

@media only screen and (max-width: 479px) {
    .conf-window {
        width: 100%
    }
}

/*page bg on open menu*/

.page-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    z-index: 10;
    display: none;
}

@media only screen and (max-width: 767px) {
    .page-bg {
        display: none!important;
    }
}

.at-expanding-share-button-desktop {
    display: none !important;
}

.at-expanding-share-button-toggle-btn {
    display: none !important;
}

.general-sharing {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    z-index: 10;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

.general-sharing svg path,
.general-sharing svg circle {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.general-sharing:hover svg circle {
    fill: #F06718;
}

.general-sharing:hover svg path {
    fill: #131313;
}

/*prod_slider*/

.prod_slider-section {
    overflow: hidden;
    padding: 0;
    height: 282px;
    border: 1px solid #333;
}
.prod_slider-section .wrap {
    /*max-width: 1692px;*/
    max-width: 100%;
    width: 100%;
}
.prod_slider__item {
    width: 282px !important;
}
.prod_slider__item a {
    background: #1B1D26;
    display: block;
    height: 282px;
    padding: 102px 40px 60px 40px;
    outline: 1px solid #333333;
    position: relative;
    transition: all .3s;
}
.prod_slider__item p {
    font-family:'Montserrat SemiBold';
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #EBEBEB;
    transition: all .3s;
}
.arrow__dot {
    position: absolute;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*outline: 1px solid red;*/
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
}
.arrow__dot .dot {
    width: 10px;
    height: 10px;
    display: block;
    background: #4C4D53;
    border-radius: 50%;
    transition: all .3s;
    opacity: 1;
    left: 0;
    top: 20px;
    right: 0;
    margin: auto;
}
.arrow__dot .arrow {
    position: absolute;
    transition: all .3s;
    opacity: 0;
    left: 0;
    top: 15px;
    right: 0;
    margin: auto;
}
.prod_slider__item:hover .arrow__dot .dot {
    opacity: 0;
}
.prod_slider__item:hover .arrow__dot .arrow {
    opacity: 1;
}
.prod_slider__item:hover a {
    background: #fff;
}
.prod_slider__item:hover p {
    color: #131313;
}

.prod_slider-section .slick-prev::before,
.prod_slider-section .slick-next::before {
    font-size: 27px;
    font-weight: 700;
}
.prod_slider-section .slick-prev {
    left: 0;
}
.prod_slider-section .slick-next {
    right: 0;
}
.prod_slider-section .slick-prev,
.prod_slider-section .slick-next {
    height: 100%;
    /*width: 114px;*/
    width: calc((100% - (7 * 282px)) / 2);
    background: #252730;
    transition: all .3s;
    z-index: 2;
}
.prod_slider-section .slick-prev:hover,
.prod_slider-section .slick-next:hover {
    background: #3D3F47;
}



@media screen and (max-width:2200px) {
    .prod_slider-section .slick-prev,
    .prod_slider-section .slick-next {
        width: calc((100% - (6 * 282px)) / 2);
    }
    .prod_slider {
        padding-left: calc((100% - (6 * 282px)) / 2);
        padding-right: calc((100% - (6 * 282px)) / 2);
    }
}

@media screen and (max-width: 1919px) {
    .prod_slider-section .slick-prev {
        left: -100px;
    }
    .prod_slider-section .slick-next {
        right: -100px;
    }
    .prod_slider-section {
        padding: 0 100px;
        overflow: hidden;
    }
    .prod_slider-section .slick-prev, .prod_slider-section .slick-next {
        width: 100px;
    }
    .prod_slider__item {
        width: 100% !important;
    }
    .prod_slider {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 1279px) {
    .prod_slider-section .slick-prev {
        width: 104px;
        left: -104px;
    }
    .prod_slider-section .slick-next {
        width: 104px;
        right: -104px;
    }
}

@media screen and (max-width: 1023px) {
}

@media screen and (max-width: 767px) {
    .prod_slider-section .slick-prev {
        left: 0;
    }
    .prod_slider-section .slick-next {
        right: 0;
    }
    .prod_slider-section {
        height: auto;
        padding: 0;
    }
    .prod_slider__item a {
        height: 220px;
        padding: 60px 30px 35px 30px;
    }
    .arrow__dot {
        bottom: 10px;
    }
    .prod_slider-section .slick-prev, .prod_slider-section .slick-next {
        top: auto;
        bottom: -105px;
        width: 50%;
        height: 70px;
    }
    .slick-dotted.slick-slider {
        margin-bottom: 70px !important;
    }
}

@media screen and (max-width: 479px) {
    .prod_slider__item p {
        font-size: 14px;
        line-height: 20px;
    }
    .prod_slider__item a {
        height: 200px;
        padding: 60px 20px 33px 20px;
    }
    .arrow__dot .dot {
        width: 8px;
        height: 8px;
    }
}

/*jdiv hidden*/

jdiv.hidden {
    visibility: hidden!important;
}

/*author block*/

.authorblock {
    padding: 25px 0 0;
}

.seo__wrapper  .authorblock .wrap {
    width: 100%;
}

.authorblock .authorblock__wrapper {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
}

.authorblock .authorblock__img {
    position: relative;
    width: 120px;
    height: 120px;
    margin-right: 15px;
    flex-shrink: 0;
    border-bottom: none;
}

.authorblock .authorblock__img:before {
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .2s opacity;
    background: linear-gradient(0deg, rgba(27, 29, 38, 0.25), rgba(27, 29, 38, 0.25));
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    border-radius: 4px;
}

.authorblock .authorblock__img:hover:before {
    opacity: 1;
}

.authorblock .authorblock__img img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast;
    border-radius: 4px;
}

.authorblock .authorblock__content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.authorblock .authorblock__info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-right: 60px;
}

.authorblock .authorblock__who {
    font-family: "Montserrat Bold";
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #7D7D80;
    margin-bottom: 10px;
}

.authorblock .authorblock__info a {
    font-family: "Montserrat Bold";
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #131313;
    transition: .3s;
    border-bottom: none;
    text-decoration: underline !important;
    text-decoration-color: #F06718 !important;
}

.authorblock .authorblock__info a:hover {
    color: #F06718;
    text-decoration: none;
}

.authorblock .authorblock__soc {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.authorblock .authorblock__soc-item {
    width: 42px;
    height: 42px;
    transition: .3s;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #EBEBEB;
    border-radius: 50%;
    border-bottom: none;
}

.authorblock .authorblock__soc-item.icon--fb:hover {
    background: #344C7F;
}

.authorblock .authorblock__soc-item.icon--q:hover {
    background: #B92B27;
}

.authorblock .authorblock__soc-item svg path {
    transition: .3s;
}

.authorblock .authorblock__soc-item:hover svg path {
    fill: #ffffff;
}

.authorblock .authorblock__soc-item:not(:last-child) {
    margin-right: 20px;
}

@media only screen and (max-width: 767px) {
    .authorblock .authorblock__wrapper {
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .authorblock .authorblock__img {
        margin-right: 25px;
    }
    .authorblock .authorblock__info {
        margin-right: 0;
        margin-bottom: 32px;
    }
    .authorblock .authorblock__content {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media only screen and (max-width: 479px) {
    .authorblock .authorblock__img {
        width: 80px;
        height: 80px;
        margin-right: 14px;
    }
    .authorblock {
        padding: 8px 0 0;
    }
    .seo .authorblock .authorblock__content {
        margin-top: 20px;
    }
}

/*banner*/

.banner {
    display: block;
    width: 1130px;
    margin: 0 auto;
    padding-top: 150px;
    padding-bottom: 0;
    margin-bottom: -50px;
}
.banner.content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: 3px solid #F06718;
}

.banner.page {
    padding-top: 0;
    padding-bottom: 0;
    border: 3px solid #F06718;
    margin-bottom: 115px;
}
.banner img {
    width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
}

.articles-section .banner {
    padding-top: 10px;
    margin-bottom: 0;
}

.text-section .banner {
    padding-top: 50px;
    margin-bottom: 80px;
}

@media only screen and (max-width: 1919px) {
    .banner {
        padding-top: 130px;
        margin-bottom: -30px;
    }
    .text-section .banner {
        padding-top: 70px;
    }
}

@media only screen and (max-width: 1279px) {
    .banner {
        width: 874px;
        padding-bottom: 0;
        margin-bottom: -30px;
    }
}

@media only screen and (max-width: 1023px) {
    .banner {
        width: 666px;
        padding-top: 100px;
        margin-bottom: -20px;
    }
    .text-section .banner {
        padding-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .banner {
        width: 420px;
        padding-top: 80px;
    }
    .banner.page {
        margin-bottom: 70px;
    }
    .text-section .banner {
        margin-bottom: 60px;
    }
    .articles-section .banner {
        padding-top: 0;
    }
}

@media only screen and (max-width: 479px) {
    .banner {
        width: 280px;
        padding-top: 60px;
        margin-bottom: -40px;
    }
    .articles-section .banner {
        margin-bottom: -15px;
    }
    .text-section .banner {
        padding-top: 0;
        margin-top: 0!important;
        margin-top: 60px;
    }
}

/*animation banner */

/*.banner__block {
    display: none;
}*/

.newsPages-banner {
    display: none;
}

.animban {
    display: block;
    width: 100%;
}

.animban__news {
    border: 3px solid #F06718;
}


.animban img {
    width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
    display: none;
}

.animban img:nth-child(1) {
    display: block;
}

@media only screen and (max-width: 767px) {
    .animban img:nth-child(1) {
        display: none;
    }
    .animban img:nth-child(2) {
        display: block;
    }
}

/* project examples block */
.examples {
    padding: 150px 0;
    background-color: #FAFAFA;
}
.examples-title {
    font-family: AnnonceW01-Regular;
    font-size: 62px;
    line-height: 72px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #131313;
}
.examples-wrapper {
    margin-top: 80px;
    display: grid;
    grid-template-columns: repeat(2, 550px);
    grid-auto-rows: 410px;
    gap: 30px;  
}
.examples-item {
    position: relative;
    cursor: pointer;
}
.examples-item span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family:'Montserrat Bold';
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    background-color: rgba(27, 29, 38, .7);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}
.examples-item:hover span {
    opacity: 1;
    visibility: visible;
}
.examples-item img {
    width: 100%;
    height: 100%;
    image-rendering: -webkit-optimize-contrast;
}
.examples-item img:nth-child(2) {
    display: none;
}
.examples .btn_wrapper {
    margin-top: 70px;
    column-gap: 30px;
}
.examples .btn_wrapper .btn {
    width: 300px;
    height: 70px;
}
.examples .btn.orange {
    color: #131313;
}
.examples .btn.gray span {
    background: #808080;
}
.examples .btn.gray:hover span {
    background: #131313;
}
.examples .btn.gray:hover {
    color: #131313;
}
.examples-show-more {
    margin-top: 50px;
    width: 420px;
    height: 50px;
    display: none;
    justify-content: center;
    align-items: center;
    background-color:#EBEBEB;
    font-family:'Montserrat SemiBold';
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #7D7D80;
    transition: .2s ease;
    cursor: pointer;
}
.examples-show-more svg {
    margin-left: 12px;
}
.examples-show-more:hover {
    background-color:#747476;
    color: #EBEBEB;
}
.examples-show-more:hover svg path {
    fill: #EBEBEB;
}

/* slider project examples */
.examples-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(26,32,43, 0.8);
    padding-top: 110px;
    z-index: 10000;
}
.examples-overlay.active {
    display: block;
}
.examples-close {
    position: fixed;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
    background-color: #8D8F99;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .2s ease;
    cursor: pointer;
    z-index: 33;
}
.examples-close:hover {
    background-color: #FF7C1F;
}
.examples-left-arrow,
.examples-right-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 230px;
    height: 340px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .2s ease;
    cursor: pointer;
}
.examples-right-arrow {
    right: 0;
}
.examples-left-arrow:hover svg g,
.examples-right-arrow:hover svg g {
    fill: #EBEBEB;
    opacity: 1;
}
.examples-left-arrow:hover svg path,
.examples-right-arrow:hover svg path {
    fill: #131313;
}
.examples-slide {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    overflow-y: scroll;
    height: 100vh;
    width: 1000px;
    padding-bottom: 160px;
}
.examples-slide img {
    width: 100%;
}
.examples-slide::-webkit-scrollbar {
    display: none;
}

@media only screen and (max-width: 1919px) {
    .examples-left-arrow,
    .examples-right-arrow {
        width: 140px;
    }
    .examples-left-arrow {
        justify-content: flex-start;
        padding-left: 20px;
    }
    .examples-right-arrow {
        justify-content: flex-end;
        padding-right: 20px;
    }
}
@media only screen and (max-width: 1279px) {
    .examples-title {
        font-size: 44px;
        line-height: 56px;
    }
    .examples-wrapper {
        grid-template-columns: repeat(2, 422px);
        grid-auto-rows: 315px;
    }
    .examples-slide {
        width: 760px;
    }
    .examples-close {
        width: 70px;
        height: 70px;
    }
    .examples-left-arrow,
    .examples-right-arrow {
        width: 132px;
    }
}
@media only screen and (max-width: 1023px) {
    .examples {
        padding: 100px 0;
    }
    .examples-title {
        font-size: 30px;
        line-height: 44px;
    }
    .examples-wrapper {
        margin-top: 60px;
        grid-template-columns: repeat(2, 324px);
        grid-auto-rows: 242px;
        gap: 20px;
    }
    .examples-item span {
        width: 84px;
        height: 84px;
        border-radius: 100%;
        font-size: 14px;
        line-height: 17px;
        background-color: rgba(27, 29, 38, .9);
        opacity: 1;
        visibility: visible;
        transition: background-color .3s;
    }
    .examples-item:hover span {
        width: 100%;
        height: 100%;
        border-radius: 0;
        background-color: rgba(27, 29, 38, .7);
    }
    .examples .btn_wrapper .btn {
        width: 318px;
    }
    .examples-slide {
        width: 500px;
        height: auto;
        top: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
    }
    .examples-close {
        width: 60px;
        height: 60px;
    }
    .examples-item span {
        font-size: 15px;
        line-height: 18px;
    }
    .examples-left-arrow,
    .examples-right-arrow {
        width: 104px;
    }
}
@media only screen and (max-width: 767px) {
    .examples-show-more {
        display: flex;
    }
    .examples .btn_wrapper {
        flex-direction: column;
        row-gap: 30px;
    }
    .examples .btn_wrapper .btn {
        width: 100%;
    }
    .examples-slide {
        width: 340px;
    }
    .examples-left-arrow,
    .examples-right-arrow {
        width: 70px;
    }
    .examples-left-arrow svg,
    .examples-right-arrow svg {
        width: 45px;
        height: 40px;
    }
    .examples-left-arrow {
        padding-left: 10px;
    }
    .examples-right-arrow {
        padding-right: 10px;
    }
    .examples-item {
        cursor: default;
    }
    .examples-item:hover span {
        border-radius: 10px;
    }
    .examples-item img:nth-child(1) {
        display: none;
    }
    .examples-item img:nth-child(2) {
        display: block;
    }
    .examples-wrapper {
        grid-template-columns: repeat(2, 200px);
        grid-auto-rows: auto;
        gap: 20px;
    }
    .examples-wrapper:not(.active) .examples-item:not(:nth-child(-n+4)) {
        display: none;
    }
    .examples-show-more span:nth-child(2) {
        display: none;
    }
    .examples-wrapper.active + .examples-show-more span:nth-child(1) {
        display: none;
    }
    .examples-wrapper.active + .examples-show-more span:nth-child(2) {
        display: block;
    }
    .examples-wrapper.active + .examples-show-more svg {
        transform: scaleY(-1);
    }
}
@media only screen and (max-width: 479px) {
    .examples {
        padding: 80px 0;
    }
    .examples-title {
        font-size: 23px;
        line-height: 35px;
    }
    .examples-wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }
    .examples-wrapper:not(.active) .examples-item:not(:nth-child(-n+2)) {
        display: none;
    }
    .examples-show-more {
        width: 100%;
    }
    .examples .btn_wrapper {
        margin-top: 60px;
        row-gap: 20px;
    }
    .examples .btn_wrapper .btn {
        height: 60px;
        font-size: 14px;
        line-height: 14px;
    }
    .examples-slide {
        width: 240px;
    }
    .examples-left-arrow,
    .examples-right-arrow {
        width: 40px;
    }
    .examples-left-arrow svg,
    .examples-right-arrow svg {
        width: 35px;
        height: 31px;
    }
    .examples-left-arrow {
        padding-left: 5px;
    }
    .examples-right-arrow {
        padding-right: 5px;
    }
    .examples-item span {
        width: 84px;
        height: 84px;
    }
}


.ourprojects__hidden {
    position: fixed;
    left: 0;
    top: 110px;
    width: 100%;
    height: calc(100vh - 110px);
    padding-bottom: 110px;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 100000;
    overflow: scroll;
}

.ourprojects__hidden.active {
    display: flex;
}

.ourprojects__overlay {
    background: rgba(11, 12, 13, 0.71);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 1;
}

.ourprojects__close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 190px;
    height: 190px;
    position: fixed;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 2;
}

.ourprojects__slider-wrapper {
    z-index: 2;
    position: relative;
    margin: auto;
    display: none;
}

.ourprojects__slider-nav {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1920px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: -1;
}

.ourprojects__slider-arrow {
    height: 190px;
    width: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ourprojects__slider-arrow:hover svg circle {
    stroke: #2666D1;
    fill: #2666D1;
}

.ourprojects__slider {
    width: 1000px;
}
.ourprojects__slider img {
    width: 100%;
    image-rendering: -webkit-optimize-contrast;
}

.ourprojects__slider img:nth-child(2) {
    display: none!important;
}

.ourprojects__slider-item {
    overflow: hidden;
}

.gsamples__otherproj-samples {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.gsamples__otherproj-samples img {
    width: 300px;
    flex-shrink: 0;
    border: 1px solid transparent;
    cursor: pointer;
    transition: .3s;
}

.gsamples__otherproj-samples img:hover {
    border-color: #FF7C1F;
    filter: drop-shadow(0px 6px 6px rgba(19, 19, 19, 0.3));
}

.gsamples__otherproj-samples img:not(.gsamples--mobile) {
    display: block!important;
}

.gsamples--mobile {
    display: none!important;
}

.gsamples__navproj {
    position: fixed;
    z-index: 33;
    font-family: 'Montserrat Bold';
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    top: 30px;
    left: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.02em;
}

.gsamples__navproj i {
    cursor: pointer;
    position: relative;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.gsamples__navproj i:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.gsamples__navproj i path {
    transition: .3s;
}

.gsamples__navproj i:hover path {
    fill: #7D7D80;
}

.gsamples__navproj-num {
    margin: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.gsamples__navproj-quantity {
    display: flex;
    align-items: center;
    margin-left: 6px;
}

.backoffice-shadow {
    position: fixed;
    display: block;
    z-index: 32;
    left: 0;
    top: 0;
    width: 100%;
    height: 150px;
    background: linear-gradient(180deg, #13141D 0%, rgba(19, 20, 29, 0) 100%);
}

@media only screen and (max-width: 1919px) {
    .ourprojects__wrapper {
        margin-bottom: 10px;
    }
    .ourprojects__item {
        width: 530px;
        margin-bottom: 60px;
    }
    .ourprojects__close {
        width: 150px;
        height: 150px;
    }
    .ourprojects__slider-nav {
        width: 1280px;
    }
}

@media only screen and (max-width: 1279px) {
    .ourprojects__title {
        font-size: 40px;
        line-height: 52px;
    }
    .ourprojects__wrapper {
        margin-bottom: 20px;
    }
    .ourprojects__slider {
        width: 760px;
    }
    .ourprojects__slider-nav {
        width: 1024px;
    }
    .ourprojects__item {
        width: 417px;
        margin-bottom: 50px;
    }
    .ourprojects__item:after {
        width: 120px;
        height: 120px;
    }
    .gsamples__otherproj-samples img {
        width: 240px;
    }
    .gsamples__otherproj {
        width: 760px;
        margin: 0 auto;
    }
    .backoffice-shadow {
        height: 100px;
    }
    .ourprojects__hidden {
        top: 90px;
        height: calc(100vh - 90px);
        padding-bottom: 90px;
    }
}

@media only screen and (max-width: 1023px) {
    .ourprojects {
        padding: 120px 0;
    }
    .ourprojects__title {
        margin-bottom: 50px;
    }
    .ourprojects__wrapper {
        margin-bottom: 50px;
        justify-content: flex-start;
    }
    .ourprojects__item {
        width: 603px;
        margin-bottom: 52px;
        cursor: default;
    }
    .ourprojects__more {
        display: flex!important;
        justify-content: flex-start;
        align-items: center;
        font-weight: bold;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 0.04em;
        text-decoration-line: underline;
        text-transform: uppercase;
        color: #333333;
        transition: .3s;
    }
    .ourprojects__more span:nth-child(2){
        display: none;
    }
    .ourprojects__wrapper.active .ourprojects__more span:nth-child(2){
        display: inline-block;
    }
    .ourprojects__wrapper.active .ourprojects__more span:nth-child(1){
        display: none;
    }
    .ourprojects__more:hover {
        color: #BF2237;
    }
    .ourprojects__more svg {
        flex-shrink: 0;
        margin-left: 5px;
        transition: .3s;
    }
    .ourprojects__wrapper.active .ourprojects__more svg {
        transform: scaleY(-1);
    }
    .ourprojects__more:hover svg path {
        fill: #BF2237;
    }
    .ourprojects__wrapper .ourprojects__item:nth-child(n+5) {
        display: none;
    }
    .ourprojects__wrapper.active .ourprojects__item:nth-child(n+5) {
        display: flex;
    }
    .ourprojects__close {
        width: 90px;
        height: 90px;
        cursor: default;
    }
    .ourprojects__slider {
        width: 500px;
    }
    .ourprojects__slider-nav {
        width: 768px;
    }
    .ourprojects__slider-arrow {
        width: 273px;
        height: 90vh;
        cursor: default;
    }
    .ourprojects__slider-arrow svg {
        margin-right: 176px;
    }
    .ourprojects__slider-arrow:first-child svg {
        margin-right: -176px;
    }
    .ourprojects__hidden {
        top: 80px;
        height: calc(100vh - 80px);
        padding-bottom: 80px;
    }
    .ourprojects__item:after {
        width: 182px;
        height: 182px;
    }
    .gsamples__otherproj-samples img {
        width: 160px;
    }
    .gsamples__otherproj {
        width: 500px;
    }
}

@media only screen and (max-width: 767px) {
    .ourprojects {
        padding: 100px 0;
    }
    .ourprojects__title {
        font-size: 34px;
        line-height: 46px;
    }
    .ourprojects__item {
        width: 417px;
    }
    .ourprojects .btn {
        width: 304px;
    }
    .ourprojects__slider {
        width: 340px;
    }
    .ourprojects__slider-nav {
        width: 480px;
    }
    .ourprojects__slider-arrow {
        width: 215px;
    }
    .ourprojects__slider-arrow svg {
        width: 50px;
        height: 50px;
    }
    .ourprojects__slider-arrow svg {
        margin-right: 134px;
    }
    .ourprojects__slider-arrow:first-child svg {
        margin-right: -134px;
    }
    .ourprojects__hidden {
        top: 60px;
        height: calc(100vh - 60px);
        padding-bottom: 60px;
    }
    .ourprojects__item:after {
        width: 120px;
        height: 120px;
    }
    .ourprojects__slider img:nth-child(2) {
        display: block!important;
    }
    .ourprojects__slider img:nth-child(1) {
        display: none!important;
    }
    .gsamples__otherproj-samples img {
        width: 80px;
    }
    .gsamples__otherproj {
        position: relative;
        width: 300px;
    }
    .gsamples__otherproj:after {
        width: 100%;
        height: calc(100vh - 276px);
        content: '';
        display: block;
    }
    .gsamples__navproj {
        top: 20px;
        left: 20px;
    }
    .gsamples__navproj-num {
        margin: 0;
    }
    .gsamples__navproj i {
        display: none;
    }
    .gsamples__otherproj-samples img:not(.gsamples--mobile) {
        display: none!important;
    }
    img.gsamples--mobile {
        display: block!important;
    }
}

@media only screen and (max-width: 599px) {
    .ourprojects__slider-arrow {
        width: 130px;
    }
    .ourprojects__slider-arrow svg {
        margin-right: 64px;
    }
    .ourprojects__slider-arrow:first-child svg {
        margin-right: -64px;
    }
}

@media only screen and (max-width: 479px) {
    .ourprojects {
        padding: 80px 0;
    }
    .ourprojects__title {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 30px;
    }
    .ourprojects__wrapper {
        margin-bottom: 40px;
    }
    .ourprojects__item {
        width: 260px;
    }
    .ourprojects .btn {
        width: 260px;
        height: 50px;
    }
    .ourprojects__close {
        width: 60px;
        height: 60px;
    }
    .ourprojects__close svg {
        width: 20px;
        height: 20px;
    }
    .ourprojects__slider {
        width: calc(100vw - 80px);
    }
    .ourprojects__slider-nav {
        width: 100vw;
    }
    .ourprojects__hidden {
        top: 70px;
        height: calc(100vh - 70px);
        padding-bottom: 70px;
    }
    .ourprojects__slider-arrow svg {
        width: 40px;
        height: 40px;
    }
    .ourprojects__slider-arrow svg {
        margin-right: 83px;
    }
    .ourprojects__slider-arrow:first-child svg {
        margin-right: -83px;
    }
    .ourprojects__item:after {
        width: 75px;
        height: 75px;
    }
    .gsamples__otherproj {
        width: 220px;
    }
    .gsamples__otherproj:after {
        height: calc(100vh - 202px);
    }
    .gsamples__navproj {
        font-size: 16px;
        line-height: 20px;
    }
    .backoffice-shadow {
        height: 80px;
    }
    .gsamples__otherproj-samples img {
        width: 60px;
    }
}

/* new link block */
.content__link {
    margin: 40px 0 50px 40px;
    position: relative;
    padding-left: 33px;
    width: 100%;
    font-family:'Montserrat SemiBold';
    font-size: 20px;
    line-height: 34px;
    cursor: pointer;
}
.content__link::before {
    content: '';
    position: absolute;
    width: 3px;
    height: 100%;
    background: #F06718;
    left: 0;
    top: 0;
}
.text_block .content__link a {
    border-bottom: 1px solid #F06718;
    padding-bottom: 1.5px;
    font-size: 20px;
    line-height: 34px;
    color: #131313;
    transition: all .3s;
}
.content__link:hover a {
    color: #F06718;
    border-bottom: none;
}
@media only screen and (max-width:767px) {
    .content__link {
        margin: 30px 0 40px 40px;
        margin-left: 20px;
    }
}
@media only screen and (max-width:479px) {
    .content__link {
        margin-left: 0;
        padding-left: 23px;
    }
    .text_block .content__link a {
        font-size: 18px;
        line-height: 30px;
    }
}
/* end new link block */

/* new text note */
.content__text-note {
    position: relative;
    margin: 40px 0 50px 0;
    padding: 40px 50px 40px 90px;
    width: 100%;
    background-color: #FFF;
    font-family: 'Montserrat SemiBold';
    font-size: 24px;
    line-height: 38px;
    color: #131313;
}
.content__text-note:first-child {
    margin-top: 0;
}
.content__text-note svg {
    position: absolute;
    top: 0;
    left: 28px;
}
@media only screen and (max-width:767px) {
    .content__text-note {
        padding: 40px 30px 30px 73px;
        margin: 30px 0 40px 0;
    }
    .content__text-note svg {
        left: 23px;
    }
}
@media only screen and (max-width:479px) {
    .content__text-note {
        padding: 50px 20px 40px 20px;
        font-size: 18px;
        line-height: 30px;
    }
}
/* end new text note */

/* attantion contacts block */
.attantion {
    margin: 0 0 -45px 0;
    padding: 40px 50px;
    width: 100%;
    height: auto;
    background: #2F323D;
    border: 2px solid #FD6868;
    border-radius: 6px;
}
.contacts__block .attantion {
    margin: 80px 0 0;
}
.attantion-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}
.attantion-title span {
    margin-top: 30px;
    font-family: AnnonceW01-Regular;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.04em;
    color: #EBEBEB;
}
.attantion-text {
    margin-top: 15px;
}
.attantion-text p {
    font-family:'Montserrat Medium';
    font-size: 18px;
    line-height: 28px;
    color: #EBEBEB;
}
.attantion-text p:not(:first-child) {
    margin-top: 20px;
}
.attantion-text p span {
    font-family:'Montserrat Bold';
}
.attantion-text a.attantion__link {
    position: relative;
    font-weight: 500;
    color: #FFFFFF;
    border-bottom: 1px solid #BF2237;
    word-wrap: break-word;
    transition: .3s;
}
.attantion-text a.attantion__link:hover {
    color: #BF2237;
    border-bottom: none;
}
@media only screen and (max-width: 1919px) {
    .attantion {
        margin: 0 0 -40px 0;
    }
}
@media only screen and (max-width: 1023px) {
    .attantion {
        padding: 40px 30px;
        margin: -20px 0;
    }
}
@media only screen and (max-width: 767px) {
    .attantion {
        margin: 0 0 3px;
    }
}
@media only screen and (max-width: 479px) {
    .attantion {
        margin: 0 0 2px;
        padding: 30px 20px;
    }
    .attantion-title svg {
        width: 40px;
        height: auto;
    }
}

/* attantion article block */
.attantion.attantion__article {
    margin: 80px 0 0;
    padding: 40px 30px;
    background: #FFF7F7;
    border: 2px solid #DC3333;
    box-shadow: 0px 10px 24px rgba(115, 77, 54, 0.05);
    border-radius: 6px;
}
.attantion__article .attantion-title span,
.attantion__article .attantion-text p,
.attantion__article a.attantion__link {
    color: #131313;
}
@media only screen and (max-width: 767px) {
    .attantion.attantion__article {
        padding: 40px 20px;
    }
}
@media only screen and (max-width: 479px) {
    .attantion.attantion__article {
        margin: 80px 0;
        padding: 30px 20px;
    }
}

/* attantion seo block */
.seo .attantion {
    margin: 60px 0 0;
    padding: 40px 30px;
    background: #FFF7F7;
    border: 2px solid #DC3333;
    box-shadow: 0px 10px 24px rgba(115, 77, 54, 0.05);
    border-radius: 6px;
}
.seo .attantion-title span,
.seo .attantion-text p,
.seo a.attantion__link {
    color: #131313;
}
.seo .attantion-text p {
    margin-bottom: 0;
}
@media only screen and (max-width: 479px) {
    .attantion.attantion__article {
        margin-top: 0;
    }
    .seo .attantion {
        margin: 40px 0 0;
        padding: 30px 15px;
    }
    .seo .attantion-title span {
        margin-top: 20px;
        font-size: 18px;
        line-height: 22px;
    }
    .attantion-text {
        margin-top: 17px;
    }
}

/* attantion popup */
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(26, 32, 43, .85);
    z-index: 1000;
}
.overlay.hidden {
    display: none;
}
.attantion__modal-close:hover svg path {
    stroke: rgb(19, 19, 19);
}
.attantion__modal {
    width: 800px;
    max-height: calc(100vh - 100px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow-y: auto;
}
.attantion__modal .attantion {
    padding: 40px 50px;
    margin: 0;
    background: #FFF7F7;
    border: 2px solid #DC3333;
    box-shadow: 0px 10px 24px rgba(115, 77, 54, 0.05);
    border-radius: 6px;
}
.attantion__modal .attantion-title span,
.attantion__modal .attantion-text p,
.attantion__modal a.attantion__link {
    color: #131313;
}
.attantion__modal-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 54px;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.attantion__modal-btn {
    margin: 30px auto 0;
    width: 120px;
    height: 55px;
}
@media only screen and (max-width: 1023px) {
    .attantion__modal {
        width: 700px;
        max-height: calc(100vh - 80px);
    }
    .attantion__modal .attantion {
        padding: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .attantion__modal {
        width: 440px;
    }
    .attantion__modal .attantion {
        padding: 40px 30px;
    }
    .attantion__modal-btn {
        width: 100%;
    }
}
@media only screen and (max-width: 479px) {
    .attantion__modal {
        width: 280px;
        max-height: calc(100vh - 65px);
    }
    .attantion__modal .attantion {
        padding: 40px 20px;
    }
    .attantion__modal .attantion-title span {
        font-size: 18px;
    }
    .attantion__modal .attantion-title svg {
        width: 100px;
        height: auto;
    }
    .attantion__modal .attantion-text {
        margin-top: 15px;
    }
    .attantion__modal .attantion-text p {
        font-size: 16px;
        line-height: 26px;
    }
    .attantion-text p:not(:first-child) {
        margin-top: 15px;
    }
}

/* bottom mobile panel */
.bottom__panel {
    position: fixed;
    bottom: 0;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #C8C9CC;
    height: 44px;
    width: 100%;
    z-index: 10;
}
.bottom__panel-item {
    width: calc(100% / 4);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: rgba(235, 235, 235, .95);
    transition: .3s;
}
.bottom__panel-item span {
    font-family: 'Montserrat Bold';
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #7D7D80;
}
.bottom__panel-item:not(:last-child) {
    border-right: 1px solid #C8C9CC;
}
.bottom__panel-item:hover {
    background: rgba(255, 255, 255, .95);
    transition: .3s;
}
.bottom__panel-item:hover svg path,
.bottom__panel-item:hover svg rect {
    fill: #F06718;
    transition: .3s;
}
.bottom__panel-item:hover span {
    color: #F06718;
}
@media only screen and (max-width: 767px) {
    .bottom__panel {
        display: flex;
    }
    .iti-mobile .button_6625 {
        margin-bottom: 50px !important;
    }
}

/* content-list for SEO block */
.content__list {
    margin: 50px 0;
    width: 100%;
}
.content__list-title {
    font-family: AnnonceW01-Regular;
    font-size: 16px;
    line-height: 22px;
    color: #646466;
}
.content__list-divider {
    margin-top: 30px;
    width: 100%;
    height: 1px;
    background: #D1D1D1;
}
ul.content__list-block {
    margin: 30px 0 0;
    list-style: none;
}
ul.content__list-block li,
ul.content__list-block li a {
    font-family: 'Montserrat Medium';
    font-size: 16px !important;
    line-height: 22px !important;
    color: #4B4B4D;
    text-decoration: none;
    border: none;
}
ul.content__list-block li ul li,
ul.content__list-block li ul li a {
    font-size: 14px !important;
    line-height: 20px !important;
}
.text_block ul.content__list-block li {
    padding: 0;
    margin: 0 0 20px;
}
.text_block ul.content__list-block li ul {
    padding: 0 0 0 20px;
    margin: 20px 0 !important;
}
.text_block ul.content__list-block li ul li {
    margin-bottom: 15px !important;
}
.content__list-block li:before {
    display: none;
}
@media only screen and (max-width: 767px) {
    .content__list {
        margin: 40px 0 50px;
    }
}
@media only screen and (max-width: 479px) {
    .content__list {
        margin: 40px 0;
    }
    .content__list-divider {
        margin-top: 20px;
    }
    ul.content__list-block {
        margin: 20px 0 0;
    }
}

.slide__title {
    position: absolute;
    bottom: -64px;
    left: 0;
    font-family: AnnonceW01-Regular;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #131313;
    transition: all .3s;
}
.articles_slider__block .providers_grid__item:hover .slide__title {
    color: #F06718;
}

@media only screen and (max-width: 767px) {
    .slide__title {
        bottom: -54px;
    }
}
@media only screen and (max-width: 479px) {
    .slide__title {
        bottom: -64px;
    }
}

/* site map */
.text-section.site-map {
    padding-top: 100px;
}
.site-map .text_block h1 {
    margin: 0 0 60px;
}
.site-map .text_block p {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #131313;
    text-decoration: none;
}
.site-map .text_block p:first-child {
    margin-bottom: 30px;
}
.site-map .text_block p:not(:first-child) {
    margin-top: 40px;
}
.site-map .text_block ul li:not(:last-child) {
    margin-bottom: 10px;
}
.site-map .text_block p a {
    font-family: AnnonceW01-Regular;
    text-decoration: none;
    border-bottom: none;
}
.site-map .text_block ul a {
    font-family: 'Montserrat Medium';
    font-weight: 500;
    font-size: 20px;
    line-height: 34px;
    color: #131313;
    text-transform: none;
    border-bottom: none;
}
.site-map .text_block ul li {
    padding-left: 48px;
}
.site-map .text_block ul li:before {
    left: 20px;
    width: 8px;
    height: 8px;
    border: 1px solid #131313;
    background-color: transparent;
    transition: all .3s;
}
.site-map .text_block p a:hover,
.site-map .text_block ul a:hover {
    color: #F06718;
}
.site-map .text_block li:hover:before {
    background-color: #F06718;
    border: 1px solid #F06718;
}
.site-map .tooltip {
    left: 0;
    width: 285px;
}

@media only screen and (max-width: 1023px) {
    .text-section.site-map {
        padding-top: 60px;
    }
    .site-map .text_block h1 {
        margin: 0 0 50px;
    }
    .site-map .header-topline__links-item {
        text-align: left !important;
        border-bottom: none !important;
    }
    .site-map .tooltip {
        margin: 70px 0 0;
        top: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .site-map .text_block h1 {
        margin: 0 0 58px;
    }
}
@media only screen and (max-width: 479px) {
    .text-section.site-map {
        padding-top: 50px;
    }

    .site-map .text_block h1 {
        margin: 0 0 40px;
        font-size: 28px;
        line-height: 38px;
    }

    .site-map .text_block p {
        font-size: 16px;
    }

    .site-map .text_block p:first-child {
        margin-bottom: 20px;
    }

    .site-map .text_block p:not(:first-child) {
        margin-top: 30px;
    }

    .site-map .text_block ul a {
        font-size: 18px;
    }
}
.textpageprovider-logo {
    margin-bottom: 40px;
}

.textpageprovider-logo img {
    width: 180px;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
}

@media only screen and (max-width: 479px) {
    .textpageprovider-logo {
        margin-bottom: 30px;
    }

    .textpageprovider-logo img {
        width: 120px;
    }
}

/* telegram btn + new mob menu */
.btn-tg {
    width: 258px;
    height: 50px;
    border: 2px solid #E6E6E6;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Montserrat Bold';
    font-weight: bold;
    font-size: 13px;
    line-height: 12px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #E6E6E6;
    cursor: pointer;
    transition: all .3s;
}
.header .btn-tg:lang(en) {
    width: 223px;
}
.btn-tg svg {
    margin-right: 8px;
}
.btn-tg svg path {
    transition: .3s;
}
.btn-tg:hover {
    background: #E5E5E5;
    color: #131313;
}
.btn-tg:hover svg path {
    fill: #131313;
}
.header__menu-wrap {
    display: none;
    padding: 50px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.header__menu-social {
    width: 100%;
    border: 1px solid #404040;
}
.header__menu .header-topline__links {
    display: none;
}
.btn-tg.blue {
    margin: 30px 0 50px;
    width: 100%;
    height: 60px;
    background: #239CD9;
    border: none;
    color: #FFFFFF;
    font-family: 'Montserrat ExtraBold';
    font-size: 15px;
    line-height: 15px;
}
.btn-tg.blue svg {
    margin-right: 12px;
}
.btn-tg.blue:hover,
.btn-tg.blue:focus {
    background: #1D81B2;
}
.btn-tg.blue:focus {
    outline: none;
}
.btn-tg.blue:hover svg path,
.btn-tg.blue:focus svg path {
    fill: #FFFFFF;
}

@media only screen and (max-width: 1919px) {
    .btn-tg {
        margin-left: 15px;
    }
    .header .btn-tg:lang(en) {
        width: 243px;
    }
}
@media only screen and (max-width: 1279px) {
    .btn-tg {
        margin-left: 0;
        width: 231px;
    }
    .btn-tg svg {
        display: none;
    }
    .header .btn-tg:lang(en) {
        width: 216px;
    }
}
@media only screen and (max-width: 1023px) {
    .btn-tg {
        display: none;
    }
    .btn-tg.blue {
        display: flex;
    }
    .header__menu-wrap {
        display: flex;
        padding-bottom: 120px;
    }
    .header__menu .btn-tg,
    .header__menu .btn-tg:lang(en) {
        margin-bottom: 50px;
        display: flex;
        width: 100%;
        height: 60px;
    }
    .header__menu .header_btn {
        display: none;
    }
    .header__menu .header-topline__language {
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 80px;
        flex: 1;
        height: 89px;
    }
    .header__menu .header-topline__language .link {
        cursor: pointer;
    }
    .header__menu .header-topline__language .lang_wrap_top {
        width: auto;
    }
    .header__menu .header-topline__language .link.active {
        font-family: 'Montserrat Bold';
        font-size: 16px;
        line-height: 12px;
        color: rgba(229, 229, 229, 1);
    }
    .header__menu .lang_wrap_top_inner a {
        transition: all .3s;
        font-family: 'Montserrat Bold';
        font-size: 16px;
        line-height: 12px;
        color: rgba(229, 229, 229, .3);
        border-bottom: none;
    }
    .header__menu .lang_wrap_top_inner a.link:hover {
        color: #F06718;
        background: transparent;
    }
}
@media only screen and (max-width: 767px) {
    .header__menu-wrap {
        padding: 35px 30px 120px;
    }
    .header__menu .header-topline__language {
        gap: 40px;
    }
    .header__menu .header-topline__language .lang_wrap_top_inner {
        gap: 40px;
    }
    .header__menu .header-topline__links li {
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #404040;
        border-bottom: none;
        height: 89px;
        width: 100%;
    }
    .header__menu .header-topline__links li a {
        width: 100%;
        height: 100%;
        font-family: 'Montserrat Bold';
        font-weight: bold;
        font-size: 12px;
        line-height: 12px;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #EBEBEB;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all .3s;
    }
    .header__menu .header-topline__links li a:not(:last-child) {
        flex-direction: column;
    }
    .header__menu .header-topline__links li a.header__menu-tel:hover {
        color: #F06718;
    }
    .header__menu .header-topline__links li a.header__menu-tel:hover svg path {
        fill: #F06718;
    }
    .header__menu .header-topline__links li a.header__menu-tel svg path {
        transition: .3s;
    }
    .header__menu .header-topline__links li .header__menu-tel svg {
        margin-right: 20px;
    }
    .header__menu .header-topline__links-item a:after {
        display: none;
    }
    .header__menu .header-topline__links {
        padding: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .header__menu .header-topline__links-item span.title {
        display: block;
        margin-top: 10px;
        font-family: 'Montserrat';
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 0.02em;
        color: #EBEBEB;
        text-transform: none;
    }
    .header__menu .tooltip {
        top: 12px;
    }
    .header__menu .btn-tg {
        margin-bottom: 35px;
        height: 50px;
    }
    .btn-tg.blue {
        height: 50px;
    }
    .header_btn .btn {
        width: 140px;
    }
}
@media only screen and (max-width: 479px) {
    .header__menu-wrap {
        padding: 35px 20px 120px;
    }
    .header__menu .header_btn {
        margin: 0 0 20px;
        display: block;
        width: 100%;
    }
    .header__menu .header_btn .btn.orange {
        width: 100%;
        font-size: 12px;
        line-height: 12px;
    }
    .btn-tg.blue {
        margin: 30px 0 40px;
    }
}

.telegramHelperVal {
    display: table-caption;
    color: #fff;
    font-family: 'Montserrat SemiBold';
    margin-top: -33px;
    margin-left: 21px;
}

.telegramHelperInput {
    padding-left: 40px !important;
}

/* fix tg popup autofill background-color */
input.telegramHelperInput:-webkit-autofill,
input.telegramHelperInput:-webkit-autofill, 
input.telegramHelperInput:-webkit-autofill:hover, 
input.telegramHelperInput:-webkit-autofill:focus, 
input.telegramHelperInput:-webkit-autofill:active {
    transition: background-color 0s;
    -webkit-text-fill-color: #fff;
    box-shadow: 0 0 0 50px #262831 inset;
}

/* footer wc menu */
.footer_wc__menu {
    margin-top: 80px;
    display: none;
}
html[lang=en] .footer_wc__menu {
    display: block;
}
.footer_wc__menu-title {
    display: block;
    font-family: AnnonceW01-Regular;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #EBEBEB;
    transition: all .3s;
}
.footer_wc__menu-title:hover {
    color: #FF7C1F;
    text-decoration: underline;
}
.footer_wc__menu-wrapper {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(4, 300px);
    column-gap: 205px;
}
.footer_wc__menu-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.footer_wc__menu-item a {
    font-family: 'Montserrat Medium';
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: #808080;
    transition: all .3s;
}
.footer_wc__menu-item a:not(:first-child) {
    margin-top: 18px;
}
.footer_wc__menu-item a:hover {
    color: #EBEBEB;
    text-decoration: underline;
}

@media only screen and (max-width: 1919px) {
    .footer_wc__menu-title {
        width: 250px;
    }
    .footer_wc__menu-wrapper {
        grid-template-columns: repeat(4, 250px);
        column-gap: 43px;
    }
}
@media only screen and (max-width: 1279px) {
    .footer_wc__menu {
        margin-top: 0;
        margin-bottom: 80px;
    }
    .footer_wc__menu-title {
        width: 400px;
    }
    .footer_wc__menu-wrapper {
        grid-template-columns: repeat(2, 400px);
        gap: 18px 53px;
    }
    .footer_wc__menu-item:last-child {
        margin-top: -36px;
    }
}
@media only screen and (max-width: 1023px) {
    .footer_wc__menu-title {
        width: 300px;
    }
    .footer_wc__menu-wrapper {
        grid-template-columns: repeat(2, 300px);
        gap: 18px 44px;
    }
    .footer_wc__menu-item:last-child {
        margin-top: -36px;
    }
}
@media only screen and (max-width: 767px) {
    .footer_wc__menu {
        margin-bottom: 70px;
    }
    .footer_wc__menu-title {
        width: 300px;
    }
    .footer_wc__menu-wrapper {
        margin-top: 30px;
        grid-template-columns: 300px;
        gap: 18px 0;
    }
    .footer_wc__menu-item:last-child {
        margin-top: 0;
    }
}
@media only screen and (max-width: 479px) {
    .footer_wc__menu {
        margin-bottom: 26px;
    }
    .footer_wc__menu-title {
        width: 100%;
    }
    .footer_wc__menu-item a {
        font-size: 14px;
        line-height: 17px;
    }
    .footer_wc__menu-item a:not(:first-child) {
        margin-top: 19px;
    }
    .footer_wc__menu-wrapper {
        grid-template-columns: 280px;
        gap: 19px 0;
    }
}

.hidden-label-title {
    display: none!important;
}

.telegram-label {
    display: block;
}

/* jivosite */

jdiv[class*="globalClass"] > jdiv.notranslate {
    z-index: 9 !important;
}

jdiv[class*="jivoMobileButton"] > jdiv[class^="button"] {
    margin-right: 5px !important;
    margin-bottom: 20px !important;
}

jdiv[class*="jivoMobileButton"] {
    z-index: 9 !important;
}

jdiv[class*="wrap"] > jdiv[class*="scroll"] jdiv[class*="container"] > jdiv[class*="container"] {
    z-index: 1000 !important;
}

jdiv[class*="container"] > jdiv[class*="wrapper"] {
    max-height: unset !important;
    overflow: visible !important;
}

jdiv[class*="container"] > jdiv[class*="wrapper"] > jdiv:nth-child(n+3):not([class*="checkbox"]) {
    opacity: 1 !important;
    visibility: visible !important;
}

@media only screen and (width < 768px) {
    jdiv[class*="jivoMobileButton"] > jdiv[class^="button"] {
        margin-bottom: 50px !important;
    }
}

/* configurator */

.configurator-title {
    padding-right: 200px;
    font-family: 'AnnonceW01-Regular';
    font-weight: 400;
    font-size: 80px;
    line-height: 90px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #EBEBEB;
}

.configurator-subtitle {
    margin-top: 40px;
    padding-right: 350px;
    font-family: 'AnnonceW01-Regular';
    font-weight: 400;
    font-size: 30px;
    line-height: 44px;
    letter-spacing: 0.02em;
    color: #808080;
}

.configurator-fs .btn_wrapper .btn {
    margin: 100px 0 0;
}

@media only screen and (max-width: 1919px) {
    .configurator-title {
        padding-right: 0;
        font-size: 50px;
        line-height: 60px;
    }
    .configurator-subtitle {
        padding-right: 110px;
        font-size: 24px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 1279px) {
    .configurator-subtitle {
        padding-right: 30px;
        font-size: 20px;
        line-height: 30px;
    }
    .configurator-fs .btn_wrapper .btn {
        margin-top: 60px;
    }
}

@media only screen and (max-width: 767px) {
    .configurator-title {
        font-size: 33px;
        line-height: 44px;
    }
    .configurator-subtitle {
        padding-right: 0;
        font-size: 16px;
        line-height: 26px;
    }
}

@media only screen and (max-width: 479px) {
    .configurator-title {
        font-size: 22px;
        line-height: 32px;
    }
    .configurator-subtitle {
        margin-top: 30px;
        font-size: 14px;
        line-height: 22px;
    }
}

.configurator {
    font-family:'Montserrat';
}

.configurator__wrapper {
    padding: 120px 0 150px;
    background: #FAFAFA;
}

.configurator__window {
    margin: 0 auto;
    width: 1130px;
}

@media only screen and (max-width: 1279px) {
    .configurator__window {
        width: 874px;
    }
}

@media only screen and (max-width: 1023px) {
    .configurator__wrapper {
        padding: 100px 0;
    }
    .configurator__window {
        width: 668px;
    }
}

@media only screen and (max-width: 767px) {
    .configurator .container {
        width: 100%;
    }
    .configurator__wrapper {
        padding: 80px 0 100px;
    }
    .configurator__window {
        width: calc(100% - 60px);
    }
}

@media only screen and (max-width: 479px) {
    .configurator__wrapper {
        padding: 60px 0 80px;
    }
    .configurator__window {
        width: calc(100% - 40px);
    }
}

.configurator__steps {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.configurator__step {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 14px;
    width: 110px;
    transition: .3s;
}

.configurator__step > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    background: #FAFAFA;
    border: 1px solid #7D7D80;
    border-radius: 100%;
    font-family: 'AnnonceW01-Regular';
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #7D7D80;
    transition: .3s;
    z-index: 1;
}

.configurator__steps:before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 22px;
    width: 1010px;
    height: 1px;
    background: #7D7D80;
}

.configurator__step > span {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #131313;
}

.configurator__step.active > span {
    font-family:'Montserrat Bold';
}

.configurator__step.active > div {
    background: #F06718;
    border-color: #F06718;
    color: #FAFAFA;
}

.configurator__step.done.active > div {
    background: #F06718;
    border-color: #F06718;
    color: #FAFAFA;
}

.configurator__step.done > div {
    background: #7D7D80;
    border-color: #7D7D80;
    color: #FAFAFA;
}

@media only screen and (max-width: 1279px) {
    .configurator__steps:before {
        width: 730px;
    }
}

@media only screen and (max-width: 1023px) {
    .configurator__steps {
        display: none;
    }
}

.step {
    display: none;
}

.step.active {
    display: block;
}

.configurator__mob-steps {
    display: none;
}

.configurator__window-body {
    margin-top: 50px;
}

@media only screen and (max-width: 1023px) {
    .configurator__window-body {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .configurator__window-body {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 479px) {
    .configurator__window-body {
        margin-top: 20px;
    }
}

.step-title {
    font-family: 'AnnonceW01-Regular';
    font-weight: 400;
    font-size: 30px;
    line-height: 42px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    display: flex;
    align-items: center;
    column-gap: 25px;
}

.step-title svg {
    flex-shrink: 0;
}

.step-subtitle {
    margin-top: 20px;
    font-family:'Montserrat Medium';
    font-size: 20px;
    line-height: 34px;
    color: #131313;
}

.step-text {
    margin-top: 40px;
    font-family: 'Montserrat Medium';
    font-size: 20px;
    line-height: 34px;
    color: #131313;
}

@media only screen and (max-width: 1279px) {
    .step-title {
        font-size: 24px;
        line-height: 34px;
    }
}

@media only screen and (max-width: 1023px) {
    .step-title {
        font-size: 24px;
        line-height: 34px;
    }

    .configurator__mob-steps {
        display: flex;
    }

    .configurator__mob-step {
        display: none;
        justify-content: center;
        align-items: center;
        column-gap: 20px;
    }

    .configurator__mob-step.active {
        display: flex;
    }

    .configurator__step-img {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .configurator__step-img > span {
        position: absolute;
        font-family: 'AnnonceW01-Regular';
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        text-align: center;
        color: #7D7D80;
    }

    .configurator__step-info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        row-gap: 5px;
        font-size: 15px;
        line-height: 20px;
        color: #131313;
    }

    .configurator__step-info > span {
        font-family:'Montserrat Bold';
        font-size: 18px;
        line-height: 24px;
        color: #131313;
    }
}

@media only screen and (max-width: 767px) {
    .step-title {
        font-size: 20px;
        line-height: 30px;  
    }
    .step-subtitle {
        margin-top: 10px;
        font-size: 15px;
        line-height: 25px;
    }
    .step-text {
        font-size: 15px;
        line-height: 25px;
    }
    .configurator__mob-step {
        column-gap: 10px;
    }
    .configurator__step-img > svg {
        width: 76px;
        height: 76px;
    }
    .configurator__step-img > span {
        font-size: 12px;
        line-height: 12px;
    }
    .configurator__step-info {
        font-size: 14px;
        line-height: 18px;
    }
    .configurator__step-info > span {
        font-size: 16px;
        line-height: 22px;
    }
}

@media only screen and (max-width: 479px) {
    .step-title {
        font-size: 16px;
        line-height: 24px;
        column-gap: 10px;
    }
    .step-title svg {
        width: 30px;
        height: 30px;
    }
    .step-subtitle {
        font-size: 14px;
        line-height: 18px;
    }
    .step-text {
        margin-top: 30px;
        font-size: 14px;
        line-height: 18px;
    }
}

.configurator__items {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.configurator__item {
    display: flex;
    align-items: center;
    column-gap: 20px;
    height: 90px;
}

.configurator__item-btn {
    padding: 0 15px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 1062px;
    height: 100%;
    background: #FFFFFF;
    box-shadow: 0px 10px 24px rgba(115, 77, 54, 0.05);
    border: 1px solid #FFFFFF;
    border-radius: 6px;
    font-family: 'Montserrat Bold';
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #7D7D80;
    transition: .3s;
    cursor: pointer;
}

.configurator__item-btn:hover {
    border-color: #CCCCCC;
    color: #3D3D3D;
    box-shadow: none;
}

.step--4_1 .configurator__item-btn {
    width: 100%;
}

.configurator__item > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border: 1px solid #7D7D80;
    border-radius: 100%;
    font-family: 'AnnonceW01-Regular';
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    color: #7D7D80;
    transition: .3s;
    cursor: pointer;
}

.configurator__item > span:hover {
    color: #F06718;
    border-color: #F06718;
}

.configurator__item.active .configurator__item-btn {
    border-color: #1B1D26;
    color: #3D3D3D;
    box-shadow: none;
}

.configurator__item.active .configurator__item-btn:before {
    content: '';
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC44IiBkPSJNMTAgMEM0LjQ4NiAwIDAgNC40ODYgMCAxMEMwIDE1LjUxNCA0LjQ4NiAyMCAxMCAyMEMxNS41MTQgMjAgMjAgMTUuNTE0IDIwIDEwQzIwIDQuNDg2IDE1LjUxNCAwIDEwIDBaTTguMDAxIDE0LjQxM0w0LjI4OCAxMC43MDhMNS43IDkuMjkyTDcuOTk5IDExLjU4N0wxMy4yOTMgNi4yOTNMMTQuNzA3IDcuNzA3TDguMDAxIDE0LjQxM1oiIGZpbGw9IiNGMDY3MTgiLz4KPC9zdmc+Cg==);
    width: 20px;
    height: 20px;
    background-size: 100%;
}

@media only screen and (max-width: 1279px) {
    .configurator__items {
        margin-top: 40px;
    }
    .configurator__item-btn {
        width: 806px;
    }
}

@media only screen and (max-width: 1023px) {
    .configurator__item-btn {
        width: 600px;
    }
}

@media only screen and (max-width: 767px) {
    .configurator__items {
        margin-top: 20px;
        row-gap: 10px;
    }
    .configurator__item {
        column-gap: 15px;
        height: 64px;
    }
    .configurator__item-btn {
        width: calc(100% - 44px - 15px);
        font-size: 16px;
        line-height: 24px;
    }
    .configurator__item > span {
        width: 44px;
        height: 44px;
    }
}

@media only screen and (max-width: 479px) {
    .configurator__item {
        column-gap: 10px;
        height: 60px;
    }
    .configurator__item-btn {
        width: calc(100% - 10px - 40px);
        font-size: 14px;
        line-height: 18px;
    }
    .configurator__item.active .configurator__item-btn:before {
        right: 4px;
        top: 4px;
        width: 15px;
        height: 15px;
    }
    .configurator__item > span {
        width: 40px;
        height: 40px;
    }
}

.step-btns {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.step-btn-next.btn.orange {
    position: relative;
    column-gap: 10px;
    width: 192px;
    height: 70px;
    color: #7C7C7C;
}

.step-btn-next.btn.orange svg path {
    fill: #7C7C7C;
}

.step-btn-next.btn.orange:hover {
    background: #FFFFFF !important;
}

.step-btn-next.btn.orange span:nth-child(n) {
    background: #EAA57E;
}

.step-btn-next.btn.orange:hover span:nth-child(1), 
.step-btn-next.btn.orange:hover span:nth-child(3) {
    width: calc(100% - 37px);
}

.step-btn-next.btn.orange:hover span:nth-child(2), 
.step-btn-next.btn.orange:hover span:nth-child(4) {
    height: calc(100% - 27px);
}

.step-btn-next.btn.orange.active {
    color: #131313;
}

.step-btn-next.btn.orange.active svg path {
    fill: #131313;
}

.step-btn-next.btn.orange.active span:nth-child(n) {
    background: #F06718;
}

.step-btn-next.btn.orange.active:hover span:nth-child(n) {
    background: #FF7C1F;
}

.step-btn-next.btn.orange.active:hover span:nth-child(1), 
.step-btn-next.btn.orange.active:hover span:nth-child(3) {
    width: 100%;
}

.step-btn-next.btn.orange.active:hover span:nth-child(2), 
.step-btn-next.btn.orange.active:hover span:nth-child(4) {
    height: 100%;
}

.step-btn-next.btn.orange.active:hover {
    background: #FF7C1F !important;
}

.step-btn-prev {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 10px;
    font-family: 'Montserrat ExtraBold';
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #131313;
    transition: .3s;
    cursor: pointer;
}

.step-btn-prev:before {
    content: '';
    position: absolute;
    top: -15px;
    left: -15px;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
}

.step-btn-prev:hover {
    color: #F06718;
}

.step-btn-prev svg path {
    transition: .3s;
}

.step-btn-prev:hover svg path {
    fill: #F06718;
}

.step--1 .step-btn-prev {
    opacity: 0;
    visibility: hidden;
}

.step-btn-tooltip {
    padding: 15px;
    position: absolute;
    right: calc(100% + 19px);
    top: 50%;
    transform: translateY(-50%);
    width: 280px;
    min-height: 62px;
    background: #2B2E38;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.08);
    font-family: 'Montserrat';
    font-size: 13px;
    line-height: 16px;
    color: #EBEBEB;
    text-align: left;
    text-transform: none;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 8;
}

.step-btn-tooltip:after {
    content: '';
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 15px;
    height: 15px;
    background: #2B2E38;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.08);
}

.step-btn-next:not(.step-btn-next.active):hover .step-btn-tooltip {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 767px) {
    .step-btns {
        margin-top: 50px;
    }
    .step-btn-tooltip {
        right: -30px;
        top: calc(100% + 23px);
        transform: none;
        max-width: 480px;
        width: 100vw;
        height: 52px;
    }
    .step-btn-tooltip:after {
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    .step-btns {
        margin-top: 40px;
    }
    .step-btn-next.btn.orange {
        width: 152px;
        height: 60px;
        font-size: 14px;
        line-height: 14px;
    }
    .step-btn-tooltip {
        right: -20px;
    }
    .step-btn-prev {
        font-size: 14px;
        line-height: 14px;
    }
}

.step__info {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.step__info.active {
    display: flex;
}

.step__info-bg {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1A202B;
    opacity: 0.85;
}

.step__info-wrapper {
    position: relative;
    padding: 50px;
    width: 800px;
    background: #FFFFFF;
    box-shadow: 0px 10px 24px rgba(115, 77, 54, 0.05);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    text-align: left;
    z-index: 2;
}

.step__info__close {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 54px;
    height: 54px;
    transition: .3s;
    cursor: pointer;
}

.step__info__close svg path {
    transition: .3s;
}

.step__info__close:hover svg path {
    fill: #131313;
}

.step__info-title {
    margin-bottom: 30px;
    font-family: 'AnnonceW01-Regular';
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.04em;
    color: #131313;
}

.step__info-wrapper > p {
    font-size: 18px;
    line-height: 28px;
    color: #131313;
}

.step__info-wrapper > .btn {
    margin-top: 40px;
    width: 100px;
    height: 60px;
    font-size: 15px;
    line-height: 15px;
}

@media only screen and (max-width: 1023px) {
    .step__info-wrapper {
        padding: 50px 40px;
        width: 700px;
    }
}

@media only screen and (max-width: 767px) {
    .step__info-wrapper {
        padding: 40px 30px;
        width: 440px;
    }
    .step__info-title {
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 479px) {
    .step__info-wrapper {
        padding: 40px 20px;
        width: calc(100% - 40px);
    }
    .step__info-title {
        font-size: 18px;
        line-height: 26px;
    }
    .step__info-wrapper > p {
        font-size: 16px;
        line-height: 26px;
    }
    .step__info-wrapper > .btn {
        margin-top: 30px;
    }
}

.configurator__providers {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    width: 100%;
}

.configurator__provider {
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    width: 260px;
    height: 135px;
    background: #FFFFFF;
    box-shadow: 0px 10px 24px rgba(115, 77, 54, 0.05);
    border-radius: 6px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: .3s;
}

.configurator__provider:nth-child(-n + 16) {
    display: flex;
}

.configurator__providers.active .configurator__provider:nth-child(n) {
    display: flex;
}

.configurator__provider:hover {
    border-color: #CCCCCC;
    box-shadow: none;
}

.configurator__provider.active {
    border-color: #1B1D26;
    box-shadow: none;
}

.configurator__provider > img {
    filter: grayscale(1);
    width: 180px;
    height: 75px;
    object-fit: cover;
}

.configurator__provider:hover > img,
.configurator__provider.active > img {
    filter: grayscale(0);
}

.configurator__provider.active:before {
    content: '';
    position: absolute;
    right: 9px;
    top: 9px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC44IiBkPSJNMTAgMEM0LjQ4NiAwIDAgNC40ODYgMCAxMEMwIDE1LjUxNCA0LjQ4NiAyMCAxMCAyMEMxNS41MTQgMjAgMjAgMTUuNTE0IDIwIDEwQzIwIDQuNDg2IDE1LjUxNCAwIDEwIDBaTTguMDAxIDE0LjQxM0w0LjI4OCAxMC43MDhMNS43IDkuMjkyTDcuOTk5IDExLjU4N0wxMy4yOTMgNi4yOTNMMTQuNzA3IDcuNzA3TDguMDAxIDE0LjQxM1oiIGZpbGw9IiNGMDY3MTgiLz4KPC9zdmc+Cg==);
    width: 20px;
    height: 20px; 
    background-size: 100%;
}

@media only screen and (max-width: 1279px) {
    .configurator__providers {
        margin-top: 40px;
        gap: 10px;
    }
    .configurator__provider {
        width: 210px;
        height: 120px;
    }
    .configurator__provider > img {
        width: 156px;
        height: 65px;
    }
}

@media only screen and (max-width: 1023px) {
    .configurator__providers {
        gap: 10px 9px;
    }
    .configurator__provider {
        width: 160px;
        height: 90px;
    }
    .configurator__provider > img {
        width: 120px;
        height: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .configurator__providers {
        margin-top: 20px;
        gap: 10px;
        width: 100%;
    }
    .configurator__provider {
        width: calc((100% - 10px) / 2);
        height: 90px;
    }
    .configurator__provider > img {
        filter: grayscale(0);
    }
    .configurator__provider:nth-child(-n + 16) {
        display: none;
    }
    .configurator__provider:nth-child(-n + 8) {
        display: flex;
    }
}

@media only screen and (max-width: 479px) {
    .configurator__provider.active:before {
        right: 4px;
        top: 4px;
        width: 15px;
        height: 15px;
    }
    .configurator__provider {
        height: 65px;
    }
    .configurator__provider > img {
        width: 84px;
        height: 35px;
    }
}

.show-more-btn {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 12px;
    width: 100%;
    height: 50px;
    background: #EBEBEB;
    font-family: 'Montserrat SemiBold';
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #7D7D80;
    cursor: pointer;
    transition: .3s;
}

.show-more-btn:hover {
    background: #747476;
    color: #EBEBEB;
}

.show-more-btn:hover svg path {
    fill: #EBEBEB;
}

@media only screen and (max-width: 767px) {
    .show-more-btn {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 479px) {
    .show-more-btn {
        margin-top: 30px;
    }
}

.configurator__licenses {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    width: 100%;
}

.configurator__license {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 20px;
    width: 260px;
    height: 158px;
    background: #FFFFFF;
    border-radius: 6px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: .3s;
}

.configurator__license > img {
    width: 70px;
    height: 70px;
    flex-shrink: 0;
    object-fit: cover;
}

.configurator__license > span {
    font-family: 'Montserrat Bold';
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #7D7D80;
}

.configurator__license.active > span {
    color: #131313;
}

.configurator__license:hover {
    border-color: #CCCCCC;
}

.configurator__license.active {
    border-color: #1B1D26;
}

.configurator__license.active:before {
    content: '';
    position: absolute;
    right: 9px;
    top: 9px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC44IiBkPSJNMTAgMEM0LjQ4NiAwIDAgNC40ODYgMCAxMEMwIDE1LjUxNCA0LjQ4NiAyMCAxMCAyMEMxNS41MTQgMjAgMjAgMTUuNTE0IDIwIDEwQzIwIDQuNDg2IDE1LjUxNCAwIDEwIDBaTTguMDAxIDE0LjQxM0w0LjI4OCAxMC43MDhMNS43IDkuMjkyTDcuOTk5IDExLjU4N0wxMy4yOTMgNi4yOTNMMTQuNzA3IDcuNzA3TDguMDAxIDE0LjQxM1oiIGZpbGw9IiNGMDY3MTgiLz4KPC9zdmc+Cg==);
    width: 20px;
    height: 20px; 
    background-size: 100%;
}

.step--4_2 .show-more-btn {
    display: none;
}

@media only screen and (max-width: 1279px) {
    .configurator__licenses {
        margin-top: 40px;
        gap: 10px;
    }
    .configurator__license {
        width: 210px;
        height: 138px;
    }
    .configurator__license > img {
        width: 50px;
        height: 50px;
    }
}

@media only screen and (max-width: 1023px) {
    .configurator__licenses {
        gap: 10px 9px;
    }
    .configurator__license {
        width: 160px;
        height: 138px;
    }
}

@media only screen and (max-width: 767px) {
    .configurator__licenses {
        margin-top: 20px;
        gap: 10px;
    }
    .configurator__license {
        width: calc((100% - 10px) / 2);
        height: 118px;
        row-gap: 10px;
        display: none;
    }
    .configurator__license > img {
        width: 40px;
        height: 40px;
    }
    .configurator__license:nth-child(-n + 8) {
        display: flex;
    }
    .configurator__licenses.active .configurator__license:nth-child(n) {
        display: flex;
    }
    .step--4_2 .show-more-btn {
        display: flex;
    }
}

@media only screen and (max-width: 479px) {
    .configurator__license {
        height: 107px;
    }
    .configurator__license > span {
        font-size: 14px;
        line-height: 17px;
    }
}

.steps-check {
    margin-top: 50px;
    box-shadow: 0px 10px 24px rgba(115, 77, 54, 0.05);
    border-radius: 6px;
}

.steps-check-item {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
}

.steps-check-item:nth-child(odd) {
    background: #FFFFFF;
}

.steps-check-item:first-child {
    border-radius: 6px 6px 0 0;
}

.steps-check-item:last-child {
    border-radius: 0 0 6px 6px;
}

.steps-check-name {
    display: flex;
}

.steps-check-name span {
    display: flex;
    align-items: center;
    font-size: 15px;
    line-height: 24px;
}

.steps-check-name span:first-child {
    padding: 20px 20px 20px 30px;
    width: 280px;
    color: #131313;
    flex-shrink: 0;
}

.steps-check-name span:last-child {
    padding: 20px 20px 20px 10px;
    font-family: 'Montserrat Bold';
    color: #3D3D3D;
}

.steps-check-edit {
    padding: 0 30px 0 20px;
    display: flex;
    align-items: center;
    column-gap: 12px;
    cursor: pointer;
}

.steps-check-edit span {
    font-family: 'Montserrat Medium';
    font-size: 16px;
    line-height: 20px;
    color: #7D7D80;
    text-decoration-line: underline;
    text-underline-offset: 3px;
    transition: .3s;
}

.steps-check-edit:hover span {
    color: #F06718;
}

.steps-check-edit:hover svg path {
    fill: #F06718;
}

@media only screen and (max-width: 1279px) {
    .steps-check {
        margin-top: 40px;
    }
    .steps-check-name span:last-child {
        padding-right: 25px;
    }
}

@media only screen and (max-width: 1023px) {
    .steps-check-name span:first-child {
        padding: 20px;
        width: 200px;
    }
    .steps-check-name span:last-child {
        padding: 20px 10px;
    }
    .steps-check-edit {
        padding: 0 20px 0 10px;
    }    
}

@media only screen and (max-width: 767px) {
    .steps-check {
        margin-top: 20px;
    }
    .steps-check-name {
        padding: 20px;
        flex-direction: column;
        row-gap: 10px;
    }
    .steps-check-name span:first-child,
    .steps-check-name span:last-child {
        padding: 0;
        width: auto;
    }
    .steps-check-name span:first-child {
        font-size: 14px;
    }   
    .steps-check-edit span {
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    .steps-check-name {
        padding: 10px 10px 10px 15px;
    }
    .steps-check-name span:first-child {
        font-size: 13px;
        line-height: 18px;
    }
    .steps-check-name span:last-child {
        font-size: 14px;
        line-height: 20px;
    }
    .steps-check-edit {
        padding-right: 15px;
    }
}

/* step 7 */

.step--7 .step-subtitle {
    margin-top: 40px;
    font-family: 'Montserrat Bold';
    font-size: 20px;
    line-height: 30px;
    color: #3D3D3D;
}

.step--7 .step-btns {
    margin-top: 86px;
}

.configurator-form {
    margin-top: 15px;
    width: 800px;
    display: block !important;
    position: relative;
    background: none;
    overflow: unset;
    z-index: 1;
}

.configurator-form form.common__form {
    margin: 0;
}

.configurator-form .form_wrapper {
    padding: 0;
    max-width: unset;
    width: 100%;
}

.configurator-form form.common__form p.form_title {
    color: #3D3D3D;
}

.configurator-form form.common__form p.form_title i {
    font-family: 'Montserrat';
    font-style: italic;
    font-size: 13px;
    line-height: 16px;
    text-transform: none;
}

.configurator-form .subinfo {
    margin-bottom: 40px;
    line-height: 20px;
}

.configurator-form form.common__form .contacts-form__terms {
    margin: 30px 0;
}

.configurator-form form.common__form input.form_field {
    background: unset;
    border: 1px solid #AFB0B3;
    font-family: 'Montserrat';
    color: #3D3D3D;
    transition: .3s;
}

.configurator-form .full-width_block.active input.form_field {
    border-color: #1B1D26;
}

.configurator-form .contacts-form__error.js + label input {
    background: #FCF2F2;
    border-color: #A62126;
}

.configurator-form form.common__form input.form_field::placeholder {
    font-family: 'Montserrat';
    color: #7D7D80;
}

.configurator-form form.common__form input.form_field:focus {
    border: 1px solid #1B1D26;
    background: unset;
    box-shadow: 0 0 0 3px #CED1D9;
}

.configurator-form .full-width_block.active #phone {
    border-color: #1B1D26;
}

.configurator-form form.common__form #phone {
    padding-left: 125px !important;
    color: #3D3D3D;
}

.configurator-form form.common__form #phone:focus {
    border: 1px solid #1B1D26 !important;
    background: unset!important;
    box-shadow: 0 0 0 3px #CED1D9;
}

.configurator-form form.common__form .iti__arrow {
    border-top: 4px solid #7D7D80;
}

.configurator-form form.common__form .iti__arrow--up {
    border-bottom: 4px solid #7D7D80;
}

.configurator-form .iti--separate-dial-code .iti__selected-flag {
    background: unset;
}

.configurator-form form.common__form .iti--separate-dial-code .iti__selected-dial-code {
    color: #3D3D3D;
}

.configurator-form form.common__form .iti--allow-dropdown input, 
.configurator-form form.common__form .iti--allow-dropdown input[type="text"], 
.configurator-form form.common__form .iti--allow-dropdown input[type="tel"], 
.configurator-form form.common__form .iti--separate-dial-code input, 
.configurator-form form.common__form .iti--separate-dial-code input[type="text"], 
.configurator-form form.common__form .iti--separate-dial-code input[type="tel"] {
    border: 1px solid #AFB0B3;
    transition: .3s;
}

.configurator-form .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background: unset;
}

.configurator-form form.common__form .terms_checkbox {
    column-gap: 15px;
}

.configurator-form form.common__form .contacts-form__terms-text,
.configurator-form form.common__form .contacts-form__terms-text > a {
    color: #3D3D3D;
}

.configurator-form .contacts-form__terms label i {
    border: 1px solid #7D7D80;
    width: 34px;
    height: 34px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    cursor: pointer;
    flex-shrink: 0;
}

.configurator-form .contacts-form__terms .terms_checkbox.js i  {
    border-color: #A62126;
}

.configurator-form .contacts-form__terms label svg {
    opacity: 0;
    transition: .3s;
}

.configurator-form .contacts-form__terms.error label i {
    border-color: #A62126;
    opacity: 1;
}

.configurator-form .contacts-form__terms label:hover i {
    border-color: #F06718;
}

.configurator-form .contacts-form__terms label input:checked + i {
    background: #F06718;
    border-color: #F06718;
    opacity: 1;
}

.configurator-form .contacts-form__terms label input:checked + i svg {
    opacity: 1;
}

.configurator-form .popup__fields {
    margin-bottom: 40px;
}

.configurator-form .thks-msg {
    padding: 100px 0;
}

/*loader*/

.configurator-form .loader {
    height: 222px;
    width: 1130px;
}

.configurator-form .smartbody {
    margin: 0;
    top: 32%;
    left: 62%;
}

.configurator-form .loader__text {
    padding: 0;
    top: 115px;
    left: 160px;
    color: #0C0C0C;
    font-size: 11px;
}

.configurator-form .smartbody > span {
    background: #0C0C0C;
}

.configurator-form .base span {
    border-right: 100px solid #0C0C0C;
}

.configurator-form .base span:before {
    background: #0C0C0C;
}

.configurator-form .base span:after {
    border-right: 55px solid #0C0C0C;
}

.configurator-form .face {
    background: #0C0C0C;
}

.configurator-form .face:after {
    background: #0C0C0C;
}

.configurator-form .smartbody > span > span:nth-child(1), 
.configurator-form .smartbody > span > span:nth-child(2), 
.configurator-form .smartbody > span > span:nth-child(3), 
.configurator-form .smartbody > span > span:nth-child(4) {
    background: #0C0C0C;
}

/* succes msg */

.configurator-form .success_wrapper {
    margin-top: -50px;
}

.configurator-form .success_wrapper .form_wrapper {
    padding: 0;
    height: auto;
}

.configurator-form .success_wrapper p.title {
    color: #131313;
}

.configurator-form .success_wrapper p.text {
    margin: 0;
    padding: 0;
    color: #3D3D3D;
}

.configurator-form .success_wrapper.error .btn {
    margin-top: 60px;
    width: 280px;
    color: #131313;
}

@media only screen and (max-width: 1279px) {
    .configurator-form .loader {
        width: 874px;
    }
    .configurator-form .smartbody {
        left: 45%;
    }
    .configurator-form .loader__text {
        left: 35px;
    }
}

@media only screen and (max-width: 1023px) {
    .configurator-form {
        width: 100%;
    }
    .configurator-form .loader {
        width: 100%;
    }
    .configurator-form .smartbody {
        left: 40%;
    }
    .configurator-form .loader__text {
        left: 5px;
    }
    .configurator-form .success_wrapper {
        margin-top: -40px;
    }
}

@media only screen and (max-width: 767px) {
    .step--7 .step-subtitle {
        margin-top: 30px;
        font-size: 14px;
        line-height: 20px;
    }
    .configurator-form {
        margin-top: 10px;
    }
    .configurator-form form.common__form .contacts-form__btn {
        width: 304px;
    }
    .step--7 .step-btns {
        margin-top: 76px;
    }
    .configurator-form .smartbody {
        left: 34%;
    }
    .configurator-form .success_wrapper, 
    .configurator-form .success_wrapper.error {
        margin: -30px 0 0 -10px;
        width: 440px;
    }
    .configurator-form .success_wrapper p.title {
        text-transform: none;
        letter-spacing: 0;
    }
    .configurator-form .success_wrapper.error .btn {
        margin-top: 50px;
    }
}

@media only screen and (max-width: 479px) {
    .step--7 .step-subtitle {
        margin-top: 20px;
    }
    .configurator-form .subinfo {
        margin-bottom: 30px;
        font-size: 12px;
        line-height: 15px;
    }
    .configurator-form form.common__form .contacts-form__btn {
        margin-top: 6px;
        width: 100%;
        height: 60px;
    }
    .step--7 .step-btns {
        margin-top: 63px;
    }
    .configurator-form .smartbody {
        left: 27%;
    }
    .configurator-form .success_wrapper, 
    .configurator-form .success_wrapper.error {
        margin: -20px 0 0;
        width: 100%;
    }
    .configurator-form .success_wrapper.error .btn {
        margin-top: 40px;
    }
}

.show-more-btn .less {
    display: none;
}

/* back office */

.backoffice {
    padding: 150px 0;
    background: #EBEBEB;
}

.backoffice-title {
    font-family: 'AnnonceW01-Regular';
    font-size: 62px;
    line-height: 72px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #131313;
}

.backoffice__items {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
    row-gap: 30px;
    flex-wrap: wrap;
}

.backoffice__item {
    position: relative;
    width: 550px;
    height: 410px;
    cursor: pointer;
}

.backoffice__item img {
    width: 100%;
    height: 100%;
}

.backoffice__item span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Montserrat Bold';
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    background-color: rgba(27, 29, 38, .7);
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

.backoffice__item:hover span {
    opacity: 1;
    visibility: visible;
}

.backoffice .btn_wrapper {
    margin-top: 70px;
    column-gap: 30px;
}

.backoffice .btn_wrapper .btn {
    width: 300px;
    height: 70px;
}

.backoffice .btn.orange {
    color: #131313;
}

.backoffice .btn.gray span {
    background: #808080;
}

.backoffice .btn.gray:hover span {
    background: #131313;
}

.backoffice .btn.gray:hover {
    color: #131313;
}

.backoffice-show-more {
    display: none;
}

@media only screen and (max-width: 1279px) {
    .backoffice-title {
        font-size: 44px;
        line-height: 56px;
    }

    .backoffice__item {
        width: 422px;
        height: 315px;
    }
}
/* update date block for products + service */

.update-date {
    background: #EBEBEB;
}

.seo + .update-date {
    margin-top: -50px;
    padding-bottom: 100px;
}

.update-date .wrap {
    max-width: 945px;
}

.update-date__wrapper {
    display: flex;
    align-items: center;
    column-gap: 12px;
    font-family: 'Montserrat SemiBold';
    font-size: 15px;
    line-height: 18px;
    color: #646466;
}

@media only screen and (max-width: 1279px) {
    .update-date .wrap {
        max-width: 743px;
    }
}

@media only screen and (max-width: 1023px) {
    .backoffice {
        padding: 100px 0;
    }
    .backoffice-title {
        font-size: 30px;
        line-height: 44px;
    }
    .backoffice__items {
        margin-top: 60px;
        row-gap: 20px;
    }
    .backoffice__item {
        width: 324px;
        height: 242px;
    }
    .backoffice__item span {
        width: 84px;
        height: 84px;
        border-radius: 100%;
        font-size: 14px;
        line-height: 17px;
        background-color: rgba(125, 125, 128, .9);
        opacity: 1;
        visibility: visible;
        transition: background-color .3s;
    }
    .backoffice__item:hover span {
        width: 100%;
        height: 100%;
        border-radius: 0;
        background-color: rgba(27, 29, 38, .7);
    }
    .backoffice .btn_wrapper .btn {
        width: 318px;
    }
}

@media only screen and (max-width: 767px) {
    .backoffice__item {
        width: 200px;
        height: 433px;
        cursor: default;
    }
    .backoffice__item:hover span {
        border-radius: 10px;
    }
    .backoffice .btn_wrapper {
        flex-direction: column;
        row-gap: 30px;
    }
    .backoffice .btn_wrapper .btn {
        width: 100%;
    }
}

@media only screen and (max-width: 479px) {
    .backoffice {
        padding: 80px 0;
    }
    .backoffice-title {
        font-size: 23px;
        line-height: 35px;
    }
    .backoffice__items {
        row-gap: 30px;
    }
    .backoffice__item {
        width: 100%;
        height: auto;
    }
    .backoffice__items .backoffice__item:nth-child(n+3) {
        display: none;
    }
    .backoffice__items.active .backoffice__item:nth-child(n) {
        display: block;
    }
    .backoffice .btn_wrapper {
        margin-top: 60px;
        row-gap: 20px;
    }
    .backoffice .btn_wrapper .btn {
        height: 60px;
        font-size: 14px;
        line-height: 14px;
    }
    .backoffice-show-more {
        margin-top: 50px;
        width: 100%;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 12px;
        background: #FFFFFF;
        font-family:'Montserrat SemiBold';
        font-size: 14px;
        line-height: 14px;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #7D7D80;
        transition: .3s;
        cursor: pointer;
    }
    .backoffice-show-more:hover {
        background: #747476;
        color: #FFFFFF;
    }
    .backoffice-show-more svg path {
        transition: .3s;
    }
    .backoffice-show-more:hover svg path {
        fill: #FFFFFF;
    }
    .backoffice-show-more span:nth-child(2) {
        display: none;
    }
    .backoffice__items.active + .backoffice-show-more span:nth-child(1) {
        display: none;
    }
    .backoffice__items.active + .backoffice-show-more span:nth-child(2) {
        display: block;
    }
    .backoffice__items.active + .backoffice-show-more svg {
        transform: scaleY(-1);
    }
}

/* backoffice slider */

.backoffice__hidden {
    position: fixed;
    left: 0;
    top: 110px;
    width: 100%;
    height: calc(100vh - 110px);
    padding-bottom: 110px;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 100000;
    overflow: scroll;
}

.backoffice__hidden.active {
    display: flex;
}

.backoffice__overlay {
    background: rgba(11, 12, 13, 0.71);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 1;
}

.backoffice-close {
    position: fixed;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
    background-color: #8D8F99;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .2s ease;
    cursor: pointer;
    z-index: 33;
}

.backoffice-close:hover {
    background-color: #FF7C1F;
}

.backoffice__slider-wrapper {
    z-index: 2;
    position: relative;
    margin: auto;
    display: none;
}

.backoffice__slider-nav {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1920px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: -1;
}

.backoffice-left-arrow,
.backoffice-right-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 230px;
    height: 340px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .2s ease;
    cursor: pointer;
}

.backoffice-right-arrow {
    right: 0;
}

.backoffice-left-arrow:hover svg g,
.backoffice-right-arrow:hover svg g {
    fill: #EBEBEB;
    opacity: 1;
}

.backoffice-left-arrow:hover svg path,
.backoffice-right-arrow:hover svg path {
    fill: #131313;
}

.backoffice__slider {
    width: 1000px;
}

.backoffice__slider img {
    width: 100%;
    image-rendering: -webkit-optimize-contrast;
}

.backoffice__slider-item {
    overflow: hidden;
}

.backoffice-shadow {
    position: fixed;
    display: block;
    z-index: 32;
    left: 0;
    top: 0;
    width: 100%;
    height: 150px;
    background: linear-gradient(180deg, #13141D 0%, rgba(19, 20, 29, 0) 100%);
}

@media only screen and (max-width: 1919px) {
    .backoffice__slider-nav {
        width: 1280px;
    }
    .backoffice-left-arrow,
    .backoffice-right-arrow {
        width: 140px;
    }
    .backoffice-left-arrow {
        justify-content: flex-start;
        padding-left: 20px;
    }
    .backoffice-right-arrow {
        justify-content: flex-end;
        padding-right: 20px;
    }
}

@media only screen and (max-width: 1279px) {
    .backoffice__hidden {
        top: 80px;
        height: calc(100vh - 80px);
        padding-bottom: 80px;
    }
    .backoffice__slider {
        width: 760px;
    }
    .backoffice-shadow {
        height: 100px;
    }
    .backoffice-close {
        width: 70px;
        height: 70px;
    }
    .backoffice__slider-nav {
        width: 1024px;
    }
    .backoffice-left-arrow,
    .backoffice-right-arrow {
        width: 132px;
    }
}

@media only screen and (max-width: 1023px) {
    .backoffice-close {
        width: 60px;
        height: 60px;
    }
    .backoffice__slider {
        width: 500px;
    }
    .backoffice__slider-nav {
        width: 768px;
    }
    .backoffice-left-arrow,
    .backoffice-right-arrow {
        width: 104px;
    }
}

@media only screen and (max-width: 767px) {
    .backoffice__hidden {
        top: 60px;
        height: calc(100vh - 60px);
        padding-bottom: 60px;
    }
    .backoffice__slider {
        width: 340px;
    }
    .backoffice__slider-nav {
        width: 480px;
    }
    .backoffice-left-arrow,
    .backoffice-right-arrow {
        width: 70px;
    }
    .backoffice-left-arrow svg,
    .backoffice-right-arrow svg {
        width: 45px;
        height: 40px;
    }
    .backoffice-left-arrow {
        padding-left: 10px;
    }
    .backoffice-right-arrow {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 599px) {
    .backoffice__slider-arrow {
        width: 130px;
    }
    .backoffice__slider-arrow svg {
        margin-right: 64px;
    }
    .backoffice__slider-arrow:first-child svg {
        margin-right: -64px;
    }
}

@media only screen and (max-width: 479px) {
    .backoffice__hidden {
        top: 70px;
        height: calc(100vh - 70px);
        padding-bottom: 70px;
    }
    .backoffice-shadow {
        height: 80px;
    }
    .backoffice__slider {
        width: calc(100vw - 80px);
    }
    .backoffice__slider-nav {
        width: 100vw;
    }
    .backoffice-left-arrow,
    .backoffice-right-arrow {
        width: 40px;
    }
    .backoffice-left-arrow svg,
    .backoffice-right-arrow svg {
        width: 35px;
        height: 31px;
    }
    .backoffice-left-arrow {
        padding-left: 5px;
    }
    .backoffice-right-arrow {
        padding-right: 5px;
    }
    .seo + .update-date {
        margin-top: -20px;
        padding-bottom: 70px;
    }
}

@media only screen and (max-width: 767px) {
    .seo + .update-date {
        margin-top: -30px;
        padding-bottom: 65px;
    }
}

@media only screen and (max-width: 479px) {
    .seo + .update-date {
        margin-top: -10px;
        padding-bottom: 45px;
    }
}

/* infographic - trends */

.trends {
    margin-bottom: 50px;
    padding: 80px 60px 0;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 10px 24px 0px rgba(115, 77, 54, 0.05);
}

.trends svg {
    flex-shrink: 0;
}

.trends > svg {
    margin: 0 auto;
    display: flex;
}

.trends-text {
    margin-top: 60px;
    font-family: 'Montserrat Medium';
    color: #131313;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
}

.trends-title {
    margin-top: 60px;
    color: #131313;
    font-size: 24px;
    font-family: AnnonceW01-Regular;
    line-height: 36px;
    text-transform: uppercase;
}

.trends-list {
    margin-top: 40px;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}

.trends-list-item {
    display: flex;
    align-items: center;
    column-gap: 40px;
}

.trends-list-item span {
    color: #131313;
    font-size: 18px;
    font-family: 'Montserrat Medium';
    font-weight: 500;
    line-height: 30px;
}

.trends-research {
    margin-top: 60px;
    display: flex;
    margin-left: -60px;
    width: calc(100% + 120px);
}

.trends-research-item {
    padding: 60px 30px 60px 60px;
    width: calc(100% / 2);
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    border-radius: 0px 0px 0px 6px;
    background: #E0762B;
}

.trends-research-item:last-child {
    padding: 60px 60px 60px 30px;
    border-radius: 0px 0px 6px 0px;
    background: #131313;
}

.trends-research-item span {
    color: #FFF;
    font-size: 18px;
    font-family: 'Montserrat Medium';
    font-weight: 500;
    line-height: 30px;
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .trends {
        padding: 60px 40px 0;
    }
    .trends > svg {
        width: 300px;
        height: auto;
    }
    .trends-text {
        margin-top: 50px;
    }
    .trends-title {
        margin-top: 50px;
        font-size: 20px;
        line-height: 32px;
    }
    .trends-list-item {
        column-gap: 30px;
    }
    .trends-research {
        margin-top: 50px;
        margin-left: -40px;
        width: calc(100% + 80px);
        flex-direction: column;
    }
    .trends-research-item {
        padding: 50px 40px;
        width: 100%;
        border-radius: 0;
    }
    .trends-research-item:last-child {
        padding: 50px 40px;
        border-radius: 0px 0px 6px 6px;
    }
}

@media only screen and (max-width: 1023px) {
    .trends {
        padding: 80px 40px 0;
    }
    .trends-list-item {
        column-gap: 30px;
    }
    .trends-research {
        margin-left: -40px;
        width: calc(100% + 80px);
    }
    .trends-research-item {
        padding: 60px 20px 60px 40px;
    }
    .trends-research-item:last-child {
        padding: 60px 30px;
    }
}

@media only screen and (max-width: 767px) {
    .trends {
        padding: 50px 30px 0;
    }
    .trends > svg {
        width: 200px;
        height: auto;
    }
    .trends-text {
        margin-top: 40px;
    }
    .trends-title {
        margin-top: 40px;
        font-size: 20px;
        line-height: 32px;
    }
    .trends-list {
        margin-top: 30px;
        padding: 0 10px;
    }
    .trends-list-item {
        column-gap: 20px;
    }
    .trends-list-item > svg {
        width: 40px;
        height: auto;
    }
    .trends-research {
        margin-top: 40px;
        margin-left: -30px;
        width: calc(100% + 60px);
        flex-direction: column;
    }
    .trends-research-item {
        padding: 40px 30px;
        row-gap: 20px;
        width: 100%;
        border-radius: 0;
    }
    .trends-research-item:last-child {
        padding: 40px 30px;
        border-radius: 0px 0px 6px 6px;
    }
    .trends-research-item > svg {
        width: 60px;
        height: auto;
    }
}

@media only screen and (max-width: 479px) {
    .trends {
        padding: 40px 20px 0;
    }
    .trends > svg {
        width: 160px;
    }
    .trends-text {
        margin-top: 30px;
        font-size: 16px;
        line-height: 28px;
    }
    .trends-title {
        margin-top: 30px;
        font-size: 18px;
        line-height: 30px;
        word-break: break-word;
    }
    .trends-list {
        margin-top: 25px;
        padding: 0;
        row-gap: 25px;
    }
    .trends-list-item {
        column-gap: 15px;
    }
    .trends-list-item > svg {
        width: 30px;
    }
    .trends-list-item span,
    .trends-research-item span {
        font-size: 16px;
        line-height: 28px;
    }
    .trends-research {
        margin-top: 30px;
        margin-left: -20px;
        width: calc(100% + 40px);
    }
    .trends-research-item {
        padding: 30px 20px;
    }
    .trends-research-item:last-child {
        padding: 30px 20px;
    }
}


.sharing {
    position: fixed;
    left: 0;
    right: 0;
    height: 100vh;
    width: 100%;
    background: rgba(45, 45, 45, .7);
    z-index: 10000;
    display: none;
    justify-content: center;
    align-items: center;
    top: 0;
    overflow: scroll;
}

.sharing.active {
    display: flex;
}

@media only screen and (max-height: 800px) {
    .sharing {
        align-items: flex-start;
    }
}

.sharing * {
    box-sizing: border-box;
}

.sharing svg {
    flex-shrink: 0;
}

.sharing svg,
.sharing svg path {
    transition: .3s;
}

.sharing-box {
    position: relative;
    margin: 50px 0;
    padding: 60px;
    border-radius: 20px;
    background: #FFF;
    width: 780px;
}

.sharing-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sharing-head span {
    font-family: 'Montserrat';
    color: #111;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0.48px;
}

.sharing-close {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #EBECF0;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    cursor: pointer;
}

.sharing-close:hover svg path {
    stroke: #111111;
}

.sharing-text {
    font-family: 'Montserrat';
    margin-top: 20px;
    color: #595959;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.32px;
}

.sharing-items {
    margin-top: 45px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
}

.sharing-item {
    width: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
    text-decoration: none;
    cursor: pointer !important;
}

.sharing-item.telegram .sharing-item-icon {
    background: #DFF5FF;
}

.sharing-item.viber .sharing-item-icon {
    background: #ECE7FD;
}

.sharing-item.whatsapp .sharing-item-icon {
    background: #E2F5E5;
}

.sharing-item.instagram .sharing-item-icon {
    background: #F5E2F0;
}

.sharing-item.linkedin .sharing-item-icon {
    background: #DBEDFF;
}

.sharing-item.reddit .sharing-item-icon {
    background: #FFECE5;
}

.sharing-item.twitter .sharing-item-icon {
    background: #EBECF0;
}

.sharing-item.snapchat .sharing-item-icon {
    background: #FFFD80;
}

.sharing-item.copylink .sharing-item-icon {
    background: #EBECF0;
}

.sharing-item-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 200px;
    background: #E0EDFD;
    width: 100px;
    height: 100px;
}

.sharing-item span {
    font-family: 'Montserrat';
    color: #111;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.32px;
}

.sharing-item:hover .sharing-item-icon svg {
    width: 50px;
    height: 50px;
}

.sharing-item.copylink:hover .sharing-item-icon svg path {
    fill: #111111;
}

.sharing-tooltip {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 4px;
    background: #1F2C35;
    display: none;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    width: 180px;
    height: 40px;
}

.sharing-tooltip.active {
    display: flex;
}

.sharing-tooltip span {
    font-family: 'Montserrat';
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.32px;
}

@media only screen and (max-width: 1023px) {
    .sharing-box {
        padding: 60px 40px;
        width: 688px;
    }
    .sharing-items {
        gap: 40px 27px;
    }
}

@media only screen and (max-width: 767px) {
    .sharing-box {
        margin: 40px 0;
        padding: 40px 20px;
        width: 440px;
    }
    .sharing-close {
        width: 50px;
        height: 50px;
    }
    .sharing-text {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.28px;
    }
    .sharing-items {
        margin-top: 30px;
        gap: 30px 26px;
    }
    .sharing-item {
        width: 80px;
        row-gap: 10px;
    }
    .sharing-item-icon {
        width: 80px;
        height: 80px;
    }
    .sharing-item-icon svg {
        width: 30px;
        height: auto;
    }
    .sharing-item:hover .sharing-item-icon svg {
        width: 40px;
        height: 40px;
    }
    .sharing-item span {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.14px;
    }
    .sharing-tooltip {
        bottom: 0;
        left: 0;
        transform: none;
        width: 100%;
    }
}

@media only screen and (max-width: 479px) {
    .sharing-box {
        margin: 30px 0;
        padding: 30px 15px;
        width: calc(100% - 40px);
        border-radius: 10px;
    }
    .sharing-head span {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0.4px;
    }
    .sharing-items {
        margin-top: 20px;
        gap: 20px;
    }
    .sharing-item {
        width: 70px;
    }
    .sharing-item-icon {
        width: 60px;
        height: 60px;
    }
    .sharing-item-icon svg {
        width: 24px;
    }
    .sharing-item:hover .sharing-item-icon svg {
        width: 30px;
        height: 30px;
    }
    .sharing-item span {
        font-size: 12px;
        letter-spacing: 0.12px;
    }
}

.contentMoveBlock {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .contentMoveBlock {
        display: block;
    }
    .content__block-helper {
        display: none;
    }
}

.g-recaptcha-2 {
    max-width: 304px;
}