@font-face {
    font-family: Roboto;
    font-display: swap;
    src: url(/templates/fozzy/fonts/Roboto-Bold.woff2) format("woff2"), url(/templates/fozzy/fonts/Roboto-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: Roboto;
    font-display: swap;
    src: url(/templates/fozzy/fonts/Roboto-Medium.woff2) format("woff2"), url(/templates/fozzy/fonts/Roboto-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: Roboto;
    font-display: swap;
    src: url(/templates/fozzy/fonts/Roboto-Regular.woff2) format("woff2"), url(/templates/fozzy/fonts/Roboto-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Roboto;
    font-display: swap;
    src: url(/templates/fozzy/fonts/Roboto-Light.woff2) format("woff2"), url(/templates/fozzy/fonts/Roboto-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: Inter;
    font-display: swap;
    src: url(/templates/fozzy/fonts/Inter-Bold.woff2) format("woff2"), url(/templates/fozzy/fonts/Inter-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: Inter Medium;
    font-display: swap;
    src: url(/templates/fozzy/fonts/Inter-Medium.woff2) format("woff2"), url(/templates/fozzy/fonts/Inter-Medium.woff) format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: Inter Light;
    font-display: swap;
    src: url(/templates/fozzy/fonts/Inter-Light.woff2) format("woff2"), url(/templates/fozzy/fonts/Inter-Light.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Kharkiv Tone;
    font-display: swap;
    src: url(/templates/fozzy/fonts/Kharkiv-Tone.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
}

.Header {
    border-bottom: 1px solid #eef4fa;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-family: Inter Medium;
    z-index: 999;
    background-color: #fff;
    line-height: 1.45;
    letter-spacing: normal;
}

.Header .svg-icon > svg,
.Header svg.svg-icon {
    height: 1em;
    width: 1em;
    fill: currentColor;
}

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

.Header-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 70px;
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
}

.Header-left,
.Header-login,
.Header-right,
.Header-support {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.Header .Header-left > .menu-toggle {
    margin-top: -5px;
}

.Header-login,
.Header-support {
    width: 44px;
    height: 70px;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.Header .tooltip-wrapper {
    position: absolute;
    white-space: nowrap;
    bottom: -15px;
    padding: 6px 16px 6px 18px;
    background-color: #fff;
    color: #000;
    border-radius: 6px;
    box-shadow: 0 9px 27px rgba(0, 0, 0, .09);
    visibility: hidden;
    display: none;
    transition: .1s ease .1s;
}

.Header-support .icon-support-icon.svg-icon {
    width: 22px;
    height: 22px;
}

.Header-support:hover .icon-support-icon {
    filter: brightness(2) sepia(1) hue-rotate(-385deg) saturate(6);
}

.Header-login .icon-login-icon {
    width: 22px;
    height: 22px;
}

.Header-login:hover .icon-login-icon {
    filter: brightness(2) sepia(1) hue-rotate(-385deg) saturate(6);
}

.Header-referal-status {
    display: none;
}

.Header-referal-wrapper {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f7f7f8;
}

.Header-referal-wrapper .Header-referal-text {
    font-size: 12px;
    padding-left: 5px;
    color: #a1a8b6;
}

.Header-referal-container {
    width: 1440px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.Header-referal-container .Header-referal-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 15px;
}

.Header-referal-container .Header-referal-left:hover .Header-referal-text {
    color: #f15a22;
}

.Header-referal-container .Header-referal-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    cursor: pointer;
}

.Header-referal-container .Header-referal-btn:hover .close-icon {
    filter: brightness(.5) sepia(1) hue-rotate(-30deg) saturate(6);
}

.Header .Button {
    text-transform: none;
    padding: 10px 24px 8px;
    display: none;
    font-family: Inter Medium;
}

.Header .Logo {
    margin-right: auto;
    margin-left: auto;
    width: 80px;
    height: 21px;
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
}

.Header .Logo-link {
    display: block;
    position: relative;
    width: 80px;
    height: 21px;
    text-decoration: none;
}

.Header .Logo-link:hover {
    opacity: .8;
}

.Header .Logo-link:active,
.Header .Logo-link:focus,
.Header .Logo-link:focus-within {
    outline: none;
}

.Header .Logo-link:active:after,
.Header .Logo-link:focus-within:after,
.Header .Logo-link:focus:after {
    content: "";
    width: 110px;
    height: 40px;
    border-radius: 5px;
    background-color: rgba(100, 116, 149, .08);
    position: absolute;
    top: -10px;
    left: -15px;
}

.Header .MenuToggler {
    margin: 0;
    padding: 0;
    width: 78px;
    height: 70px;
    position: relative;
    top: 0;
    cursor: pointer;
    color: #000;
    background-color: transparent;
    border: none;
    box-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.Header .MenuToggler > span,
.Header .MenuToggler > span:after,
.Header .MenuToggler > span:before {
    position: absolute;
    width: 18px;
    height: 2px;
    background-color: currentColor;
    transition: transform .2s ease-in-out;
}

.Header .MenuToggler > span {
    top: 50%;
    left: 0;
    transform: translate(30px, -1px);
    font: 0/0 a;
}

.Header .MenuToggler > span:after,
.Header .MenuToggler > span:before {
    display: block;
    content: "";
}

.Header .MenuToggler > span:before {
    transform: translateY(-5px);
}

.Header .MenuToggler > span:after {
    transform: translateY(5px);
}

.is-menu-opened .MenuToggler > span {
    background-color: transparent;
}

.is-menu-opened .MenuToggler > span:before {
    transform: rotate(45deg);
}

.is-menu-opened .MenuToggler > span:after {
    transform: rotate(-45deg);
}

.Header .Language,
.modal-auth .Language,
.modal-auth .Currency {
    position: relative;
    width: 44px;
}
.modal-auth .Currency {
    margin-right: 10px;
}

.Header .Language-toggler,
.modal-auth .Language-toggler,
.modal-auth .Currency-toggler {
    margin: 0;
    padding: 0;
    width: 44px;
    height: 70px;
    cursor: pointer;
    color: #7082a6;
    background-color: transparent;
    border: none;
    box-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 18px;
    padding-top: 1px;
}

.modal-auth .Currency-toggler {
    width: 22px;
    height: 22px;
    cursor: pointer;
    background-color: transparent;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
    vertical-align: bottom;
}

.modal-auth .Language-toggler {
    font-size: 12px;
    color: #004AD2;
}

.modal-auth .Language-toggler > span {
    flex-grow: 1;
}

.modal-auth .lang-chevron {
    font-size: 10px;
    margin-top: 3px;
    font-weight: 400;
    margin-left: 5px;
}

.modal-auth .Currency-toggler > span,
.modal-auth .currency-prefix
{
    width: 19px;
    height: 19px;
    border-radius: 50%;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    color: #243B64;
    background-color: #EEF7FE;
}

.modal-auth .currency-prefix {
    display: inline-flex;
    margin-right: 0px;
    width: 19px;
    height: 17px;
    padding-top: 2px;
}

.modal-auth .Language-toggler {
    width: 40px;
    height: 22px;
}

.modal-auth .Language-toggler,
.modal-auth .Currency-toggler {
    float: right;
}


.Header .Language-toggler > .icon-language,
.modal-auth .Language-toggler > .icon-language {
    width: 14px;
    height: 14px;
    transform: translateY(-1px);
}

.Header .Language-popup,
.modal-auth .Language-popup,
.modal-auth .Currency-popup {
    display: none;
    position: absolute;
    font-family: Inter;
    top: 101%;
    left: -61px;
    z-index: -1;
    opacity: 0;
    padding: 18px 0 15px;
    background-color: #fff;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 4px 9px rgba(125, 146, 204, .24);
    transition: opacity .2s ease;
}

.modal-auth .Language-popupMenu {
    padding-left: 17px;
}

.modal-auth .Currency-popup {
    width: 90px;
    top: 91%;
    left: -12px;
    padding: 10px 0;
}

.modal-auth .Language-popup
{
    width: 80px;
    top: 91%;
    left: -17px;
}

.Header .Language:hover .Language-popup,
.modal-auth .Language:hover .Language-popup,
.modal-auth .Currency:hover .Currency-popup {
    opacity: 1;
    z-index: 150;
    display: block;
}

.modal-auth .Language:hover {
    transition: 0.5s;
}

.modal-auth .Language:hover .fa-chevron-down {
    transform: rotate(180deg);
}

.Header .Language-popupMenu,
.modal-auth .Language-popup,
.modal-auth .Currency-popup {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.Header .Language-popupItem,
.modal-auth .Language-popupItem,
.modal-auth .Currency-popupItem {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 38px;
    padding: 14px 30px;
    font-size: 12px;
}

.modal-auth .Language-popupItem {
    padding: 5px 0px;
}

.modal-auth .Currency-popupItem {
    padding: 5px 15px;
}

.modal-auth .Language-popupItem,
.modal-auth .Currency-popupItem {
    height: 24px;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
}

.modal-auth .Language-popupItem {
    text-align: left;
}

.Header .Language-popupItem:focus .Language-popupItem-currency,
.Header .Language-popupItem:focus .Language-popupItem-lang,
.Header .Language-popupItem:hover .Language-popupItem-currency,
.Header .Language-popupItem:hover .Language-popupItem-lang,
.modal-auth .Language-popupItem:focus .Language-popupItem-currency,
.modal-auth .Language-popupItem:focus .Language-popupItem-lang,
.modal-auth .Language-popupItem:hover .Language-popupItem-currency,
.modal-auth .Language-popupItem:hover .Language-popupItem-lang,
.modal-auth .Currency-popupItem:focus .Currency-popupItem-curr,
.modal-auth .Currency-popupItem:hover .Currency-popupItem-curr
{
    color: #f15a22;
}

.Header .Language-popupItem:focus,
.modal-auth .Language-popupItem:focus,
.modal-auth .Currency-popupItem:focus {
    outline: none;
}

.Header .Language-popupItem.is-current .Language-popupItem-currency
.modal-auth .Language-popupItem.is-current .Language-popupItem-currency,
.modal-auth .Currency-popupItem.is-current .Currency-popupItem-currency {
    color: #ccdded;
}

.Header .Language-popupItem.is-current .Language-popupItem-lang,
.modal-auth .Language-popupItem.is-current .Language-popupItem-lang,
.modal-auth .Currency-popupItem.is-current .Currency-popupItem-lang {
    color: #344563;
}

.Header .Language-popupItem > .svg-icon {
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

.modal-auth .Language-toggler > .svg-icon {
    width: 14px;
    height: 14px;
    fill: #7082A6;
}

.Header .Language-popupItem-lang,
.modal-auth .Language-popupItem-lang,
.modal-auth .Currency-popupItem-curr {
    margin-left: 10px;
    margin-top: 2px;
    -ms-flex: 1;
    flex: 1;
    font-weight: 700;
    color: #344563;
}

.modal-auth .Language-popupItem-lang {
    margin-left: 0px;
}

.Header .Language-popupItem-separate,
.modal-auth .Language-popupItem-separate {
    margin-left: 10px;
    -ms-flex: 1;
    flex: 1;
    font-weight: 700;
    color: #efefef;
}

.modal-auth .Currency-popupItem-curr {
    margin-top: 0;
}

.Header .Language-popupItem-currency,
.modal-auth .Language-popupItem-currency {
    color: #ccdded;
}

.Header .Language .icon-language-menu,
.modal-auth .Language .icon-language-menu {
    border-radius: 50%
}

.Header .Menu {
    display: none;
    padding-top: 46px;
    position: absolute;
    top: 71px;
    z-index: 100;
    background-color: #fff;
    left: 0;
    right: 0;
    text-align: left;
    font-size: 16px;
}

.is-menu-opened .Menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.Header .Menu .text-mobile {
    display: inline-block;
}

.Header .Menu .text-desktop {
    display: none;
}

.Header .Menu-item {
    position: relative;
}

.Header .Menu-item .Menu-itemLink.touched .Menu-itemLink {
    color: #f15a22!important;
}

.Header .Menu-item .Menu-itemLink.touched .drop-down-icon {
    position: relative;
    top: 4px;
    transform: rotateX(180deg);
    transition: .35s;
}

.Header .Menu-itemLink {
    position: relative;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #0050c8;
}

.Header .Menu-itemLink:not(.-order):not(.-sing-in):not(:hover) {
    color: #000;
    pointer-events: none;
}

.Header .Menu-itemLink.-order {
    color: #1ab35d;
}

.Header .Menu-itemLink.-order:hover {
    color: #f15a22;
}

.Header .Menu-itemLink.-sing-in {
    color: #f25a23;
}

.Header .Menu-itemLink.-sing-in:hover {
    color: #ff6c35;
}

.Header .Menu-itemLink.-services {
    display: none;
}

.Header .Menu-itemLink:focus-within {
    outline: none;
}

.Header .Menu-subLink {
    padding-top: 15px;
    padding-bottom: 15px;
}

.Header .Menu-link {
    display: block;
}

.Header .Menu-link.-is-current {
    color: #f15a22;
}

.Header .Menu-sub {
    margin-bottom: 100px;
}

.Header .Menu-subTitle {
    margin-bottom: 20px;
    font-weight: 700;
}

.Header .Menu-popup-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.Header .Menu-popup-middle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.Header .Menu-popup-item :hover .Menu-popup-item-description {
    color: #8b98a8;
}

.Header .Menu-popup-icon {
    margin-right: 15px;
}

.Header .Menu-popup-icon .svg-icon {
    width: 42px;
    height: 42px;
}

.Header .Menu-popup-item-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.Header .Menu-popup-item-title {
    font-size: 16px;
}

.Header .Menu-popup-item-description {
    font-size: 14px;
    color: #8b98a8;
}

.Header .Menu .bottom-line {
    position: relative;
}

.Header .Menu .bottom-line:after {
    content: "";
    position: absolute;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #f15a22;
    transform: scaleX(0);
    opacity: .8;
    width: 100%;
    transition: all .3s ease-in-out 0s;
}

.Header .Menu .bottom-line:hover:after {
    transform: scaleX(1);
}

.Header .Menu-popup-icon .svg-icon {
    width: 42px;
    height: 42px;
}

.Header .Button-primary-orange {
    background-color: #f15a22;
    color: #fff;
    box-shadow: 0 4px 9px rgba(125,146,204,.24);
    font-weight: 700;
}

.Header .Button {
    margin: 0;
    height: 39px;
    line-height: 19px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .15em;
    border-radius: 6px;
    text-decoration: none;
    transition: .2s ease-out;
    cursor: pointer;
}

.Header .Rouble-Sign {
    visibility: hidden;
    margin-left: -.6em;
}

.Header .Rouble-Sign:after {
    visibility: visible;
    text-transform: none;
    font-family: Roboto,sans-serif;
    content: "\20BD";
}

.accounts-order-notify {
    position: relative;
    margin-top: 70px;
    padding: 51px;
    background: rgba(96, 123, 111, 1);
    font-family: Inter Light;
    font-size: 17px;
    line-height: 130%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
}

.accounts-order-notifyClose {
    position: absolute;
    right: 26px;
    top: 26px;
    opacity: 0.4;
    cursor: pointer;
    transition: all 0.2s linear;
}

.accounts-order-notifyClose:hover {
    opacity: 0.6;
}

.accounts-order-notify > a:link,
.accounts-order-notify > a:visited {
    color: rgba(255, 245, 0, 1);
}

.accounts-order-notify > a:hover {
    color: rgba(205, 195, 0, 1);
}

.accounts-order-notifyIcon {
    margin-bottom: 26px;
}

.accounts-order-notifyButton {
    width: 141px;
    padding: 9px 0;
    margin: 31px auto 0;
    background: rgba(0, 0, 0, 0.08);
    border-radius: 7.58824px;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.2s linear;
    user-select: none;
}

.accounts-order-notifyButton:hover {
    background: rgba(0, 0, 0, 0.2);
}

@media (min-width:320px) {
    .Header-referal-wrapper {
        height: 64px;
    }

    .Header-referal-container {
        padding: 15px;
    }

    .Header .Logo {
        position: relative;
        top: 0;
    }

    .Header .Menu-item:hover .Menu-itemLink.touched {
        color: #f15a22!important;
    }

    .Header .Menu-itemLink:not(.-order):not(.-sing-in):not(:hover) {
        color: #0050c8;
        pointer-events: auto;
    }

    .Header .Menu-popup {
        position: relative;
        z-index: -1;
        opacity: 0;
        padding-top: 30px;
        min-width: 140px;
        background-color: #fff;
        transition: opacity .2s ease;
        display: none;
    }

    .Header .Menu-popup.-hosting {
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .Header .Menu-popup-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        max-width: 300px;
        margin-bottom: 30px;
    }
}

@media (max-width:479px) {
    .Header-login {
        margin-right: 10px;
    }

    .accounts-order-notifyClose > img {
        width: 19px;
        height: 19px;
    }

    .accounts-order-notifyIcon > img {
        width: 27px;
        height: 27px;
    }
}

@media (min-width:480px) {
    .accounts-order-notify {
        font-size: 21px;
    }

    .accounts-order-notifyClose {
        right: 40px;
        top: 40px;
    }

    .accounts-order-notifyIcon {
        margin-bottom: 29px;
    }

    .Header-referal-wrapper {
        height: 44px;
    }

    .Header-referal-container {
        padding: 0 15px;
        height: 100%;
    }

    .Header-referal-container .Header-referal-left {
        height: 100%;
        -ms-flex-align: center;
        align-items: center;
    }

    .Header .Button {
        display: block;
        margin-left: 15px;
        margin-right: 30px;
    }

    .Header .Language-popup {
        left: -25px;
    }
}

@media (max-width:760px) {
    .Header .Header-left > .menu-toggle {
        margin-top: 9px;
    }
}

@media (max-width:959px) {
    .Header.-fixed {
        width: 100%;
        position: fixed;
        top: 0px;
        z-index: 50;
        background-color: #fff;
    }

    .Header.-fixed ~ .accounts-hold {
        margin-top: 70px;
    }

    .Header .Menu-itemLink:not(.-order):not(.-sing-in):not(:hover) {
        font-weight: 600;
    }

    .Header .Menu-subTitle {
        margin-top: 100px;
    }

    .Header .Menu-subTitle:first-child {
        margin-top: 0;
    }

    .Header .Menu-pt-25 {
        padding-top: 25px;
    }
}

@media (min-width:960px) {
    .accounts-order-notify {
        margin-top: 0;
    }

    .Header-container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .Header-referal-container .Header-referal-left {
        padding-left: 45px;
    }

    .Header-referal-container .Header-referal-btn {
        margin-right: 30px;
    }

    .Header .Logo {
        margin-right: 0;
        margin-left: 0;
        position: static;
    }

    .Header .Menu-itemLink {
        margin-bottom: 20px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .Header .Menu-itemLink:not(.-order):not(.-sing-in):not(:hover).-white {
        color: #fff;
        opacity: .7;
        pointer-events: auto;
    }

    .Header .Menu-itemLink.-services {
        display: block;
    }

    .Header .Menu-subLink {
        margin-bottom: 20px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .Header .Menu-sub {
        -ms-flex: 1;
        flex: 1;
        margin-bottom: 0;
    }

    .Header .Menu-sub+.Menu-sub {
        margin-left: 40px;
    }
}

@media (min-width:1023px) {
    .Header .Logo.-forMobile {
        display: none;
    }
}

@media (max-width:1024px) {
    .Header .Header-left.-mobileHidden {
        display: none;
    }

    .Header .Header-left.-forMobile {
        width: 78px;
    }
}

@media (max-width:1079px) {
    .Header .Menu {
        padding: 30px 30px 55px;
        box-shadow: 0 5px 13px -6px rgba(34, 60, 80, .29);
    }

    .Header .Menu-item:nth-child(3) {
        -ms-flex-order: 4;
        order: 4;
    }

    .Header .Menu-item:nth-child(4) {
        -ms-flex-order: 3;
        order: 3;
    }

    .Header .Menu-item:nth-child(5) {
        -ms-flex-order: 4;
        order: 4;
    }

    .Header .Menu-item:nth-child(6) {
        -ms-flex-order: 5;
        order: 5;
    }

    .Header .Menu-item:nth-child(7) {
        -ms-flex-order: 6;
        order: 6;
    }

    .Header .Menu-itemLink.touched ~ .Menu-popup {
        display: -ms-flexbox;
        display: flex;
        opacity: 1;
        z-index: 10;
    }

    .Header .Menu-popup-right {
        display: none;
    }

    .Header .Menu .bottom-line:after {
        display: none;
    }
}

@media (min-width:1080px) {
    .Header-login:hover .tooltip-wrapper,
    .Header-support:hover .tooltip-wrapper {
        visibility: visible;
        display: block;
    }

    .Header-referal-container .Header-referal-left {
        padding-left: 20px;
    }

    .Header-referal-container .Header-referal-btn {
        margin-right: 15px;
    }

    .Header .Button {
        display: none;
    }

    .Header .MenuToggler {
        display: none;
    }

    .is-menu-opened .Menu {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .Header .Menu {
        padding-top: 0;
        display: -ms-flexbox;
        display: flex;
        position: static;
        border: none;
        box-shadow: none;
        font-size: 14px;
        padding-left: 25px;
    }

    .Header .Menu .text-mobile {
        display: none;
    }

    .Header .Menu .text-desktop {
        display: inline-block;
    }

    .Header .Menu-item:hover .Menu-itemLink {
        color: #f15a22!important;
    }

    .Header .Menu-item:hover .drop-down-icon {
        position: relative;
        top: 4px;
        transform: rotateX(180deg);
        transition: .35s;
    }

    .Header .Menu-itemLink {
        margin-bottom: 0;
        padding: 25px 17px;
        height: 70px;
    }

    .Header .Menu-itemLink:hover .drop-down-icon {
        position: relative;
        top: 4px;
        transform: rotateX(180deg);
        transition: .35s;
    }

    .Header .Menu-popup {
        position: absolute;
        top: 101%;
        left: 0;
        z-index: -1;
        opacity: 0;
        padding: 40px 20px 20px 40px;
        border-radius: 0 0 6px 6px;
        box-shadow: 0 9px 27px rgba(0, 0, 0, .09);
        display: none;
    }

    .Header .Menu-item:hover > .Menu-popup,
    .Header .Menu-itemLink:hover ~ .Menu-popup {
        display: -ms-flexbox;
        display: flex;
        opacity: 1;
        z-index: 10;
    }

    .Header .Menu-popup.-services {
        width: 1080px;
        padding: 0;
        transform: translateX(-135px);
    }

    .Header .Menu-popup.-services .Menu-popup-left {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .Header .Menu-popup.-services .Menu-popup-item {
        max-width: 320px;
        margin-bottom: 34px;
    }

    .Header .Menu-popup.-services .Menu-popup-img {
        width: 680px;
        height: 320px;
        display: block;
        position: relative;
    }

    .Header .Menu-popup.-services .Menu-popup-img>img {
        width: 680px;
        height: 320px;
    }

    .Header .Menu-popup.-services .price-wrapper {
        position: absolute;
        font-family: Inter;
        font-weight: 600;
        margin-top: 30px;
        margin-left: 30px;
    }

    .Header .Menu-popup.-services .price-wrapper .Rouble-Sign {
        margin-left: -.8em;
    }

    .Header .Menu-popup.-services .price-top {
        display: -ms-flexbox;
        display: flex;
        font-size: 15px;
    }

    .Header .Menu-popup.-services .price-top .price-old {
        color: #fff;
        position: relative;
    }

    .Header .Menu-popup.-services .price-top .price-old:after {
        background: #f15a22;
        content: "";
        left: 0;
        height: 1px;
        position: absolute;
        top: 50%;
        transform: rotate(-16.7deg);
        width: 100%
    }

    .Header .Menu-popup.-services .price-top .price-sale {
        color: #f15a22;
        margin-left: 5px;
    }

    .Header .Menu-popup.-services .price-bottom {
        display: -ms-flexbox;
        display: flex;
        color: #fff;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .Header .Menu-popup.-services .price-bottom .price-current {
        font-size: 32px;
    }

    .Header .Menu-popup.-services .price-bottom .price-year {
        font-size: 16px;
        margin-left: 5px;
        position: relative;
        bottom: 2px;
    }

    .Header .Menu-popup.-hosting {
        width: 1080px;
        padding: 0;
        -ms-flex-direction: row;
        flex-direction: row;
        transform: translateX(-246px);
    }

    .Header .Menu-popup.-hosting.-eu,
    .Header .Menu-popup.-hosting.-us {
        transform: translateX(-245px);
    }

    .Header .Menu-popup.-hosting.-ru,
    .Header .Menu-popup.-hosting.-ua-ru {
        transform: translateX(-244px);
    }

    .Header .Menu-popup.-hosting.-ua {
        transform: translateX(-241px);
    }

    .Header .Menu-popup.-hosting .Menu-popup-item {
        max-width: 340px;
    }

    .Header .Menu-popup.-hosting .Menu-popup-img {
        width: 300px;
        height: 448px;
        display: block;
        position: relative;
        overflow: hidden;
    }

    .Header .Menu-popup.-hosting .Menu-popup-img > img {
        width: 300px;
        height: 448px;
        transition: all .3s;
    }

    .Header .Menu-popup.-hosting .Menu-popup-img:hover > img {
        transform: scale(1.1);
    }

    .Header .Menu-popup.-hosting .Menu-popup-img:hover .banner-text {
        color: #f15a22;
    }

    .Header .Menu-popup.-hosting .banner-text {
        font-family: Kharkiv Tone;
        position: absolute;
        font-weight: 400;
        bottom: 35px;
        left: 26px;
        font-size: 15px;
        text-transform: uppercase;
        color: #374655;
        z-index: 15;
    }

    .Header .Menu-popup.-hosting .banner-text-orange {
        color: #f15a22;
    }

    .Header .Menu-popup.-hosting .Menu-popup-right {
        height: 448px;
    }

    .Header .Menu-popup.-hosting .Menu-popup-middle {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .Header .Menu-popup.-partners {
        width: 1080px;
        padding: 0;
        transform: translateX(-771px);
    }

    .Header .Menu-popup.-partners.-eu,
    .Header .Menu-popup.-partners.-us {
        transform: translateX(-720px);
    }

    .Header .Menu-popup.-partners.-ru,
    .Header .Menu-popup.-partners.-ua-ru {
        transform: translateX(-760px);
    }

    .Header .Menu-popup.-partners.-ua {
        transform: translateX(-786px);
    }

    .Header .Menu-popup.-partners .Menu-popup-img {
        width: 640px;
        height: 500px;
        position: relative;
        display: block;
    }

    .Header .Menu-popup.-partners .Menu-popup-img>img {
        width: 640px;
        height: 500px;
    }

    .Header .Menu-popup.-partners .Menu-popup-img:hover .banner-text {
        color: #f15a22;
    }

    .Header .Menu-popup.-partners .Menu-popup-left {
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 550px;
    }

    .Header .Menu-popup.-partners .Menu-popup-item {
        max-width: 360px;
    }

    .Header .Menu-popup.-partners .Menu-popup-item:not(:last-child) {
        margin-bottom: 40px;
    }

    .Header .Menu-popup.-partners .Menu-popup-right {
        height: 500px;
    }

    .Header .Menu-popup.-partners .banner-text {
        font-family: Kharkiv Tone;
        position: absolute;
        font-weight: 400;
        bottom: 27px;
        left: 55px;
        font-size: 23px;
        text-transform: uppercase;
        color: #374655;
        z-index: 15;
    }

    .Header .Menu-popup.-partners .banner-text-orange {
        color: #f15a22;
    }

    .Header .Menu-popup.-about {
        width: 1080px;
        padding: 0;
        transform: translateX(-635px);
    }

    .Header .Menu-popup.-about.-eu,
    .Header .Menu-popup.-about.-us {
        transform: translateX(-628px);
    }

    .Header .Menu-popup.-about.-ru,
    .Header .Menu-popup.-about.-ua-ru {
        transform: translateX(-626px);
    }

    .Header .Menu-popup.-about.-ua {
        transform: translateX(-638px);
    }

    .Header .Menu-popup.-about .Menu-popup-img,
    .Header .Menu-popup.-about .Menu-popup-img > img {
        width: 630px;
        height: 551px;
    }

    .Header .Menu-popup.-about .Menu-popup-item {
        max-width: 370px;
    }

    .Header .Menu-popup.-about .Menu-popup-right {
        height: 551px;
    }

    .Header .Menu-popup.-small {
        padding: 40px;
        transform: translateX(-72px);
    }

    .Header .Menu-popup.-small .Menu-popup-left {
        padding: 0;
    }

    .Header .Menu-popup.-small .Menu-popup-item {
        width: 330px;
    }

    .Header .Menu-popup.-small .Menu-popup-item:not(:last-child) {
        margin-bottom: 40px;
    }

    .Header .Menu-popup-left {
        padding: 40px;
    }

    .Header .Menu-popup-middle {
        padding: 40px;
    }

    .Header .Menu-popup-middle .Menu-popup-item {
        margin-bottom: 34px;
    }

    .Header .Menu-popup-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        max-width: 300px;
    }
}

@media (min-width:1280px) {
    .Header-referal-container .Header-referal-btn {
        margin-right: 0;
    }

    .Header .Button {
        display: block;
        margin-left: 20px;
        margin-right: 0;
    }

    .Header .Logo {
        z-index: 1;
    }

    .Header .Language {
        z-index: 5;
    }

    .Header .Menu {
        padding-left: 65px;
    }

    .Header .Menu-popup.-services {
        width: 1080px;
        transform: translateX(-80px);
    }

    .Header .Menu-popup.-hosting {
        transform: translateX(-195px);
    }

    .Header .Menu-popup.-hosting.-eu,
    .Header .Menu-popup.-hosting.-us {
        transform: translateX(-190px);
    }

    .Header .Menu-popup.-hosting.-ru,
    .Header .Menu-popup.-hosting.-ua-ru {
        transform: translateX(-189px);
    }

    .Header .Menu-popup.-hosting.-ua {
        transform: translateX(-186px);
    }

    .Header .Menu-popup.-partners {
        transform: translateX(-720px);
    }

    .Header .Menu-popup.-partners.-eu,
    .Header .Menu-popup.-partners.-us {
        transform: translateX(-665px);
    }

    .Header .Menu-popup.-partners.-ru,
    .Header .Menu-popup.-partners.-ua-ru {
        transform: translateX(-704px);
    }

    .Header .Menu-popup.-partners.-ua {
        transform: translateX(-730px);
    }

    .Header .Menu-popup.-about {
        transform: translateX(-585px);
    }

    .Header .Menu-popup.-about.-eu,
    .Header .Menu-popup.-about.-us {
        transform: translateX(-573px);
    }

    .Header .Menu-popup.-about.-ru,
    .Header .Menu-popup.-about.-ua-ru {
        transform: translateX(-570px);
    }

    .Header .Menu-popup.-about.-ua {
        transform: translateX(-582px);
    }
}

@media (min-width:1440px) {
    .Header .Menu-itemLink {
        padding: 25px;
    }

    .Header .Menu-popup.-services {
        transform: translateX(0);
    }

    .Header .Menu-popup.-hosting {
        transform: translateX(-125px);
    }

    .Header .Menu-popup.-hosting.-eu,
    .Header .Menu-popup.-hosting.-us {
        transform: translateX(-126px);
    }

    .Header .Menu-popup.-hosting.-ru,
    .Header .Menu-popup.-hosting.-ua-ru {
        transform: translateX(-124px);
    }

    .Header .Menu-popup.-hosting.-ua {
        transform: translateX(-122px);
    }

    .Header .Menu-popup.-partners {
        transform: translateX(-720px);
    }

    .Header .Menu-popup.-partners.-eu,
    .Header .Menu-popup.-partners.-us {
        transform: translateX(-680px);
    }

    .Header .Menu-popup.-partners.-ru,
    .Header .Menu-popup.-partners.-ua-ru {
        transform: translateX(-720px);
    }

    .Header .Menu-popup.-partners.-ua {
        transform: translateX(-747px);
    }

    .Header .Menu-popup.-about {
        transform: translateX(-570px);
    }
}