* {
    font-family: "Qanelas", "Segoe UI", "Roboto", "Helvetica Neue", "Noto Sans", "Liberation Sans", "Arial", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    padding: 0;
    margin: 0;
    -webkit-transition: 0;
    transition: 0
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html,
body {
    height: 100%;
    margin: 0;
    min-width: 320px !important
}

#content {
    min-height: calc(100vh - 351px);
    margin: 0 auto
}

body {
    padding-top: 93px;
    padding-top: 93px
}

body.ov-hidden {
    overflow: hidden
}

input::-webkit-input-placeholder {
    -webkit-user-select: none;
    user-select: none
}

input:-ms-input-placeholder {
    -ms-user-select: none;
    user-select: none
}

input::-ms-input-placeholder {
    -ms-user-select: none;
    user-select: none
}

input::placeholder {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

h1 {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 20px;
    text-transform: uppercase;
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #ffd700
}

h1 b {
    font-weight: 600;
    color: #000
}

h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    color: #333333
}
.tooltip-toggle {
  border: none;
  background-color: #83b3d3;
  padding: 0;
  margin: 0;
  display: block;
}

tooltip-icon {
  width: 1px;
  height: 9px;
  color: #83b3d3;
  display: block;
}

.tooltip-toggle:hover .tooltip-icon {
  color:#68a2ca;
}
.tooltip {
  position: absolute;
  margin-top: 24px;
  margin-left: 22px;
  width: 25px;
  height: 25px;
}

.tooltip-text {
  font-family: "PT Sans", sans-serif;
  background-color: #333333;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  text-transform: none;
  padding: 20px 18px 18px 22px;
  border-radius: 10px;
  display: block;
  width: 256px;
}

.tooltip-text {
  font-family: "PT Sans", sans-serif;
  background-color: #333333;
  color: #FFFFFF; 
  font-size: 16px; 
  line-height: 20px; 
  font-weight: 400; 
  text-transform: none; 
  padding: 20px 18px 18px 22px; 
  border-radius: 10px; 
  width: 256px; 
  position: absolute; 
  bottom: 100%; 
  left: 50%; 
  z-index: 1; 
  transform: translateX(-50%); 
  display: none;
}

button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    border: 0;
    outline: 0
}

button:disabled {
    pointer-events: none
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.alert-success {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.breadcrumbs a.breadcrumbs__homePage {
    color: #000
}

.breadcrumbs a.breadcrumbs__nowPage {
    text-decoration: underline
}

.breadcrumbs a.breadcrumbs__nowPage::after {
    display: none
}

.breadcrumbs a {
    display: inline-block;
    color: #5f5f5f;
    text-decoration: none
}

.breadcrumbs a::after {
    content: "|";
    padding-left: 12px;
    margin-right: 12px
}

.container,
.container-junior,
.container-child {
    width: 100%;
    margin: 0 auto
}

.container {
    max-width: 1440px;
    padding: 0
}

.container-junior {
    max-width: 1110px;
    padding: 0
}

.container-child {
    max-width: 730px;
    padding: 0
}

@media screen and (max-width: 1100px) {
    .container-child {
        max-width: 100%;
        padding: 0 30px 0 30px
    }
}

@media screen and (max-width: 576px) {
    .container-child {
        width: calc(100% - 5px * 2);
        padding: 0 5px 0 5px
    }
}

.btn-gray:hover {
    background-color: #e3e3e3 !important
}

.out {
    display: none !important
}

.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.flex.jc-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.flex.al-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.title-group {
    border-left: 0.5px solid #29364c;
    padding: 7px 0 3px 11px
}

@media screen and (max-width: 390px) {
    .title-group h1 {
        font-size: 20px;
        line-height: 12px
    }
}

.title-group h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #838383;
    margin-top: 10px
}

@media screen and (max-width: 390px) {
    .title-group h3 {
        font-size: 16px;
        line-height: 12px
    }
}

.bg-dark {
    background-color: #000 !important;
    color: #fff !important
}

@media screen and (max-width: 1200px) {
    .title-group,
    .breadcrumbs {
        margin-left: 30px
    }
}

@media screen and (max-width: 665px) {
    body {
        padding-top: 133px
    }
    #content {
        min-height: calc(100vh - 541.75px)
    }
}

@media screen and (max-width: 576px) {
    .title-group {
        margin-left: 5px;
        padding-left: 5px;
        font-size: 20px !important;
        line-height: 24px
    }
    .title-group b {
        display: inline-block
    }
    .breadcrumbs {
        margin-left: 5px;
        font-size: 10px;
        line-height: 12px
    }
}

@media screen and (max-width: 250px) {
    * {
        overflow-x: hidden !important
    }
}

@font-face {
    font-family: "Qanelas";
    src: url(/public/fonds/Qanelas-Light.ttf);
    font-weight: 300
}

@font-face {
    font-family: "Qanelas";
    src: url(/public/fonds/Qanelas-Regular.ttf);
    font-weight: 400
}

@font-face {
    font-family: "Qanelas";
    src: url(/public/fonds/Qanelas-Medium.ttf);
    font-weight: 500
}

@font-face {
    font-family: "Qanelas";
    src: url(/public/fonds/Qanelas-SemiBold.ttf);
    font-weight: 600
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-arrow {
    position: absolute;
    top: 52%;
    margin: -20px 0px 0px 0px;
    z-index: 10;
    font-size: 0;
    width: 30px;
    height: 30px;
    border: 0;
    outline: none;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.slick-arrow.slick-prev {
    left: 26px;
    background: url("/public/images/icons/slider_prev.svg") 0 0/100% no-repeat;
    background-color: #FFDE01
}

.slick-arrow.slick-next {
    right: 26px;
    background: url("/public/images/icons/slider_next.svg") 0 0/100% no-repeat;
    background-color: #000
}

.slick-arrow.slick-next,
.slick-arrow.slick-prev {
    background-position: center center;
    background-size: 8px;
    width: 21px;
    height: 45px
}

.slick-arrow.slick-disabled {
    opacity: 0
}

.slick-disabled {
    cursor: auto
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.rates-slider {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.rates-slider .slick-slide {
    min-width: 348.74px;
    margin: 0 calc(29px / 2)
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.dedicatedservers-slider .slick-slide {
    min-width: 158px
}

.dedicatedservers-slider .slick-arrow.slick-prev {
    left: -10px
}

.dedicatedservers-slider .slick-arrow.slick-next {
    right: -10px
}

@media screen and (max-width: 1200px) {
    .dedicatedservers-slider {
        max-width: calc(100% - 161px) !important;
        min-width: calc(100% - 161px) !important;
        margin: 0 auto
    }
}

@media screen and (max-width: 1105px) {
    .dedicatedservers-slider {
        max-width: calc(100vw - 155px * 2) !important;
        min-width: calc(100vw - 155px * 2) !important
    }
}

@media screen and (max-width: 446px) {
    .dedicatedservers-slider .slick-slide {
        min-width: 102.64px
    }
}

@media screen and (max-width: 325px) {
    .dedicatedservers-slider .slick-arrow.slick-prev {
        left: -5px !important
    }
    .dedicatedservers-slider .slick-arrow.slick-next {
        right: -5px !important
    }
}

@media screen and (max-width: 1200px) {
    .rates-slider {
        max-width: calc(348.74px * 2 + 29px * 2);
        margin: 0 auto
    }
    .rates-slider .slick-slide {
        min-width: 348.74px;
        margin: 0 calc(29px / 2)
    }
    .rates-slider .slick-arrow.slick-prev {
        left: 4px
    }
    .rates-slider .slick-arrow.slick-next {
        right: 4px
    }
}

@media screen and (max-width: 820px) {
    .rates-slider {
        max-width: 348.74px
    }
    .rates-slider .slick-slide {
        display: inline-block;
        min-width: 348.74px;
        margin: 0
    }
    .rates-slider .slick-arrow.slick-prev {
        left: -10px
    }
    .rates-slider .slick-arrow.slick-next {
        right: -10px
    }
}

@media screen and (max-width: 390px) {
    .rates-slider {
        max-width: 290.89px
    }
    .rates-slider .slick-slide {
        display: inline-block;
        min-width: 290.89px;
        margin: 0
    }
    .rates-slider .slick-arrow.slick-prev {
        left: -10px
    }
    .rates-slider .slick-arrow.slick-next {
        right: -10px
    }
}

.accordion {
    list-style: none;
    padding: 0
}

.accordion__toggle_inner {
    padding-left: 35px;
    margin-bottom: -18px;
    overflow: hidden;
    display: none;
    list-style: none;
    width: 100%
}

.accordion__toggle_inner li {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px
}

.accordion__toggle_inner li .accordion__toggle_inner {
    padding-left: 27px
}

.accordion li {
    margin: 18px 0;
    padding: 0
}

.accordion li li {
    width: 100%
}

.accordion li a.accordion__toggle {
    position: relative;
    width: 100%;
    display: block;
    padding: 12px 0 12px 27px;
    border-radius: 0.15em;
    border-radius: 45px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
    background: #E9E9E9;
    color: #000;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.accordion li a.accordion__toggle::after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    content: "+";
    right: 12.09px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border-radius: 50px;
    width: 28px;
    height: 28px;
    font-weight: 400;
    font-size: 26.9063px;
    text-align: center;
    -webkit-transition: 0.1s background;
    transition: 0.1s background;
    color: #000;
    background-color: #FFDE01
}

.accordion li a.accordion__toggle.show {
    background-color: #FFDE01
}

.accordion li a.accordion__toggle.show:hover {
    background-color: #FFDE01 !important
}

.accordion li a.accordion__toggle.show::after {
    content: "—";
    background-color: #fff;
    font-size: 20px;
    font-weight: 900
}

@media screen and (max-width: 1200px) {
    .accordion {
        padding: 0 30px 0 30px
    }
}

@media screen and (max-width: 576px) {
    .accordion {
        padding: 0 12px 0 12px;
        overflow: hidden
    }
    .accordion * {
        font-size: 12px !important;
        line-height: 16px !important
    }
    .accordion__toggle_inner {
        padding: 0;
        margin-bottom: -10px
    }
    .accordion__toggle_inner li li {
        padding: 0 !important
    }
    .accordion li {
        margin: 10px 0
    }
    .accordion li a.accordion__toggle {
        padding: 9px 0 8px 15px !important;
        font-size: 12px !important;
        line-height: 12px !important
    }
    .accordion li a.accordion__toggle::after {
        width: 14.8px;
        height: 14.8px;
        font-size: 14.7997px
    }
    .accordion li a.accordion__toggle.show::after {
        font-size: 12px
    }
    .accordion li li {
        padding-left: 28px;
        width: 100%
    }
}

.modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    background-color: #00000034;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease
}

.modal.active {
    opacity: 1;
    visibility: visible;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.modal .modal__dialog {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    -webkit-box-shadow: 0px 0px 45px -4px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 0px 45px -4px rgba(34, 60, 80, 0.2)
}

.select_wrap {
    width: 100%;
    max-width: 314px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 600
}

.select_wrap.z-index {
    z-index: 900 !important
}

.select_wrap .default_option {
    background: #ededed;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    border-radius: 5px;
    position: relative;
    cursor: pointer
}

.select_wrap .default_option li {
    padding: 14px 18px 14px 18px;
    list-style-type: none
}

.select_wrap .default_option:before {
    content: "";
    position: absolute;
    top: 18px;
    right: 18px;
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-color: transparent transparent #000000 #000000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: 0.2s;
    transition: 0.2s
}

.select_wrap .select_ul {
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    background: #f7f7f7;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    display: none
}

.select_wrap .select_ul li {
    padding: 14px 18px 14px 18px;
    cursor: pointer;
    list-style-type: none;
    -webkit-transition: 0.2s;
    transition: 0.2s
}

.select_wrap .select_ul li:first-child:hover {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.select_wrap .select_ul li:last-child:hover {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.select_wrap .select_ul li:hover {
    background: gold
}

.select_wrap .option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.select_wrap .option .icon {
    background: url("https://i.imgur.com/oEZu0sK.png") no-repeat 0 0;
    width: 32px;
    height: 32px;
    margin-right: 15px;
    display: none
}

.select_wrap .option.pizza .icon {
    background-position: 0 0
}

.select_wrap .option.burger .icon {
    background-position: 0 -35px
}

.select_wrap .option.ice .icon {
    background-position: 0 -72px
}

.select_wrap .option.fries .icon {
    background-position: 0 -111px;
    width: 25px
}

.select_wrap.active .select_ul {
    display: block
}

.select_wrap.active .default_option:before {
    top: 22px;
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg)
}

.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-checkbox+label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.custom-checkbox+label::before {
    content: "";
    display: inline-block;
    width: 21.83px;
    height: 21.92px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border: 1px solid #adb5bd;
    border-radius: 3.8124px;
    margin-right: 8.11px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px
}

@media screen and (max-width: 390px) {
    .custom-checkbox+label::before {
        width: 18.03px;
        height: 18.11px
    }
}

.custom-checkbox:not(:disabled):active+label::before {
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-checkbox:not(:checked)+label::before {
    background-color: #E9E9E9;
    border-color: rgba(0, 0, 0, 0.05)
}

.custom-checkbox:checked+label::before {
    border-color: #FFDE01;
    background-color: #FFDE01;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='black' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox:disabled+label::before {
    background-color: #e9ecef
}

input[type="range"] {
    display: block;
    -webkit-appearance: none;
    background-color: #bdbdbd;
    width: 100%;
    height: 2px;
    border-radius: 5px;
    margin: 0 auto;
    outline: 0
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: #ffd700;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid black;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

input[type="range"]::-webkit-slider-thumb:hover {
    border: 1px solid #3a3a3a
}

input[type="range"]:disabled::-webkit-slider-thumb {
    background-color: #E9E9E9;
    border: 1px solid #767676;
    cursor: auto
}

.header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: white;
    padding: 17px 0 0 0;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 900
}

@media screen and (max-width: 1200px) {
    .header.header_registered .header__container_burger {
        display: inline-block
    }
    .header.header_registered .header__container_links {
        position: fixed;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: #fff;
        gap: 25px;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
        visibility: hidden;
        z-index: 990
    }
    .header.header_registered .header__container_links .hr {
        display: none
    }
    .header.header_registered .header__container_links_link_dropmenu {
        z-index: 999;
        left: calc(-23px / 2)
    }
    .header.header_registered .header__container_links a {
        display: block;
        font-size: 22px;
        -webkit-transition: 1s;
        transition: 1s;
        border-radius: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.204);
        padding-bottom: 25px;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    .header.header_registered .header__container_links a:hover {
        background-color: #fff
    }
    .header.header_registered .header__container_user_button {
        margin-right: 11px
    }
}

.header.header_registered .mobile-768-in {
    display: none !important
}

@media screen and (max-width: 768px) {
    .header.header_registered .mobile-768-in {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.header.header_registered .mobile-768-out {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 768px) {
    .header.header_registered .mobile-768-out {
        display: none
    }
}

.header.header_registered .mobile-768-in button {
    width: 100%;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.header.header_registered .header__container_links {
    gap: 10px
}

@media screen and (max-width: 1015px) {
    .header.header_registered .header__container_links {
        padding-top: 15px
    }
}

.header.header_registered .header__container_links_link {
    font-size: 16px;
    padding: 8px 13px 11px 13px
}

.header.header_registered .header__container_user_button-group_button {
    gap: 13px;
    margin-right: 17px;
    margin-left: 0;
    min-width: calc(105px - 17px - 13px);
    padding: 7px 17px 7px 13px;
    line-height: 19px;
    background-color: #E9E9E9
}

.header.header_registered .header__container_user_button-group_button span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
}

.header.header_registered .header__container_user_button-group_button:hover {
    background-color: #e3e3e3;
    color: #000
}

.header.header_registered .header__container_user_button-group_button.warning {
    background-color: #FFDE01
}

.header.header_registered .header__container_user_button-group_button.warning:hover {
    background-color: #000;
    color: #fff
}

.header.header_registered .header__container_user_button-group_button.warning:hover svg path {
    fill: #fff
}

@media screen and (max-width: 1130px) {
    .header.header_registered .header__container_burger {
        margin-left: 11px
    }
}

.header.burger-active .header__container_links {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible
}

.header.burger-active .header__container_links a {
    -webkit-transform: none;
    transform: none
}

.header.burger-active .header__container_burger_con .bar {
    background-color: #00285b
}

.header.burger-active .header__container_burger_con .top {
    -webkit-transform: translateY(15px) rotateZ(45deg);
    transform: translateY(15px) rotateZ(45deg)
}

.header.burger-active .header__container_burger_con .bottom {
    -webkit-transform: translateY(-15px) rotateZ(-45deg);
    transform: translateY(-15px) rotateZ(-45deg)
}

.header.burger-active .header__container_burger_con .middle {
    width: 0
}

.header__container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1110px;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    padding: 0 0 14px 11px
}

.header__container_logo {
    width: 146px;
    height: 41px;
    z-index: 999;
    margin-right: 10px
}

.header__container_logo:hover {
    background-color: #fff
}

.header__container_logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.header__container_links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

.header__container_links div {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.header__container_links_link {
    position: relative;
    color: black;
    text-decoration: none;
    font-size: 17px;
    font-weight: 500;
    padding: 8px 23px 11px 23px;
    border-radius: 5px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease
}

.header__container_links_link.dropmenu-active .header__container_links_link_dropmenu {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible
}

.header__container_links_link:hover {
    background-color: #FFDE01
}

.header__container_links_link_dropmenu {
    position: absolute;
    left: 0;
    margin-top: 15px;
    min-width: 212px;
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.header__container_links_link_dropmenu_category {
    position: relative;
    padding: 8px 23px 11px 23px;
    border-radius: 5px;
    margin-bottom: 4px;
    background-color: #FFDE01;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.header__container_links_link_dropmenu_category:hover {
    background-color: #000;
    color: #fff
}

.header__container_links_link_dropmenu_category:hover::after {
    background-color: #fff
}

.header__container_links_link_dropmenu_category::after {
    content: " ";
    position: absolute;
    left: 2px;
    top: 47%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 6px;
    height: 10px;
    margin: 0 0 9.04px 7px;
    background-color: #000;
    -webkit-mask-image: url(/public/images/icons/arrow.svg);
    mask-image: url(/public/images/icons/arrow.svg)
}

.header__container_links_link_dropmenu_category_black {
    background-color: #000;
    color: #fff
}

.header__container_links_link_dropmenu_category_black::after {
    background-color: #ffffff
}

.header__container_user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__container_user_lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px
}

.header__container_user_lang * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.header__container_user_lang_flags {
    position: relative;
    z-index: 900
}

.header__container_user_lang_flags.active img {
    -webkit-transform: none;
    transform: none;
    visibility: visible;
    opacity: 1
}

.header__container_user_lang_flags img {
    position: absolute;
    left: 0;
    bottom: -18px;
    width: 22.22px;
    height: 14.81px;
    image-rendering: -webkit-optimize-contrast;
    cursor: pointer;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.2s all ease;
    transition: 0.2s all ease
}

.header__container_user_lang_flags .selected {
    position: static;
    -webkit-transform: none;
    transform: none;
    visibility: visible;
    opacity: 1
}

.header__container_user_lang_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: #121111;
    color: #fff;
    border-radius: 15px 0px;
    cursor: pointer
}

.header__container_user_button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__container_user_button-group_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 14px;
    margin-left: 12px;
    border-radius: 5px;
    font-weight: 500;
    padding: 10px 25px 9px 15px;
    background-color: #FFDE01;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition: 0.3s all;
    transition: 0.3s all
}

.header__container_user_button-group_button svg path {
    -webkit-transition: 0.3s all;
    transition: 0.3s all
}

.header__container_user_button-group_button:hover {
    background-color: #000;
    color: #fff
}

.header__container_user_button-group_button:hover svg path {
    fill: #fff
}

.header__container_burger {
    display: none;
    min-width: 38px;
    max-width: 38px;
    min-height: 38px;
    max-height: 38px;
    background-color: #FFDE01;
    text-align: center;
    position: relative;
    border-radius: 5px;
    z-index: 999;
    margin-right: 10px
}

.header__container_burger_con {
    cursor: pointer;
    display: inline-block
}

.header__container_burger_bar {
    display: block;
    width: 50px;
    height: 5px;
    background: #000000;
    margin: 10px auto;
    border-radius: 4.9px;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease
}

.header__container_burger_con {
    width: auto;
    margin: 0 auto;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -webkit-transform: scale(.45);
    transform: scale(.45);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    padding-top: 16.5px;
    padding-left: 16.5px
}

.header__container .middle {
    margin: 0 auto
}

@media screen and (max-width: 1200px) {
    .header__container {
        padding: 0 11px 14px 11px
    }
}

@media screen and (max-width: 1015px) {
    .header__container_burger {
        display: inline-block
    }
    .header__container_links {
        position: fixed;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: #fff;
        gap: 25px;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
        visibility: hidden;
        z-index: 990
    }
    .header__container_links .hr {
        display: none
    }
    .header__container_links_link_dropmenu {
        z-index: 999;
        left: calc(-23px / 2)
    }
    .header__container_links a {
        display: block;
        font-size: 22px;
        -webkit-transition: 1s;
        transition: 1s;
        border-radius: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.204);
        padding-bottom: 25px;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    .header__container_links a:hover {
        background-color: #fff
    }
    .header__container_user_button {
        margin-right: 11px
    }
}

@media screen and (max-width: 665px) {
    .header {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 0;
        height: 133px
    }
    .header__container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 94px;
        padding-left: 19px;
        border: 0
    }
    .header__container_burger {
        display: inline-block;
        margin-left: 11px
    }
    .header__container_logo {
        width: 163.61px;
        height: 46px
    }
    .header__container_user {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        height: 38px
    }
    .header__container_user_lang_text {
        border-radius: 11.1111px 0px;
        width: 28.15px;
        height: 28.15px;
        font-size: 10.3704px
    }
    .header__container_user_button-group {
        position: absolute;
        left: 52.8%;
        bottom: -21px;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
    .header__container_user_button-group_button {
        padding: 10px 25px 9px 17px;
        white-space: nowrap;
        margin-left: -7px !important;
        font-size: 14px
    }
}

.footer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000;
    height: 258px
}

.footer::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(/public/images/footer_honeycombs.svg);
    background-repeat: no-repeat;
    height: 258px;
    width: 250px
}

.footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: calc(1110px - 22px * 2);
    margin: 0 auto
}

.footer__button-scroll-top {
    text-align: center;
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 61px;
    height: 61px;
    background-color: #FFDE01;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on;
    cursor: pointer;
    -webkit-transition: 0.2s all ease;
    transition: 0.2s all ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    opacity: 0
}

.footer__button-scroll-top:hover {
    background-color: #000;
    color: #fff
}

.footer__button-scroll-top:hover svg path {
    fill: #fff
}

.footer__button-scroll-top.active {
    visibility: visible;
    opacity: 1
}

.footer__button-scroll-top svg {
    padding-top: 10px
}

.footer__button-scroll-top svg path {
    -webkit-transition: 0.2s all ease;
    transition: 0.2s all ease
}

.footer__item-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 46px
}

.footer__item-group.gap73 {
    gap: 73px
}

.footer__item-group .mt13 {
    margin-top: 13px
}

.footer__item-group_item {
    max-width: 200px;
    width: 100%;
    min-width: 167px;
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on
}

.footer__item-group_item_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    text-transform: capitalize;
    color: #fff
}

.footer__item-group_item_title::before {
    display: inline-block;
    content: " ";
    width: 10px;
    height: 10px;
    margin-right: 9px;
    background-color: #FFDE01;
    -webkit-mask-image: url("/public/images/icons/success.svg");
    mask-image: url("/public/images/icons/success.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.footer__item-group_item_contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 13px;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer
}

.footer__item-group_item_contact a {
    color: #FFDE01;
    text-decoration: none;
    -webkit-transition: 0.1s all ease;
    transition: 0.1s all ease
}

.footer__item-group_item_contact:hover a {
    color: #ffd001
}

.footer__item-group_item_contact:hover .footer__item-group_item_contact_image {
    background-color: #ffd001
}

.footer__item-group_item_contact.phone {
    margin-bottom: 21px;
    font-weight: 600
}

.footer__item-group_item_contact.phone .footer__item-group_item_contact_image {
    background-color: #000
}

.footer__item-group_item_contact_image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 30px;
    max-height: 30px;
    min-width: 30px;
    min-height: 30px;
    border-radius: 50px;
    margin-right: 14px;
    background-color: #FFDE01;
    -webkit-transition: 0.1s all ease;
    transition: 0.1s all ease
}

.footer__item-group_item_contact_image img {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.footer__item-group_item_copyright {
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    margin-top: 15.55px
}

.footer__item-group_item_offer {
    font-style: normal;
    font-weight: 300;
    font-size: 9px;
    line-height: 12px;
    margin-top: 18px;
    color: #fff
}

.footer__item-group_item_links {
    border-top: 1px dashed #fff;
    padding-top: 9px;
    margin-top: 9px
}

.footer__item-group_item_links a {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 20px;
    color: #fff;
    text-decoration: none;
    margin-bottom: 8px
}

.footer__item-group_item_links a:hover {
    color: #e3e3e3;
    text-decoration: underline
}

.footer__item-group_item_links img {
    width: 170px;
    height: 73px;
    image-rendering: -webkit-optimize-contrast;
    margin-top: 3px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.footer__item-group_item_links_payment {
    width: calc(100% + 30px);
    margin-top: 5.5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.footer__item-group_item_links_payment img {
    display: inline-block;
    height: 29px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    image-rendering: -webkit-optimize-contrast;
    vertical-align: middle
}

.footer__item-group_item_links_payment img[alt="visa"] {
    height: 12.375px;
    width: 40.5px
}

.footer__item-group_item_links_payment img[alt="mastercard"] {
    height: 27px;
    width: 45px;
    margin-left: 15.75px
}

.footer__item-group_item_links_payment img[alt="freekassa"] {
    width: 82px;
    height: 29px;
    margin-top: 17px
}

.footer__item-group_item_links_payment img[alt="YooMoney"] {
    width: 79px;
    height: 29px;
    margin-top: 17px;
    margin-left: 9px
}

.footer__item-group_mobile {
    display: none;
    gap: 0;
    margin: 0
}

.footer__item-group_copyright_mobile {
    display: none !important;
    max-width: 100vw !important
}

@media screen and (max-width: 1100px) {
    .footer {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        padding: 30px
    }
    .footer::after {
        display: none
    }
    .footer__container {
        display: block;
        width: 100%;
        margin: 0 auto;
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content
    }
    .footer__item-group {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        margin-top: 30px
    }
}

@media screen and (max-width: 768px) {
    .footer {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        padding: 27px 18px 12px 19px
    }
    .footer::after {
        display: none
    }
    .footer__item-group_dekstop {
        display: none !important
    }
    .footer__item-group_mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 0
    }
    .footer__item-group_copyright_mobile {
        display: block !important
    }
    .footer__button-scroll-top {
        bottom: 10px;
        right: 10px
    }
    .footer__container {
        display: block;
        margin: 0 auto;
        max-width: 100%
    }
    .footer__item-group {
        display: block;
        margin: 0 auto;
        width: 100%
    }
    .footer__item-group_item {
        margin-top: 20px;
        display: inline-block;
        vertical-align: top;
        max-width: 32%
    }
    .footer__item-group_item_links {
        max-width: 150px
    }
}

@media screen and (max-width: 576px) {
    .footer__button-scroll-top {
        display: none
    }
}

@media screen and (max-width: 390px) {
    .footer__item-group_item {
        min-width: 49.2%
    }
    .footer__item-group_item_links {
        max-width: 113px
    }
    .footer__item-group_item_links_payment {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12.75px
    }
    .footer__item-group_item_links_payment img {
        margin: 0 !important
    }
    .footer__item-group_item_contact_image {
        margin-right: 7px
    }
}

.banner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(93.96deg, #000 51.43%, rgba(215, 224, 231, 0) 147.61%);
    min-height: 328px;
    overflow: hidden
}

.banner__container {
    max-width: 1108px;
    width: 100%;
    margin: 0 auto
}

.banner__title h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 38.1277px;
    line-height: 47px;
    text-transform: uppercase;
    color: #fff
}

.banner__title h1 {
    font-style: normal;
    font-weight: 600;
    font-size: 48.6316px;
    line-height: 59px;
    text-transform: uppercase;
    color: #FFDE01;
    margin-top: 1px
}

.banner__about {
    max-width: 405.28px;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    -webkit-font-feature-settings: "pnum" on, "lnum" on, "liga" off;
    font-feature-settings: "pnum" on, "lnum" on, "liga" off;
    color: #ffffff;
    margin-top: 13px
}

@media screen and (max-width: 768px) {
    .banner__images {
        padding-bottom: 41px
    }
}

@media screen and (max-width: 475px) {
    .banner__images {
        padding-bottom: 0
    }
}

@media screen and (max-width: 390px) {
    .banner__images {
        margin-left: -10px
    }
}

.banner__images_backgroud {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.banner__images_main {
    position: absolute;
    right: 223.77px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 490.72px;
    max-height: 369px
}

@media screen and (max-width: 1015px) {
    .banner__images_main {
        margin-top: 40px
    }
}

@media screen and (max-width: 475px) {
    .banner__images_main {
        max-width: 288px;
        margin: 20px auto
    }
}

.banner__images_main img {
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    image-rendering: -webkit-optimize-contrast;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.banner__images_steps {
    position: relative
}

.banner__images_steps_content_step-1,
.banner__images_steps_content_step-2,
.banner__images_steps_content_step-3 {
    position: absolute;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    width: 300px;
    text-align: center;
    text-transform: uppercase;
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #fff;
    overflow: hidden;
    white-space: nowrap
}

@media screen and (max-width: 576px) {
    .banner__images_steps_content_step-1,
    .banner__images_steps_content_step-2,
    .banner__images_steps_content_step-3 {
        font-size: 14px;
        line-height: 14px
    }
}

@media screen and (max-width: 475px) {
    .banner__images_steps_content_step-1,
    .banner__images_steps_content_step-2,
    .banner__images_steps_content_step-3 {
        font-size: 12px
    }
}

.banner__images_steps_content_step-1 {
    top: -188px;
    left: -70px
}

@media screen and (max-width: 576px) {
    .banner__images_steps_content_step-1 {
        top: -150px;
        left: -85px
    }
}

@media screen and (max-width: 475px) {
    .banner__images_steps_content_step-1 {
        top: -110px;
        left: -102.5px
    }
}

.banner__images_steps_content_step-2 {
    top: -178px;
    left: 93px
}

@media screen and (max-width: 576px) {
    .banner__images_steps_content_step-2 {
        top: -145px;
        left: 45px
    }
}

@media screen and (max-width: 475px) {
    .banner__images_steps_content_step-2 {
        top: -110px;
        left: -10px
    }
}

.banner__images_steps_content_step-3 {
    top: -188px;
    left: 252px
}

@media screen and (max-width: 576px) {
    .banner__images_steps_content_step-3 {
        top: -150px;
        left: 175px
    }
}

@media screen and (max-width: 475px) {
    .banner__images_steps_content_step-3 {
        top: -110px;
        left: 85px
    }
}

@media screen and (max-width: 576px) {
    .banner__images_steps_content {
        max-width: 100vw
    }
}

@media screen and (max-width: 1400px) {
    .banner__images_main {
        right: 20px
    }
}

@media screen and (max-width: 1200px) {
    .banner__container {
        max-width: 100vw;
        padding-left: 50px
    }
}

@media screen and (max-width: 1100px) {
    .banner {
        background: linear-gradient(179.2deg, #000 64.33%, rgba(215, 224, 231, 0) 102.67%);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .banner__container {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
        margin-top: 30px;
        padding: 0
    }
    .banner__images_main {
        position: static;
        -webkit-transform: none;
        transform: none
    }
}

@media screen and (max-width: 768px) {
    .banner__title h2 {
        font-size: 24px;
        max-width: 248px;
        line-height: 29px
    }
    .banner__title h1 {
        font-size: 30px;
        line-height: 37px
    }
    .banner__about {
        font-size: 14px;
        line-height: 18px
    }
}

@media screen and (max-width: 576px) {
    .banner {
        padding: 19px 27px 0 27px
    }
    .banner__title h2 {
        max-width: 100%
    }
    .banner__images_main {
        width: 400px;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content
    }
    .banner__images_main img {
        width: 100%;
        height: 100%
    }
}

.whyus {
    margin-top: 38px
}

.whyus .title-group h1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.whyus .title-group h1 b {
    margin-left: 6px
}

.whyus__examples {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 39px
}

@media screen and (max-width: 390px) {
    .whyus__examples {
        margin-top: 12px
    }
}

.whyus__examples_lines {
    width: 165px;
    height: 65px;
    background: #E9E9E9;
    -webkit-box-shadow: 0px -22px 0px 0px #FFDE01;
    box-shadow: 0px -22px 0px 0px #FFDE01
}

.whyus__examples_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 214px;
    background: #E9E9E9;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-box-shadow: 0px 55px 0px 0px #fff inset;
    box-shadow: 0px 55px 0px 0px #fff inset
}

.whyus__examples_group_item {
    position: relative;
    height: 87px;
    max-width: 200px;
    width: 100%;
    padding: 0 20px 0 24px;
    text-align: center
}

.whyus__examples_group_item::before,
.whyus__examples_group_item::after {
    position: absolute;
    content: " ";
    width: 0px;
    height: 87px;
    border: 1px dashed #000000;
    top: 100%
}

.whyus__examples_group_item::before {
    left: 0
}

.whyus__examples_group_item::after {
    display: none
}

.whyus__examples_group_item_finish::after {
    right: 0;
    display: block
}

.whyus__examples_group_item_line {
    border-right: 1px dashed #000000
}

.whyus__examples_group_item_line.item_start {
    border-left: 1px dashed #000000
}

.whyus__examples_group_item_image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: linear-gradient(95.01deg, gold 45.97%, rgba(215, 224, 231, 0) 135.83%);
    border-radius: 30px 5px;
    width: 88.29px;
    height: 84px;
    margin: 0 auto;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.whyus__examples_group_item_title {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #000;
    margin-top: 31px
}

@media screen and (max-width: 390px) {
    .whyus__examples_group_item_title {
        font-size: 14px;
        line-height: 18px;
        margin-top: 10.94px
    }
}

.whyus__examples_group_item_list {
    list-style-type: none;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #000;
    margin-top: 6px;
    margin-left: 15px;
    white-space: nowrap
}

@media screen and (max-width: 390px) {
    .whyus__examples_group_item_list {
        font-size: 14px;
        line-height: 18px
    }
}

.whyus__examples_group_item_list li {
    position: relative;
    width: 100%
}

.whyus__examples_group_item_list li::before {
    content: " ";
    position: absolute;
    top: 0;
    width: 9px;
    height: 9px;
    margin: 5px 0 0 -15px;
    background-image: url(/public/images/icons/success.svg)
}

@media screen and (max-width: 1400px) {
    .whyus__examples_group {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width: 992px) {
    .whyus__examples_lines {
        display: none
    }
    .whyus__examples_group {
        display: block;
        border-radius: 0;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 21px 0 0 0;
        text-align: center
    }
    .whyus__examples_group_item {
        display: inline-block;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        margin-bottom: 20px
    }
    .whyus__examples_group_item::after,
    .whyus__examples_group_item::before {
        display: none
    }
}

@media screen and (max-width: 576px) {
    .whyus {
        margin-top: 18px
    }
    .whyus__examples_group_item {
        max-width: 45%;
        vertical-align: top;
        padding: 0
    }
    .whyus__examples_group_item_image {
        width: 71.53px;
        height: 68.06px
    }
    .whyus__examples_group_item_image img {
        width: 41.32px;
        height: 38.89px
    }
    .whyus__examples_group_item_list {
        white-space: normal
    }
}

.rates {
    margin-top: 64px
}

.rates__size {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    margin-top: 45px;
	flex-wrap: wrap;
}

.vdsrates__size {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    margin-top: 35px;
	flex-wrap: wrap;
}

.vdsrates__size_item {
	margin: 0 auto;
    margin-top: 10px;
}

.vdsrates__size_item_soon {
    background: black;
    color: #fff;
    height: 18px;
    line-height: 18px;
    padding: 0px 5px;
    font-size: 9px;
    text-transform: uppercase;
    border-radius: 4px;
    margin: 0 auto;
}

@media screen and (max-width: 390px) {
    .rates__size {
        margin-top: 16.14px
    }
}

.rates__size_item_btn {
    width: 255px;
    border-radius: 5px;
    outline: none;
    border: 0;
    padding: 9px 0 8px 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on;
    cursor: pointer;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    background: #FFDE01;
    color: #000
}

.rates__size_item_btn.active {
    background-color: #000;
    color: #fff
}

@media screen and (max-width: 390px) {
    .rates__size_item_btn {
        font-size: 16px;
        line-height: 17px;
        width: 208.48px;
        padding: 7.36px 0 7.36px 0
    }
}

.rates__size_item_about {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #000;
    margin-top: 11px;
    max-width: 284px
}

@media screen and (max-width: 390px) {
    .rates__size_item_about {
        font-size: 11.4459px;
        line-height: 15px;
        margin-top: 9.06px
    }
}

.rates__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 29px;
    width: 100%;
    margin-top: calc(46px - 5px)
}

.rates__group_item {
    width: 100%;
    max-width: 348.74px;
    margin-top: 5px
}

@media screen and (max-width: 390px) {
    .rates__group_item {
        max-width: 290.78px
    }
}

.rates__group_item:hover .rates__group_item_header {
    background: #FFDE01
}

.rates__group_item:hover .rates__group_item_header .rates__group_item_header_title {
    background-color: #000;
    color: #fff
}

.rates__group_item:hover .rates__group_item_header .rates__group_item_header_title::after {
    border-top: 14.32px solid #000
}

.rates__group_item_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: calc(77px + 8px);
    background: linear-gradient(95.01deg, #000 45.97%, rgba(215, 224, 231, 0) 135.83%);
    border-top-left-radius: 10.44px;
    border-top-right-radius: 10.44px
}

.rates__group_item_header_title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 299.66px;
    height: calc(52.5px - 4px);
    padding-top: 4px;
    border-radius: 5.22px;
    margin-top: -5.22px;
    font-weight: 600;
    font-size: 22px;
    line-height: 21px;
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on;
    background-color: #FFDE01;
    color: #000
}

@media screen and (max-width: 390px) {
    .rates__group_item_header_title {
        font-size: 18px;
        line-height: 17px;
        width: 249.86px
    }
}

.rates__group_item_header_title::after {
    content: "";
    position: absolute;
    left: 0;
    top: 48px;
    display: inline-block;
    border: calc(299.66px / 2) solid transparent;
    border-top: 14.32px solid #FFDE01
}

@media screen and (max-width: 390px) {
    .rates__group_item_header_title::after {
        border: calc(240.86px / 2) solid transparent;
        border-top: 14.32px solid #FFDE01
    }
}

.rates__group_item_main {
    padding: 17px 18px 35px 13px;
    border-radius: 10.4412px;
    margin-top: -8px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    -webkit-font-feature-settings: "pnum" on, "lnum" on, "liga" off;
    font-feature-settings: "pnum" on, "lnum" on, "liga" off;
    color: #000;
    background-color: #fff;
    border: 1px solid #FFDE01
}

@media screen and (max-width: 390px) {
    .rates__group_item_main {
        font-size: 12px;
        line-height: 15px;
        padding: 14.17px 15.01px 35px 10.81px
    }
}

.rates__group_item_main_characteristic_title {
    padding: 18px 0px 14px 10px
}

.rates__group_item_main_characteristic {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #afafaf;
    min-height: 52px
}

@media screen and (max-width: 390px) {
    .rates__group_item_main_characteristic {
        min-height: 41.36px
    }
}

.rates__group_item_main_characteristic.line-bottom {
    border-bottom: 1px solid #afafaf
}

.rates__group_item_main_characteristic img {
    display: block;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width: 390px) {
    .rates__group_item_main_characteristic img {
        width: 16.68px;
        height: 16.68px
    }
}

.rates__group_item_main_characteristic_name,
.rates__group_item_main_characteristic_result {
    width: 50%
}

.rates__group_item_main_characteristic_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 0 4px;
    gap: 21px
}

@media screen and (max-width: 390px) {
    .rates__group_item_main_characteristic_name {
        gap: 17.31px
    }
}

.rates__group_item_main_characteristic_result {
    text-align: center
}

.rates__group_item_main_characteristic::after {
    content: "";
    position: absolute;
    width: 0px;
    height: 33px;
    left: 50%;
    top: 50%;
    margin-bottom: 2px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-right: 1px solid #afafaf;
    border-radius: 10.4412px
}

@media screen and (max-width: 390px) {
    .rates__group_item_main_characteristic::after {
        height: 27.52px
    }
}

.rates__group_item_footer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -28.2px;
    margin-bottom: 20px
}

.rates__group_item_footer_button {
    position: relative;
    width: 299.66px;
    height: calc(55.79px - 4px);
    padding-top: 8px;
    font-weight: 600;
    font-size: 22px;
    line-height: 21px;
    outline: none;
    border: 0;
    text-align: center;
    text-transform: uppercase;
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on;
    background-color: #FFDE01;
    color: #000;
    border-radius: 5.22px;
    cursor: pointer;
    -webkit-transition: 0.2s all ease;
    transition: 0.2s all ease
}

@media screen and (max-width: 390px) {
    .rates__group_item_footer_button {
        font-size: 18px;
        line-height: 17px;
        height: calc(53.51px - 4px);
        width: 250.24px
    }
}

.rates__group_item_footer_button:hover {
    background-color: #000 !important;
    color: #fff !important
}

.rates__group_item_footer_button:hover::after {
    border-top: 20px solid #000 !important
}

.rates__group_item_footer_button b {
    font-weight: 400;
    font-size: 18px;
    line-height: 35px
}

.rates__group_item_footer_button::after {
    content: "";
    position: absolute;
    left: 0;
    top: calc(55.79px - 5.2px);
    z-index: -1;
    -webkit-transition: 0.2s all ease;
    transition: 0.2s all ease;
    display: inline-block;
    border: calc(299.66px / 2) solid transparent;
    border-top: 20px solid #FFDE01
}

@media screen and (max-width: 390px) {
    .rates__group_item_footer_button::after {
        top: calc(54px - 5.2px);
        border: calc(250.24px / 2) solid transparent;
        border-top: 15px solid #FFDE01
    }
}

.rates__see-all {
    border-radius: 5px;
    margin-top: 37px;
    padding: 10px 6px 9px 6px;
    min-width: 149px;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    background: #000;
    color: #fff
}

.rates__see-all:hover {
    background-color: #FFDE01;
    color: #000
}

.rates .mt55 {
    margin-top: 55px
}

@media screen and (max-width: 768px) {
    .rates {
        margin-top: 37px
    }
    .rates .flex {
        margin-top: 24.26px
    }
    .rates .flex h1 {
        max-width: 330px;
        text-align: center;
        font-size: 20px;
        line-height: 22px
    }
    .rates__size {
        display: block;
        margin-top: 20px
    }
    .rates__size_item {
        margin-top: 16.14px
    }
    .rates__group {
        margin-top: 27.49px
    }
}

@media screen and (max-width: 576px) {
    .rates__see-all {
        margin-top: 17.48px !important
    }
}

.questions {
    margin-top: 34px
}

@media screen and (max-width: 576px) {
    .questions {
        margin-top: 32.7px
    }
}

.questions .accordion {
    margin-top: 36px
}

@media screen and (max-width: 576px) {
    .questions .accordion {
        margin-top: 15px
    }
}

@media screen and (max-width: 576px) {
    .questions .title-group {
        padding-left: 10px;
        margin-left: 10px
    }
}

.ask-question {
    margin-top: 49px;
    margin-bottom: 41px;
    width: 100%
}

@media screen and (max-width: 576px) {
    .ask-question {
        margin-bottom: 28px;
        margin-top: 21px
    }
}

.ask-question__title {
    width: 100%;
    text-align: center
}

.ask-question__title h1 {
    margin-bottom: 9px
}

@media screen and (max-width: 576px) {
    .ask-question__title h1 {
        white-space: nowrap;
        font-size: 20px;
        line-height: 22px !important
    }
    .ask-question__title h1 b {
        display: block
    }
}

.ask-question__title span {
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0em
}

@media screen and (max-width: 576px) {
    .ask-question__title span {
        display: none
    }
}

.ask-question__container {
    max-width: 824px;
    margin: 0 auto
}

.ask-question__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 19.2px;
    margin-top: 17.56px
}

.ask-question__form textarea {
    width: 100%;
    max-height: 114px;
    resize: none;
    background: #fff;
    border: 0.9531px solid #737373;
    border-radius: 4.7655px;
    padding: 11px 0 0 22px;
    outline: none
}

.ask-question__form_input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10.39px 0 10.39px;
    gap: 9.19px;
    position: relative;
    width: 284.8px;
    height: 51.47px;
    background: #fff;
    border: 0.9531px solid #737373;
    border-radius: 4.7655px;
    cursor: text
}

.ask-question__form_input-group:nth-child(2n) {
    margin-top: 11.98px
}

.ask-question__form_input-group img {
    width: 30.73px;
    height: 28.59px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ask-question__form_input-group input {
    border: none;
    outline: none;
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #000
}

.ask-question__form_input-group input+label {
    position: absolute;
    left: 50.31px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #000;
    pointer-events: none
}

.ask-question__form_input-group input+label:after {
    content: " *";
    color: red
}

.ask-question__form_input-group input[required]:valid+label {
    display: none
}

.ask-question__form_submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 22.53px;
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left
}

@media screen and (max-width: 576px) {
    .ask-question__form_submit {
        padding: 0 13px 0 13px;
        font-weight: 400;
        font-size: 12px;
        line-height: 22px
    }
}

.ask-question__form_submit b {
    color: #FFDE01
}

.ask-question__form_submit button {
    min-width: 239px;
    padding: 12px 0 12px 0;
    border-radius: 5px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    background: #FFDE01;
    color: #000
}

.ask-question__form_submit button:hover {
    background-color: #000;
    color: #fff
}

.ask-question__form_submit .checkbox {
    height: 29px
}

@media screen and (max-width: 576px) {
    .ask-question__form_submit .checkbox {
        white-space: nowrap
    }
}

@media screen and (max-width: 820px) {
    .ask-question__form {
        padding: 0 30px 0 30px
    }
    .ask-question__form_submit {
        display: block;
        text-align: center
    }
    .ask-question__form_submit button {
        margin-top: 8.7px
    }
}

@media screen and (max-width: 768px) {
    .ask-question__form {
        display: block
    }
    .ask-question__form textarea {
        margin-top: 13px;
        min-height: 152px
    }
    .ask-question__form_input-group {
        width: 100%
    }
    .ask-question__form_submit {
        display: block;
        text-align: center
    }
    .ask-question__form_submit button {
        margin-top: 8.7px
    }
}

@media screen and (max-width: 576px) {
    .ask-question h1 {
        line-height: 32px;
        padding: 0 calc(100vw - 90vw) 0 calc(100vw - 90vw)
    }
    .ask-question__form {
        padding: 0 13px 0 13px
    }
}

.dedicated-servers .breadcrumbs {
    margin-bottom: 29px
}

@media screen and (max-width: 576px) {
    .dedicated-servers .breadcrumbs {
        margin-bottom: 18px
    }
}

.dedicated-servers__about {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin-top: 19px
}

@media screen and (max-width: 1200px) {
    .dedicated-servers__about {
        padding: 0 30px 0 30px
    }
}

@media screen and (max-width: 576px) {
    .dedicated-servers__about {
        padding: 0 5px 0 5px;
        margin-top: 15px
    }
}

.dedicated-servers__table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 37px;
    white-space: nowrap !important
}

@media screen and (max-width: 1200px) {
    .dedicated-servers__table {
        min-width: calc(158.2px * 6) !important
    }
}

@media screen and (max-width: 1015px) {
    .dedicated-servers__table {
        min-width: calc(158.2px * 5) !important
    }
}

@media screen and (max-width: 854px) {
    .dedicated-servers__table {
        min-width: calc(158.3px * 4) !important
    }
}

@media screen and (max-width: 693px) {
    .dedicated-servers__table {
        min-width: calc(158.4px * 3) !important
    }
}

@media screen and (max-width: 576px) {
    .dedicated-servers__table {
        margin-top: 13px
    }
}

@media screen and (max-width: 446px) {
    .dedicated-servers__table {
        min-width: calc(130.5px * 3) !important
    }
}

@media screen and (max-width: 390px) {
    .dedicated-servers__table {
        min-width: calc(103px * 3) !important
    }
}

.dedicated-servers__table:nth-child(1n) {
    border-left: 1px solid #c4c4c4
}

.dedicated-servers__table_col {
    width: 100%;
    max-width: 159.79px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: capitalize;
    white-space: nowrap !important
}

@media screen and (max-width: 446px) {
    .dedicated-servers__table_col {
        min-width: 130px !important;
        max-width: 130px !important;
        font-size: 14px;
        line-height: 17px
    }
}

@media screen and (max-width: 390px) {
    .dedicated-servers__table_col {
        min-width: 102.94px !important;
        max-width: 102.94px !important;
        font-size: 10.3079px;
        line-height: 12px
    }
    .dedicated-servers__table_col button {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

.dedicated-servers__table_col button {
    max-width: 117px;
    width: 100%;
    padding: 9px 0 10px 0;
    border-radius: 5px;
    background-color: #FFDE01;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #1c1e27;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

.dedicated-servers__table_col button:hover {
    background-color: #000;
    color: #fff
}

.dedicated-servers__table_col_row,
.dedicated-servers__table_col_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4
}

.dedicated-servers__table_col_title {
    background: #ededed;
    height: 43px;
    border-top: 1px solid #c4c4c4
}

.dedicated-servers__table_col_row {
    height: 80.84px;
    background: #fff
}

@media screen and (max-width: 446px) {
    .dedicated-servers__table_col_row {
        height: 60.84px !important
    }
}

@media screen and (max-width: 390px) {
    .dedicated-servers__table_col_row {
        height: 52.08px !important
    }
}

.question-answer .breadcrumbs {
    margin-bottom: 37px
}

@media screen and (max-width: 576px) {
    .question-answer .breadcrumbs {
        margin-bottom: 20px
    }
}

.question-answer .title-group {
    margin-bottom: 25px
}

@media screen and (max-width: 576px) {
    .question-answer .title-group {
        margin-bottom: 15px
    }
}

@media screen and (max-width: 576px) {
    .question-answer .accordion {
        padding: 0 5px 0 5px
    }
}

.myservers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px
}

@media screen and (max-width: 576px) {
    .myservers {
        margin-bottom: 20.87px
    }
}

.myservers .breadcrumbs {
    margin-bottom: 29px
}

@media screen and (max-width: 576px) {
    .myservers .breadcrumbs {
        display: none
    }
}

.myservers__servers-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 33px
}

@media screen and (max-width: 1200px) {
    .myservers__servers-group {
        padding: 0 30px 0 30px
    }
}

@media screen and (max-width: 576px) {
    .myservers__servers-group {
        padding: 0 5px 0 5px;
        margin-top: 15px;
        gap: 10px
    }
}

.myservers__server {
    width: 100%;
    max-width: 255px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    margin-bottom: -9px;
    background: #ededed;
    border-radius: 8px;
    text-align: center;
    padding: 17px 0 17px 0
}

.myservers__server.expired {
    -webkit-box-shadow: 0px 10px 24px -3px rgba(210, 8, 8, 0.237);
    box-shadow: 0px 10px 24px -3px rgba(210, 8, 8, 0.237)
}

.myservers__server.expired .myservers__server_date {
    color: red
}

.myservers__server.expired .myservers__server_date svg path {
    fill: red
}

.myservers__server.order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 100px;
}

@media screen and (max-width: 576px) {
    .myservers__server.order {
        
    }
}

@media screen and (max-width: 576px) {
    .myservers__server {
        width: 150px;
        padding: 10px 0 7.89px 0;
        margin-bottom: 3px
    }
}

.myservers__server_ip {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    width: 100%
}

.myservers__server_name {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    width: 100%
}

@media screen and (max-width: 576px) {
    .myservers__server_ip {
        font-size: 12px;
        line-height: 16px
    }
}

.myservers__server_ip b {
    margin-right: 18.73px
}

@media screen and (max-width: 576px) {
    .myservers__server_ip b {
        margin-right: 6.71px
    }
}

.myservers__server_date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin-top: 9px;
    color: #000
}

@media screen and (max-width: 576px) {
    .myservers__server_date {
        font-size: 12px;
        line-height: 16px
    }
}

.myservers__server_date svg {
    margin-right: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width: 576px) {
    .myservers__server_date svg {
        width: 10.55px;
        height: 10.55px;
        margin-right: 6.45px
    }
}

.myservers__server_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.myservers__server_logo img {
    width: 105px;
    height: 105px
}

@media screen and (max-width: 576px) {
    .myservers__server_logo img {
        width: 61.52px;
        height: 61.52px
    }
}

.myservers__server_data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 218px;
    height: 37px;
    margin: 0 auto;
    background: #d3d3d3;
    border-radius: 8px;
    margin-top: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px
}

@media screen and (max-width: 576px) {
    .myservers__server_data {
        font-size: 11px;
        line-height: 13px;
        height: 21.68px;
        width: 127.73px
    }
}

.myservers__server_disabled-text {
    font-size: clamp(8px, 2vw, 13px);
    line-height: 1.25;
    max-height: 70px;
    overflow: hidden;
	margin: 0 auto;
    max-width: 220px;
    margin-top: 39px;
	background: gold;
    border-radius: 12px;
}

.server-suspended-info {
	margin-top: 9px;
    display: flex;
    align-items: flex-start;
    background: gold;
    color: #222;
    font-size: 14px;
    font-weight: 500;
    border-radius: 14px;
    padding: 18px 20px 18px 18px;
    margin-bottom: 32px;
    max-width: 540px;
    box-shadow: 0 2px 8px 0 #0000000A;
}
.server-suspended-info svg {
    flex-shrink: 0;
    margin-top: 2px;
}
.server-suspended-info span {
    display: block;
    line-height: 1.35;
}
@media (max-width: 600px) {
    .server-suspended-info {
        font-size: 15px;
        padding: 10px 10px 10px 10px;
        max-width: 100%;
    }
}


.myservers__server_button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    margin: 0 auto;
    max-width: 220px;
    margin-top: 39px
}

@media screen and (max-width: 576px) {
    .myservers__server_button-group {
        margin-top: 10.94px !important
    }
}

.myservers__server_button-group button {
    padding: 4px;
    border-radius: 5px;
    -webkit-transition: 0.2s all ease;
    transition: 0.2s all ease
}

@media screen and (max-width: 576px) {
    .myservers__server_button-group button {
        font-weight: 400;
        font-size: 9px
    }
    .myservers__server_button-group button img {
        -webkit-transform: scale(0.7);
        transform: scale(0.7)
    }
}

.myservers__server_button-group button:hover {
    background-color: #FFDE01
}

@media screen and (max-width: 576px) {
    .myservers__server_button-group {
        margin-top: 20px
    }
}

.myservers__server_button-more {
    border-radius: 5px;
    padding: 8px 12px 7px 17px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    margin-top: 18px;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    background: gold;
    color: #000 !important
}

@media screen and (max-width: 576px) {
    .myservers__server_button-more {
        font-weight: 500;
        font-size: 10px;
        line-height: 12px;
        margin-top: 15px
    }
}

.myservers__server_button-more:hover {
    background-color: #000;
    color: #fff
}

.myservers__server_button-more:hover {
    color: #fff !important;
}

.myservers__server_button {
    border-radius: 5px;
    padding: 15px 26px 15px 26px;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 17px;
    text-align: center;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    background: gold;
    color: #000
}

@media screen and (max-width: 576px) {
    .myservers__server_button {
        font-weight: 500;
        font-size: 10px;
        line-height: 12px;
        margin-top: 15px
    }
}

.myservers__server_button:hover {
    background-color: #000;
    color: #fff
}

.about {
    padding-bottom: 38px
}

@media screen and (max-width: 1200px) {
    .about {
        width: calc(100% - 30px)
    }
}

@media screen and (max-width: 576px) {
    .about {
        width: calc(100% - 5px);
        padding-bottom: 19px
    }
}

.about .breadcrumbs {
    margin-bottom: 29px
}

@media screen and (max-width: 576px) {
    .about .breadcrumbs {
        margin-bottom: 20px
    }
}

.about .title-group {
    margin-bottom: 19px
}

.about__about {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin-top: 10px;
    color: #000
}

@media screen and (max-width: 1200px) {
    .about__about {
        padding-left: 30px
    }
}

@media screen and (max-width: 576px) {
    .about__about {
        padding: 0 5px 0 8px;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px
    }
}

.about__table-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    width: 100%;
    margin-top: 26px
}

@media screen and (max-width: 1200px) {
    .about__table-group {
        display: block;
        padding-left: 30px
    }
}

@media screen and (max-width: 576px) {
    .about__table-group {
        padding: 0 5px 0 8px
    }
}

.about__table-group_title {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 13px;
    color: #000
}

@media screen and (max-width: 576px) {
    .about__table-group_title {
        font-weight: 600;
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 10.332px
    }
}

.about__table-group_table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 540px;
    width: 100%;
    border-left: 1px solid #c4c4c4
}

@media screen and (max-width: 768px) {
    .about__table-group_table {
        max-width: 307.11px;
        overflow: hidden;
        border-right: 1px solid #c4c4c4
    }
}

@media screen and (max-width: 1200px) {
    .about__table-group_table {
        margin-bottom: 20px
    }
}

.about__table-group_table_col {
    border-right: 1px solid #c4c4c4;
    border-top: 1px solid #c4c4c4;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-transform: capitalize;
    color: #000
}

@media screen and (max-width: 768px) {
    .about__table-group_table_col {
        font-size: 9.5px
    }
}

.about__table-group_table_col.active .about__table-group_table_col_row {
    width: 158px;
    min-width: 158px;
    max-width: 158px;
    padding: 13px 0 11px 0;
    text-align: center;
    background: #ededed;
    font-weight: 600;
    text-align: center
}

@media screen and (max-width: 768px) {
    .about__table-group_table_col.active .about__table-group_table_col_row {
        padding: 7.39px 6.82px 6.26px 4.55px;
        min-width: 90px;
        max-width: 90px
    }
}

.about__table-group_table_col_row {
    min-width: calc(383px - 19px * 2);
    padding: 13px 19px 11px 19px;
    border-bottom: 1px solid #c4c4c4
}

@media screen and (max-width: 768px) {
    .about__table-group_table_col_row {
        padding: 7.39px 6.82px 6.26px 4.55px;
        min-width: 100%;
        width: 217.82px
    }
}

.about__centers {
    margin-top: 36px
}

@media screen and (max-width: 1200px) {
    .about__centers {
        padding-left: 30px
    }
}

@media screen and (max-width: 576px) {
    .about__centers {
        padding: 0 5px 0 8px;
        margin-top: 17px
    }
}

.about__centers h1 {
    width: 100%;
    text-align: center
}

@media screen and (max-width: 576px) {
    .about__centers h1 {
        white-space: nowrap;
        font-size: 20px;
        line-height: 16px
    }
}

.about__centers_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 39px;
    gap: 30px
}

@media screen and (max-width: 768px) {
    .about__centers_group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px;
        max-width: 100%
    }
}

@media screen and (max-width: 576px) {
    .about__centers_group {
        margin-top: 17px
    }
}

.about__centers_group_item {
    width: 100%;
    max-width: 49%;
    padding: 18px 16px 33px 26px;
    border-radius: 10px;
    background-color: #E9E9E9
}

@media screen and (max-width: 768px) {
    .about__centers_group_item {
        width: calc(100% - 42px);
        max-width: none;
        padding-bottom: 15px
    }
}

@media screen and (max-width: 576px) {
    .about__centers_group_item {
        width: 100%
    }
}

.about__centers_group_item.active {
    background-color: gold
}

.about__centers_group_item_title {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    margin-bottom: 15px
}

@media screen and (max-width: 576px) {
    .about__centers_group_item_title {
        font-size: 15px;
        margin-bottom: 19.31px
    }
}

.about__centers_group_item_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000
}

@media screen and (max-width: 576px) {
    .about__centers_group_item_text {
        font-size: 12px;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px
    }
}

.about__centers_group_item_button {
    float: right;
    padding: 8px 9px 7px 20px;
    border-radius: 5px;
    margin: 10px -5px -23px 0;
    -webkit-transition: 0.2s all ease;
    transition: 0.2s all ease;
    background-color: #000;
    color: #fff
}

@media screen and (max-width: 1200px) {
    .about__centers_group_item_button {
        margin: 0;
        margin-top: 7px
    }
}

.about__centers_group_item_button:hover {
    background-color: #000;
    color: #ffffffd8
}

.registration {
    position: relative;
    width: calc(316px - 20px - 16px);
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 24px 20px 23px 16px;
    background: #000;
    border-radius: 4px;
    text-align: center;
    font-style: normal;
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on
}

.registration__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    margin: 16px 16px 0 0;
    background: gold;
    border-radius: 3.8124px;
    background-image: url(/public/images/icons/modal_close.svg);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

.registration__close:hover {
    -webkit-box-shadow: 0px 0px 0px 1.2px #FFDE01 inset;
    box-shadow: 0px 0px 0px 1.2px #FFDE01 inset;
    background-color: #000
}

.registration__logo {
    width: 127px;
    height: 44px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.registration__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    margin-top: 16px;
    margin-bottom: 13px;
    color: gold
}

.registration__email {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #fff
}

.registration__about {
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    text-transform: lowercase;
    margin-top: 10px;
    margin-bottom: 21px;
    color: #fff
}

.registration__input-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.registration__input-container_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 11px 12px 15px 12px;
    background: #fafdff;
    border: 1px solid #dceffb;
    border-radius: 3px;
    cursor: text
}

.registration__input-container_group img {
    margin-right: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.registration__input-container_group input {
    width: 100%;
    background-color: #00000000;
    outline: none;
    border: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #1c1e27
}

.registration__input-container_group input::-webkit-input-placeholder {
    color: #1c1e27
}

.registration__input-container_group input:-ms-input-placeholder {
    color: #1c1e27
}

.registration__input-container_group input::-ms-input-placeholder {
    color: #1c1e27
}

.registration__input-container_group input::placeholder {
    color: #1c1e27
}

.registration__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 22px 15px 21px;
    margin: auto auto;
    margin-top: 16px;
    border-radius: 5px;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    background: #FFDE01;
    color: #000
}

.registration__button:hover {
    -webkit-box-shadow: 0px 0px 0px 1px #FFDE01 inset;
    box-shadow: 0px 0px 0px 1px #FFDE01 inset;
    background-color: #000;
    color: #FFDE01
}

.registration__button:hover svg path {
    fill: #FFDE01
}

.registration__button svg {
    margin-right: 11px
}

.registration__button svg path {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

.registration__captcha {
    margin: 18px 0 18px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.registration__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 19px;
    color: #fff
}

.registration__links a {
    cursor: pointer;
    -webkit-transition: 0.2s all ease;
    transition: 0.2s all ease
}

.registration__links a:hover {
    text-decoration: underline
}

.privacy-policy .breadcrumbs {
    margin-bottom: 29px
}

@media screen and (max-width: 576px) {
    .privacy-policy .title-group h1 {
        line-height: 30px
    }
}

.privacy-policy__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 25px;
    margin-top: 32px
}

@media screen and (max-width: 1200px) {
    .privacy-policy__list {
        padding: 0 30px 0 30px
    }
}

@media screen and (max-width: 576px) {
    .privacy-policy__list {
        padding: 0 5px 0 5px
    }
}

.privacy-policy__list.success {
    gap: 12px;
    margin-top: 20px
}

@media screen and (max-width: 576px) {
    .privacy-policy__list.success {
        padding: 0 5px 0 5px
    }
}

.privacy-policy__list.success .privacy-policy__list_item {
    position: relative;
    padding-left: 23px
}

.privacy-policy__list.success .privacy-policy__list_item::before {
    position: absolute;
    left: 0;
    top: 3px;
    content: '';
    width: 20px;
    height: 20px;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    background-image: url(/public/images/icons/success.svg)
}

.privacy-policy__list_item {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px
}

.privacy-policy__list_item.fw600 {
    font-weight: 600;
    margin-bottom: -5px
}

.privacy-policy__list_item.select {
    padding: 18px 29px 19px 27px;
    border-radius: 10px;
    background-color: #E9E9E9
}

.create-request {
    margin-bottom: 24px
}

.create-request .breadcrumbs {
    margin-bottom: 35px
}

@media screen and (max-width: 576px) {
    .create-request .breadcrumbs {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .create-request h4 {
        padding: 0 30px 0 30px;
        width: calc(100% - 5px * 2)
    }
}

@media screen and (max-width: 576px) {
    .create-request h4 {
        padding: 0 5px 0 7px
    }
}

.create-request__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 17px;
    margin-top: 17px;
    width: 100%
}

@media screen and (max-width: 768px) {
    .create-request__group {
        padding: 0 30px 0 30px
    }
}

@media screen and (max-width: 576px) {
    .create-request__group {
        padding: 0 5px 0 7px;
        margin-top: 14px
    }
}

.create-request__group_textarea {
    margin-top: 7px;
    width: 100%;
    background: #ededed;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    outline: none;
    padding: 14px 22px 14px 22px;
    resize: vertical;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #333333
}

@media screen and (max-width: 576px) {
    .create-request__group_textarea {
        padding: 10px 11px 10px 11px
    }
}

.create-request__group_textarea.thematic {
    min-height: calc(64px - 22px * 2)
}

@media screen and (max-width: 576px) {
    .create-request__group_textarea.thematic {
        min-height: calc(64px - 10px * 2)
    }
}

.create-request__group_textarea.message {
    min-height: calc(109px - 22px * 2)
}

@media screen and (max-width: 576px) {
    .create-request__group_textarea.message {
        min-height: calc(109px - 10px * 2)
    }
}

.create-request__group_textarea:focus {
    border: 1px solid #bababa
}

.create-request__button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.create-request__button-group_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 18px 9px 18px;
    border-radius: 5px;
    margin-top: 26px;
    min-width: 161px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: left;
    -webkit-transition: 0.2s all ease;
    transition: 0.2s all ease;
    background: gold;
    color: #000
}

.create-request__button-group_button:hover {
    background-color: #000;
    color: #fff
}

.create-request__button-group_button:hover svg path {
    fill: #fff
}

.create-request__button-group_button svg {
    margin-right: 24px
}

.create-request__button-group_button svg path {
    -webkit-transition: 0.2s all ease;
    transition: 0.2s all ease
}

.balance-replenishment {
    padding-bottom: 34px
}

.balance-replenishment .breadcrumbs {
    margin-bottom: 35px
}

@media screen and (max-width: 576px) {
    .balance-replenishment .breadcrumbs {
        display: none
    }
}

.balance-replenishment__select-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 444px;
    gap: 19px;
    margin-top: 19px
}

@media screen and (max-width: 576px) {
    .balance-replenishment__select-group {
        max-width: 100%
    }
}

.balance-replenishment__select-group_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 576px) {
    .balance-replenishment__select-group_group {
        display: block
    }
}

.balance-replenishment__select-group_group input {
    display: block;
    background: #ededed;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    padding: 14px 18px 14px 18px;
    width: 314px;
    outline: none
}

@media screen and (max-width: 576px) {
    .balance-replenishment__select-group_group input {
        margin-top: 8px;
        width: 100%
    }
}

@media screen and (max-width: 576px) {
    .balance-replenishment__select-group_group .select_wrap {
        margin-top: 8px;
        max-width: 100%
    }
}

.balance-replenishment__select-group_group span {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px
}

.balance-replenishment__button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    width: 100%;
    max-width: 444px
}

.balance-replenishment__button-group_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 18px 9px 18px;
    border-radius: 5px;
    margin-top: 35px;
    min-width: 155px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    -webkit-transition: 0.2s all ease;
    transition: 0.2s all ease;
    background: gold;
    color: #000
}

.balance-replenishment__button-group_button:hover {
    background-color: #000;
    color: #fff
}

.profile {
    margin-bottom: 39px
}

@media screen and (max-width: 576px) {
    .profile {
        margin-bottom: 25px
    }
}

.profile .breadcrumbs {
    margin-bottom: 19px
}

@media screen and (max-width: 576px) {
    .profile .breadcrumbs {
        display: none
    }
}

.profile__container {
    max-width: 730px;
    width: 100%;
    margin: auto auto
}

@media screen and (max-width: 1100px) {
    .profile__container {
        max-width: 100%;
        padding: 0 30px 0 30px
    }
}

@media screen and (max-width: 576px) {
    .profile__container {
        width: calc(100% - 5px * 2);
        padding: 0 5px 0 5px
    }
}

.profile__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: 504px;
    margin-top: 57px
}

@media screen and (max-width: 576px) {
    .profile__group {
        max-width: 100%;
        margin-top: 30px;
        gap: 9.71px
    }
}

.profile__group span {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 10px;
    color: #000
}

@media screen and (max-width: 576px) {
    .profile__group span {
        font-weight: 500;
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 0
    }
}

.profile__group .checkbox .custom-checkbox+label::before {
    margin-right: 16.17px
}

@media screen and (max-width: 576px) {
    .profile__group .checkbox .custom-checkbox+label::before {
        margin-right: 9.67px
    }
}

.profile__group .checkbox .custom-checkbox:checked+label::before {
    border-color: #393d46 !important;
    background-color: #393d46 !important;
    width: 18.33px;
    height: 18.4px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='white' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

.profile__group .checkbox .custom-checkbox:not(:checked)+label::before {
    background-color: #fff !important;
    border-color: rgba(0, 0, 0, 0.05);
    width: 18.33px;
    height: 18.4px
}

@media screen and (max-width: 576px) {
    .profile__group .checkbox * {
        font-weight: 400;
        font-size: 12px;
        line-height: 18px
    }
}

.profile__group_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px
}

@media screen and (max-width: 576px) {
    .profile__group_item {
        display: block;
        font-weight: 600;
        font-size: 14px
    }
}

.profile__group_item input {
    display: block;
    background: #ededed;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    padding: 14px 18px 14px 18px;
    width: 314px;
    outline: none;
    color: #333333;
    -webkit-transition: 0.2s;
    transition: 0.2s
}

.profile__group_item input::-webkit-input-placeholder {
    color: #333333
}

.profile__group_item input:-ms-input-placeholder {
    color: #333333
}

.profile__group_item input::-ms-input-placeholder {
    color: #333333
}

.profile__group_item input::placeholder {
    color: #333333
}

.profile__group_item input:focus {
    border: 1px solid #949494
}

@media screen and (max-width: 576px) {
    .profile__group_item input {
        width: 100%;
        margin-top: 11px;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px
    }
}

.profile__group_item button {
    display: block;
    background: #ffde01;
    border-radius: 5px;
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    padding: 5px 8px 5px 13px;
    width: 159px;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

.profile__group_item button:hover {
    background-color: #000;
    color: #fff
}

@media screen and (max-width: 576px) {
    .profile__group_item button {
        margin: auto auto;
        margin-top: 12px;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        padding: 11px 25px 10px 25px
    }
}

.support-request {
    padding-bottom: 21px
}

.support-request .container-child {
    margin-top: 35px
}

@media screen and (max-width: 576px) {
    .support-request .container-child {
        margin-top: 17px
    }
}

@media screen and (max-width: 576px) {
    .support-request .breadcrumbs {
        display: none
    }
}

@media screen and (max-width: 576px) {
    .support-request h4 {
        font-size: 16px;
        line-height: 22px
    }
}

.support-request__btn-send {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 25.08px
}

.support-request__btn-send button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 0 9px 0;
    min-width: 161px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    background: gold;
    border-radius: 5px;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

.support-request__btn-send button:hover {
    background-color: #000;
    color: #fff
}

.support-request__btn-send button:hover svg path {
    fill: #fff
}

.support-request__btn-send button svg {
    margin-right: 15px
}

.support-request__btn-send button svg path {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

@media screen and (max-width: 576px) {
    .support-request__btn-send button {
        font-size: 14px;
        line-height: 17px;
        padding: 11px 0 10px 0;
        min-width: 150px
    }
}

.support-request__info {
    margin-top: 23px;
    width: 100%;
    font-style: normal;
    font-size: 16px;
    line-height: 36px
}

@media screen and (max-width: 576px) {
    .support-request__info {
        margin-top: 10px;
        font-size: 12px;
        line-height: 23px
    }
}

.support-request__info_title {
    background-color: #E9E9E9;
    border-radius: 5px;
    padding: 7px 18px 7px 18px;
    font-weight: 600
}

@media screen and (max-width: 576px) {
    .support-request__info_title {
        padding-left: 11.72px;
        padding-right: 11.72px
    }
}

.support-request__info_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 71px;
    padding: 10px 18px 9px 18px;
    border-bottom: 0.1px solid #d3d3d3
}

@media screen and (max-width: 576px) {
    .support-request__info_item {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: 11.72px;
        padding-right: 11.72px
    }
}

.support-request__info_item_col {
    width: 309px
}

@media screen and (max-width: 576px) {
    .support-request__info_item_col {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }
}

.support-request__info_item_col_title {
    font-weight: 600
}

.support-request__info_item_col button {
    padding: 0 6px 0 3px;
    min-width: calc(86px - 6px + 3px);
    border-radius: 5px;
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    background-color: #FFDE01;
    color: #000
}

.support-request__info_item_col button:hover {
    background-color: #000;
    color: #fff
}

@media screen and (max-width: 576px) {
    .support-request__info_item_col button {
        min-width: 87px;
        font-weight: 400;
        font-size: 12px;
        line-height: 23px
    }
}

.support-request__messages {
    margin-top: 35px;
    width: 100%
}

@media screen and (max-width: 576px) {
    .support-request__messages {
        margin-top: 20.13px
    }
}

.support-request__messages h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 36px;
    margin: 8px 0 10px 0
}

@media screen and (max-width: 576px) {
    .support-request__messages h4 {
        font-size: 12px;
        line-height: 23px
    }
}

.support-request__messages textarea {
    background: #ededed;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    width: 100%;
    min-height: calc(119px - 30px);
    padding: 15px 18px 15px;
    outline: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    resize: vertical
}

.support-request__messages textarea:focus {
    border-color: #a0a0a0
}

@media screen and (max-width: 576px) {
    .support-request__messages textarea {
        font-size: 10px;
        line-height: 12px
    }
}

.support-request__messages_massage {
    border-radius: 5px;
    width: 100%;
    padding: 6px 18px 7px 18px;
    margin-bottom: 13px;
    font-size: 16px;
    line-height: 36px;
    color: #000;
    background-color: #E9E9E9
}

@media screen and (max-width: 576px) {
    .support-request__messages_massage {
        font-size: 12px;
        line-height: 23px;
        padding-left: 12px;
        padding-right: 12px
    }
}

.support-request__messages_massage_title {
    font-weight: 600
}

.support-request__messages_massage_text {
    border-bottom: 0.5px solid #d3d3d3;
    margin: 0 -18px 0 -18px;
    padding: 0 18px 9px 18px
}

@media screen and (max-width: 576px) {
    .support-request__messages_massage_text {
        margin: 3px 0 0 0;
        padding: 0 0 8px 0;
        line-height: 16px
    }
}

.support-request__messages_massage_date {
    position: relative;
    font-size: 12px;
    margin-top: 10px;
    padding-left: 23px
}

.support-request__messages_massage_date::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 17px;
    height: 17px;
    background-image: url(/public/images/icons/date.svg)
}

@media screen and (max-width: 576px) {
    .support-request__messages_massage_date::before {
        width: 14px;
        height: 14px;
        top: 0
    }
}

@media screen and (max-width: 576px) {
    .support-request__messages_massage_date {
        font-size: 10px;
        line-height: 16px;
        margin: 13px 0 14px 0
    }
}

.support-request__messages_checkboxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 14.97px;
    gap: 20px
}

@media screen and (max-width: 576px) {
    .support-request__messages_checkboxes {
        margin-top: 10.43px
    }
}

.support-request__messages_checkboxes .checkbox .custom-checkbox+label::before {
    margin-right: 11.7px
}

@media screen and (max-width: 576px) {
    .support-request__messages_checkboxes .checkbox .custom-checkbox+label::before {
        margin-right: 8.57px
    }
}

.support-request__messages_checkboxes .checkbox .custom-checkbox:checked+label::before {
    border-color: #393d46 !important;
    background-color: #393d46 !important;
    width: 18.33px;
    height: 18.4px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='white' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

.support-request__messages_checkboxes .checkbox .custom-checkbox:not(:checked)+label::before {
    background-color: #fff !important;
    border-color: rgba(0, 0, 0, 0.05);
    width: 18.33px;
    height: 18.4px
}

@media screen and (max-width: 576px) {
    .support-request__messages_checkboxes .checkbox * {
        font-weight: 400;
        font-size: 12px;
        line-height: 18px
    }
}

.tickets {
    padding-bottom: 22px
}

.tickets .breadcrumbs {
    margin-bottom: 29px
}

@media screen and (max-width: 576px) {
    .tickets .breadcrumbs {
        display: none
    }
}

@media screen and (max-width: 1100px) {
    .tickets h4 {
        margin-top: 14px
    }
}

@media screen and (max-width: 576px) {
    .tickets h4 {
        font-weight: 600;
        font-size: 14px;
        line-height: 22px
    }
}

.tickets__table {
    padding: 0 5px 0 5px;
    margin-top: 14px
}

@media screen and (max-width: 820px) {
    .tickets__table {
        padding: 0
    }
}

.tickets__table_col {
    font-size: 16px !important;
    line-height: 36px;
    color: #000
}

@media screen and (max-width: 576px) {
    .tickets__table_col {
        font-weight: 400;
        font-size: 14px;
        line-height: 18px
    }
}

.tickets__table_col_title {
    font-size: 16px;
    line-height: 36px;
    font-weight: 600
}

.tickets__table_col_row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 47px;
    width: 100%;
    border-bottom: 0.5px solid #d3d3d3a7
}

@media screen and (max-width: 820px) {
    .tickets__table_col_row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        padding: 20px 0 14px 0
    }
}

.tickets__table_col_row.title {
    font-weight: 600
}

@media screen and (max-width: 820px) {
    .tickets__table_col_row.title {
        display: none
    }
}

.tickets__table_col_row_id {
    width: 85px
}

@media screen and (max-width: 820px) {
    .tickets__table_col_row_id {
        display: none
    }
}

.tickets__table_col_row_state {
    width: 165px
}

.tickets__table_col_row_theme {
    width: 264px
}

@media screen and (max-width: 820px) {
    .tickets__table_col_row_theme::before {
        display: block;
        content: "Тема";
        font-weight: 600
    }
}

@media screen and (max-width: 576px) {
    .tickets__table_col_row_theme::before {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 5px
    }
}

.tickets__table_col_row_data {
    width: 126px
}

@media screen and (max-width: 820px) {
    .tickets__table_col_row_data {
        display: none
    }
}

@media screen and (max-width: 820px) {
    .tickets__table_col_row_state,
    .tickets__table_col_row_theme {
        display: block;
        width: 100%
    }
}

.tickets__table_col_row_state_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 31px;
    padding: 0 19px 0 19px;
    border-radius: 5px
}

@media screen and (max-width: 820px) {
    .tickets__table_col_row_state_btn {
        float: right;
        margin-top: 14px
    }
    .tickets__table_col_row_state_btn::before {
        content: "Статус";
        position: absolute;
        left: 0;
        font-weight: 600;
        color: #000
    }
}

@media screen and (max-width: 576px) {
    .tickets__table_col_row_state_btn::before {
        font-size: 14px;
        line-height: 16px
    }
}

.tickets__table_col_row_state_btn.gray {
    background: #868686;
    color: #fff;
    padding: 0 12px 0 12px
}

.tickets__table_col_row_state_btn.warning {
    background: gold
}

.tickets__table_col_row_state_btn.dark {
    background: #000;
    color: #fff
}

.tickets__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 31px;
    padding: 10px 6px 9px 6px;
    background: gold;
    border-radius: 5px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    min-width: 161px;
    -webkit-transition: 0.2s;
    transition: 0.2s
}

.tickets__button:hover {
    background-color: #000;
    color: #fff
}

.tickets__button:hover svg path {
    fill: #fff
}

.tickets__button svg {
    margin-right: 14px
}

.tickets__button svg path {
    -webkit-transform: 0.2s;
    transform: 0.2s
}

@media screen and (max-width: 576px) {
    .tickets__button svg {
        width: 19px;
        height: 19px;
        margin-right: 12px
    }
}

@media screen and (max-width: 576px) {
    .tickets__button {
        font-weight: 500;
        font-size: 14px;
        line-height: 17px
    }
}

.my-accounts {
    padding-bottom: 24px
}

.my-accounts .breadcrumbs {
    margin-bottom: 19px
}

@media screen and (max-width: 576px) {
    .my-accounts .breadcrumbs {
        display: none
    }
}

@media screen and (max-width: 1100px) {
    .my-accounts h4 {
        margin-top: 14px
    }
}

@media screen and (max-width: 576px) {
    .my-accounts h4 {
        font-weight: 600;
        font-size: 20px;
        line-height: 22px
    }
}

.my-accounts__table {
    padding: 0 5px 0 5px;
    margin-top: 19px
}

@media screen and (max-width: 820px) {
    .my-accounts__table {
        padding: 0
    }
}

@media screen and (max-width: 576px) {
    .my-accounts__table {
        padding: 0;
        margin-top: 9px
    }
}

.my-accounts__table_col {
    font-size: 16px !important;
    line-height: 36px;
    color: #000
}

@media screen and (max-width: 576px) {
    .my-accounts__table_col * {
        font-size: 14px;
        line-height: 18px
    }
}

.my-accounts__table_col_title {
    font-size: 16px;
    line-height: 36px;
    font-weight: 600
}

.my-accounts__table_col_row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    
    width: 100%;
    border-bottom: 0.5px solid #d3d3d3a7
}

.my-accounts__table_col_row.title {
    font-weight: 600
}

.my-accounts__table_col_row_id {
    min-width: 85px
}

.my-accounts__table_col_row_state {
    min-width: 116px
}

.my-accounts__table_col_row_amount {
    min-width: 116px;
	text-align: center;
}

@media screen and (max-width: 576px) {
    .my-accounts__table_col_row_amount {
        min-width: 68px;
        margin-left: 30px
    }
}

.my-accounts__table_col_row_data {
    width: 286px
}

@media screen and (max-width: 820px) {
    .my-accounts__table_col_row_id,
    .my-accounts__table_col_row_state,
    .my-accounts__table_col_row_amount,
    .my-accounts__table_col_row_data {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }
}

.my-accounts__table_col_row_state_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 116px;
    height: 31px;
    border-radius: 5px
}

.my-accounts__table_col_row_state_btn.gray {
    background: #868686;
    color: #fff;
    min-width: 116px
}

.my-accounts__table_col_row_state_btn.warning {
    background: gold
}

.my-accounts__table_col_row_state_btn.dark {
    background: #000;
    color: #fff
}

.ordering-server {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    padding-bottom: 24px
}

@media screen and (max-width: 390px) {
    .ordering-server .container-child {
        padding: 0
    }
}

.ordering-server h4 {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px
}

@media screen and (max-width: 576px) {
    .ordering-server h4 {
        display: none
    }
}

.ordering-server .bp576in {
    display: none
}

@media screen and (max-width: 576px) {
    .ordering-server .bp576in {
        display: block
    }
}

.ordering-server .bp576out {
    display: block
}

@media screen and (max-width: 576px) {
    .ordering-server .bp576out {
        display: none
    }
}

.ordering-server .ordering-server__promocode {
    background: #ededed;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    width: 160px;
    outline: none;
    height: 46px;
    padding: 0 21px 0 21px
}

@media screen and (max-width: 576px) {
    .ordering-server .ordering-server__promocode {
        margin: 0 auto
    }
}

@media screen and (max-width: 576px) {
    .ordering-server .breadcrumbs {
        display: none
    }
}

.ordering-server__rates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    gap: 6px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 33px;
}

.ordering-server__rates_new {
    margin-top: 0px;
    margin-bottom: 33px;
}

@media screen and (max-width: 768px) {
    .ordering-server__rates {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 6.48px
    }
}

@media screen and (max-width: 576px) {
    .ordering-server__rates {
        gap: 5.96px;
        margin-top: 0
    }
}

.ordering-server__rates button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 3px;
    width: 115.87px;
    height: 36px;
    font-weight: 500;
    font-size: 85%;
    line-height: 22px;
    color: #000;
    background: #E9E9E9;
    border: 1px solid #d3d3d3;
    -webkit-transition: 0.2s;
    transition: 0.2s
}

.ordering-server__rates button:hover {
    background-color: #e3e3e3
}

.ordering-server__rates button.active {
    background-color: gold;
    border: 0
}

@media screen and (max-width: 576px) {
    .ordering-server__rates button {
        width: 99.36px;
        height: 31px;
        font-size: 13.7778px;
        line-height: 19px
    }
}

.ordering-server__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    margin-top: 34px;
    margin-bottom: 24px
}

@media screen and (max-width: 768px) {
    .ordering-server__group {
        display: block
    }
}

@media screen and (max-width: 576px) {
    .ordering-server__group {
        margin-bottom: 18px
    }
}

.ordering-server__group_range-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 37px
}

.ordering-server__group_range-group_range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 540px
}

@media screen and (max-width: 768px) {
    .ordering-server__group_range-group_range {
        width: 100%
    }
}

.ordering-server__group_range-group_range span {
    width: 60px;
    padding-left: 5px
}

@media screen and (max-width: 576px) {
    .ordering-server__group_range-group_range span {
        font-size: 15.2906px;
        line-height: 17px
    }
}

.ordering-server__group_range-group_range input {
    width: 435px
}

@media screen and (max-width: 768px) {
    .ordering-server__group_range-group_range input {
        width: 83%
    }
}

.ordering-server__group_order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.ordering-server__group_order_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 768px) {
    .ordering-server__group_order_group {
        position: fixed;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 22px 0 22px 0;
        gap: 45px;
        bottom: 0;
        left: 0;
        width: 100vw;
        background-color: #fff;
        -webkit-box-shadow: 1px 8px 33px 0px rgba(34, 60, 80, 0.2);
        box-shadow: 1px 8px 33px 0px rgba(34, 60, 80, 0.2);
        z-index: 900
    }
    .ordering-server__group_order_group .buy,
    .ordering-server__group_order_group input {
        display: none
    }
}

.ordering-server__group_order span {
    margin: 14px 0 17px 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px
}

.ordering-server__group_order button {
    border-radius: 5px;
    width: 160px;
    height: 46px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    background: gold
}

.ordering-server__group_order button:hover {
    background-color: #000;
    color: #fff
}

.ordering-server__operating-systems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5.75px;
    margin-top: 13px;
    width: 543px
}

@media screen and (max-width: 768px) {
    .ordering-server__operating-systems {
        width: 100%
    }
}

.ordering-server__operating-systems_item {
    width: 130.62px;
    height: 115px;
    background: #ffffff;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    padding: 0 6.57px 0 6.57px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    cursor: pointer
}

.ordering-server__operating-systems_item .select_wrap .default_option {
    background-color: #00000000;
    border: 0;
    padding: 0;
    text-align: left
}

.ordering-server__operating-systems_item .select_wrap .default_option li {
    padding: 0
}

.ordering-server__operating-systems_item .select_wrap .default_option::before {
    display: none
}

.ordering-server__operating-systems_item .select_wrap .select_ul {
    top: 28px
}

.ordering-server__operating-systems_item.active {
    border-color: #ffde01;
    border-width: 3px;
}

@media screen and (max-width: 576px) {
    .ordering-server__operating-systems_item {
        width: 49%
    }
}

.ordering-server__operating-systems_item.max .ordering-server__operating-systems_item_logo {
    height: 100%
}

.ordering-server__operating-systems_item_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 81.83px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ordering-server__operating-systems_item_logo img {
    height: 57.5px;
    max-width: 81px;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.ordering-server__operating-systems_item_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 33.17px;
    border-top: 1px solid #d3d3d3;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000
}

.ordering-server__operating-systems_item_title svg {
    cursor: pointer
}

@media screen and (max-width: 576px) {
    .ordering-server__operating-systems_item_title {
        line-height: 21px
    }
}



.ordering-server__select-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 19px;
    margin-top: 34px
}

@media screen and (max-width: 576px) {
    .ordering-server__select-group {
        display: block;
        font-weight: 600;
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 25px
    }
    .ordering-server__select-group .select_wrap {
        max-width: 100%;
        margin-top: 7px;
        font-weight: 400
    }
}

@media screen and (max-width: 576px) {
    .ordering-server__select-group {
        margin-top: 14.28px
    }
}

.ordering-server__input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 19px;
    margin-top: 34px
}

@media screen and (max-width: 576px) {
    .ordering-server__input-group {
        display: block;
        font-weight: 600;
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 25px
    }
    .ordering-server__input-group .select_wrap {
        max-width: 100%;
        margin-top: 7px;
        font-weight: 400
    }
}

@media screen and (max-width: 576px) {
    .ordering-server__input-group {
        margin-top: 14.28px
    }
}

.ordering-server__input-group input {
	display: block;
    background: #ededed;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    padding: 14px 18px 14px 18px;
    width: 314px;
    outline: none;
    color: #333333;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.about-server {
    padding-bottom: 33px
}

@media screen and (max-width: 576px) {
    .about-server {
        padding-bottom: 31px
    }
}

.about-server .breadcrumbs {
    margin-bottom: 29px
}

@media screen and (max-width: 576px) {
    .about-server .breadcrumbs {
        display: none
    }
}

.about-server__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    margin-top: 13px
}

@media screen and (max-width: 768px) {
    .about-server__group {
        display: block
    }
}

.about-server__tabs {
    position: -webkit-sticky;
    position: sticky;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    top: 100px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

@media screen and (max-width: 768px) {
    .about-server__tabs {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        position: static
    }
}

@media screen and (max-width: 576px) {
    .about-server__tabs {
        gap: 9.39px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.about-server__tabs_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 160px;
    height: 50px;
    background: #ededed;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    padding: 0 10px 0 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 36px;
    color: #333333;
    cursor: pointer;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.about-server__tabs_item:hover {
    background-color: #e9e9e9
}

.about-server__tabs_item.active {
    background: gold;
    border-color: gold;
    cursor: default
}

.about-server__tabs_item img {
    margin-right: 13px
}

@media screen and (max-width: 576px) {
    .about-server__tabs_item img {
        margin-right: 12.21px;
        width: 18.79px;
        height: 18.79px
    }
}

@media screen and (max-width: 576px) {
    .about-server__tabs_item {
        font-size: 13px;
        line-height: 34px;
        min-width: 145.3px;
        max-width: 145.3px;
        height: 46.97px;
        padding: 0 9.39px 0 9.39px
    }
}

.about-server__content {
    width: 100%;
    max-width: 540px
}

@media screen and (max-width: 768px) {
    .about-server__content {
        max-width: 100%;
        margin-top: 14.55px
    }
}

.about-server__content h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #333333;
    margin-bottom: 10px
}

@media screen and (max-width: 576px) {
    .about-server__content h4 {
        font-size: 14px;
        line-height: 17px;
        white-space: nowrap
    }
}

.about-server__content_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 9.5px;
    width: 100%;
    margin-bottom: 29.5px
}

@media screen and (max-width: 576px) {
    .about-server__content_list {
        gap: 8.24px
    }
}

.about-server__content_list_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: #333333;
    padding-bottom: 7.5px;
    border-bottom: 1px solid #d3d3d3
}

@media screen and (max-width: 576px) {
    .about-server__content_list_item {
        font-size: 12.1905px;
        line-height: 27px
    }
}

.about-server__content_list_item.padding {
    padding-bottom: 13.5px;
    margin-top: calc(14.5px - 9.5px)
}

.about-server__content_list_item_value {
    position: relative
}

.about-server__content_list_item_value.online::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    left: -25px;
    top: 50%;
    border-radius: 50px;
    background-color: green;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.about-server__content_list_item_value.pending::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    left: -25px;
    top: 50%;
    border-radius: 50px;
    background-color: gold;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.about-server__content_list_item_value.offline::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    left: -25px;
    top: 50%;
    border-radius: 50px;
    background-color: red;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media screen and (max-width: 576px) {
    .about-server__content_list_item_value.online::after {
        width: 12.19px;
        height: 12.19px;
        left: -20px
    }
	
    .about-server__content_list_item_value.pending::after {
        width: 12.19px;
        height: 12.19px;
        left: -20px
    }

    .about-server__content_list_item_value.offline::after {
        width: 12.19px;
        height: 12.19px;
        left: -20px
    }
}

.about-server__content_list_item_value_password {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.about-server__content_list_item_value_password.hidden input {
    pointer-events: none;
    padding-top: 10px
}

.about-server__content_list_item_value_password.hidden .about-server__content_list_item_value_password_button {
    background-image: url(/public/images/icons/password_show.svg)
}

.about-server__content_list_item_value_password input {
    font-weight: 400;
    font-size: 16px;
    line-height: 0px;
    padding: 0 14px 0 14px;
    width: calc(204px - 14px - 14px);
    outline: none;
    height: 43px;
    background: #ededed;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    text-align: center
}

@media screen and (max-width: 576px) {
    .about-server__content_list_item_value_password input {
        width: 155.43px;
        height: 32.76px;
        font-size: 12.1905px
    }
}

.about-server__content_list_item_value_password_button {
    width: 27px;
    height: 15px;
    margin-right: 12px;
    cursor: pointer;
    background-image: url(/public/images/icons/password_hide.svg)
}

.about-server__content_list_item_value_rtp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px
}

@media screen and (max-width: 576px) {
    .about-server__content_list_item_value_rtp {
        gap: 9.99px
    }
}

.about-server__content_list_item_value_rtp input {
    width: 255px;
    height: 43px;
    background: #ededed;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    padding-right: 18px;
    outline: none;
    -webkit-transition: 0.2s;
    transition: 0.2s
}

.about-server__content_list_item_value_name input {
    width: 255px;
    height: 43px;
    background: #ededed;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    padding-right: 0px;
    outline: none;
    -webkit-transition: 0.2s;
    transition: 0.2s
}

.about-server__content_list_item_value_rtp input:focus {
    border-color: #a5a5a5
}

@media screen and (max-width: 576px) {
    .about-server__content_list_item_value_rtp input {
        font-size: 12.1905px;
        line-height: 27px;
        width: 118.21px;
        height: 30.3px;
        text-align: center
    }
}

.about-server__content_list_item_value_rtp button {
    background: gold;
    border-radius: 3px;
    width: 161px;
    height: 43px;
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: #333333;
    -webkit-transition: 0.2s;
    transition: 0.2s
}

.about-server__content_list_item_value_name button {
    background: gold;
    border-radius: 3px;
    width: 161px;
    height: 43px;
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: #333333;
    -webkit-transition: 0.2s;
    transition: 0.2s
}

.about-server__content_list_item_value_rtp button:hover {
    background-color: #000;
    color: #fff
}

@media screen and (max-width: 576px) {
    .about-server__content_list_item_value_rtp button {
        width: 110.68px;
        height: 29.56px;
        font-size: 12.1905px;
        line-height: 27px
    }
}

.about-server__content_graphic {
    margin-top: 15.25px
}

.about-server__content_graphic img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width: 768px) {
    .about-server__content_graphic img {
        width: 100%
    }
}

.about-server__content_graphic_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 19.46px;
    margin-top: 19.85px
}

@media screen and (max-width: 768px) {
    .about-server__content_graphic_buttons {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 576px) {
    .about-server__content_graphic_buttons {
        gap: 12.4px
    }
}

.about-server__content_graphic_buttons button {
    width: 165.38px;
    height: 38px;
    background: #ededed;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    color: #000
}

.about-server__content_graphic_buttons button:hover {
    background-color: #e9e9e9
}

.about-server__content_graphic_buttons button.active {
    background: gold;
    border-color: gold;
    cursor: default
}

@media screen and (max-width: 576px) {
    .about-server__content_graphic_buttons button {
        width: 94.25px;
        height: 25.66px;
        font-weight: 400;
        font-size: 12.1905px;
        line-height: 12px;
        border-radius: 1.70979px
    }
}

.about-server__content_management {
    margin-top: 32px
}

.about-server__content_management h4 {
    margin-bottom: 19px
}

.about-server__content_management h5 {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #333333;
    margin: 19px 0 13px 0
}

@media screen and (max-width: 576px) {
    .about-server__content_management h5 {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        margin: 21px 0 12px 0
    }
}

.about-server__content_management_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 35px;
    margin-top: 19px
}

@media screen and (max-width: 576px) {
    .about-server__content_management_buttons {
        gap: 10.58px
    }
}

.about-server__content_management_buttons button {
    width: 158px;
    height: 38px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    border-radius: 5px;
    color: #fff;
    -webkit-transition: 0.2s;
    transition: 0.2s
}

.about-server__content_management_buttons button.reload {
    background-color: #e62640
}

.about-server__content_management_buttons button.reload:hover {
    background: #d2253c
}

.about-server__content_management_buttons button.console {
    background-color: #2c6e30
}

.about-server__content_management_buttons button.console:hover {
    background: gold;
    color: #000
}

.about-server__content_management_buttons button.renew {
    background-color: #000
}

.about-server__content_management_buttons button.renew:hover {
    background: gold;
    color: #000
}

@media screen and (max-width: 576px) {
    .about-server__content_management_buttons button {
        width: 116.42px;
        height: 28px;
        border-radius: 3.68421px;
        font-size: 12px;
        line-height: 14px
    }
}

.about-server__content_management_operating-systems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5.75px;
    margin-top: 13px;
    width: 543px
}

@media screen and (max-width: 768px) {
    .about-server__content_management_operating-systems {
        width: 100%
    }
}

@media screen and (max-width: 576px) {
    .about-server__content_management_operating-systems {
        margin-top: 12px
    }
}

.about-server__content_management_operating-systems_item {
    width: 130.62px;
    height: 115px;
    background: #ffffff;
    border: 1px solid #000000;
    border-radius: 3px;
    padding: 0 4.62px 0 4px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    cursor: pointer
}

.about-server__content_management_operating-systems_item .select_wrap .default_option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 7.57px;
    width: calc(100%);
    height: 25px;
    text-align: left;
    border: 0;
    border-radius: 3px
}

.about-server__content_management_operating-systems_item .select_wrap.active .default_option {
    background-color: #ffde01;
}

.about-server__content_management_operating-systems_item .select_wrap .default_option li {
    padding: 0
}

.about-server__content_management_operating-systems_item .select_wrap .default_option::before {
    top: 5px;
    right: 12px;
    width: 5px;
    height: 5px
}

.about-server__content_management_operating-systems_item .select_wrap.active .default_option:before {
    margin-top: 5px
}

.about-server__content_management_operating-systems_item .select_wrap .select_ul {
    top: 28px
}

.about-server__content_management_operating-systems_item.active {
    -webkit-box-shadow: -1px 3px 7px 0px rgba(0, 0, 0, 0.303);
    box-shadow: -1px 3px 7px 0px rgba(0, 0, 0, 0.303);
    border-color: #00000036;
	background-color: gold;
}

@media screen and (max-width: 576px) {
    .about-server__content_management_operating-systems_item {
        width: 49%
    }
}

.about-server__content_management_operating-systems_item.max .about-server__content_management_operating-systems_item_logo {
    height: 100%
}

.about-server__content_management_operating-systems_item_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 81.83px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.about-server__content_management_operating-systems_item_logo img {
    height: 57.5px;
    max-width: 81px;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.about-server__content_management_operating-systems_item_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 25px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000
}

.about-server__content_management_operating-systems_item_title.border-top {
    border-top: 1px solid #000000;
    padding-top: 2.5px
}

@media screen and (max-width: 576px) {
    .about-server__content_management_operating-systems_item_title {
        line-height: 21px
    }
}

.about-server__content_management_password {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 26px
}

@media screen and (max-width: 576px) {
    .about-server__content_management_password {
        margin-top: 24.28px
    }
}

.about-server__content_management_password h4 {
    margin-bottom: 21px;
    text-align: left;
    width: 100%
}

.about-server__content_management_password_input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 28px
}

@media screen and (max-width: 576px) {
    .about-server__content_management_password_input-group {
        gap: 11px
    }
}

.about-server__content_management_password_input-group input {
    background: #ededed;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    width: 160px;
    height: 38px;
    padding: 0 10px 0 10px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    outline: none;
    -webkit-transition: 0.2s;
    transition: 0.2s
}

.about-server__content_management_password_input-group input::-webkit-input-placeholder {
    color: #000
}

.about-server__content_management_password_input-group input:-ms-input-placeholder {
    color: #000
}

.about-server__content_management_password_input-group input::-ms-input-placeholder {
    color: #000
}

.about-server__content_management_password_input-group input::placeholder {
    color: #000
}

.about-server__content_management_password_input-group input:focus {
    border-color: #c0bfbf
}

@media screen and (max-width: 576px) {
    .about-server__content_management_password_input-group input {
        width: 116px;
        height: 27px;
        font-weight: 500;
        font-size: 12px;
        line-height: 14px;
        padding: 0 5px 0 5px
    }
}

.about-server__content_management_password_button {
    width: 160px;
    height: 38px;
    border-radius: 3px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    margin-top: 21px;
    background: #e62640;
    color: #fff;
    -webkit-transition: 0.2s;
    transition: 0.2s
}

.about-server__content_management_password_button:hover {
    background: #d2253c
}

@media screen and (max-width: 576px) {
    .about-server__content_management_password_button {
        margin-top: 9px;
        width: 150px;
        height: 27px;
        border-radius: 1.56932px;
        font-size: 12px;
        line-height: 14px
    }
}

/* Уведомления */
.notify {
    position: fixed;
    right: 65px;
    top: 20px;

    width: 490px;
    padding: 15px 20px 19px 19px;
    z-index: 999;

    font-weight: 400;
    font-size: 20px;
    line-height: 27px;

    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
    border-radius: 2px;

    transform: translateY(-65px);
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
}

.notify.active {
    transform: none;
    opacity: 1;
    visibility: visible;
}

.notify.active .notify__close {
    transform: none;
}

.notify .notify__close {
    position: absolute;
    right: -40px;
    top: -5px;
    
    width: 30px;
    height: 30px;
    cursor: pointer;

    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.41083 4.41076C4.73626 4.08533 5.2639 4.08533 5.58934 4.41076L10.0001 8.82151L14.4108 4.41076C14.7363 4.08533 15.2639 4.08533 15.5893 4.41076C15.9148 4.7362 15.9148 5.26384 15.5893 5.58928L11.1786 10L15.5893 14.4108C15.9148 14.7362 15.9148 15.2638 15.5893 15.5893C15.2639 15.9147 14.7363 15.9147 14.4108 15.5893L10.0001 11.1785L5.58934 15.5893C5.2639 15.9147 4.73626 15.9147 4.41083 15.5893C4.08539 15.2638 4.08539 14.7362 4.41083 14.4108L8.82157 10L4.41083 5.58928C4.08539 5.26384 4.08539 4.7362 4.41083 4.41076Z' fill='%23736666'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
}

.notify.danger {
    background: #f7d7da;
    color: #974048;
}

.notify.success {
    background: #d5ecd8;
    color: #2a6048;
}

.notify.warning {
    background: #fff3cd;
    color: #826f07;
}

.pagination_rounded, .pagination_square {
    display: inline-block;
    margin-top: 33px;
}

.pagination_rounded ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pagination_rounded li:first-child {
    margin-left: 0px;
}

.pagination_rounded ul li {
    float: left;
    margin-left: 20px;
}

.pagination_rounded ul li:not(.disabled) a:hover {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}
.pagination_rounded .active {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}

.pagination_rounded .a-disabled{
	cursor: default;
}

a:link {
  text-decoration: none;
}

.pagination_rounded .prev {
    margin-left: 0px;
    border-radius: 35px;
    width: 90px;
    height: 34px;
    line-height: 34px;
}


.pagination_rounded ul li a {
    float: left;
    color: #000;
	background: #FFDE01;
    border-radius: 50%;
    line-height: 30px;
    height: 30px;
    width: 30px;
    text-align: center;
    margin-bottom: 40px;
    border: 1px solid #e0e0e0;
	font-weight: 500;
}

.pagination_rounded .prev i {
    margin-right: 10px;
}

.pagination_rounded .next {
    border-radius: 35px;
    width: 90px;
    height: 34px;
    line-height: 34px;
}

.visible-xs {
    display: none!important;
}


/* Контейнер для инпутов — в одну строку */
.compact-row {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    gap: 12px;
}

/* Лейблы компактно, без жирного и с минимальным отступом */
.ordering-label {
    min-width: 160px;
    font-size: 1.08em;
    color: #222;
    margin-right: 6px;
    white-space: nowrap;
}

/* Компактные инпуты/селекты */
.ordering-input {
    height: 34px;
    padding: 0 12px;
    border: 1px solid #e1c900;
    border-radius: 8px;
    font-size: 1em;
    background: #fff;
    transition: border 0.2s;
    outline: none;
    box-shadow: none;
}

/* Для блока основного/бэкап-источника */
.ordering-source-row {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.ordering-source-row select,
.ordering-source-row input {
    margin: 0;
    font-size: 1em;
}

.ordering-source-row select {
    width: 110px;
    min-width: 90px;
    flex-shrink: 0;
}

.ordering-source-row input {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
}


@media (max-width: 650px) {
    .ordering-source-row {
        flex-direction: row; /* не column! */
        gap: 6px;
    }
    .ordering-source-row select,
    .ordering-source-row input {
        width: auto;
        min-width: 0;
        max-width: none;
    }
}



.ordering-input:focus {
    border-color: #ffd600;
}

.ordering-input[readonly] {
    background: #f6f6f6;
    color: #bbb;
}

.ordering-select {
    width: 90px;
    min-width: 90px;
    padding-left: 4px;
    padding-right: 0;
}
@media (max-width: 650px) {
    .compact-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px !important;
        margin-bottom: 18px;
    }
    .ordering-label {
        margin-bottom: 2px;
        min-width: 0;
        font-size: 1em;
    }
    .ordering-input, .ordering-select {
        min-width: 0 !important;
        box-sizing: border-box;
        margin-right: 0 !important;
    }
}

.ordering-whitelist-row {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    max-width: 400px;
}
.ordering-whitelist-row .ordering-input {
    flex: 1 1 auto;
    min-width: 0;
    height: 34px;
}
.ordering-whitelist-add {
	border-radius: 5px;
    width: 36px;
    height: 34px;
    font-weight: 500;
    font-size: 1.4em;
    line-height: 19px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    background: gold
}
.ordering-whitelist-add:hover {
    background-color: #000;
    color: #fff
}

.ordering-whitelist-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 32px;
    margin-bottom: 10px;
}

.ordering-whitelist-item {
    display: flex;
    align-items: center;
    padding: 4px 10px;
    border: 1px solid #e1c900;
    border-radius: 8px;
    font-size: 1em;
    background: #fff;
    margin-right: 2px;
    margin-bottom: 2px;
}

.ordering-whitelist-remove {
    border: none;
    background: none;
    color: #c00;
    font-size: 1.15em;
    cursor: pointer;
    margin-left: 7px;
    line-height: 1;
    padding: 0;
}
.ordering-whitelist-remove:hover {
    color: #ff5900;
}

.ordering-host-checkbox {
    display: flex;
    align-items: center;
    gap: 7px;
    font-weight: normal;
    font-size: 1em;
    user-select: none;
    cursor: pointer;
    margin-right: 8px;
}

.ordering-host-checkbox input[type="checkbox"] {
    accent-color: #ffd600;
    width: 18px;
    height: 18px;
    margin: 0 3px 0 0;
}

.ordering-input-host {
    min-width: 210px;
    max-width: 320px;
    width: 100%;
}

@media (max-width: 700px) {
    .ordering-input-host {
        min-width: 0;
        max-width: 100%;
        margin-left: 0 !important;
        margin-top: 10px;
    }
    .compact-row {
        flex-direction: column;
        align-items: flex-start;
    }
}

.ordering-server__block-button button {
    border-radius: 5px;
    width: 160px;
    height: 46px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    background: gold
}

.ordering-server__block-button button:hover {
    background-color: #000;
    color: #fff
}