.in-development {
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
:root {
    color-scheme:light;
    --gr-str: #ffffff;
    --gr-end: #E9F3FF;
    --color-br: #0066D3;
    --color-ac: #00100d;
    --color-3: #333333;
    --color-bl: #0263FF;
    --color-b1: #ffffff;
    --color-d0: #D0D0D0;
    --color-grey: #8B8B8B;
    --color-g-5: #5C6E80;
    --color-g-2: #737382;
    --color-bc: #1f2937;
    --color-in: #00b3f0;
    --color-su: #00ca92;
    --color-wa: #ffc22d;
    --color-er: #ff6f70;
    --border-btn: 6px;
    --border-r: 6px;
    --p: 49.12% .3096 275.75;
    --b1: 100% 0 0;
    --bc: 27.8078% .029596 256.847952;
}
/* manrope-regular - cyrillic */
@font-face {
font-display: swap;
font-family: 'Manrope-regular';
font-style: normal;
font-weight: 400;
src: url('/web/fonts/Manrope/static/Manrope-Regular.ttf') format('woff2');
}
/* manrope-800 - cyrillic */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Manrope-Bold';
font-style: normal;
font-weight: 800;
src: url('/web/fonts/Manrope/static/Manrope-ExtraBold.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.manrope-400 {
    font-family: "Manrope-regular", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;

  }
.manrope-700 {
    font-family: "Manrope-Bold", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    /* montserrat-regular - cyrillic_latin */

  }
  section#VpsTarifs-widget h2{
    font-family: "Rubik-700", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
  }
html.lenis, html.lenis body {
    height: auto;
  }
  .lenis.lenis-smooth {
    scroll-behavior: auto !important;
  }

  .lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
  }

  .lenis.lenis-stopped {
    overflow: clip;
  }

  .lenis.lenis-smooth iframe {
    pointer-events: none;
  }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 .admin-widget .admin-info {
    background-color: #333333;
}
 .hide-animation{
    height: 0;
    opacity: 0;
    overflow: hidden;
 }
 .show-animation{
    opacity: 1;
    height: auto;
    overflow: visible;
 }
 .show-animation{
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
 }
 @-webkit-keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }




 html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; font-size: 16px; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out *    `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; }

hr{
    background-image: url(../img/row-hr.png);
    background-position: center;
    background-size: contain;
    border: none;
    max-width: 1170px;
    height: 2px;
    width: 100%;
}
.top-2 {
    top: .5rem;
}
.right-2 {
    right: .5rem;
}
.absolute {
    position: absolute;
}
.modal-dialog button.close {
    line-height: 2rem;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    height: 2rem;
    width: 2rem;
    border-radius: 1rem;
    padding: 0;
    font-weight: normal;
    opacity: 1;
    font-family: 'Rubik-regular';
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
}
.modal-dialog .successIcon {
    display: flex;
    width: 80px;
    height: 80px;
    background: #C7F6B3;
    border-radius: 40px;
    background-position: center;
    background-image: url(/web/img/icon_success.svg);
    background-repeat: no-repeat;
}
#form_fast_order {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* font-family: 'Rubik-regular'; */
    /* padding: 2rem 0; */
}
#form_fast_order h4.u-align-center{
    font-family: "Manrope-Bold", serif;
    font-weight: 700;
}
#form_fast_order h4 ~ .u-align-center{
color: var(--color-grey);
}
@media (hover: hover) {
    .modal-dialog button.close:hover {
        background-color: rgb(31 41 55 / 20%);
    }
}
.btn-sm {
    height: 2rem;
    min-height: 2rem;
    padding-left: .75rem;
    padding-right: .75rem;
    font-size: .875rem;
}

.modal-dialog button.close{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 2.5rem;
    margin: .5rem;
    border-width: 1px;
    border-color: transparent;
    background-color: transparent;
    color: currentColor;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline-color: currentColor;
}
.u-back-to-top {
    right: 0;
    bottom: 0;
    width: 48px;
    height: 48px;
    margin: 1rem;
    background: linear-gradient(180deg, #E6F2FF 0%, #dedede 100%);
    border: 1px solid #E6F2FF;
}
.u-back-to-top.u-icon-rounded {
    border-radius: var(--border-r);
}
.u-back-to-top .u-svg-link {
    fill: rgb(0 48 119);
}
.modal-box {
    max-height: calc(100vh - 5em);
    grid-column-start: 1;
    grid-row-start: 1;
    width: 91.666667%;
    max-width: 580px;
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-bottom-right-radius: var(--rounded-box, 1rem);
    border-bottom-left-radius: var(--rounded-box, 1rem);
    border-top-left-radius: var(--rounded-box, 1rem);
    border-top-right-radius: var(--rounded-box, 1rem);
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b1, oklch(var(--b1) / var(--tw-bg-opacity)));
    padding: 1.5rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-duration: .2s;
    box-shadow: #00000040 0 25px 50px -12px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.modal-open, .modal:target, .modal-toggle:checked+.modal, .modal[open] {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
}
.modal:not(dialog:not(.modal-open)), .modal::backdrop {
    background-color: #0006;
    animation: modal-pop .2s ease-out;
}
.modal-open .modal-header {
    border-color: transparent;
    padding-top: 3rem;
}
.modal-open .modal-header h2 {
    text-align: center;
}
#transfer_form_pjax {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.dc-auth.modal .modal-box {
    position: relative;
    padding: 2rem;
    gap: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.dc-auth.modal{
    display: none;
}
:root:has(:is(.modal-open,.modal:target,.modal-toggle:checked+.modal,.modal[open])) {
    overflow: hidden;
    scrollbar-gutter: stable;
}


@keyframes modal-pop {
    0% {
        opacity: 0
    }
}
a {
    text-decoration: none;
}
.form-control:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}
.form-control::placeholder {
    color: var(--color-grey);
}
.dc-pt-40{
    padding-top: 2.5rem;
}
.dc-ptb-40{
    padding: 2.5rem 0;
}
.ptb-24{
    padding: 24px 0;
}
.p-lr-24{
    padding: 0 24px;
}
.dc-pb-1{
    padding-bottom: 1rem;
}
.dc-ptb-60{
    padding: 4rem 0;
}
.dc-ptb-80{
    padding: 5rem 0;
}
.dc-pb-60{
    padding-bottom: 4rem;
}
.dc-pb-80{
    padding-bottom: 5rem;
}
@media (max-width: 960px) {
    .dc-ptb-60{
        padding: 2rem;
    }
}
.gap-10p {
    gap: 10px;
}
.gap-1 {
    gap: 1rem;
}
.gap-2 {
    gap: 2rem;
}
.dc-container-m {
    max-width: 1220px;
    margin-inline: auto;
}
.container-808 {
    max-width: 808px;
    margin-inline: auto;
}
.container-640 {
    max-width: 640px;
    margin-inline: auto;
}
.wrap-container-580 {
    max-width: 580px;
    margin-inline: auto;
}
.wrap-container-540 {
    max-width: 540px;
}
.wrap-container-600 {
    max-width: 600px;
    margin-inline: auto;
}
h1.dc-text-title {
    font-size: 20px;
    color: var(--color-3);
}
h2{
    font-size: 48px;
    line-height: 100%;
    color: #333333;
    margin: 0 0 2rem 0;
}
.wrap-container-600 > p,
.wrap-container-580 > p {
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    color: #737382;
    margin-bottom: 3rem;
}
.color-gray{
    color: #8B8B8B;
}
.color-g-2{
    color: var(--color-g-2);
}
.color-33{
    color: #333333;
}
.color-b {
    color: var(--color-br);
}

/* rubik-300 - cyrillic_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Rubik-300';
    font-style: normal;
    font-weight: 300;
    src: url('/web/fonts/rubik-v28-cyrillic_latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* rubik-regular - cyrillic_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Rubik-regular';
    font-style: normal;
    font-weight: 400;
    src: url('/web/fonts/rubik-v28-cyrillic_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* rubik-500 - cyrillic_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Rubik-500';
    font-style: normal;
    font-weight: 500;
    src: url('/web/fonts/rubik-v28-cyrillic_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* rubik-700 - cyrillic_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Rubik-700';
    font-style: normal;
    font-weight: 700;
    src: url('/web/fonts/rubik-v28-cyrillic_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
.dc-page {
    padding: 1rem 1.5rem;
}
body.u-body.page,
.rubik-400 {
  font-family: "Rubik-regular", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.rubik-200 {
  font-family: "Rubik-300", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}

.rubik-500, strong {
    font-family: "Rubik-500", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
  }
.rubik-700 {
    font-family: "Rubik-700", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
  }
  h3,h4,h5,h6{
    margin-top: 0;
    font-family: 'Rubik-500';
 }
.flex-col {
    display: flex;
    flex-direction: column;
}
.flex-row-end {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.dc-align-center{
    text-align: center;
}
.dc-align-left{
    text-align: left;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}
.dc-gradient-b {
    background: linear-gradient(180deg, var(--gr-str) 0%, var(--gr-end) 100%);
}
.dc-bg-b {
    background: var(--gr-end);
}

.dc-flex-ac {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dc-jc-center{
    justify-content: center;
}
.dc-ai-center{
    align-items: center;
}
.flex-easy-steps {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0;
    gap: 4rem;
    margin-top: -20px;
}
.m-top-120{
    margin-top: -120px;
}
.flex-easy-steps .step-1,.flex-easy-steps .step-2,.flex-easy-steps .step-3 {
    position: relative;
    flex: 0 0 360px;
}
.flex-easy-steps .step-1{
    height: 200px;
}
.flex-easy-steps .step-2{
    height: calc(200px + 70px);
}
.flex-easy-steps .step-3{
    height: calc(200px + 70px + 70px);
}
.text-24 {
    font-size: 24px;
    color: var(--color-3);
    margin: 0 0 24px 0;
}
.flex-easy-steps .big-num {
    position: absolute;
    right: 0;
    top: -50px;
    font-family: "Rubik-500", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 100px;
    line-height: 100px;

    background: linear-gradient(180deg, #CBEDFF 0%, #E6F2FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

@media (max-width: 1260px) {
.three-easy-steps {
    padding: 2rem;
}
.flex-easy-steps {
    gap: 3rem;
}
.text-24 {
    padding-right: 3rem;
    line-height: 110%;
}
img.m-top-120 {
    max-width: 100%;
}
.flex-easy-steps .big-num {
    top: -30px;
    font-weight: 700;
    font-size: 70px;
    line-height: 70px;
}
.flex-easy-steps .step-1, .flex-easy-steps .step-2, .flex-easy-steps .step-3{
    flex: auto;
    /* height: auto; */
}
}

@media (max-width: 960px) {
    .flex-easy-steps .big-num {
        top: -8px;
    }
}
@media (max-width: 720px) {
    .flex-easy-steps .big-num {
    position: relative;
    top: auto;
    }
    .flex-easy-steps .step-1, .flex-easy-steps .step-2, .flex-easy-steps .step-3 {
    flex: 0 0 auto;
    height: auto;
}

    .three-easy-steps img.m-top-120{
        display: none;
    }
    .flex-easy-steps {
        flex-direction: column;
        align-items: flex-start;
    }
    .big-num {
        top: 0;
        position: relative;
    }
    .step-1, .step-2, .step-3 {
        height: auto;
    }
    .seo-flex{
        margin-top: 2rem;
    }
}
.bg-tariffs{
    /* background: linear-gradient(180deg, var(--gr-str) 0%, var(--gr-end) 100%); */
    background: #fff;
    overflow: hidden;
}
.tabs-vps.vps-month-or-year,
.box-shadow.u-layout-wrap-1{
    z-index: 2;
}
.vps-tariffs::after, .bg-tariffs::after{
    content: '';
    opacity: 0;
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom:0;
    -webkit-animation-name: show-bg;
    animation-name: show-bg;
    -webkit-animation-duration: .98s;
    animation-duration: .98s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background: linear-gradient(180deg, #006AD5 -0.87%, #00B5FC 94.67%);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkwMyIgaGVpZ2h0PSI2NDIiIHZpZXdCb3g9IjAgMCAxOTAzIDY0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMEgxOTAzVjU2NS44NDZMOTUxLjUgNjQyTDAgNTY1Ljg0NlYwWiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzQ0MDlfMzQzNjYpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNDQwOV8zNDM2NiIgeDE9Ijk1MS41IiB5MT0iLTUuNTg1MiIgeDI9Ijk1MS41IiB5Mj0iNjA3LjgxMyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMDA2QUQ1Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwQjVGQyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
    mask-repeat: no-repeat;
    mask-position: bottom;
    mask-size: 100%;
}

@media (max-width: 1300px) {
    .vps-tariffs::after, .bg-tariffs::after{
        mask-size: 150%;
    }
}

.page-index .vps-tariffs::after, .dc-vps .vps-tariffs::after{
    background: linear-gradient(180deg, #003C95 0%, #0066D3 100%);
}

@-webkit-keyframes show-bg {
    from {
      opacity: 0;
      z-index: 0;
      height: 0;
    }

    to {
      opacity: 1;
      z-index: 1;
      height: 640px;
    }
  }

  @keyframes show-bg {
    from {
        opacity: 0;
        z-index: 0;
        height: 0;
    }

    to {
        opacity: 1;
        z-index: 1;
        height: 640px;
    }
  }
.big-num.bold-text {
    font-size: 50px;
    text-align: center;
    color:var(--color-bl);
}
.block-tarifs-carusel .btn-add-to-cart,
.btn.btn-outline {
    font-size: 1rem;
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    line-height: 120%;
    padding: 10px 30px;
    color: var(--color-br);
    border: 1px solid rgba(0, 102, 211, 0.5);
    border-radius: var(--border-btn);
    background-color: transparent;
}
.not-btn-link {
height: 42px;
}
.btn-add-to-cart{
    font-size: 1rem;
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    line-height: 120%;
    padding: 10px 30px;
    min-width: 170px;
    border-radius: var(--border-btn);
    background-color: transparent;
}
.btn-add-to-cart {
    color: var(--color-br);
    border: 1px solid rgba(0, 102, 211, 0.5);
}
.btn-warning {
    color: #cb8623;
    border: 1px solid #cb8623;
}
.btn-danger{
    color: var(--color-er);
    border: 1px solid var(--color-er);
}
.block-tarifs-carusel .btn-add-to-cart:hover,
.status-free .btn-add-to-cart:hover,
.btn-outline.btn-link:hover {
    text-decoration: none;
    background-color: var(--color-br);
    color: var(--color-b1);
}
.list-domains
.icons_icon {
    width: .6rem;
    height: .6rem;
    overflow: visible;
}
.icons_stroke {
    stroke-width: 1px;
    fill: none;
    stroke: currentColor;
}
/* header */
header {
    padding: 24px;
    z-index: 1;
    position: relative;
    border-bottom: 1px solid var(--color-d0);
}
.dc-nav {
    list-style: none;
    display: flex;
    gap: 30px;
    padding: 0;
}
.header-dropdown.header-cart {
    height: 0;
    width: 0;
    overflow: hidden;
}
@media (max-width: 1300px) {

}
@media (max-width: 1020px) {
.dc-nav {
    gap: 1rem;
}
}
@media (min-width: 1021px) {
.navbar-start {
    display: none;
}
}
/* navbar-start
#### ##### ####*/
.w-5 {
    width: 1.85rem;
}
.h-5 {
    height: 1.85rem;
}
#user-menu {
    /* flex: 0 0 174px; */
    min-width: 132px;
    flex: none;
    display: flex;
    align-items: center;
}
#user-menu .navbar-nav.navbar-right.logged{
    margin: 0;
}
#user-menu .navbar-right {
    margin-right: 0;
    margin: 0 !important;
}
#user-menu .mainCartBlock {
    position: absolute;
    display: none;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown .dropdown-content {
    position: absolute;
}
.dropdown .dropdown-content {
    position: absolute;
    background-color: #fff;
    padding: 1rem;
    list-style: none;
}
.dc-page .content-body {
    max-width: 1220px;
    margin-inline: auto;
}
.dc-page .content-body h2{
    margin-top: 2rem;
}
.dropdown.open .dropdown-menu{

}
.btn-ghost.btn-circle {
    display: inline-flex;
    height: 3rem;
    min-height: 3rem;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius:  .5rem;
    border-color: transparent;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1em;
    gap: .5rem;
    font-weight: 600;
    text-decoration-line: none;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    border-width: var(--border-btn, 1px);
    transition-property: color, background-color, border-color, opacity, box-shadow, transform;
    --tw-text-opacity: 1;
    color: var(--color-ac);
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline-color: var(--fallback-bc, oklch(var(--bc) / 1));
    background-color: oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));
    --tw-bg-opacity: 1;
    --tw-border-opacity: 1;
}
.btn-ghost {
    border-width: 1px;
    border-color: transparent;
    background-color: transparent;
    color: currentColor;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline-color: currentColor;
}
@media (hover: hover) {
    @supports (color: oklch(0% 0 0)) {
        .btn-ghost:hover {
            background-color: var(--fallback-bc, oklch(var(--bc) / .2));
        }
    }
}
.dropdown:is(:not(details)) .dropdown-content {
    visibility: hidden;
    opacity: 0;
    transform-origin: top;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-duration: .2s;
}
.dropdown.dropdown-open .dropdown-content, .dropdown:not(.dropdown-hover):focus .dropdown-content, .dropdown:focus-within .dropdown-content {
    visibility: visible;
    opacity: 1;
}

.dropdown-content.shadow {
    box-shadow: 0 80px 100px rgb(0 0 0 / 45%);
    margin-top: 1rem;
}
.dc-nav-link {
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #555555;
}
a.dc-active-link{
    color: var(--color-ac);
    font-weight: 500;
}
.navbar-right .user{
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: .5rem;
    border-color: transparent;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.navbar-right .user:hover{
    background: transparent;
}
.navbar-right .user span.username,
[class*=btn].auth-ls, .btn-success {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 30px 12px 22px;
    gap: 12px;
    color: #f2f2f2;
    background: #0066D3;
    border-radius: 6px;
    border: 0;
}
@media (max-width: 1020px) {
.navbar-right .user span.username {
    padding: 12px 22px 12px 16px;
}
}
.btn.auth-ls{
    width: auto;
    height: auto;
    border: 0;
}
.navbar-right .user span.username:hover{
    background-color: #007bff;
}
.dc-footer {
    background: #333;
    padding: 6rem 0 3rem 0;
    color: #fff;
}
.flex-footer {
    display: flex;
    gap: 8rem;
    padding-bottom: 2rem;
}
.dc-footer .flex-row {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

@media (max-width: 620px) {
header {
    padding: 1rem 0;
}
.dropdown .dropdown-content {
    width: calc(100vw - 32px);
}
.dropdown .dropdown-content .dc-nav-link {
    font-size: 1.4rem;
    line-height: 2rem;
    display: flex;
    margin: 1rem 0;
    justify-content: space-between;
}
.dc-footer .social-links .flex-row {
    flex-direction: row;
    justify-content: flex-start;
}
}
@media (max-width: 1020px) {
    .dc-menu {
        display: none;
    }
}
#user-menu .caret {
    display: none;
}
@media (max-width: 440px) {
   #user-menu, #user-menu .navbar-nav {
    width: 68px;
    margin: 0;
}
.info-flex.icon-info {
text-align: left;
padding: 0;
}
#user-menu {
    flex: none;
    min-width: auto;
}
.navbar-end .btn, .navbar-right .user span.username {
    padding: .8rem 1.2rem;
    gap: 0;
    text-indent: -8000px;
    background: transparent;
}
a.user.dropdown-toggle:hover, a.user.dropdown-toggle:focus,
.navbar-right .user span.username:hover {
    background: transparent
}
/* button[class*=btn].auth-ls, .btn {
    gap: 0;
    background: transparent;
} */
.navbar-right .user span.username svg{
    transform: scale(1.15);
}
.navbar-right .user span.username svg path{
    fill: #101010;
    stroke:  #101010;
}
#user-menu .dropdown,
#user-menu .dropdown.open {
    position: relative;
    display: inline-block;
}

.navbar-nav .open .dropdown-menu {
    margin-top: 18px;
    font-size: 1rem;
    background-color: #fff;
    right: 0;
    position: absolute;
    left: auto;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.2);
}
}
.content-text .dc-btn{
margin-top: 2rem;
}
.dc-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 30px;
    gap: 10px;
    transition: all cubic-bezier(0.075, 0.82, 0.165, 1) .2s;
    border-width: 0;
    background: linear-gradient(90.08deg, #0067D4 0.09%, #00B8FE 99.95%), var(--color-br);
    border-radius: var(--border-r);
    color: var(--color-b1);
}
.btn-banner{
    border-radius: var(--border-r);
}
.btn-success:hover, .dc-btn:hover{
color: var(--color-b1);
background:  var(--color-br);
}
.btn-success:active:focus,.btn-success:active:hover,.btn-success:active, .dc-btn:active{
color: var(--color-b1);
background:  #0066b3;
position: relative;
top: 1px;
}

.banner-img {
    display: flex;
    height: 100%;
    align-items: flex-end;
}
.dc-btn {
    display: inline-flex;
    line-height: 100%;
}


.dc-collocation .u-back-to-top {
    right: 60px;
}
.dc-collocation .HostingConstructor {
    gap: 0;
    max-width: 100%;
    background-color: var(--gr-end);
    background: linear-gradient(180deg, #FFFFFF 0%, var(--gr-end) 100%);
    margin-top: 2rem;
    justify-content: center;
}
.dc-collocation #total_sum,
.dc-collocation .div-block-2 label.form-label {
    font-family: "Rubik-700", sans-serif;
}
.dc-collocation .div-block-2{
    font-family: "Rubik-regular", sans-serif;
    padding: 2rem;
    flex: 0 0 560px;
    margin-left: -140px;
    border-radius: 1rem;
    box-shadow: 0 4px 40px 0 rgb(21 28 35 / 20%);
    background-color: var(--color-b1);
    z-index: 1;
}
.dc-collocation .HostingConstructor .server__unit {
    width: 800px;
    height: 800px;
    flex: 0 0 800px;
    max-width: 800px;
    background: transparent;
    left: -140px;
}
@media (max-width: 1024px) {
.dc-collocation .div-block-2 {
    margin: 0 1rem;
}
}
@media (max-width: 960px) {
    .dc-collocation .HostingConstructor .server__unit {
        width: 100%;
        flex: 100%;
        height: 100%;
    }
    .dc-collocation .wrap-list-flex .dc-flex-row {
        flex: 100%;
    }
    .dc-collocation .HostingConstructor .server__unit {
        left: 0;
    }
    .dc-collocation .div-block-2 {
        border-radius: 0;
        margin-left: 0;
    }
}
@media (max-width: 600px) {
.dc-collocation .highlight-addon.field-hostingconstructormodel-name,
.dc-collocation .highlight-addon.field-hostingconstructormodel-phone {
    flex: 100%;
    padding: 0;
}
.dc-collocation .wrap-list-flex .dc-flex-row {
    flex-direction: column;
    align-items: center;
}
.dc-collocation .wrap-total {
    flex-direction: column;
}
.dc-collocation .total-text {
    width: auto;
}
}

.dc-collocation .HostingConstructor .range-unit,
.dc-collocation .HostingConstructor .range-power {
    background-color: #fff;
    border: 0;
    padding: 1.8rem 1.2rem 0;
    border-radius: var(--border-r);
}
.dc-collocation .HostingConstructor .range-power {
    padding-left: 1.6rem;
}
.dc-collocation .HostingConstructor button.u-btn-1{
    border-radius: var(--border-r);
    background: var(--color-3);
}
.dc-collocation .total-text {
    width: auto;
}
/* Обери вигідний тариф */
.all-tarifs .owl-carousel.owl-drag .owl-item {
    padding: 1rem;
}
.vps-tariffs.all-tarifs [class^="popular-"],
.wrap-tariffs [class^="popular-"] {
    border-radius: 0;
    left: auto;
    top: .6rem;
    right: .6rem;
    width: 100px;
    height: 100px;
    background: transparent;
    overflow: hidden;
}
.vps-tariffs.all-tarifs [class^="popular-"] span,
.wrap-tariffs [class^="popular-"] span{
    transform: rotate(45deg);
    left: -25px;
    top: 30px;
    padding: 6px 14px;
    position: absolute;
    display: block;
    width: 170px;
    background: #FFC107;
    color: #111;
    box-shadow: 0 3px 8px rgb(59 44 0 / 15%);
}
.vps-tariffs.all-tarifs [class^="popular-"]::before, .vps-tariffs.all-tarifs [class^="popular-"]::after,
.wrap-tariffs [class^="popular-"]::before, .wrap-tariffs [class^="popular-"]::after {
    border-top-color: transparent;
    border-right-color: transparent;
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 3px solid #af8300;
}
.vps-tariffs.all-tarifs [class^="popular-"]::before,
.wrap-tariffs [class^="popular-"]::before {
    top: 0;
    left: 0;
}
.vps-tariffs.all-tarifs [class^="popular-"]::after,
.wrap-tariffs [class^="popular-"]::after {
    bottom: 0;
    right: 0;
}
.vps-tariffs.all-tarifs .popular_1 .tarif-category-id-44,
.vps-tariffs.all-tarifs .tarif-category-id-44 {
    background: #FFFFFF;
    border: 0;
    box-shadow: 0px 4px 1rem rgba(0, 60, 149, 0.25);
    border-radius: 16px;
    color: var(--color-3);
}
.tabs-vps.tabs-vps-tariffs, .change-user-type-block {
    max-width: fit-content;
    background: #E6F2FF;
    border-radius: 10px;
    padding: 12px;
    gap: 1rem;
}
.vps-tariffs .tabs-vps-tariffs .tab{
min-width: 120px;
}
/* .wrap-tariffs [class^="popular_"]:not(.popular_) .item-tarif {
    border-top: 0;
    border-radius: 0 0 10px 10px;
} */
.item-tarif {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 20px 30px;
    gap: 28px;
    min-height: 528px;
    /* width: 280px; */
    background: #FFFFFF;
    border: 0;
    box-shadow: 0px 4px 1rem rgba(0, 60, 149, 0.25);
    border-radius: 16px;
    color: var(--color-3);
    align-items: center;
    justify-content: space-between;
}
.item-tarif .wrap-group {
    font-size: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}
.item-tarif span.price-type {
    font-size: 16px;
}
a.btn-link {
    padding: 14px 20px 12px;
    border: 1px solid rgba(0, 102, 211, 0.5);
    border-radius: var(--border-btn);
    color: #0066D3;
    font-size: 14px;
    line-height: 14px;
}
.item-tarif .tariff-title {
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    color: #666973;
}
.vps-tariffs .item-price,
.item-tarif .item-price {
    font-size: 24px;
    font-weight: bold;
}
.tarifs-post.wrap-tariffs .owl-stage-outer {
    display: inline-flex;
}
.tarifs-post.wrap-tariffs .item-tarif .wrap-group {
    flex: 1;
}
.all-tarifs .u-group-4 .u-container-layout .u-text-5,
.all-tarifs .u-group-4 .u-container-layout .u-text-4,
.item-tarif .u-group-4 .u-container-layout {
    display: flex;
    justify-content: space-between;
    font-size: 0.9375rem;
    line-height: 24px;
    margin: 0;
}
.item-tarif .u-group-4 {
    display: flex;
    flex-direction: column;
}
.item-tarif .u-group-4 .hosting-value {
    margin: 4px 0;
}

.item-tarif .u-group-4 .hosting-value .val-bg-tr,
.item-tarif .u-group-4 .hosting-value .val-bg {
    display: flex;
    gap: 5px;
}

.item-tarif .u-group-4 .hosting-value span {
    background-color: #DCDCDC;
    height: 6px;
    border-radius: 3px;
    flex: 1;
}

.item-tarif .hosting-value.value_50 span.val-25,
.item-tarif .hosting-value.value_60 span.val-25,
.item-tarif .hosting-value.value_70 span.val-25,
.item-tarif .hosting-value.value_80 span:not(.val-100, .val-75),
.item-tarif .hosting-value.value_130 span:not(.val-100, .val-75),
.item-tarif .hosting-value.value_160 span:not(.val-100),
.item-tarif .hosting-value.value_200 span,
.item-tarif .hosting-props-79 .hosting-value.value_2 span.val-25,
.item-tarif .hosting-props-79 .hosting-value.value_4 span:not(.val-100, .val-75),
.item-tarif .hosting-props-79 .hosting-value.value_8 span,
.item-tarif .hosting-props-80 .hosting-value.value_2 span.val-25,
.item-tarif .hosting-props-80 .hosting-value.value_3 span.val-25,
.item-tarif .hosting-props-80 .hosting-value.value_4 span:not(.val-100, .val-75),
.item-tarif .hosting-props-80 .hosting-value.value_6 span:not(.val-100, .val-75),
.item-tarif .hosting-props-80 .hosting-value.value_8 span:not(.val-100),
.item-tarif .hosting-props-80 .hosting-value.value_16 span {
    background-color: #0066D3;
}
.item-tarif .hosting-value.value_05 span.val-25,
.item-tarif .hosting-value.value_25 span.val-25,
.item-tarif .hosting-props-79 .hosting-value.value_1 span.val-25,
.item-tarif .hosting-props-80 .hosting-value.value_6 span.val-75,
.item-tarif .hosting-props-80 .hosting-value.value_1 span.val-25,
.item-tarif .hosting-props-80 .hosting-value.value_3 span.val-50 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0066d3+0,0066d3+50,dcdcdc+50,dcdcdc+100 */
    background: linear-gradient(to right, #0066d3 0%, #0066d3 50%, #dcdcdc 50%, #dcdcdc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* +20 */
.item-tarif .hosting-value.value_70 span.val-50 {
    background: linear-gradient(to right, #0066d3 0%, #0066d3 40%, #dcdcdc 40%, #dcdcdc 100%);
}

/* +30 */
.item-tarif .hosting-value.value_130 span.val-75 {
    background: linear-gradient(to right, #0066d3 0%, #0066d3 60%, #dcdcdc 60%, #dcdcdc 100%);
}

.item-tarif .hosting-value.value_40 span.val-25 {
    background: linear-gradient(to right, #0066d3 0%, #0066d3 80%, #dcdcdc 80%, #dcdcdc 100%);
}


/* MEGA-SLIDER */
section.mega-slider {
    position: relative;
}
.mega-slider-wrap {
    height: calc(100vw / 733* 285);
    max-height: 570px;
    background: linear-gradient(90deg, #00409E 0%, #002152 52%);
    mask-image: url(../img/mega-mask.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100%;
}
.mega-item {
    background-image: url(../img/group_icons.svg);
    background-repeat: no-repeat;
    background-position: left;
    display: flex;
    align-items: flex-end;
    height: 100%;
    padding: 0 7.5rem;
}
.slider-text {
    display: flex;
    height: 100%;
    gap: 2rem;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}
.slider-text p {
    font-size: 20px;
    line-height: 24px;
    color: #ECECEC;
}
.mega-slider-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 20px;
    gap: 14px;
    background: #FFFFFF;
    border-radius: var(--border-r);
    color: var(--color-ac);
}
.mega-slider-img {
    height: 520px;
    flex: 0 0 650px;
    background-size: cover;
}
nav.nav-slider {
    display: flex;
    position: absolute;
    height: 100%;
    right: 0;
    bottom: 0;
    flex-direction: column;
    justify-content: space-between;
    width: 116px;
    align-items: flex-end;
}
.num-from-qty {
    padding-top: 50px;
    width: 100%;
    letter-spacing: 2px;
    text-align: center;
}
.num-slider {
    color: #fff;
}
#qty-sliders{
    color: #7188A8;
}
.slider-progress {
    width: 4px;
    height: 200px;
    background-color: #7188A8;
    border-radius: 2px;
    margin-right: calc(50% - 4px);
}
.slider-progress-bar{
    transition: height 400ms ease;
    background-color: #fff;
    border-radius: 2px;
    height: 25%;
    width: 4px;
}

.nav-buttons {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.carousel-control {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    display: flex;
    background-color: #E1EDFF;
    justify-content: center;
    align-items: center;
    border: none;
    cursor: pointer;
}

@media (max-width: 1460px) {
    nav.nav-slider {
        width: calc(100vw* 116 / 1460);
    }
    .num-from-qty {
        padding-top: calc(100vw* 50 / 1460);
        font-size: calc(100vw* 16 / 1460);
    }
    .slider-progress {
        height: calc(100vw* 200 / 1460);
        width: calc(100vw* 4 / 1460);
    }
    .mega-item {
        padding: 0 calc(100vw* 60 / 1460);
    }
    .slider-text {
        gap: calc(100vw* 24 / 1460);
    }
    .mega-item-title {
        font-size: calc(100vw* 55 / 1460);
    }
    .slider-text p {
        font-size: calc(100vw* 20 / 1460);
    }
    .mega-slider-img {
        height: calc(100vw* 520 / 1460);
        width: calc(100vw* 520 / 1460);
        flex: 0 0 54%;
    }
    .nav-buttons {
        gap: calc(100vw* 16 / 1460);
    }
    .carousel-control {
        width: calc(100vw* 60 / 1460);
        height: calc(100vw* 60 / 1460);
    }
}
@media (max-width: 1279px) {
    .menu-services {
        display: none;
    }
}
@media (max-width: 767px) {
    
    .mega-slider-wrap {
        height: calc(100vh - 260px);
        mask: none;
        max-height: max-content;
        background: linear-gradient(300deg, #00409E 0%, #002152 52%);
        overflow: hidden;
    }
    .slider-text {
        margin-top: 1rem;
    }
    .mega-item{
        flex-direction: column;
        background-image: none;
    }
    .mega-item-title {
        font-size: 3rem;
    }
    .slider-text p {
        font-size: 1rem;
    }
    .mega-slider-btn {
        padding: 24px 20px;
        justify-content: space-between;
    }
    .mega-slider-img {
        height: 100%;
        width: 100%;
        flex: 0 0 50%;
        background-size: contain;
        background-position: center bottom;
        background-repeat: no-repeat;
    }
    .menu-services {
        overflow-x: scroll;
    }
    nav.nav-slider {
        width: 100%;
        height: 2rem;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    .num-from-qty {
        padding-top: 0;
        width: auto;
        letter-spacing: 2px;
        font-size: 1.3rem;
        background-color: #fff;
        padding: 4px 1rem;
        border-radius: 1rem 1rem 0 0;
    }
    .num-slider {
        color: var(--color-ac);
    }
    .slider-progress {
        height: 50%;
    }
    .slider-progress,
    .nav-buttons {
        display: none;
    }
    .dc-ptb-80 {
        padding: 2rem 1rem;
    }

    .wrap-list-flex {
        flex-direction: column;
    }
}

/* Реєстрація доменів */
.Domains .promotional-domains{
display: none;
}
.wrap-container-840 {
    max-width: 840px;
    margin-inline: auto;
}
.wrap-container-780 {
    max-width: 780px;
    margin-inline: auto;
}
.bg-blue-balls:not(.u-body){
    background-color: #E6F2FF;
    background-image: url(https://www.tenet.ua/images/gpon/bg_gpon_faqs.svg);
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.Find-Domain {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 14px 10px 2rem;
    gap: 16px;
    background: #FFFFFF;
    border: 2px solid rgba(0, 102, 211, 0.8);
    border-radius: 10px;
    margin-top: 3rem;
    margin-bottom: 2rem;
}
.Find-Domain .input-group {
    flex: 1;
}
.text-www {
    font-size: 20px;
    word-spacing: 6px;
    letter-spacing: 1px;
}
#domainscheck-url_for_check {
    border: 0;
    font-size: 16px;
    color: #444444;
    padding: 1rem;
    padding-right: 0;
    width: 100%;
}
.submit.pick-up {
    cursor: pointer;
    background: linear-gradient(90deg, #0057FF 0%, #00C2FF 100%);
    border-radius: var(--border-r);
    font-size: 18px;
    color: #fff;
    border: none;
    height: 50px;
    padding: 16px 24px;
    text-align: center;
}
#domain-check-form {
    display: flex;
    flex: 1;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin: 0;
}
.required .help-block{height: 0;overflow: hidden;}
.required.has-error .help-block{
    height: auto;
    overflow: visible;
}
/* .required.has-error .help-block {
    height: auto;
    overflow: visible;
    position: absolute;
    top: 7px;
    right: 10px;
    z-index: 3;
} */
ul.promotional-domains {
    display: flex;
    justify-content: center;
    gap: 2rem;
}
li.item{
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 18px;
    gap: 0;

    background: linear-gradient(white, white) padding-box,
    linear-gradient(to right, #0057FF, #00C2FF) border-box;
    border-radius: var(--border-r);
    border: 2px solid transparent;
}

.promotional-domains .name {
    font-size: 24px;
}
.old-price {
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    text-decoration-line: line-through;
    color: #8B8B8B;
}
.discount-price {
    font-size: 16px;
    color: #444444;
    margin-top: .5rem;
}
.dc-block{
    display: block;
}
.color-b-05, .text-blue {
    color: #005FEE;
}
.discount-price span {
    font-size: 20px;
    color: #005FEE;
}

#domain-check-form .btn.btn-ghost {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 14px;
    background: linear-gradient(222.24deg, #E1EDFF 2.21%, #BFD8FF 97.83%);
    border-radius: 4px;
}
#domain-check-form .btn:active:hover, #domain-check-form .btn:active:focus {
    animation: button-pop 0s ease-out;
    transform: scale(var(--btn-focus-scale, .97));
background: #F4F4F4;
box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.25);

}
#domain-check-form details[open]>.btn.btn-ghost{
    background: #F4F4F4;
    box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.25);
}
#domain-check-form :where(details[open]>.btn.btn-ghost) path {
    fill: #444;
}
.domain-filter {
    background-color: #fff;
    padding: 2rem;
    border-radius: var(--border-r);
}

.domain-filter label {
    display: flex;
    align-items: center;
    gap: 10px;
}
.domain-filter .label-text {
    font-size: 22px;
}
.grid-domains-checkbox {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.checkbox:focus {
    box-shadow: none;
}
.checkbox {
    background-color: #D9D9D9;
    flex-shrink: 0;
    --chkbg: var(--fallback-bc, oklch(var(--bc) / 1));
    --chkfg: #444444;
    height: 1.5rem;
    width: 1.5rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--border-r);
    border-width: 1px;
    border-color: var(--fallback-bc, oklch(var(--bc) / var(--tw-border-opacity)));
    --tw-border-opacity: .2;
}
.checkbox:focus-visible {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--fallback-bc, oklch(var(--bc) / 1));
}
.checkbox:checked, .checkbox[aria-checked=true] {
    background-repeat: no-repeat;
    animation: checkmark var(--animation-input, .2s) ease-out;
    background-color: #D9D9D9;
    background-image: linear-gradient(-45deg, transparent 65%, #D9D9D9 65.99%),
    linear-gradient(45deg, transparent 75%, #D9D9D9 75.99%),
    linear-gradient(-45deg, #D9D9D9 40%, transparent 40.99%),
    linear-gradient(45deg, #D9D9D9 30%, var(--chkfg) 30.99%, var(--chkfg) 40%, transparent 40.99%),
    linear-gradient(-45deg, var(--chkfg) 50%, #D9D9D9 50.99%);
}
.skeleton {
    background-color: #e2e5e7;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-size: 40px 100%;
    background-repeat: no-repeat;
    background-position: left -40px top 0;
    -webkit-animation: shine 1s ease infinite;
            animation: shine 1s ease infinite;
  }
  .loading {
    pointer-events: none;
    display: inline-block;
    aspect-ratio: 1 / 1;
    width: 1.5rem;
    background-color: var(--color-br);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")
}
.loading-spinner {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")
}

.loading-dots {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.1s'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.2s'/%3E%3C/circle%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.1s'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.2s'/%3E%3C/circle%3E%3C/svg%3E")
}

.loading-ring {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='white'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='white'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")
}

.loading-ball {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='12' cy='5' rx='4' ry='4'%3E%3Canimate attributeName='cy' values='5;20;20.5;20;5' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3Canimate attributeName='rx' values='4;4;4.8;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='ry' values='4;4;3;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='12' cy='5' rx='4' ry='4'%3E%3Canimate attributeName='cy' values='5;20;20.5;20;5' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3Canimate attributeName='rx' values='4;4;4.8;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='ry' values='4;4;3;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/svg%3E")
}

.loading-bars {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='9' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3C/rect%3E%3Crect x='17' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3C/rect%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='9' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3C/rect%3E%3Crect x='17' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3C/rect%3E%3C/svg%3E")
}

.loading-infinity {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering:auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='black' stroke-width='10' stroke-dasharray='205.271 51.318' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.589'/%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering:auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='black' stroke-width='10' stroke-dasharray='205.271 51.318' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.589'/%3E%3C/path%3E%3C/svg%3E")
}
.loading-xs {
    width: 1rem
}

.loading-sm {
    width: 1.25rem
}

.loading-md {
    width: 1.5rem
}

.loading-lg {
    width: 2.5rem
}
#loadingDomains {
    text-align: center;
    width: 100%;
    padding: 1rem;
}
#loadMoreDomains {
    box-sizing: border-box;
    display: inline-block;
    align-items: center;
    padding: 10px 20px;
    background: #FFFFFF;
    border: 1px solid #0263FF;
    color: #0066D3;
    border-radius: 6px;
    margin: 1rem auto;
    cursor: pointer;
}
  @-webkit-keyframes shine {
    to {
      background-position: right -40px top 0;
    }
  }
  @keyframes shine {
    to {
      background-position: right -40px top 0;
    }
  }

@keyframes checkmark {
    0% {
        background-position-y: 5px
    }

    50% {
        background-position-y: -2px
    }

    to {
        background-position-y: 0
    }
}
.result-domains {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 30px;
}
#domains-check-block {
    width: 100%;
}
.categories-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: .2rem 1.5rem;
    gap: 10px;
    background: linear-gradient(90deg, #CAEDFF 0%, #F0F7FF 100%);
    border-radius: 10px;
    flex: 1 0 350px;
}
.domain-categories{
    list-style: none;
    padding: 0;
    margin: 0;
}
.domain-categories [type="radio"] {
    padding: 0;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: text-top;
}
.domain-categories li {
    font-size: 18px;
    margin-bottom: .1rem;
}
.domain-categories li label{
    font-weight: normal;
}
.icon-info::before{
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMyAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYuNSIgY3k9IjE2IiByPSIxNiIgZmlsbD0iIzRCQTBGRiIgZmlsbC1vcGFjaXR5PSIwLjIiLz4KPGNpcmNsZSBjeD0iMTYuNTExNyIgY3k9IjE2IiByPSIxMiIgZmlsbD0iIzRCQTBGRiIvPgo8cGF0aCBkPSJNMTYuNTIwMyAxNC4yNUwxNi41IDIyTTE2LjUwNTEgMTBMMTYuNSAxMi4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjg3NSIvPgo8L3N2Zz4K);
    width: 2rem;
    height: 2rem;
}
.info-flex,
.info-domen-result {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px;
    gap: 8px;
    max-width: 640px;
    border-radius: 10px;
    margin-inline: auto;
font-size: 14px;
line-height: 130%;
color: #333333;

}

.info-flex a{
font-family: "Rubik-500", sans-serif;
text-edge: cap;
display: flex;
align-items: center;
text-decoration-line: underline;

background: linear-gradient(90deg, #0066D3 0%, #01C2FF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}



.info-domen-result{
    gap: 16px;
    background: #CBEDFF;
    border: 1px solid #4BA0FF;
}
.result-wrap {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.list-domains > div:nth-child(2n) {
    background-color: #fff;
}
.result-wrap .res-domain {
    flex: 0 0 360px;
    gap: 1rem;
    font-size: 20px;
    color: var(--color-3);
}
span.ico {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
}
.accessible .ico {
    background-image: url(../img/icon-accessible.svg);
}
.inaccessible  .ico {
    background-image: url(../img/icon-inaccessible.svg);
}
.domain-name{
    color: var(--color-br);
}

.inaccessible .domain-name{
    color: var(--color-er);
}
.domains-check {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background: linear-gradient(90deg, #F5FBFF 0%, #F0F7FF 100%);
    border: 1px solid #CAEDFF;
    border-radius: 10px;
}
.domains-check .icon {
    width: 42px;
    height: 42px;
    background-color: #F4F9FF;
    background-image: url(../img/icons_domains.svg);
    background-position: 0 0;
    border-radius: 21px;
    margin-right: .5rem;
}
.domains-check .icon.\31 {
    background-position: 0 -54px;
}
.domains-check .icon.\32 {
    background-position: 0 -262px;
}
.domains-check .icon.\33 {
    background-position: 0 -314px;
}
.domains-check .icon.\34 {
    background-position: 0 -106px;
}
.domains-check .icon.\35 {
    background-position: 0 -210px;
}
.domains-check .icon.\36 {
    background-position: 0 -158px;
}
.check-item{
    border-bottom: 1px solid #D9D9D9;
    padding: .5rem 1rem;
}
.check-item .check-flex {
    display: flex;
    justify-content: space-between;
    flex: 1;
}
.domains-check .domain-name {
    flex: 1;
}
.category-names {
    font-size: 32px;
    line-height: 130%;
    color: #444444;
    background-color: #fff;
    padding: 1rem;
}

.domains-check .check-item:last-child{
    border-bottom-color: transparent;
}
.icons_icon {
    width: .6rem;
    height: .6rem;
    overflow: visible;
}
.Domains .dc-domain-registration {
    background-color: #E6F2FF;
    background-image: url(/web/img/bg_faqs.svg);
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
.Domains h2 {
    font-size: 54px;
}
.Domains h2 ~ p.rubik-400 {
    display: none;
}
@media (max-width: 1060px) {
    .result-domains{
        padding: 2%;
    }
}
@media (max-width: 1060px) {
    .result-domains {
        flex-direction: column;
    }
    .icons_icon {
        width: 1rem;
        height: 1rem;
    }
}
@media (min-width: 768px) {
.collapse {
    display: block;
}
}
@media (max-width: 767px) {
    .result-domains {
        flex-direction: column-reverse;
    }
    span.visible-xs::after{
        transform: rotate(180deg);
        transition: all .1s ease-in-out;
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAzMCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMTVMMTQuOTk5NyAzTDI4IDE1IiBzdHJva2U9IiM1QzZFODAiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=);
    }
    span.visible-xs[aria-expanded="true"]::after{
        transform: rotate(0deg);
    }
    span.visible-xs {
        display: flex !important;
        width: 100%;
        font-size: 22px;
        padding: .6rem 0;
        cursor: pointer;
        justify-content: space-between;
    }
    .categories-wrap {
        flex: 1 0 auto;
    }
}
@media (max-width: 669px) {
    .Domains h2, h2 {
        font-size: 1.75rem;
    }
    .Find-Domain {
        padding: 10px 14px 10px 1rem;
    }
    .text-www {
        display: none;
    }
    #domainscheck-url_for_check {
        padding: 0;

        border: 0;
        font-size: 16px;
        color: #444444;
        padding: .5rem;
        padding-right: 0;
        width: 100%;
    }
    #domain-check-form .submit.pick-up {
        display: flex;
        text-indent: 100%;
        align-items: center;
        justify-content: center;
        padding: 14px 18px;
        font-size: 0;
    }

    #domain-check-form .submit.pick-up::before {
        content: "";
        display: block;
        background-image: url(../img/sprite.svg);
        background-position: -80px 0;
        width: 25px;
        height: 25px;
        flex: 0 0 25px;
        transform: scale(1.5);
    }
    .check-item .check-flex {
        flex-direction: column;
    }
    .check-item .btn-add-to-cart.btn.btn-teriff{
        text-indent: -500px;
        min-width: inherit;
        padding: .5rem;
        content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjUzOTg2IDIuNTc5NDVDMy4zNTIwOSAyLjUxMzU1IDMuMTQ1ODIgMi41MjQ5MyAyLjk2NjQ0IDIuNjExMTFDMi43ODcwNyAyLjY5NzI4IDIuNjQ5MjcgMi44NTExOCAyLjU4MzM2IDMuMDM4OTVDMi41MTc0NSAzLjIyNjczIDIuNTI4ODQgMy40MzI5OSAyLjYxNTAxIDMuNjEyMzdDMi43MDExOSAzLjc5MTc1IDIuODU1MDkgMy45Mjk1NSAzLjA0Mjg2IDMuOTk1NDVMMy4zMDM4NiA0LjA4NjQ1QzMuOTcxODYgNC4zMjE0NSA0LjQxMDg2IDQuNDc2NDUgNC43MzM4NiA0LjYzNTQ1QzUuMDM2ODYgNC43ODQ0NSA1LjE2OTg2IDQuOTA1NDUgNS4yNTc4NiA1LjAzMzQ1QzUuMzQ3ODYgNS4xNjU0NSA1LjQxNzg2IDUuMzQ3NDUgNS40NTc4NiA1LjcxMDQ1QzUuNDk3ODYgNi4wOTA0NSA1LjQ5OTg2IDYuNTg1NDUgNS40OTk4NiA3LjMyNTQ1VjkuOTI3NDVDNS40OTk4NiAxMi44Njk1IDUuNTYyODYgMTMuODM5NSA2LjQyOTg2IDE0Ljc1MzVDNy4yOTU4NiAxNS42Njc1IDguNjg5ODYgMTUuNjY3NSAxMS40Nzk5IDE1LjY2NzVIMTYuNzgxOUMxOC4zNDI5IDE1LjY2NzUgMTkuMTIzOSAxNS42Njc1IDE5LjY3NDkgMTUuMjE3NUMyMC4yMjY5IDE0Ljc2NzUgMjAuMzg0OSAxNC4wMDM1IDIwLjY5OTkgMTIuNDc1NUwyMS4xOTk5IDEwLjA1MDVDMjEuNTQ2OSA4LjMxMDQ1IDIxLjcxOTkgNy40NDE0NSAyMS4yNzU5IDYuODY0NDVDMjAuODMxOSA2LjI4NzQ1IDE5LjMxNTkgNi4yODc0NSAxNy42MzA5IDYuMjg3NDVINi45OTE4NkM2Ljk4NzY0IDYuMDQwOTcgNi45NzMyOSA1Ljc5NDc2IDYuOTQ4ODYgNS41NDk0NUM2Ljg5NDg2IDUuMDUyNDUgNi43Nzg4NiA0LjU5OTQ1IDYuNDk2ODYgNC4xODc0NUM2LjIxMjg2IDMuNzcxNDUgNS44MzQ4NiAzLjUwNTQ1IDUuMzkzODYgMy4yODg0NUM0Ljk4MTg2IDMuMDg2NDUgNC40NTc4NiAyLjkwMjQ1IDMuODQxODYgMi42ODU0NUwzLjUzOTg2IDIuNTc5NDVaTTEzLjQ5OTkgOC41Mzc0NUMxMy42OTg4IDguNTM3NDUgMTMuODg5NSA4LjYxNjQ3IDE0LjAzMDIgOC43NTcxMkMxNC4xNzA4IDguODk3NzggMTQuMjQ5OSA5LjA4ODU0IDE0LjI0OTkgOS4yODc0NVYxMC41Mzc1SDE1LjQ5OTlDMTUuNjk4OCAxMC41Mzc1IDE1Ljg4OTUgMTAuNjE2NSAxNi4wMzAyIDEwLjc1NzFDMTYuMTcwOCAxMC44OTc4IDE2LjI0OTkgMTEuMDg4NSAxNi4yNDk5IDExLjI4NzVDMTYuMjQ5OSAxMS40ODY0IDE2LjE3MDggMTEuNjc3MSAxNi4wMzAyIDExLjgxNzhDMTUuODg5NSAxMS45NTg0IDE1LjY5ODggMTIuMDM3NSAxNS40OTk5IDEyLjAzNzVIMTQuMjQ5OVYxMy4yODc1QzE0LjI0OTkgMTMuNDg2NCAxNC4xNzA4IDEzLjY3NzEgMTQuMDMwMiAxMy44MTc4QzEzLjg4OTUgMTMuOTU4NCAxMy42OTg4IDE0LjAzNzUgMTMuNDk5OSAxNC4wMzc1QzEzLjMwMDkgMTQuMDM3NSAxMy4xMTAyIDEzLjk1ODQgMTIuOTY5NSAxMy44MTc4QzEyLjgyODkgMTMuNjc3MSAxMi43NDk5IDEzLjQ4NjQgMTIuNzQ5OSAxMy4yODc1VjEyLjAzNzVIMTEuNDk5OUMxMS4zMDA5IDEyLjAzNzUgMTEuMTEwMiAxMS45NTg0IDEwLjk2OTUgMTEuODE3OEMxMC44Mjg5IDExLjY3NzEgMTAuNzQ5OSAxMS40ODY0IDEwLjc0OTkgMTEuMjg3NUMxMC43NDk5IDExLjA4ODUgMTAuODI4OSAxMC44OTc4IDEwLjk2OTUgMTAuNzU3MUMxMS4xMTAyIDEwLjYxNjUgMTEuMzAwOSAxMC41Mzc1IDExLjQ5OTkgMTAuNTM3NUgxMi43NDk5VjkuMjg3NDVDMTIuNzQ5OSA5LjA4ODU0IDEyLjgyODkgOC44OTc3OCAxMi45Njk1IDguNzU3MTJDMTMuMTEwMiA4LjYxNjQ3IDEzLjMwMDkgOC41Mzc0NSAxMy40OTk5IDguNTM3NDVaIiBmaWxsPSIjMDA2NkQzIi8+CjxwYXRoIGQ9Ik04IDE4LjI4NzFDOC4zOTc4MiAxOC4yODcxIDguNzc5MzYgMTguNDQ1MSA5LjA2MDY2IDE4LjcyNjRDOS4zNDE5NiAxOS4wMDc4IDkuNSAxOS4zODkzIDkuNSAxOS43ODcxQzkuNSAyMC4xODQ5IDkuMzQxOTYgMjAuNTY2NSA5LjA2MDY2IDIwLjg0NzhDOC43NzkzNiAyMS4xMjkxIDguMzk3ODIgMjEuMjg3MSA4IDIxLjI4NzFDNy42MDIxOCAyMS4yODcxIDcuMjIwNjQgMjEuMTI5MSA2LjkzOTM0IDIwLjg0NzhDNi42NTgwNCAyMC41NjY1IDYuNSAyMC4xODQ5IDYuNSAxOS43ODcxQzYuNSAxOS4zODkzIDYuNjU4MDQgMTkuMDA3OCA2LjkzOTM0IDE4LjcyNjRDNy4yMjA2NCAxOC40NDUxIDcuNjAyMTggMTguMjg3MSA4IDE4LjI4NzFaTTE3IDE4LjI4NzFDMTcuMzk3OCAxOC4yODcxIDE3Ljc3OTQgMTguNDQ1MSAxOC4wNjA3IDE4LjcyNjRDMTguMzQyIDE5LjAwNzggMTguNSAxOS4zODkzIDE4LjUgMTkuNzg3MUMxOC41IDIwLjE4NDkgMTguMzQyIDIwLjU2NjUgMTguMDYwNyAyMC44NDc4QzE3Ljc3OTQgMjEuMTI5MSAxNy4zOTc4IDIxLjI4NzEgMTcgMjEuMjg3MUMxNi42MDIyIDIxLjI4NzEgMTYuMjIwNiAyMS4xMjkxIDE1LjkzOTMgMjAuODQ3OEMxNS42NTggMjAuNTY2NSAxNS41IDIwLjE4NDkgMTUuNSAxOS43ODcxQzE1LjUgMTkuMzg5MyAxNS42NTggMTkuMDA3OCAxNS45MzkzIDE4LjcyNjRDMTYuMjIwNiAxOC40NDUxIDE2LjYwMjIgMTguMjg3MSAxNyAxOC4yODcxWiIgZmlsbD0iIzAwNjZEMyIvPgo8L3N2Zz4K);
    }
    .check-item .btn-add-to-cart.btn.btn-teriff:hover{
        content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjUzOTg2IDIuNTc5NDVDMy4zNTIwOSAyLjUxMzU1IDMuMTQ1ODIgMi41MjQ5MyAyLjk2NjQ0IDIuNjExMTFDMi43ODcwNyAyLjY5NzI4IDIuNjQ5MjcgMi44NTExOCAyLjU4MzM2IDMuMDM4OTVDMi41MTc0NSAzLjIyNjczIDIuNTI4ODQgMy40MzI5OSAyLjYxNTAxIDMuNjEyMzdDMi43MDExOSAzLjc5MTc1IDIuODU1MDkgMy45Mjk1NSAzLjA0Mjg2IDMuOTk1NDVMMy4zMDM4NiA0LjA4NjQ1QzMuOTcxODYgNC4zMjE0NSA0LjQxMDg2IDQuNDc2NDUgNC43MzM4NiA0LjYzNTQ1QzUuMDM2ODYgNC43ODQ0NSA1LjE2OTg2IDQuOTA1NDUgNS4yNTc4NiA1LjAzMzQ1QzUuMzQ3ODYgNS4xNjU0NSA1LjQxNzg2IDUuMzQ3NDUgNS40NTc4NiA1LjcxMDQ1QzUuNDk3ODYgNi4wOTA0NSA1LjQ5OTg2IDYuNTg1NDUgNS40OTk4NiA3LjMyNTQ1VjkuOTI3NDVDNS40OTk4NiAxMi44Njk1IDUuNTYyODYgMTMuODM5NSA2LjQyOTg2IDE0Ljc1MzVDNy4yOTU4NiAxNS42Njc1IDguNjg5ODYgMTUuNjY3NSAxMS40Nzk5IDE1LjY2NzVIMTYuNzgxOUMxOC4zNDI5IDE1LjY2NzUgMTkuMTIzOSAxNS42Njc1IDE5LjY3NDkgMTUuMjE3NUMyMC4yMjY5IDE0Ljc2NzUgMjAuMzg0OSAxNC4wMDM1IDIwLjY5OTkgMTIuNDc1NUwyMS4xOTk5IDEwLjA1MDVDMjEuNTQ2OSA4LjMxMDQ1IDIxLjcxOTkgNy40NDE0NSAyMS4yNzU5IDYuODY0NDVDMjAuODMxOSA2LjI4NzQ1IDE5LjMxNTkgNi4yODc0NSAxNy42MzA5IDYuMjg3NDVINi45OTE4NkM2Ljk4NzY0IDYuMDQwOTcgNi45NzMyOSA1Ljc5NDc2IDYuOTQ4ODYgNS41NDk0NUM2Ljg5NDg2IDUuMDUyNDUgNi43Nzg4NiA0LjU5OTQ1IDYuNDk2ODYgNC4xODc0NUM2LjIxMjg2IDMuNzcxNDUgNS44MzQ4NiAzLjUwNTQ1IDUuMzkzODYgMy4yODg0NUM0Ljk4MTg2IDMuMDg2NDUgNC40NTc4NiAyLjkwMjQ1IDMuODQxODYgMi42ODU0NUwzLjUzOTg2IDIuNTc5NDVaTTEzLjQ5OTkgOC41Mzc0NUMxMy42OTg4IDguNTM3NDUgMTMuODg5NSA4LjYxNjQ3IDE0LjAzMDIgOC43NTcxMkMxNC4xNzA4IDguODk3NzggMTQuMjQ5OSA5LjA4ODU0IDE0LjI0OTkgOS4yODc0NVYxMC41Mzc1SDE1LjQ5OTlDMTUuNjk4OCAxMC41Mzc1IDE1Ljg4OTUgMTAuNjE2NSAxNi4wMzAyIDEwLjc1NzFDMTYuMTcwOCAxMC44OTc4IDE2LjI0OTkgMTEuMDg4NSAxNi4yNDk5IDExLjI4NzVDMTYuMjQ5OSAxMS40ODY0IDE2LjE3MDggMTEuNjc3MSAxNi4wMzAyIDExLjgxNzhDMTUuODg5NSAxMS45NTg0IDE1LjY5ODggMTIuMDM3NSAxNS40OTk5IDEyLjAzNzVIMTQuMjQ5OVYxMy4yODc1QzE0LjI0OTkgMTMuNDg2NCAxNC4xNzA4IDEzLjY3NzEgMTQuMDMwMiAxMy44MTc4QzEzLjg4OTUgMTMuOTU4NCAxMy42OTg4IDE0LjAzNzUgMTMuNDk5OSAxNC4wMzc1QzEzLjMwMDkgMTQuMDM3NSAxMy4xMTAyIDEzLjk1ODQgMTIuOTY5NSAxMy44MTc4QzEyLjgyODkgMTMuNjc3MSAxMi43NDk5IDEzLjQ4NjQgMTIuNzQ5OSAxMy4yODc1VjEyLjAzNzVIMTEuNDk5OUMxMS4zMDA5IDEyLjAzNzUgMTEuMTEwMiAxMS45NTg0IDEwLjk2OTUgMTEuODE3OEMxMC44Mjg5IDExLjY3NzEgMTAuNzQ5OSAxMS40ODY0IDEwLjc0OTkgMTEuMjg3NUMxMC43NDk5IDExLjA4ODUgMTAuODI4OSAxMC44OTc4IDEwLjk2OTUgMTAuNzU3MUMxMS4xMTAyIDEwLjYxNjUgMTEuMzAwOSAxMC41Mzc1IDExLjQ5OTkgMTAuNTM3NUgxMi43NDk5VjkuMjg3NDVDMTIuNzQ5OSA5LjA4ODU0IDEyLjgyODkgOC44OTc3OCAxMi45Njk1IDguNzU3MTJDMTMuMTEwMiA4LjYxNjQ3IDEzLjMwMDkgOC41Mzc0NSAxMy40OTk5IDguNTM3NDVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNOCAxOC4yODcxQzguMzk3ODIgMTguMjg3MSA4Ljc3OTM2IDE4LjQ0NTEgOS4wNjA2NiAxOC43MjY0QzkuMzQxOTYgMTkuMDA3OCA5LjUgMTkuMzg5MyA5LjUgMTkuNzg3MUM5LjUgMjAuMTg0OSA5LjM0MTk2IDIwLjU2NjUgOS4wNjA2NiAyMC44NDc4QzguNzc5MzYgMjEuMTI5MSA4LjM5NzgyIDIxLjI4NzEgOCAyMS4yODcxQzcuNjAyMTggMjEuMjg3MSA3LjIyMDY0IDIxLjEyOTEgNi45MzkzNCAyMC44NDc4QzYuNjU4MDQgMjAuNTY2NSA2LjUgMjAuMTg0OSA2LjUgMTkuNzg3MUM2LjUgMTkuMzg5MyA2LjY1ODA0IDE5LjAwNzggNi45MzkzNCAxOC43MjY0QzcuMjIwNjQgMTguNDQ1MSA3LjYwMjE4IDE4LjI4NzEgOCAxOC4yODcxWk0xNyAxOC4yODcxQzE3LjM5NzggMTguMjg3MSAxNy43Nzk0IDE4LjQ0NTEgMTguMDYwNyAxOC43MjY0QzE4LjM0MiAxOS4wMDc4IDE4LjUgMTkuMzg5MyAxOC41IDE5Ljc4NzFDMTguNSAyMC4xODQ5IDE4LjM0MiAyMC41NjY1IDE4LjA2MDcgMjAuODQ3OEMxNy43Nzk0IDIxLjEyOTEgMTcuMzk3OCAyMS4yODcxIDE3IDIxLjI4NzFDMTYuNjAyMiAyMS4yODcxIDE2LjIyMDYgMjEuMTI5MSAxNS45MzkzIDIwLjg0NzhDMTUuNjU4IDIwLjU2NjUgMTUuNSAyMC4xODQ5IDE1LjUgMTkuNzg3MUMxNS41IDE5LjM4OTMgMTUuNjU4IDE5LjAwNzggMTUuOTM5MyAxOC43MjY0QzE2LjIyMDYgMTguNDQ1MSAxNi42MDIyIDE4LjI4NzEgMTcgMTguMjg3MVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
    }
    .check-item .btn-add-to-cart.btn.btn-teriff.in-cart{
        content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjUzOTg2IDIuNTc5NDVDMy4zNTIwOSAyLjUxMzU1IDMuMTQ1ODIgMi41MjQ5MyAyLjk2NjQ0IDIuNjExMTFDMi43ODcwNyAyLjY5NzI4IDIuNjQ5MjcgMi44NTExOCAyLjU4MzM2IDMuMDM4OTVDMi41MTc0NSAzLjIyNjczIDIuNTI4ODQgMy40MzI5OSAyLjYxNTAxIDMuNjEyMzdDMi43MDExOSAzLjc5MTc1IDIuODU1MDkgMy45Mjk1NSAzLjA0Mjg2IDMuOTk1NDVMMy4zMDM4NiA0LjA4NjQ1QzMuOTcxODYgNC4zMjE0NSA0LjQxMDg2IDQuNDc2NDUgNC43MzM4NiA0LjYzNTQ1QzUuMDM2ODYgNC43ODQ0NSA1LjE2OTg2IDQuOTA1NDUgNS4yNTc4NiA1LjAzMzQ1QzUuMzQ3ODYgNS4xNjU0NSA1LjQxNzg2IDUuMzQ3NDUgNS40NTc4NiA1LjcxMDQ1QzUuNDk3ODYgNi4wOTA0NSA1LjQ5OTg2IDYuNTg1NDUgNS40OTk4NiA3LjMyNTQ1VjkuOTI3NDVDNS40OTk4NiAxMi44Njk1IDUuNTYyODYgMTMuODM5NSA2LjQyOTg2IDE0Ljc1MzVDNy4yOTU4NiAxNS42Njc1IDguNjg5ODYgMTUuNjY3NSAxMS40Nzk5IDE1LjY2NzVIMTYuNzgxOUMxOC4zNDI5IDE1LjY2NzUgMTkuMTIzOSAxNS42Njc1IDE5LjY3NDkgMTUuMjE3NUMyMC4yMjY5IDE0Ljc2NzUgMjAuMzg0OSAxNC4wMDM1IDIwLjY5OTkgMTIuNDc1NUwyMS4xOTk5IDEwLjA1MDVDMjEuNTQ2OSA4LjMxMDQ1IDIxLjcxOTkgNy40NDE0NSAyMS4yNzU5IDYuODY0NDVDMjAuODMxOSA2LjI4NzQ1IDE5LjMxNTkgNi4yODc0NSAxNy42MzA5IDYuMjg3NDVINi45OTE4NkM2Ljk4NzY0IDYuMDQwOTcgNi45NzMyOSA1Ljc5NDc2IDYuOTQ4ODYgNS41NDk0NUM2Ljg5NDg2IDUuMDUyNDUgNi43Nzg4NiA0LjU5OTQ1IDYuNDk2ODYgNC4xODc0NUM2LjIxMjg2IDMuNzcxNDUgNS44MzQ4NiAzLjUwNTQ1IDUuMzkzODYgMy4yODg0NUM0Ljk4MTg2IDMuMDg2NDUgNC40NTc4NiAyLjkwMjQ1IDMuODQxODYgMi42ODU0NUwzLjUzOTg2IDIuNTc5NDVaTTE2LjAxNjkgOC43NDQ0NUMxNi4zMTY5IDkuMDMwNDUgMTYuMzI4OSA5LjUwNDQ1IDE2LjA0MjkgOS44MDQ0NUwxMy4xODU5IDEyLjgwNDVDMTMuMTE1OCAxMi44NzggMTMuMDMxNiAxMi45MzY1IDEyLjkzODIgMTIuOTc2NUMxMi44NDQ5IDEzLjAxNjUgMTIuNzQ0NCAxMy4wMzcxIDEyLjY0MjkgMTMuMDM3MUMxMi41NDEzIDEzLjAzNzEgMTIuNDQwOCAxMy4wMTY1IDEyLjM0NzUgMTIuOTc2NUMxMi4yNTQyIDEyLjkzNjUgMTIuMTY5OSAxMi44NzggMTIuMDk5OSAxMi44MDQ1TDEwLjk1NjkgMTEuNjA0NUMxMC44ODYgMTEuNTMzNyAxMC44MzAxIDExLjQ0OTYgMTAuNzkyMyAxMS4zNTY5QzEwLjc1NDUgMTEuMjY0MiAxMC43MzU2IDExLjE2NDkgMTAuNzM2OCAxMS4wNjQ4QzEwLjczOCAxMC45NjQ3IDEwLjc1OTIgMTAuODY1OSAxMC43OTkyIDEwLjc3NDFDMTAuODM5MSAxMC42ODIzIDEwLjg5NzEgMTAuNTk5NSAxMC45Njk2IDEwLjUzMDVDMTEuMDQyMSAxMC40NjE1IDExLjEyNzYgMTAuNDA3NyAxMS4yMjEyIDEwLjM3MjJDMTEuMzE0OSAxMC4zMzY4IDExLjQxNDYgMTAuMzIwNSAxMS41MTQ2IDEwLjMyNDJDMTEuNjE0NyAxMC4zMjc5IDExLjcxMjkgMTAuMzUxNiAxMS44MDM2IDEwLjM5MzlDMTEuODk0NCAxMC40MzYyIDExLjk3NTcgMTAuNDk2MiAxMi4wNDI5IDEwLjU3MDVMMTIuNjQyOSAxMS4yMDA1TDE0Ljk1NjkgOC43NzA0NUMxNS4wOTQgOC42MjY1IDE1LjI4MjcgOC41NDI5IDE1LjQ4MTUgOC41MzgwMkMxNS42ODAyIDguNTMzMTQgMTUuODcyOCA4LjYwNzQgMTYuMDE2OSA4Ljc0NDQ1WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTggMTguMjg3MUM4LjM5NzgyIDE4LjI4NzEgOC43NzkzNiAxOC40NDUxIDkuMDYwNjYgMTguNzI2NEM5LjM0MTk2IDE5LjAwNzggOS41IDE5LjM4OTMgOS41IDE5Ljc4NzFDOS41IDIwLjE4NDkgOS4zNDE5NiAyMC41NjY1IDkuMDYwNjYgMjAuODQ3OEM4Ljc3OTM2IDIxLjEyOTEgOC4zOTc4MiAyMS4yODcxIDggMjEuMjg3MUM3LjYwMjE4IDIxLjI4NzEgNy4yMjA2NCAyMS4xMjkxIDYuOTM5MzQgMjAuODQ3OEM2LjY1ODA0IDIwLjU2NjUgNi41IDIwLjE4NDkgNi41IDE5Ljc4NzFDNi41IDE5LjM4OTMgNi42NTgwNCAxOS4wMDc4IDYuOTM5MzQgMTguNzI2NEM3LjIyMDY0IDE4LjQ0NTEgNy42MDIxOCAxOC4yODcxIDggMTguMjg3MVpNMTcgMTguMjg3MUMxNy4zOTc4IDE4LjI4NzEgMTcuNzc5NCAxOC40NDUxIDE4LjA2MDcgMTguNzI2NEMxOC4zNDIgMTkuMDA3OCAxOC41IDE5LjM4OTMgMTguNSAxOS43ODcxQzE4LjUgMjAuMTg0OSAxOC4zNDIgMjAuNTY2NSAxOC4wNjA3IDIwLjg0NzhDMTcuNzc5NCAyMS4xMjkxIDE3LjM5NzggMjEuMjg3MSAxNyAyMS4yODcxQzE2LjYwMjIgMjEuMjg3MSAxNi4yMjA2IDIxLjEyOTEgMTUuOTM5MyAyMC44NDc4QzE1LjY1OCAyMC41NjY1IDE1LjUgMjAuMTg0OSAxNS41IDE5Ljc4NzFDMTUuNSAxOS4zODkzIDE1LjY1OCAxOS4wMDc4IDE1LjkzOTMgMTguNzI2NEMxNi4yMjA2IDE4LjQ0NTEgMTYuNjAyMiAxOC4yODcxIDE3IDE4LjI4NzFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
    }
    .btn-add-to-cart.btn.btn-teriff.disabled:hover,
    .btn-add-to-cart.btn.btn-teriff.disabled{
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTMiIGN5PSIxMiIgcj0iOCIgc3Ryb2tlPSIjRkY2RjcwIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTggMThMMTkgNiIgc3Ryb2tlPSIjRkY2RjcwIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==);
    }
    .status-busy .btn-add-to-cart.btn.btn-teriff.disabled{
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNSAxMC4yODcxVjcuMjg3MTFDOC41IDYuMjI2MjQgOC45MjE0MyA1LjIwODgzIDkuNjcxNTcgNC40NTg2OEMxMC40MjE3IDMuNzA4NTQgMTEuNDM5MSAzLjI4NzExIDEyLjUgMy4yODcxMUMxMy41NjA5IDMuMjg3MTEgMTQuNTc4MyAzLjcwODU0IDE1LjMyODQgNC40NTg2OEMxNi4wNzg2IDUuMjA4ODMgMTYuNSA2LjIyNjI0IDE2LjUgNy4yODcxMVYxMC4yODcxIiBzdHJva2U9IiNGRkI2NTEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik01LjUgMTAuMjg3MUgxOS41VjE5LjI4NzFDMTkuNSAxOS44MTc1IDE5LjI4OTMgMjAuMzI2MiAxOC45MTQyIDIwLjcwMTNDMTguNTM5MSAyMS4wNzY0IDE4LjAzMDQgMjEuMjg3MSAxNy41IDIxLjI4NzFINy41QzYuOTY5NTcgMjEuMjg3MSA2LjQ2MDg2IDIxLjA3NjQgNi4wODU3OSAyMC43MDEzQzUuNzEwNzEgMjAuMzI2MiA1LjUgMTkuODE3NSA1LjUgMTkuMjg3MVYxMC4yODcxWiIgc3Ryb2tlPSIjRkZCNjUxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE1IDE1Ljc4NzFIMTUuMDFWMTUuNzk3MUgxNVYxNS43ODcxWiIgc3Ryb2tlPSIjRkZCNjUxIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
    }
    .domain-registration{
        flex-direction: column;
    }
 
    .result-wrap .res-domain{
    flex: 0;
    gap: 0;
    }
    ul.promotional-domains {
        gap: 1rem;
        flex-direction: column;
        padding: 0;
        flex-direction: row;
        overflow-y: scroll;
        scroll-behavior: smooth;
        justify-content: flex-start;
        overscroll-behavior: contain;
        width: calc(100% + 4rem);
        padding: 0 2rem;
        margin-left: -2rem;
        gap: 2rem;
        /* -ms-overflow-style: none;
        overflow: -moz-scrollbars-none; */
    }
    ul.promotional-domains::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none;
    }
    li.item {
        box-sizing: border-box;
        position: relative;
        display: flex;
        flex: 0 0 60%;
        justify-content: space-between;
        align-items: center;
        padding: 16px 18px;
        gap: 0;
        background: linear-gradient(white, white) padding-box, linear-gradient(to right, #0057FF, #00C2FF) border-box;
        border-radius: var(--border-r);
        border: 2px solid transparent;
    }

}

@media (max-width: 420px) {
    .promotional-domains {
        gap: 1rem;
    }
    .promotional-domain .item {
        flex-direction: row;
        align-items: baseline;
        padding: 16px 18px;
        gap: 0;
        background: linear-gradient(white, white) padding-box, linear-gradient(to right, #0057FF, #00C2FF) border-box;
        border-radius: var(--border-r);
        border: 2px solid transparent;
        align-content: center;
    }
}
.three-easy-steps h3 {
    font-size: 32px;
    line-height: 130%;
    color: #444444;
}
.three-easy-steps h3 .manrope-700{
background: linear-gradient(90deg, #015AFF 30.85%, #01C1FF 75.14%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;

}
.dc-additional-services .owl-carousel.owl-drag .owl-item{
    padding: 10px;
}
.de-our-services .services-text {
    gap: 1rem;
}
/* Наші послуги */
.wrap-list-flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}
.de-our-services .wrap-list-flex{
    gap: 30px;
}
.de-our-services .wrap-list-flex .dc-item {
    box-sizing: border-box;
    display: flex;
    top: 0;
    flex: 0 0 460px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
position: relative;
transition: all .2s ease-out;
}
.de-our-services .wrap-list-flex .dc-item:hover{
    box-shadow: 0px 4px 1rem rgba(0, 60, 149, 0.25);
    /* top: -3px; */
}
.img-anim-hover, .img-anim-opacity-hover{
    position: relative;
}

.Layer-2, .Layer-3 {
    position: absolute;
    left: 0;
    top: 0;
}
.Layer-1 {
    position: relative;
    z-index: 1;
}
.Layer-2{
z-index: 2;
}
.Layer-3{
z-index: 3;
}
.dc-item:hover .img-anim-hover .Layer-2 {
    left: -13px;
}
.dc-item:hover .img-anim-hover .top  {
    left: 0;
    top: -.88rem;
}
.img-anim-hover.top2 .Layer-1, .img-anim-hover .glow  {
    opacity: 0;
}
.dc-item:hover .img-anim-hover.top2 .Layer-1, .dc-item:hover .img-anim-hover .glow  {
    opacity: 1;
}
.dc-item:hover .img-anim-hover.top2 .Layer-2, .dc-item:hover .img-www.img-anim-opacity-hover .top {
    left: 0;
    top: -1.48rem;
}
.dc-advantages .dc-item:hover .img-anim-hover .top {
    left: 0;
    top: -2.88rem;
}
.img-anim-opacity-hover .Layer-2, .img-www.img-anim-opacity-hover .glow{
    opacity: 0;
}
.dc-item:hover .img-anim-opacity-hover .Layer-2, .dc-item:hover .img-anim-opacity-hover .glow {
    opacity: 1;
}
#advantages-row .wrap-list-flex {
    flex-direction: row;
    align-items: flex-start;
}
.wrap-list-flex .dc-item {
    box-sizing: border-box;
    display: flex;
    flex: 0 0 390px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 2.5rem 1rem;
    gap: 35px;
    background: linear-gradient(180deg, #E6F2FF 0%, #FFFFFF 100%);
    border: 1px solid #E6F2FF;
    border-radius: 16px;
}

.de-our-services .card-title {
    line-height: 110%;
    color: var(--color-3);
    margin: 0;
}
img{
    transition: all 500ms ease-in;
}

.dc-advantages .wrap-list-flex .dc-item,
#advantages .wrap-list-flex .dc-item {
    background: transparent;
    border: 0;
}
.wrap-list-flex .dc-item.dc-col-2{
    flex: 0 0 48%;
    padding: 2rem;
    align-items: flex-start;
}

h4, h5{
    margin: 0 0 24px 0;
    font-family: "Rubik-700", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

h4 {
    font-size: 26px;
}
h5 {
    font-size: 20px;
}
/* .wrap-list-flex .dc-item:hover a {
    animation: shift-right 0.5s ease-in-out;
} */
.card-title {
    font-size: 30px;
line-height: 38px;
    margin: 0 0 25px;
}
.dc-item small {
    font-size: 16px;
    line-height: 20px;
    /* line-height: 130%; */
    font-family: "Rubik-regular", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.dc-item small li {
    margin-bottom: .4rem;
}
.dc-additional-services .card-title {
    font-size: 1.5rem;
    line-height: 2rem;
    min-height: 4rem;
}
.wrap-list-flex .dc-flex-row {
    flex-direction: row;
    align-items: flex-start;
    padding: 40px 20px;
    gap: 10px;
    flex: 0 0 49%;
    text-align: left;
    min-height: 250px;
}
.dc-item ul {
    padding-inline-start: 20px;
}
@keyframes shift-right {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: scale(.80)
    }
}
@media (max-width: 767px) {
 .de-our-services .wrap-list-flex .dc-item {
    flex: auto;}
}
@media (max-width: 669px) {
    .card-title {
        font-size: 1.3rem;
        margin: 0 0 1rem 0;
        line-height: 1.6rem;
    }
    .dc-item small {
        font-size: 16px;
        line-height: 140%;
    }
    .advantages-text .card-title {
        text-align: center;
    }
    .advantages-text ul{
        max-width: 260px;
    }
}

.dc-usluga {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.modal-body .dc-usluga .flex-row {
    width: 100%;
    display: flex;
    gap: 2rem;
align-items: flex-start;
}
.modal-body .flex-row .name-img-block {
    flex: 0 0 180px;
    overflow: hidden;
    border-radius: var(--border-r);
}
.name-img-block img {
    height: 100%;
    width: 100%;
}
@media (max-width: 669px) {
.modal-body .dc-usluga .flex-row {
    flex-direction: column;
}
.dc-usluga {
    padding: 1rem;
}
}
/* CAROUSEL  */
.owl-nav {
    position: absolute;
    top: calc(50% - 5rem);
    font-size: 5rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    z-index: -1;
}
.owl-carousel .owl-nav button.owl-next {
    left: 4rem;
    position: relative;
}
.owl-carousel .owl-nav button.owl-prev {
    position: relative;
    left: -4rem;
}
.owl-dots {
    display: flex;
    justify-content: center;
    height: 30px;
    align-items: center;
    margin-top: 2rem;
    position: relative;
    z-index: 100;
}

.owl-dots button.owl-dot {
    display: block;
    width: 0.88rem;
    height: 0.88rem;
    border-radius: .4rem;
    margin: 0.4rem;
    border: .1rem solid #0066d3;
    background: #ffffff2b;
    transition: width .5s ease-in-out;
}
.hosting-tariffs .owl-dots button.owl-dot{
    border: none;
}
button.owl-dot.active {
    background: #fff;
    width: 2.88rem;
}
.dc-additional-services button.owl-dot.active{
    background: #0066d3;
}
/* SEO */
.seo-wrap img, .seo-flex img{
    overflow: hidden;
    border-radius: var(--border-r);
}
.seo-wrap .dc-item, .seo-flex{
    display: flex;
    align-items: center;
    gap: 60px;
}
.seo-wrap .dc-item {
    padding: 2rem;
    margin: 2rem 0;
    gap: 60px;
    background: var(--gr-end);
    border-radius:calc(var(--border-r) + 1rem)  ;
}
.seo-wrap .card-title{
    margin: 0 0 2rem 0;
}
.seo-text {
    flex: 0 0 50%;
}
.seo-text ol {
    padding-left: 1.1rem;
}
.seo-text ol li {
    margin-bottom: 1rem;
}
.seo-wrap .dc-item.bg-transparent{
    background: transparent;
}
.seo-text .card-title {
    font-size: 26px;
    line-height: 34px;
    margin: 0 0 1.5rem 0;
}
@media (max-width:1300px) {
    .vps-tariffs .owl-carousel .owl-nav button.owl-next {
        left: 1.5rem;
    }
    .vps-tariffs .owl-carousel .owl-nav button.owl-prev {
        position: relative;
        left: -1.5rem;
    }
}
@media (max-width:960px) {
.transfer-client {
    padding-left: 2rem;
    padding-right: 2rem;
}
.transfer-client .wrap-list-flex .dc-item.dc-col-2 {
    flex: 0 0 100%;
}
.seo-flex {
    gap: 2rem;
    flex-direction: column;
}
.dc-align-center {
    text-align: left;
}
.wrap-container-580 {
    margin-inline: inherit;
}
.seo-wrap .dc-item {
    padding: 1.5rem;
    gap: 2rem;
    flex-direction: column;
}
.seo-wrap {
    max-width: 640px;
}
img {
    max-width: 100%;
}
.m-top-120 {
    margin-top: -3rem;
}
.flex-easy-steps {
    margin-top: 0;
}
}



/* dc-advantages */



/* Новини */
.dc-articles{
    padding-top: 60px;
}

.dc-articles .dc-container {
    max-width: 1220px;
    margin-inline: auto;
}
.wrap-list {
    padding-top: 60px;
    display: grid;
    grid-template-columns: repeat(3, 3fr);
    gap: 30px;
}
.dc-articles .wrap-list {
    padding-top: 40px;
    padding-bottom: 60px;
}
/* .dc-articles .dc-item {
    border-radius: var(--border-r);
    overflow: hidden;
} */
.dc-articles h3{
color: var(--color-3);
}
.dc-articles .wrap-list p{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-top: 0;
}
.dc-articles .u-icon.u-icon-2 img{
width: 16px;
height: 17px;
}
.dc-articles img.image {
    width: 100%;
    border-radius: var(--border-r);
}
.dc-item:hover h3{
    color: var(--color-br);
}
.dc-articles-text {
    border-radius: var(--border-r) 0 0 0;
    padding: 30px;
    position: relative;
    left: 30px;
    right: 0%;
    top: -50px;
    background: #FFFFFF;
}



@media (max-width: 1160px) {
    .dc-articles .wrap-list{
        grid-template-columns: repeat(3, 1fr);
    }
    .dc-articles {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (max-width: 991px) {
    .dc-articles .wrap-list {
        grid-template-columns: repeat(1, 1fr);
        max-width: 620px;
        margin-inline: auto;
    }
}




/* contacts */
.wrap-map {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.wrap-map .dox {
    position: absolute;
    width: 387px;
    min-height: 400px;
    height: 100%;
background: radial-gradient(98.7% 72.85% at 100% 100%, rgb(9 80 175 / 80%) 0%, #042162 100%);
z-index: 1;
}
.dc-contacts .dox h2 {
    font-size: 26px;
    line-height: 32px;
    color: #FFFFFF;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}
.grid-contacts {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: flex-start;
    padding: 0px;
    gap: 30px;
    justify-content: center;
}
.dox {
    box-sizing: border-box;
    display: flex;
    color: var(--color-b1);
    border-radius: var(--border-r);
    flex-direction: column;
    align-items: flex-start;
    padding: 50px;
    flex: 1;
    background: radial-gradient(98.7% 98.7% at 100% 100%, #0950AF 0%, #042162 100%);
    border: 1px solid #E6F2FF;
}
#map {
    border-radius: var(--border-r);
    overflow: hidden;
}
.dc-contacts .flex-al-center{
    gap: .8rem;
}
.flex-al-center {
    display: flex;
    align-items: center;
    margin-top: 0;
}

.dox h2::after {
    width: 100%;
    height: 2px;
    background-color: #366eb9;
    display: block;
    content: "";
    margin-top: 2rem;
}


.sprite{
    display: inline-block;
    background-image: url(../img/sprite.svg);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}
.icon-map-marker {
    background-position: -60px 0;
}
.icon-mail {
    height: 12px;
    background-position: -40px 0;
}
.icon-tel{
    background-position: -20px 0;
}
.icon-telegram{
    width: 17px;
    height: 17px;
    background-position: 0 0;
}

.dc-contacts input.form-control,select.form-control,
textarea.form-control {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px 19px;
    gap: 10px;
    width: 100%;
    height: 60px;
    border: 1px solid #C4C4C4;
    border-radius: var(--border-r);
}
.form-group.highlight-addon.field-fastorderform-comment{
    width: 100%;
}
.modal-dialog input.form-control,
.dc-domain-registration .dc-cart .form-control:first-child,
.dc-cart .input-group .form-control:last-child,
.dc-cart input.form-control {
    padding: 12px 16px;
    width: 100%;
    height: 50px;
    border: 1px solid #C4C4C4;
    /* background-color: #E9F3FF; */
    border-radius: var(--border-r);
}
.modal-dialog input.form-control{
    max-width: 320px;
}
select.form-control,
textarea.form-control{
    width: 100%;
}
.dc-contacts .help-block {
    margin-top: 0;
    margin-bottom: 0;
}
.dc-contacts textarea.form-control{
    height: 135px;
}
.modal-dialog .flex-form {
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.modal-dialog input.form-control,
#transfermodel-comment
 {
    width: 320px;
}
.dc-contacts .flex-form {
    display: flex;
    padding: 40px 0px;
    gap: 40px;
    flex-wrap: wrap;
    flex-direction: row;
}
[action="/kontakti"] .flex-form > .input-group,
[action="/kontakti"] .flex-form > .form-group {
    flex: 0 0 380px;
    margin: 0;
}
/* .input-group, select.form-control {
    flex: 0 0 calc(50% - 20px);
} */
[action="/kontakti"] .flex-form .input-group .form-control:first-child{
    border-radius: var(--border-r);
}
[action="/kontakti"] .flex-form .form-group.form-comment {
    flex: 1 0 100%;
}
select.form-control{
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
        background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
        background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
        background-size: 4px 4px, 4px 4px;
        background-repeat: no-repeat;
}

@media (max-width: 850px) {
    .dc-contacts{
        padding: 2rem;
    }
    .flex-form {
        gap: 1rem;
    }
    .input-group, select.form-control {
        flex: 1 0 100%;
    }
    .dc-contacts .flex-form {
    gap: 1rem;
    padding: 0;
}
    [action="/kontakti"] .flex-form > .input-group,
    [action="/kontakti"] .flex-form > .form-group {
        flex: 1 0 45%;
    }
}

@media (max-width: 640px) {
    .wrap-map {
        flex-direction: column-reverse;
        overflow: hidden;
    }
    .wrap-map .dox {
        position: relative;
    }

    .dox {
        width: 100%;
    }
    .wrap-map  img {
        max-width: none;
    }

}
@media (max-width: 480px) {
    .owl-carousel .owl-nav button.owl-next {
        left: 1rem;
        font-size: 4rem;
    }
    .owl-carousel .owl-nav button.owl-prev {
        left: -1rem;
        font-size: 4rem;
    }
    .dc-contacts:not(.bg-blue-balls) {
        padding: 0;
    }
    .wrap-map .dox {
        padding: 2rem;
        width: 100%;
    }
    .content-body .grid-contacts h2 {
        padding-top: 0;
    }
    .vps-tariffs::after, .bg-tariffs::after {
    mask-size: 220vh;
    }
    .owl-dots {
        height: auto;
        margin-top: 1rem;
    }
    .dox { padding: 2rem;}
    [action="/kontakti"] .flex-form > .input-group,
    [action="/kontakti"] .flex-form > .form-group {
        flex: 1 0 100%;
    }
}
.special-offer-form-consent {
    padding: 4rem 0;
}
.special-offer-form-consent .flex-row {
    display: flex;
    align-items: center;
    gap: 40px;
}
.special-offer-form-consent picture.image{
    flex: 0 0 50%;
    max-width: 600px;
    border-radius: 1rem;
    overflow: hidden;
}
.special-offer-form-consent picture.image .image {
    width: 100%;
    height: 100%;
}
@media (max-width: 1260px) {
    .special-offer-form-consent {
        padding: 2rem;
    }
}
@media (max-width: 960px) {
    .special-offer-form-consent .flex-row {
        flex-direction: column;
        max-width: 640px;
    }
    .special-offer-form-consent .content-text{
        max-width: max-content;
        width: 100%
    }
}
@media (max-width: 640px) {
    .special-offer-form-consent .flex-row
    .special-offer-form-consent picture.image {
        flex: 1;
    }
}
/* cart
############### */

.dc-cart{
    min-height: calc(100vh - 340px);
}
.dc-cart h1 {
    font-size: 1.6em;
    margin: 0;
}
.flex-container-row{
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding: 0px;
    gap: 50px;
}

.wrap-select h2{
font-size: 32px;
}
.wrap-package-selection {
    flex: 0 0 750px;
    gap: 2rem;
}

.wrap-select {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 30px;
    gap: 8px;
    background: #FFFFFF;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.2);
    border-radius: 16px;
}
.package-characteristics {
display: flex;
flex-direction: column;
justify-content: center;
padding: 1.5rem;
gap: 1rem;
background: #EBF5FF;
border-radius: 10px;
align-items: flex-start;
width: 150px;
}
.form-flex-row {
    display: flex;
    align-items: stretch;
    gap: 30px;
    margin: 0;
    width: 100%;
}
.domain-new .form-flex-row .flex-form {
    display: flex;
    flex: 1;
    padding: 0;
    gap: 20px;
    align-items: flex-end;
}
.tab-content-hosting .flex-form {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    flex: 1;
}
.package-selection .input-group, .package-selection select.form-control {
    flex: 0 0 calc(50% - 10px);
    margin-top: 8px;
}
/* .form-flex-row .flex-1{
    flex: 1;
} */
.package-characteristics [class*="icon-"]{
    display: flex;
    align-items: center;
    gap: 10px;
}
.package-characteristics [class*="icon-"]::before{
display: block;
width: 24px;
height: 24px;
flex: 0 0 24px;
content: "";
background-image: url(../img/sprite.svg);
background-repeat: no-repeat;
}

/* Дисковий простір */
.package-characteristics .icon-58::before{
background-position: -160px 0;
}
/* Сайти */
.package-characteristics .icon-76::before{
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjQ0MzQgOUMxMi4xNjk5IDkgMTIuODQ5NiA5LjEzNjcyIDEzLjQ4MjQgOS40MTAxNkMxNC4xMTUyIDkuNjgzNTkgMTQuNjY5OSAxMC4wNTg2IDE1LjE0NjUgMTAuNTM1MkMxNS42MjMgMTEuMDExNyAxNS45OTggMTEuNTY2NCAxNi4yNzE1IDEyLjE5OTJDMTYuNTQ0OSAxMi44MzIgMTYuNjg1NSAxMy41MTU2IDE2LjY5MzQgMTQuMjVDMTYuNjkzNCAxNC45NzY2IDE2LjU1NjYgMTUuNjU2MiAxNi4yODMyIDE2LjI4OTFDMTYuMDA5OCAxNi45MjE5IDE1LjYzNDggMTcuNDc2NiAxNS4xNTgyIDE3Ljk1MzFDMTQuNjgxNiAxOC40Mjk3IDE0LjEyNyAxOC44MDQ3IDEzLjQ5NDEgMTkuMDc4MUMxMi44NjEzIDE5LjM1MTYgMTIuMTc3NyAxOS40OTIyIDExLjQ0MzQgMTkuNUMxMC43MTY4IDE5LjUgMTAuMDM3MSAxOS4zNjMzIDkuNDA0MyAxOS4wODk4QzguNzcxNDggMTguODE2NCA4LjIxNjggMTguNDQxNCA3Ljc0MDIzIDE3Ljk2NDhDNy4yNjM2NyAxNy40ODgzIDYuODg4NjcgMTYuOTMzNiA2LjYxNTIzIDE2LjMwMDhDNi4zNDE4IDE1LjY2OCA2LjIwMTE3IDE0Ljk4NDQgNi4xOTMzNiAxNC4yNUM2LjE5MzM2IDEzLjUyMzQgNi4zMzAwOCAxMi44NDM4IDYuNjAzNTIgMTIuMjEwOUM2Ljg3Njk1IDExLjU3ODEgNy4yNTE5NSAxMS4wMjM0IDcuNzI4NTIgMTAuNTQ2OUM4LjIwNTA4IDEwLjA3MDMgOC43NTk3NyA5LjY5NTMxIDkuMzkyNTggOS40MjE4OEMxMC4wMjU0IDkuMTQ4NDQgMTAuNzA5IDkuMDA3ODEgMTEuNDQzNCA5Wk0xNS40OTggMTMuNUMxNS4zODA5IDEyLjg3NSAxNS4xMzQ4IDEyLjMwODYgMTQuNzU5OCAxMS44MDA4QzE0LjM4NDggMTEuMjkzIDEzLjkxNiAxMC44OTA2IDEzLjM1MzUgMTAuNTkzOEMxMy41ODAxIDExLjA0NjkgMTMuNzQ0MSAxMS41MTk1IDEzLjg0NTcgMTIuMDExN0MxMy45NDczIDEyLjUwMzkgMTQuMDEzNyAxMyAxNC4wNDQ5IDEzLjVIMTUuNDk4Wk0xMi45MDgyIDE1SDkuOTY2OEM5Ljk3NDYxIDE1LjEyNSA5Ljk5MDIzIDE1LjI5NjkgMTAuMDEzNyAxNS41MTU2QzEwLjAzNzEgMTUuNzM0NCAxMC4wNzYyIDE1Ljk2ODggMTAuMTMwOSAxNi4yMTg4QzEwLjE4NTUgMTYuNDY4OCAxMC4yNTIgMTYuNzE4OCAxMC4zMzAxIDE2Ljk2ODhDMTAuNDA4MiAxNy4yMTg4IDEwLjUwMiAxNy40NDkyIDEwLjYxMTMgMTcuNjYwMkMxMC43MjA3IDE3Ljg3MTEgMTAuODQxOCAxOC4wNDMgMTAuOTc0NiAxOC4xNzU4QzExLjEwNzQgMTguMzA4NiAxMS4yNjM3IDE4LjM3NSAxMS40NDM0IDE4LjM3NUMxMS42MDc0IDE4LjM3NSAxMS43NTU5IDE4LjMwODYgMTEuODg4NyAxOC4xNzU4QzEyLjAyMTUgMTguMDQzIDEyLjEzODcgMTcuODcxMSAxMi4yNDAyIDE3LjY2MDJDMTIuMzQxOCAxNy40NDkyIDEyLjQzNTUgMTcuMjE0OCAxMi41MjE1IDE2Ljk1N0MxMi42MDc0IDE2LjY5OTIgMTIuNjczOCAxNi40NDUzIDEyLjcyMDcgMTYuMTk1M0MxMi43Njc2IDE1Ljk0NTMgMTIuODEwNSAxNS43MTQ4IDEyLjg0OTYgMTUuNTAzOUMxMi44ODg3IDE1LjI5MyAxMi45MDgyIDE1LjEyNSAxMi45MDgyIDE1Wk05Ljk2NjggMTMuNUgxMi45MTk5QzEyLjkxMjEgMTMuMzgyOCAxMi44OTI2IDEzLjIxODggMTIuODYxMyAxMy4wMDc4QzEyLjgzMDEgMTIuNzk2OSAxMi43ODcxIDEyLjU2NjQgMTIuNzMyNCAxMi4zMTY0QzEyLjY3NzcgMTIuMDY2NCAxMi42MTEzIDExLjgxMjUgMTIuNTMzMiAxMS41NTQ3QzEyLjQ1NTEgMTEuMjk2OSAxMi4zNjEzIDExLjA2MjUgMTIuMjUyIDEwLjg1MTZDMTIuMTQyNiAxMC42NDA2IDEyLjAyMTUgMTAuNDY0OCAxMS44ODg3IDEwLjMyNDJDMTEuNzU1OSAxMC4xODM2IDExLjYwNzQgMTAuMTE3MiAxMS40NDM0IDEwLjEyNUMxMS4yNzE1IDEwLjEyNSAxMS4xMTkxIDEwLjE5MTQgMTAuOTg2MyAxMC4zMjQyQzEwLjg1MzUgMTAuNDU3IDEwLjczMjQgMTAuNjI4OSAxMC42MjMgMTAuODM5OEMxMC41MTM3IDExLjA1MDggMTAuNDE5OSAxMS4yODUyIDEwLjM0MTggMTEuNTQzQzEwLjI2MzcgMTEuODAwOCAxMC4xOTczIDEyLjA1NDcgMTAuMTQyNiAxMi4zMDQ3QzEwLjA4NzkgMTIuNTU0NyAxMC4wNDg4IDEyLjc4NTIgMTAuMDI1NCAxMi45OTYxQzEwLjAwMiAxMy4yMDcgOS45ODI0MiAxMy4zNzUgOS45NjY4IDEzLjVaTTkuNDg2MzMgMTAuNjE3MkM5LjIxMjg5IDEwLjc2NTYgOC45NjI4OSAxMC45NDE0IDguNzM2MzMgMTEuMTQ0NUM4LjUwOTc3IDExLjM0NzcgOC4zMDI3MyAxMS41NzAzIDguMTE1MjMgMTEuODEyNUM3LjkyNzczIDEyLjA1NDcgNy43NzUzOSAxMi4zMjAzIDcuNjU4MiAxMi42MDk0QzcuNTQxMDIgMTIuODk4NCA3LjQ1MTE3IDEzLjE5NTMgNy4zODg2NyAxMy41SDguODQxOEM4Ljg3MzA1IDEzLjAwNzggOC45MzU1NSAxMi41MTk1IDkuMDI5MyAxMi4wMzUyQzkuMTIzMDUgMTEuNTUwOCA5LjI3NTM5IDExLjA3ODEgOS40ODYzMyAxMC42MTcyWk03LjM4ODY3IDE1QzcuNDk4MDUgMTUuNjA5NCA3LjczNjMzIDE2LjE2NDEgOC4xMDM1MiAxNi42NjQxQzguNDcwNyAxNy4xNjQxIDguOTIzODMgMTcuNTY2NCA5LjQ2Mjg5IDE3Ljg3MTFDOS4yNTk3NyAxNy40MjU4IDkuMTE1MjMgMTYuOTYwOSA5LjAyOTMgMTYuNDc2NkM4Ljk0MzM2IDE1Ljk5MjIgOC44ODA4NiAxNS41IDguODQxOCAxNUg3LjM4ODY3Wk0xMy4zNjUyIDE3LjkwNjJDMTMuOTE5OSAxNy42MDk0IDE0LjM4NDggMTcuMjA3IDE0Ljc1OTggMTYuNjk5MkMxNS4xMzQ4IDE2LjE5MTQgMTUuMzgwOSAxNS42MjUgMTUuNDk4IDE1SDE0LjA0NDlDMTQuMDA1OSAxNS40OTIyIDEzLjkzNTUgMTUuOTg0NCAxMy44MzQgMTYuNDc2NkMxMy43MzI0IDE2Ljk2ODggMTMuNTc2MiAxNy40NDUzIDEzLjM2NTIgMTcuOTA2MlpNMTMuMjU5OCAwTDE5LjY5MzQgNi40MzM1OVYyMi41SDMuMTkzMzZWMEgxMy4yNTk4Wk0xMy42OTM0IDIuNTY2NDFWNkgxNy4xMjdMMTMuNjkzNCAyLjU2NjQxWk00LjY5MzM2IDIxSDE4LjE5MzRWNy41SDEyLjE5MzRWMS41SDQuNjkzMzZWMjFaIiBmaWxsPSIjOEI4QjhCIi8+Cjwvc3ZnPgo=);
}
/* Субдомени */
.package-characteristics .icon-77::before{
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjE5MzQgMkM2LjY3MDM2IDIgMi4xOTMzNiA2LjQ3NyAyLjE5MzM2IDEyQzIuMTkzMzYgMTcuNTIzIDYuNjcwMzYgMjIgMTIuMTkzNCAyMkMxNy43MTY0IDIyIDIyLjE5MzQgMTcuNTIzIDIyLjE5MzQgMTJDMjIuMTkzNCA2LjQ3NyAxNy43MTY0IDIgMTIuMTkzNCAyWk0xOS4xMTE0IDhIMTUuODk2NEMxNS43NDcgNi44NzQ3OSAxNS41NTg1IDUuNzU1MTIgMTUuMzMxNCA0LjY0M0MxNi45MTkyIDUuMzI3MDYgMTguMjQ0NSA2LjUwNDEyIDE5LjExMTQgOFpNMTMuMjA3NCA0LjA3MkMxMy4yNzU0IDQuNDI0IDEzLjU5NDQgNi4xMSAxMy44NTI0IDhIMTAuNTM0NEMxMC43OTI0IDYuMTEgMTEuMTExNCA0LjQyNCAxMS4xNzk0IDQuMDcyQzExLjUxMjQgNC4wMjkgMTEuODQ5NCA0IDEyLjE5MzQgNEMxMi41Mzc0IDQgMTIuODc0NCA0LjAyOSAxMy4yMDc0IDQuMDcyWk0xNC4xOTM0IDEyQzE0LjE5MzQgMTIuNTk4IDE0LjE1MDQgMTMuMjg2IDE0LjA4NDQgMTRIMTAuMzAyNEMxMC4yMzY0IDEzLjI4NiAxMC4xOTM0IDEyLjU5OCAxMC4xOTM0IDEyQzEwLjE5MzQgMTEuNDAyIDEwLjIzNjQgMTAuNzE0IDEwLjMwMjQgMTBIMTQuMDg0NEMxNC4xNTA0IDEwLjcxNCAxNC4xOTM0IDExLjQwMiAxNC4xOTM0IDEyWk05LjA1NTM2IDQuNjQzQzguODI4MiA1Ljc1NTEyIDguNjM5NzUgNi44NzQ3OSA4LjQ5MDM2IDhINS4yNzUzNkM2LjE0MjE4IDYuNTA0MTIgNy40Njc1NiA1LjMyNzA2IDkuMDU1MzYgNC42NDNaTTQuNDU2MzYgMTBIOC4yNzczNkM4LjIyNjM2IDEwLjY2OCA4LjE5MzM2IDExLjM0NCA4LjE5MzM2IDEyQzguMTkzMzYgMTIuNjU2IDguMjI2MzYgMTMuMzMyIDguMjc4MzYgMTRINC40NTYzNkM0LjI5MDM2IDEzLjM1OSA0LjE5MzM2IDEyLjY5MiA0LjE5MzM2IDEyQzQuMTkzMzYgMTEuMzA4IDQuMjkxMzYgMTAuNjQxIDQuNDU2MzYgMTBaTTUuMjc1MzYgMTZIOC40OTAzNkM4LjY3ODM2IDE3LjQyNCA4LjkxMDM2IDE4LjY1IDkuMDU1MzYgMTkuMzU3QzcuNDY3NTYgMTguNjcyOSA2LjE0MjE4IDE3LjQ5NTkgNS4yNzUzNiAxNlpNMTEuMTc5NCAxOS45MjhDMTAuOTMwNSAxOC42MjQ0IDEwLjcxNTUgMTcuMzE0NyAxMC41MzQ0IDE2SDEzLjg1MjRDMTMuNjcwOCAxNy4zMTQ2IDEzLjQ1NTcgMTguNjI0NCAxMy4yMDc0IDE5LjkyOEMxMi44NzQ0IDE5Ljk3MSAxMi41Mzc0IDIwIDEyLjE5MzQgMjBDMTEuODQ5NCAyMCAxMS41MTI0IDE5Ljk3MSAxMS4xNzk0IDE5LjkyOFpNMTUuMzMxNCAxOS4zNTdDMTUuNDc2NCAxOC42NSAxNS43MDg0IDE3LjQyNCAxNS44OTY0IDE2SDE5LjExMTRDMTguMjQ0NSAxNy40OTU5IDE2LjkxOTIgMTguNjcyOSAxNS4zMzE0IDE5LjM1N1pNMTkuOTMwNCAxNEgxNi4xMDk0QzE2LjE2MDQgMTMuMzMyIDE2LjE5MzQgMTIuNjU2IDE2LjE5MzQgMTJDMTYuMTkzNCAxMS4zNDQgMTYuMTYwNCAxMC42NjggMTYuMTA4NCAxMEgxOS45Mjk0QzIwLjA5NTQgMTAuNjQxIDIwLjE5MzQgMTEuMzA4IDIwLjE5MzQgMTJDMjAuMTkzNCAxMi42OTIgMjAuMDk2NCAxMy4zNTkgMTkuOTMwNCAxNFoiIGZpbGw9IiM4QjhCOEIiLz4KPC9zdmc+Cg==);
}
/* Поштові скриньки */
.package-characteristics .icon-100::before{
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNjk2MzYgNy4wNzFDMS43MzQ0MyA2LjIwMjI3IDIuMTA2MzMgNS4zODE3NSAyLjczNDU1IDQuNzgwNTFDMy4zNjI3NiA0LjE3OTI2IDQuMTk4NzkgMy44NDM2OSA1LjA2ODM2IDMuODQzNzVIMTkuMzE4NEMyMC4xODc5IDMuODQzNjkgMjEuMDI0IDQuMTc5MjYgMjEuNjUyMiA0Ljc4MDUxQzIyLjI4MDQgNS4zODE3NSAyMi42NTIzIDYuMjAyMjcgMjIuNjkwNCA3LjA3MUwyMS41ODM0IDcuNjg2TDEyLjE5MzQgMTIuNzQxOEwyLjgwMzM2IDcuNjg2TDEuNjk2MzYgNy4wNzFaTTEuNjkzMzYgOC43ODQ3NVYxNi45Njg4QzEuNjkzMzYgMTcuODYzOSAyLjA0ODk0IDE4LjcyMjMgMi42ODE4NyAxOS4zNTUyQzMuMzE0ODEgMTkuOTg4MiA0LjE3MzI1IDIwLjM0MzggNS4wNjgzNiAyMC4zNDM4SDE5LjMxODRDMjAuMjEzNSAyMC4zNDM4IDIxLjA3MTkgMTkuOTg4MiAyMS43MDQ4IDE5LjM1NTJDMjIuMzM3OCAxOC43MjIzIDIyLjY5MzQgMTcuODYzOSAyMi42OTM0IDE2Ljk2ODhWOC43ODQ3NUwyMi4yOTg5IDkuMDA0NUwxMi41NDg5IDE0LjI1NDVDMTIuNDM5NiAxNC4zMTMzIDEyLjMxNzQgMTQuMzQ0MSAxMi4xOTM0IDE0LjM0NDFDMTIuMDY5MyAxNC4zNDQxIDExLjk0NzEgMTQuMzEzMyAxMS44Mzc5IDE0LjI1NDVMMi4wNzg4NiA4Ljk5OTI1TDEuNjkzMzYgOC43ODQ3NVoiIGZpbGw9IiM4QjhCOEIiLz4KPC9zdmc+Cg==);
}
/* Панель керування */
.package-characteristics .icon-131::before{
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ4MzZfMTI4ODQpIj4KPHBhdGggZD0iTTE1Ljk0MzQgMTYuNTkzOEMyMC40OTk2IDE2LjU5MzggMjQuMTkzNCAxMi45IDI0LjE5MzQgOC4zNDM3NUMyNC4xOTM0IDMuNzg3NSAyMC40OTk2IDAuMDkzNzUgMTUuOTQzNCAwLjA5Mzc1QzExLjM4NzEgMC4wOTM3NSA3LjY5MzM2IDMuNzg3NSA3LjY5MzM2IDguMzQzNzVDNy42OTMzNiA5LjIyMDMxIDcuODI5MyAxMC4wNjg3IDguMDgyNDIgMTAuODYwOUwwLjUyMTQ4NCAxOC40MjE5QzAuMzEwNTQ3IDE4LjYzMjggMC4xOTMzNTkgMTguOTE4NyAwLjE5MzM1OSAxOS4yMTg4VjIyLjk2ODhDMC4xOTMzNTkgMjMuNTkyMiAwLjY5NDkyMiAyNC4wOTM4IDEuMzE4MzYgMjQuMDkzOEg1LjA2ODM2QzUuNjkxOCAyNC4wOTM4IDYuMTkzMzYgMjMuNTkyMiA2LjE5MzM2IDIyLjk2ODhWMjEuMDkzOEg4LjA2ODM2QzguNjkxOCAyMS4wOTM4IDkuMTkzMzYgMjAuNTkyMiA5LjE5MzM2IDE5Ljk2ODhWMTguMDkzOEgxMS4wNjg0QzExLjM2ODQgMTguMDkzOCAxMS42NTQzIDE3Ljk3NjYgMTEuODY1MiAxNy43NjU2TDEzLjQyNjIgMTYuMjA0N0MxNC4yMTg0IDE2LjQ1NzggMTUuMDY2OCAxNi41OTM4IDE1Ljk0MzQgMTYuNTkzOFpNMTcuODE4NCA0LjU5Mzc1QzE4LjMxNTYgNC41OTM3NSAxOC43OTI2IDQuNzkxMjkgMTkuMTQ0MiA1LjE0MjkyQzE5LjQ5NTggNS40OTQ1NiAxOS42OTM0IDUuOTcxNDcgMTkuNjkzNCA2LjQ2ODc1QzE5LjY5MzQgNi45NjYwMyAxOS40OTU4IDcuNDQyOTQgMTkuMTQ0MiA3Ljc5NDU4QzE4Ljc5MjYgOC4xNDYyMSAxOC4zMTU2IDguMzQzNzUgMTcuODE4NCA4LjM0Mzc1QzE3LjMyMTEgOC4zNDM3NSAxNi44NDQyIDguMTQ2MjEgMTYuNDkyNSA3Ljc5NDU4QzE2LjE0MDkgNy40NDI5NCAxNS45NDM0IDYuOTY2MDMgMTUuOTQzNCA2LjQ2ODc1QzE1Ljk0MzQgNS45NzE0NyAxNi4xNDA5IDUuNDk0NTYgMTYuNDkyNSA1LjE0MjkyQzE2Ljg0NDIgNC43OTEyOSAxNy4zMjExIDQuNTkzNzUgMTcuODE4NCA0LjU5Mzc1WiIgZmlsbD0iIzhCOEI4QiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ4MzZfMTI4ODQiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjE5MzM1OSAwLjA5Mzc1KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
}
/* Кількість ядер */
.package-characteristics .icon-79::before{
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2Ljk5MzYgNy4yOTM5NUg3LjM5MzU1VjE2Ljg5MzlIMTYuOTkzNlY3LjI5Mzk1WiIgZmlsbD0iIzhCOEI4QiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjI5MzYgMy42OTM5NVYyLjE5Mzk1QzExLjI5MzYgMS45NTUyNSAxMS4zODg0IDEuNzI2MzMgMTEuNTU3MiAxLjU1NzU1QzExLjcyNTkgMS4zODg3NyAxMS45NTQ5IDEuMjkzOTUgMTIuMTkzNiAxLjI5Mzk1QzEyLjQzMjIgMS4yOTM5NSAxMi42NjEyIDEuMzg4NzcgMTIuODI5OSAxLjU1NzU1QzEyLjk5ODcgMS43MjYzMyAxMy4wOTM2IDEuOTU1MjUgMTMuMDkzNiAyLjE5Mzk1VjMuNjkzOTVIMTQuODkzNlYyLjE5Mzk1QzE0Ljg5MzYgMS45NTUyNSAxNC45ODg0IDEuNzI2MzMgMTUuMTU3MiAxLjU1NzU1QzE1LjMyNTkgMS4zODg3NyAxNS41NTQ5IDEuMjkzOTUgMTUuNzkzNiAxLjI5Mzk1QzE2LjAzMjIgMS4yOTM5NSAxNi4yNjEyIDEuMzg4NzcgMTYuNDI5OSAxLjU1NzU1QzE2LjU5ODcgMS43MjYzMyAxNi42OTM2IDEuOTU1MjUgMTYuNjkzNiAyLjE5Mzk1VjMuNjkzOTVIMTcuMjkzNkMxOC4xNjg4IDMuNjkzOTUgMTkuMDA4MSA0LjA0MTYyIDE5LjYyNyA0LjY2MDQ5QzIwLjI0NTkgNS4yNzkzNiAyMC41OTM2IDYuMTE4NzMgMjAuNTkzNiA2Ljk5Mzk1VjcuNTkzOTVIMjIuMDkzNkMyMi4zMzIyIDcuNTkzOTUgMjIuNTYxMiA3LjY4ODc3IDIyLjcyOTkgNy44NTc1NUMyMi44OTg3IDguMDI2MzMgMjIuOTkzNiA4LjI1NTI1IDIyLjk5MzYgOC40OTM5NUMyMi45OTM2IDguNzMyNjQgMjIuODk4NyA4Ljk2MTU2IDIyLjcyOTkgOS4xMzAzNEMyMi41NjEyIDkuMjk5MTIgMjIuMzMyMiA5LjM5Mzk0IDIyLjA5MzYgOS4zOTM5NEgyMC41OTM2VjExLjE5MzlIMjIuMDkzNkMyMi4zMzIyIDExLjE5MzkgMjIuNTYxMiAxMS4yODg4IDIyLjcyOTkgMTEuNDU3NUMyMi44OTg3IDExLjYyNjMgMjIuOTkzNiAxMS44NTUyIDIyLjk5MzYgMTIuMDkzOUMyMi45OTM2IDEyLjMzMjYgMjIuODk4NyAxMi41NjE2IDIyLjcyOTkgMTIuNzMwM0MyMi41NjEyIDEyLjg5OTEgMjIuMzMyMiAxMi45OTM5IDIyLjA5MzYgMTIuOTkzOUgyMC41OTM2VjE0Ljc5MzlIMjIuMDkzNkMyMi4zMzIyIDE0Ljc5MzkgMjIuNTYxMiAxNC44ODg4IDIyLjcyOTkgMTUuMDU3NUMyMi44OTg3IDE1LjIyNjMgMjIuOTkzNiAxNS40NTUyIDIyLjk5MzYgMTUuNjkzOUMyMi45OTM2IDE1LjkzMjYgMjIuODk4NyAxNi4xNjE2IDIyLjcyOTkgMTYuMzMwM0MyMi41NjEyIDE2LjQ5OTEgMjIuMzMyMiAxNi41OTM5IDIyLjA5MzYgMTYuNTkzOUgyMC41OTM2VjE3LjE5MzlDMjAuNTkzNiAxOC4wNjkyIDIwLjI0NTkgMTguOTA4NSAxOS42MjcgMTkuNTI3NEMxOS4wMDgxIDIwLjE0NjMgMTguMTY4OCAyMC40OTM5IDE3LjI5MzYgMjAuNDkzOUgxNi42OTM2VjIxLjk5MzlDMTYuNjkzNiAyMi4yMzI2IDE2LjU5ODcgMjIuNDYxNiAxNi40Mjk5IDIyLjYzMDNDMTYuMjYxMiAyMi43OTkxIDE2LjAzMjIgMjIuODkzOSAxNS43OTM2IDIyLjg5MzlDMTUuNTU0OSAyMi44OTM5IDE1LjMyNTkgMjIuNzk5MSAxNS4xNTcyIDIyLjYzMDNDMTQuOTg4NCAyMi40NjE2IDE0Ljg5MzYgMjIuMjMyNiAxNC44OTM2IDIxLjk5MzlWMjAuNDkzOUgxMy4wOTM2VjIxLjk5MzlDMTMuMDkzNiAyMi4yMzI2IDEyLjk5ODcgMjIuNDYxNiAxMi44Mjk5IDIyLjYzMDNDMTIuNjYxMiAyMi43OTkxIDEyLjQzMjIgMjIuODkzOSAxMi4xOTM2IDIyLjg5MzlDMTEuOTU0OSAyMi44OTM5IDExLjcyNTkgMjIuNzk5MSAxMS41NTcyIDIyLjYzMDNDMTEuMzg4NCAyMi40NjE2IDExLjI5MzYgMjIuMjMyNiAxMS4yOTM2IDIxLjk5MzlWMjAuNDkzOUg5LjQ5MzU1VjIxLjk5MzlDOS40OTM1NSAyMi4yMzI2IDkuMzk4NzMgMjIuNDYxNiA5LjIyOTk1IDIyLjYzMDNDOS4wNjExNyAyMi43OTkxIDguODMyMjUgMjIuODkzOSA4LjU5MzU1IDIyLjg5MzlDOC4zNTQ4NiAyMi44OTM5IDguMTI1OTQgMjIuNzk5MSA3Ljk1NzE2IDIyLjYzMDNDNy43ODgzOCAyMi40NjE2IDcuNjkzNTUgMjIuMjMyNiA3LjY5MzU1IDIxLjk5MzlWMjAuNDkzOUg3LjA5MzU1QzYuMjE4MzQgMjAuNDkzOSA1LjM3ODk3IDIwLjE0NjMgNC43NjAxIDE5LjUyNzRDNC4xNDEyMyAxOC45MDg1IDMuNzkzNTUgMTguMDY5MiAzLjc5MzU1IDE3LjE5MzlWMTYuNTkzOUgyLjI5MzU1QzIuMDU0ODYgMTYuNTkzOSAxLjgyNTk0IDE2LjQ5OTEgMS42NTcxNiAxNi4zMzAzQzEuNDg4MzggMTYuMTYxNiAxLjM5MzU1IDE1LjkzMjYgMS4zOTM1NSAxNS42OTM5QzEuMzkzNTUgMTUuNDU1MiAxLjQ4ODM4IDE1LjIyNjMgMS42NTcxNiAxNS4wNTc1QzEuODI1OTQgMTQuODg4OCAyLjA1NDg2IDE0Ljc5MzkgMi4yOTM1NSAxNC43OTM5SDMuNzkzNTVWMTIuOTkzOUgyLjI5MzU1QzIuMDU0ODYgMTIuOTkzOSAxLjgyNTk0IDEyLjg5OTEgMS42NTcxNiAxMi43MzAzQzEuNDg4MzggMTIuNTYxNiAxLjM5MzU1IDEyLjMzMjYgMS4zOTM1NSAxMi4wOTM5QzEuMzkzNTUgMTEuODU1MiAxLjQ4ODM4IDExLjYyNjMgMS42NTcxNiAxMS40NTc1QzEuODI1OTQgMTEuMjg4OCAyLjA1NDg2IDExLjE5MzkgMi4yOTM1NSAxMS4xOTM5SDMuNzkzNTVWOS4zOTM5NEgyLjI5MzU1QzIuMDU0ODYgOS4zOTM5NCAxLjgyNTk0IDkuMjk5MTIgMS42NTcxNiA5LjEzMDM0QzEuNDg4MzggOC45NjE1NiAxLjM5MzU1IDguNzMyNjQgMS4zOTM1NSA4LjQ5Mzk1QzEuMzkzNTUgOC4yNTUyNSAxLjQ4ODM4IDguMDI2MzMgMS42NTcxNiA3Ljg1NzU1QzEuODI1OTQgNy42ODg3NyAyLjA1NDg2IDcuNTkzOTUgMi4yOTM1NSA3LjU5Mzk1SDMuNzkzNTVWNi45OTM5NUMzLjc5MzU1IDYuMTE4NzMgNC4xNDEyMyA1LjI3OTM2IDQuNzYwMSA0LjY2MDQ5QzUuMzc4OTcgNC4wNDE2MiA2LjIxODM0IDMuNjkzOTUgNy4wOTM1NSAzLjY5Mzk1SDcuNjkzNTVWMi4xOTM5NUM3LjY5MzU1IDEuOTU1MjUgNy43ODgzOCAxLjcyNjMzIDcuOTU3MTYgMS41NTc1NUM4LjEyNTk0IDEuMzg4NzcgOC4zNTQ4NiAxLjI5Mzk1IDguNTkzNTUgMS4yOTM5NUM4LjgzMjI1IDEuMjkzOTUgOS4wNjExNyAxLjM4ODc3IDkuMjI5OTUgMS41NTc1NUM5LjM5ODczIDEuNzI2MzMgOS40OTM1NSAxLjk1NTI1IDkuNDkzNTUgMi4xOTM5NVYzLjY5Mzk1SDExLjI5MzZaTTUuNTkzNTUgNi45OTM5NUM1LjU5MzU1IDYuMTY1OTUgNi4yNjU1NSA1LjQ5Mzk1IDcuMDkzNTUgNS40OTM5NUgxNy4yOTM2QzE4LjEyMTYgNS40OTM5NSAxOC43OTM2IDYuMTY1OTUgMTguNzkzNiA2Ljk5Mzk1VjE3LjE5MzlDMTguNzkzNiAxOC4wMjE5IDE4LjEyMTYgMTguNjkzOSAxNy4yOTM2IDE4LjY5MzlINy4wOTM1NUM2LjI2NTU1IDE4LjY5MzkgNS41OTM1NSAxOC4wMjE5IDUuNTkzNTUgMTcuMTkzOVY2Ljk5Mzk1WiIgZmlsbD0iIzhCOEI4QiIvPgo8L3N2Zz4K);
}
/* Пам'ять */
.package-characteristics .icon-80::before{
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMTkzMzYgNS4wOTM3NUgyMi4xOTM0QzIyLjQ1ODYgNS4wOTM3NSAyMi43MTI5IDUuMTk5MTEgMjIuOTAwNSA1LjM4NjY0QzIzLjA4OCA1LjU3NDE4IDIzLjE5MzQgNS44Mjg1MyAyMy4xOTM0IDYuMDkzNzVWMTUuMDkzOEMyMy4xOTM0IDE1LjM1OSAyMy4wODggMTUuNjEzMyAyMi45MDA1IDE1LjgwMDlDMjIuNzEyOSAxNS45ODg0IDIyLjQ1ODYgMTYuMDkzOCAyMi4xOTM0IDE2LjA5MzhWMTguMDkzOEMyMi4xOTM0IDE4LjM1OSAyMi4wODggMTguNjEzMyAyMS45MDA1IDE4LjgwMDlDMjEuNzEyOSAxOC45ODg0IDIxLjQ1ODYgMTkuMDkzOCAyMS4xOTM0IDE5LjA5MzhIMTMuNzc5NEwxMi43Nzk0IDE4LjA5MzhIMTEuNjA3NEwxMC42MDc0IDE5LjA5MzhIMy4xOTMzNkMyLjkyODE0IDE5LjA5MzggMi42NzM3OSAxOC45ODg0IDIuNDg2MjUgMTguODAwOUMyLjI5ODcyIDE4LjYxMzMgMi4xOTMzNiAxOC4zNTkgMi4xOTMzNiAxOC4wOTM4VjE2LjA5MzhDMS45MjgxNCAxNi4wOTM4IDEuNjczNzkgMTUuOTg4NCAxLjQ4NjI1IDE1LjgwMDlDMS4yOTg3MiAxNS42MTMzIDEuMTkzMzYgMTUuMzU5IDEuMTkzMzYgMTUuMDkzOFY2LjA5Mzc1QzEuMTkzMzYgNS44Mjg1MyAxLjI5ODcyIDUuNTc0MTggMS40ODYyNSA1LjM4NjY0QzEuNjczNzkgNS4xOTkxMSAxLjkyODE0IDUuMDkzNzUgMi4xOTMzNiA1LjA5Mzc1Wk00LjE5MzM2IDE2LjA5MzhWMTcuMDkzOEg5Ljc3OTM2TDEwLjc3OTQgMTYuMDkzOEg0LjE5MzM2Wk0xMy42MDc0IDE2LjA5MzhMMTQuNjA3NCAxNy4wOTM4SDIwLjE5MzRWMTYuMDkzOEgxMy42MDc0Wk03LjE5MzM2IDkuMDkzNzVINS4xOTMzNlYxMi4wOTM4SDcuMTkzMzZWOS4wOTM3NVpNOS4xOTMzNiA5LjA5Mzc1VjEyLjA5MzhIMTEuMTkzNFY5LjA5Mzc1SDkuMTkzMzZaTTE1LjE5MzQgOS4wOTM3NUgxMy4xOTM0VjEyLjA5MzhIMTUuMTkzNFY5LjA5Mzc1Wk0xNy4xOTM0IDkuMDkzNzVWMTIuMDkzOEgxOS4xOTM0VjkuMDkzNzVIMTcuMTkzNFoiIGZpbGw9IiM4QjhCOEIiLz4KPC9zdmc+Cg==);
}
.dc-text-property {
    font-size: 18px;
}
.price > span, .price-top > span,
.dc-text-property > span {
    font-size: 12px;
    line-height: 120%;
}
.dc-text-property > span {
    display: block;
}
.dc-cart label{
    font-weight: 400;
}
.your-order {
    display: flex;
    flex-direction: column;
    padding: 0px;
    gap: 20px;
    width: 100%;
    justify-content: flex-start;
    align-items: stretch;
}
.order-title {
    font-size: 24px;
    color: var(--color-3);
    display: flex;
    align-items: center;
    gap: 10px;
}
.btn-back {
    width: 32px;
    height: 32px;
    display: inline-flex;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMyAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTUuNTE1MiIgY3k9IjE1LjUxNTIiIHI9IjE1LjAxNTIiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAuODUyNTM5IDMxLjM5NDUpIiBzdHJva2U9IiM4QjhCOEIiLz4KPHBhdGggZD0iTTE2LjE2NzIgMjEuODkxOUMxNi4wMDY3IDIyLjAzNiAxNS44NTUxIDIyLjAzNiAxNS43MTI0IDIxLjg5MTlMMTAuMTIwNCAxNi4yMTYyQzkuOTU5ODcgMTYuMDcyMSA5Ljk1OTg3IDE1LjkyNzkgMTAuMTIwNCAxNS43ODM4TDE1LjcxMjQgMTAuMTA4MUMxNS44NTUxIDkuOTYzOTYgMTYuMDA2NyA5Ljk2Mzk2IDE2LjE2NzIgMTAuMTA4MUwxNi43MDIzIDEwLjY0ODZDMTYuNzU1OSAxMC43MDI3IDE2Ljc4MjYgMTAuNzc0OCAxNi43ODI2IDEwLjg2NDlDMTYuNzgyNiAxMC45NTUgMTYuNzU1OSAxMS4wMzYgMTYuNzAyMyAxMS4xMDgxTDEyLjU1NTIgMTUuMjk3M0gxNy4xMTcxSDIxLjY3ODlDMjEuODkzIDE1LjI5NzMgMjIgMTUuNDA1NCAyMiAxNS42MjE2VjE2LjM3ODRDMjIgMTYuNTk0NiAyMS44OTMgMTYuNzAyNyAyMS42Nzg5IDE2LjcwMjdIMTIuNTU1MkwxNi43MDIzIDIwLjg5MTlDMTYuODQ1IDIxLjA1NDEgMTYuODQ1IDIxLjIwNzIgMTYuNzAyMyAyMS4zNTE0TDE2LjE2NzIgMjEuODkxOVoiIGZpbGw9IiM4QjhCOEIiLz4KPC9zdmc+Cg==);
}
.btn-back:hover{
    opacity: .8;
}
.btn-back:active{
    opacity: 1;
    transform: scale(.96);
}
.num-step-qty {
    padding: 6px 10px 4px;
    border: 1px solid var(--color-grey);
    border-radius: 5px;
    letter-spacing: 4px;
}
#qty-steps {
    color: var(--color-grey);
}
.wrap-select .price-top,
.wrap-select .price {
    display: flex;
    flex-direction: column;
    padding: 0.9rem 30px;
    color: var(--color-b1);
    gap: 10px;
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 30px;
    background: linear-gradient(90deg, #0057FF 0%, #00C2FF 100%);
    border-radius: 0px 0px 20px 20px;
    align-items: center;
    width: 150px;
}
.wrap-select.domain-registration .price {
    position: relative;
    background: transparent;
    color: initial;
    flex-direction: row;
    width: 100%;
    padding: 0;
    gap: 4px;
}
.wrap-select.domain-registration .price strong{
font-size: 18px;
}
.wrap-select .price-top strong,
.wrap-select .price strong{
    font-size: 22px;
}
.wrap-select:last-child{
    margin-top: 2rem;
    padding-bottom: 2rem;
}
.order-progress {
    width: 100%;
    height: 2px;
    background-color: #D9D9D9;
    margin-top: 20px;
}
.order-progress-bar {
    background: var(--color-bl);
    height: 2px;
}
.order-step.step-1 .order-progress-bar{
    width: 5%;
}
.order-step.step-2 .order-progress-bar{
    width: 50%;
}
.order-content {
    border-top: 1px solid var(--color-d0);
    border-bottom: 1px solid var(--color-d0);
    gap: 1.5rem;
    padding: 1.5rem 0;
}
.item-name {
    font-size: 18px;
    color: #666973;
}
.your-order .price-top,
.your-order .price {
    font-size: 16px;
}
.your-order .price-top strong,
.your-order .price strong {
    color: var(--color-bl);
    font-size: 20px;
}
.order-total-price {
    font-size: 26px;
    color: var(--color-g-2);
}
.cart-check-digits {
    font-size: 36;
    color: #444444;
}
span.submit.pick-up {
    cursor: not-allowed;
    background: #c4c4c4;
    padding: 14px 24px;
    height: 54px;
}
.domain-new.tab-content {
    width: 100%;
}
.domain-registration .form-flex-row .input-group, .domain-registration  .form-control{
    flex: auto;
    margin-top: 8px;
}

.domein-in-cart > div {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: .5rem 0;
    flex: 1;
    justify-content: space-between;
}
.domein-in-cart .action {
    color: var(--chkfg);
    cursor: pointer;
    font-size: 32px;
    background: var(--color-b1);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-r);
}
.pay-now-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 24px;
    background: rgba(251, 232, 154, 0.3);
    border-radius: 20px;
    padding-left: 72px;
    align-self: stretch;
    margin: 1rem 0;
}

.message-error li,
.domain-registration .status-busy .domain-name, .domain-registration .status-busy .price ~ span {
color: #FF3D00;
}
.domain-registration .status-busy .price > span{
    font-size: 16px;
}
.domain-registration .submit.pick-up::before{
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljc0MDIgMTMuOTk3NUgxNC45NTAyTDE0LjY3MDIgMTMuNzI3NUMxNS4yOTUyIDEzLjAwMTUgMTUuNzUxOSAxMi4xNDYzIDE2LjAwNzggMTEuMjIzMUMxNi4yNjM2IDEwLjMgMTYuMzEyMyA5LjMzMTY5IDE2LjE1MDIgOC4zODc1M0MxNS42ODAyIDUuNjA3NTMgMTMuMzYwMiAzLjM4NzUzIDEwLjU2MDIgMy4wNDc1M0M5LjU3NTgyIDIuOTIzIDguNTc2IDMuMDI1MzEgNy42MzcyMyAzLjM0NjYyQzYuNjk4NDcgMy42Njc5NCA1Ljg0NTY1IDQuMTk5NzUgNS4xNDQwNCA0LjkwMTM2QzQuNDQyNDMgNS42MDI5OCAzLjkxMDYyIDYuNDU1OCAzLjU4OTMgNy4zOTQ1NkMzLjI2Nzk4IDguMzMzMzIgMy4xNjU2NyA5LjMzMzE1IDMuMjkwMjEgMTAuMzE3NUMzLjYzMDIxIDEzLjExNzUgNS44NTAyMSAxNS40Mzc1IDguNjMwMjEgMTUuOTA3NUM5LjU3NDM2IDE2LjA2OTYgMTAuNTQyNyAxNi4wMjA5IDExLjQ2NTggMTUuNzY1MUMxMi4zODkgMTUuNTA5MiAxMy4yNDQyIDE1LjA1MjUgMTMuOTcwMiAxNC40Mjc1TDE0LjI0MDIgMTQuNzA3NVYxNS40OTc1TDE4LjQ5MDIgMTkuNzQ3NUMxOC45MDAyIDIwLjE1NzUgMTkuNTcwMiAyMC4xNTc1IDE5Ljk4MDIgMTkuNzQ3NUMyMC4zOTAyIDE5LjMzNzUgMjAuMzkwMiAxOC42Njc1IDE5Ljk4MDIgMTguMjU3NUwxNS43NDAyIDEzLjk5NzVaTTkuNzQwMjEgMTMuOTk3NUM3LjI1MDIxIDEzLjk5NzUgNS4yNDAyMSAxMS45ODc1IDUuMjQwMjEgOS40OTc1M0M1LjI0MDIxIDcuMDA3NTMgNy4yNTAyMSA0Ljk5NzUzIDkuNzQwMjEgNC45OTc1M0MxMi4yMzAyIDQuOTk3NTMgMTQuMjQwMiA3LjAwNzUzIDE0LjI0MDIgOS40OTc1M0MxNC4yNDAyIDExLjk4NzUgMTIuMjMwMiAxMy45OTc1IDkuNzQwMjEgMTMuOTk3NVoiIGZpbGw9IiMwMDVGRUUiLz4KPC9zdmc+Cg==);
    width: 24px;
    height: 24px;
}
.domain-registration .submit.pick-up {
    box-sizing: border-box;
    background: var(--color-b1);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 16px;
    width: 56px;
    height: 50px;
    overflow: hidden;
    border: 1px solid #005FEE;
    border-radius: var(--border-r);
}
.domain-new .order-btn .flex-form {
    display: flex;
    align-items: flex-end;
    gap: 20px;
}
.message-error li::before,
.domain-registration .status-free.check-item::before,
p.help-block-error::before,
.domain-registration .status-busy.check-item::before {
    width: 24px;
    height: 24px;
}
.message-error ul{
    padding: 0;
}
.message-error li {
    display: flex;
    gap: .5rem;
}

.message-error li::before,
.domain-registration p.help-block-error::before,
.domain-registration .status-busy.check-item::before {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNMTIuMTkzNCAyMi42ODc1QzE3LjcxNjIgMjIuNjg3NSAyMi4xOTM0IDE4LjIxMDMgMjIuMTkzNCAxMi42ODc1QzIyLjE5MzQgNy4xNjQ2NSAxNy43MTYyIDIuNjg3NSAxMi4xOTM0IDIuNjg3NUM2LjY3MDUxIDIuNjg3NSAyLjE5MzM2IDcuMTY0NjUgMi4xOTMzNiAxMi42ODc1QzIuMTkzMzYgMTguMjEwMyA2LjY3MDUxIDIyLjY4NzUgMTIuMTkzNCAyMi42ODc1WiIgc3Ryb2tlPSIjRkYzRDAwIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8cGF0aCBkPSJNMTQuNjkzNCAxMC4xODc1TDkuNjkzMzYgMTUuMTg3NU05LjY5MzM2IDEwLjE4NzVMMTQuNjkzNCAxNS4xODc1IiBzdHJva2U9IiNGRjNEMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==);
}
.domain-registration .status-free.check-item::before{
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNMTIuMTkzNCAyMi4xODc1QzE3LjcxNjIgMjIuMTg3NSAyMi4xOTM0IDE3LjcxMDMgMjIuMTkzNCAxMi4xODc1QzIyLjE5MzQgNi42NjQ2NSAxNy43MTYyIDIuMTg3NSAxMi4xOTM0IDIuMTg3NUM2LjY3MDUxIDIuMTg3NSAyLjE5MzM2IDYuNjY0NjUgMi4xOTMzNiAxMi4xODc1QzIuMTkzMzYgMTcuNzEwMyA2LjY3MDUxIDIyLjE4NzUgMTIuMTkzNCAyMi4xODc1WiIgc3Ryb2tlPSIjMDA1RkVFIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8cGF0aCBkPSJNOC42OTMzNiAxMi42ODc1TDEwLjY5MzQgMTQuNjg3NUwxNS42OTM0IDkuNjg3NSIgc3Ryb2tlPSIjMDA1RkVFIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}
.profile-order-cancel-checkbox {
    margin-top: 1rem;
}
.domein-myself .input-group-row .input-group{
    flex: 1;
}
p.help-block.help-block-error {
    display: flex;
    align-items: center;
    width: 100%;
    gap: .5rem;
    color: #FF3D00;
}

.domain-registration .status-free.check-item,
.domain-registration .status-busy.check-item {
    padding: 1rem 0;
    justify-content: flex-start;
    border: none;
}
.domain-new.domein-myself  .form-flex-row .flex-form {
    flex-direction: column;
}
.domein-myself form.flex-form{
    width: 100%;
}
.domein-myself .input-group-row {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    width: 100%;
    flex: 1 0 100%;
}
.nav-domain-order {
list-style: none;
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 32px;
}
#checkoutForm {
    width: 100%;
}
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}
.nav-domain-order  label {
    display: flex;
    align-items: center;
    gap: .5rem;
}
.wrap-select.dc-authorization ul.nav-domain-order a{
    display: flex;
    gap: .8rem;
}
.wrap-select.dc-authorization ul.nav-domain-order a::before{
    content: '';
}
.wrap-select.dc-authorization ul.nav-domain-order a::before,
.dc-cart .radio {
    border-style: solid;
    flex-shrink: 0;
    --chkbg: var(--bc);
    height: 1.5rem;
    width: 1.5rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 9999px;
    border-width: 1px;
    border-color: var(--color-g-5);
}
.wrap-select.dc-authorization ul.nav-domain-order a,
.dc-cart  .label-text {
    font-size: 18px;
    color: var(--color-g-5);
}
.wrap-select.dc-authorization ul.nav-domain-order .active a,
.dc-cart .radio:checked ~ .label-text{
    color: var(--color-3);
}
.wrap-select.dc-authorization ul.nav-domain-order .active a::before,
.dc-cart .radio:checked, .dc-cart  .radio[aria-checked=true] {
    --tw-bg-opacity: 1;
    background-color: var(--color-br);
    background-image: none;
    animation: radiomark var(--animation-input, .2s) ease-out;
    box-shadow: 0 0 0 4px var(--fallback-b1, oklch(var(--b1) / 1)) inset, 0 0 0 4px var(--fallback-b1, oklch(var(--b1) / 1)) inset;
}
.domein-in-cart {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 20px 16px;
    gap: 24px;
    width: 100%;
    height: 50px;
    background: #EBF5FF;
    border-radius: 10px;
    align-self: stretch;
}
.btn-disabled, .btn[disabled], .submit:disabled {
    cursor: no-drop;
    opacity: .25;
    background: black;
}
@keyframes radiomark {
    0% {
        box-shadow: 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset
    }

    50% {
        box-shadow: 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset
    }

    to {
        box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset
    }
}

.wrap-select.dc-authorization {
    padding: 50px;
    gap: 2rem;
}
.wrap-select.dc-authorization h2{
margin: auto;
}
.dc-authorization .input-group{
    flex: none;
}
.change-person-type {
    width: 100%;
}
.change-person-title {
    font-size: 24px;
}
.change-person-title p{
    font-size: 20px;
    margin: 0;
}
.tabs-person {
    display: flex;
    gap: 1rem;
}
.change-user-type-block {
    display: flex;
    justify-content: center;
}
.tab, .change-user-type-block span{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 20px;
    background: var(--color-b1);
    color: var(--color-3);
    border-radius: 3px;
    cursor: pointer;
}
.tab.action, .change-user-type-block .active {
    background: var(--color-3);
    color: var(--color-b1);
    border-radius: 3px;
}
.form-registration .input-group{
    flex: content;
}
.form-registration .flex-form {
    align-items: flex-end;
}
.dc-authorization input.form-control {
    padding: 20px 18px;
    width: 100%;
    height: 58px;
    margin-bottom: 1rem;
}
.flex-wrap.form-contact {
    display: grid;
    gap: 0 2rem;
    grid-template-columns: repeat(2, 1fr);
}
.form-registration .submit.pick-up {
    padding: 19px 24px;
}
.dc-authorization .submit.pick-up{
    justify-content: center;
}

.form-img img {
    overflow: hidden;
    border-radius: 10px;
}

.alert{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem 5rem;
    gap: 20px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 1;
}
.wrap-select .alert h2 {
    margin: 0;
}
.color-b9 {
    color: #091B43;
    font-size: 20px;
}

.warning-message {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 24px;
    gap: 16px;
    background: rgba(251, 232, 154, 0.3);
    border-radius: 20px;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.dc-container-430{
    max-width: 430px;
}
.warning-message strong{
font-size: 15px;
line-height: 130%;
color: var(--color-3);
}


.sms-code.wrap-select {
    align-items: center;
    padding: 5rem;
    gap: 1rem;
}
.signin-sms__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    gap: 1rem;
    transition: opacity 0.3s ease;
  }
  .signin-sms__wrap input {
    font-size: 2em;
    box-sizing: border-box;
    padding: 12px 10px;
    width: 52px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #D0D0D3;
    border-radius: 5px;
}
  .signin-sms__wrap input:not(:first-child) {
    margin-left: 1%;
  }
  .signin-sms__wrap input:focus,   .signin-sms__wrap input:focus-visible {
    outline: 1px solid var(--color-bl);
  }
  .signin-sms__wrap.done input{
    outline: 1px solid var(--color-bl);
  }
  .signin-sms__wrap.done{
    overflow: hidden;
    height: 0;
  }
  .wrap-loading {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: .3rem;
      padding: 1rem;
      opacity: 0;
      transition: all .4s ease-in-out;
      overflow: hidden;
      height: 0;
    }
.signin-sms__wrap.done ~ .wrap-loading {
    opacity: 1;
    height: auto;
    overflow: visible;
}
#registration-submit-btn {
    border-radius: var(--border-r);
}


@media (max-width: 1200px) {
    hr {
        width: 90%;
    }
}
@media (max-width: 1279px) {
    .flex-container-row {
        flex-direction: column;
    }
    .dc-cart .dc-container-m {
        max-width: 750px;
    }
}
@media (max-width: 799px) {
    .wrap-select h2 {
        font-size: 1.5rem;
    }
    .flex-container-row {
        padding: 0 2rem;
        gap: 2rem;
    }
    .wrap-package-selection {
        flex: 1;
        gap: 2rem;
    }
    .label-text {
        font-size: 1rem;
    }
    .change-person-type {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }
}
@media (max-width: 670px) {
    .hosting-hosting .form-flex-row {
       /* flex-direction: column-reverse;*/
    }
    .tab-content-hosting .flex-form {
    flex-direction: column;
}
    .package-characteristics {
        flex-direction: row;
        justify-content: space-between;
        width: auto;
    }
    .wrap-select .price {
        width: auto;
    }
    .flex-wrap.form-contact {
    grid-template-columns: repeat(1, 1fr);
}
}

@media (max-width: 599px) {
    .package-characteristics [class^="icon-"] {
        flex-direction: column;
        align-items: flex-start;
    }
    .nav-domain-order {
        flex-direction: column;
        gap: 1rem;
    }
}

@media (max-width: 580px) {
    .package-characteristics {
        flex-direction: column;
    }
    .wrap-select h2 {
        font-size: 2rem;
        line-height: 2.6rem;
        margin-bottom: 1rem;
    }
    .wrap-select .price {
        flex-direction: row;
        padding: 0.9rem 30px;
        gap: 10px;
        position: relative;
        margin-right: auto;
        border-radius: var(--border-r);
        font-size: 1.8rem;
    }
    .price > span, .dc-text-property > span {
        font-size: 1rem;
    }
}

@media (max-width: 499px) {
.tabs-vps.vps-month-or-year .tab{
    padding: 8px 10px;
}
.hosting-hosting .wrap-select{
    padding-bottom: 0;
}
    .alert {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 2rem 0rem;
        gap: 20px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 1;
    }
    .flex-container-row {
        padding: 0;
    }
    .wrap-select h2 {
        font-size: calc(100vw / 16);
        line-height: 120%;
    }
    .wrap-select {
        padding: 1.8rem;
        gap: 1rem;
        padding-bottom: 0;
    }
    .wrap-select .price {
        width: calc(100% - 4rem);
        border-radius: 0 0 1rem 1rem;
        margin: auto;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 0;
    }
    .wrap-select .price {
        width: calc(100% + 60px);
        margin-left: -30px;
        flex-direction: row;
        padding: 0.9rem 30px;
        gap: 10px;
        position: relative;
        margin-right: auto;
        font-size: 1.8rem;
        justify-content: center;
    }
    .wrap-select .check-item .price {
        width: auto;
        padding: 0;
        gap: 10px;
        position: relative;
        margin-right: auto;
        font-size: 1.8rem;
        margin-left: 0;
        justify-content: flex-start;
    }
    .wrap-select.domain-registration {
        padding-bottom: 60px;
    }
   .wrap-select .price-top {
        top: auto;
        left: 0;
        bottom: 0;
        width: 100%;
        flex-direction: row;
        justify-content: center;
    }

    .sms-code.wrap-select,
    .wrap-select.dc-authorization {
        padding: 2rem;
        gap: 2rem;
    }
    .domain-registration .status-free.check-item{
        /* flex-direction: column; */
    }
    .domein-in-cart {
        flex-direction: column;
    gap: 1rem;
    height: auto;
    }
}
@media (max-width: 420px) {
.change-user-type-block {
    flex-direction: column;
}
}
.dc-auth  h2 {
    margin: 0;
}
.auth-window.auth-ls {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.auth-window.auth-ls::before {
    content: '';
    display: block;
    position: relative;
    right: -26px;
    opacity: 0; /* 🔹 скрыто до начала */
    -webkit-animation-name: animationRight;
    animation-name: animationRight;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 400ms;
    animation-duration: 400ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    background-image: url(/web/img/banner_auth.jpg?3);
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    width: 640px;
    height: 740px;
}

@-webkit-keyframes animationRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(30%, 0, 0);
      transform: translate3d(30%, 0, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes animationRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(30%, 0, 0);
      transform: translate3d(30%, 0, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
  }

.auth-window.auth-ls .modal-dialog {
    width: auto;
    margin: 0;
}
.auth-window.auth-ls h2 {
    margin: 0;
    font-size: 2rem;
}
form#auth .input-group {
    flex: none;
}
form#auth input.form-control{
    margin-top: .5rem;
    height: 60px;
}
.auth-window.auth-ls .modal-content{
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.2);
}
.auth-window.auth-ls .modal-dialog {
    width: 100%;
    max-width: 640px;
}
.auth-window.auth-ls .modal-header {
    border-bottom: none;
    justify-content: flex-end;
}
.auth-window.auth-ls .modal-header h2{
    display: none;
}
.auth-window.auth-ls .form-authorization-default-index{
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    justify-content: center;
    min-height: 680px;
    padding: 60px;
    display: flex;
}
.auth-window.auth-ls button.btn.btn-success {
    cursor: pointer;
    background: linear-gradient(90deg, #0057FF 0%, #00C2FF 100%);
    border-radius: var(--border-r);
    font-size: 18px;
    color: #fff;
    border: none;
    padding: 16px 24px;
    text-align: center;
    width: 100%;
    max-width: 320px;
}
.auth-window.auth-ls .required.has-error .help-block {
    max-width: 320px;
}
.auth-window.auth-ls label.form-label.has-star{
    color: var(--color-g-2);
    font-weight: normal;
}
.divider {
    margin-top: 3rem;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 2rem 0;
    gap: 16px;
    position: relative;
    justify-content: center;
}
.divider__text {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    padding: 0 1rem;
}
#form_authorization .divider > a {
    box-sizing: border-box;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 20px;
    gap: 10px;
    height: 50px;
    background: #F3F3FA;
    border-radius: 6px;
    text-align: center;
    display: flex;
    align-items: center;
    text-decoration: none;
}
.divider a::before {
    display: block;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    content: "";
    background-repeat: no-repeat;
}
.google-logo::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyNyAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0LjEyMjUgMTEuMjQ5N0gyMy4yNDk4VjExLjIwNDhIMTMuNDk5OFYxNS41MzgxSDE5LjYyMjNDMTguNzI5MSAxOC4wNjA2IDE2LjMyOSAxOS44NzE0IDEzLjQ5OTggMTkuODcxNEM5LjkxMDIxIDE5Ljg3MTQgNi45OTk4NCAxNi45NjEgNi45OTk4NCAxMy4zNzE0QzYuOTk5ODQgOS43ODE3OSA5LjkxMDIxIDYuODcxNDIgMTMuNDk5OCA2Ljg3MTQyQzE1LjE1NjggNi44NzE0MiAxNi42NjQzIDcuNDk2NSAxNy44MTIgOC41MTc1NEwyMC44NzYzIDUuNDUzMzRDMTguOTQxNCAzLjY1MDEzIDE2LjM1MzMgMi41MzgwOSAxMy40OTk4IDIuNTM4MDlDNy41MTcxMyAyLjUzODA5IDIuNjY2NSA3LjM4ODcxIDIuNjY2NSAxMy4zNzE0QzIuNjY2NSAxOS4zNTQxIDcuNTE3MTMgMjQuMjA0OCAxMy40OTk4IDI0LjIwNDhDMTkuNDgyNSAyNC4yMDQ4IDI0LjMzMzIgMTkuMzU0MSAyNC4zMzMyIDEzLjM3MTRDMjQuMzMzMiAxMi42NDUgMjQuMjU4NCAxMS45MzYgMjQuMTIyNSAxMS4yNDk3WiIgZmlsbD0iI0ZGQzEwNyIvPgo8cGF0aCBkPSJNMy45MTU1MyA4LjMyOTA0TDcuNDc0ODIgMTAuOTM5M0M4LjQzNzkgOC41NTQ5MiAxMC43NzAzIDYuODcxNDIgMTMuNDk5OCA2Ljg3MTQyQzE1LjE1NjcgNi44NzE0MiAxNi42NjQyIDcuNDk2NSAxNy44MTIgOC41MTc1NEwyMC44NzYyIDUuNDUzMzRDMTguOTQxNCAzLjY1MDEzIDE2LjM1MzMgMi41MzgwOSAxMy40OTk4IDIuNTM4MDlDOS4zMzg2OSAyLjUzODA5IDUuNzMwMTEgNC44ODcyOSAzLjkxNTUzIDguMzI5MDRaIiBmaWxsPSIjRkYzRDAwIi8+CjxwYXRoIGQ9Ik0xMy40OTk4IDI0LjIwNDhDMTYuMjk4MSAyNC4yMDQ4IDE4Ljg0MDcgMjMuMTMzOSAyMC43NjMxIDIxLjM5MjVMMTcuNDEwMSAxOC41NTUyQzE2LjI4NjEgMTkuNDEwNSAxNC45MTIzIDE5Ljg3MyAxMy40OTk4IDE5Ljg3MTVDMTAuNjgyMSAxOS44NzE1IDguMjg5NTUgMTguMDc0OCA3LjM4ODIyIDE1LjU2NzRMMy44NTU0NyAxOC4yODkzQzUuNjQ4MzkgMjEuNzk3NiA5LjI4OTQ3IDI0LjIwNDggMTMuNDk5OCAyNC4yMDQ4WiIgZmlsbD0iIzRDQUY1MCIvPgo8cGF0aCBkPSJNMjQuMTIyNiAxMS4yNDkxSDIzLjI1VjExLjIwNDFIMTMuNVYxNS41Mzc0SDE5LjYyMjVDMTkuMTk1MiAxNi43MzggMTguNDI1NiAxNy43ODcxIDE3LjQwODcgMTguNTU1MUwxNy40MTAzIDE4LjU1NEwyMC43NjMyIDIxLjM5MTJDMjAuNTI2IDIxLjYwNjggMjQuMzMzMyAxOC43ODc0IDI0LjMzMzMgMTMuMzcwOEMyNC4zMzMzIDEyLjY0NDQgMjQuMjU4NiAxMS45MzU0IDI0LjEyMjYgMTEuMjQ5MVoiIGZpbGw9IiMxOTc2RDIiLz4KPC9zdmc+Cg==);
}
.apple-logo::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAyOSAyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE1MzJfMTMxMykiPgo8cGF0aCBkPSJNMjEuNDk1NyAyMy40MDgyQzIwLjE4OTIgMjQuNjc0NyAxOC43NjI4IDI0LjQ3NDcgMTcuMzg5NiAyMy44NzQ4QzE1LjkzNjQgMjMuMjYxNSAxNC42MDMzIDIzLjIzNDkgMTMuMDcwMSAyMy44NzQ4QzExLjE1MDQgMjQuNzAxNCAxMC4xMzcyIDI0LjQ2MTQgOC45OTA2NiAyMy40MDgyQzIuNDg0ODEgMTYuNzAyNCAzLjQ0NDY5IDYuNDkwMzIgMTAuODMwNCA2LjExNzAzQzEyLjYzMDIgNi4yMTAzNiAxMy44ODM0IDcuMTAzNTggMTQuOTM2NiA3LjE4MzU3QzE2LjUwOTcgNi44NjM2MSAxOC4wMTYyIDUuOTQzNzIgMTkuNjk2IDYuMDYzNzFDMjEuNzA5MSA2LjIyMzY5IDIzLjIyODkgNy4wMjM1OSAyNC4yMjg3IDguNDYzNDFDMjAuMDY5MyAxMC45NTY0IDIxLjA1NTggMTYuNDM1NyAyNC44Njg3IDE3Ljk2ODlDMjQuMTA4NyAxOS45Njg2IDIzLjEyMjIgMjEuOTU1IDIxLjQ4MjQgMjMuNDIxNUwyMS40OTU3IDIzLjQwODJaTTE0LjgwMzMgNi4wMzcwNUMxNC42MDMzIDMuMDY0MDkgMTcuMDE2MyAwLjYxMTA2MyAxOS43ODkzIDAuMzcxMDk0QzIwLjE3NTkgMy44MTA2NiAxNi42Njk3IDYuMzcwMzQgMTQuODAzMyA2LjAzNzA1WiIgZmlsbD0iYmxhY2siLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xNTMyXzEzMTMiPgo8cmVjdCB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjUgMC4zNzEwOTQpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
}
@media (max-width: 1300px) {
    .auth-window.auth-ls::before {
        width: 560px;
        height: 670px;
    }
.auth-window.auth-ls .form-authorization-default-index {
    padding: 1rem;
    min-height: 580px;
}
.auth-window.auth-ls .modal-dialog {
    max-width: 500px;
}
}
@media (min-width: 860px) and (max-width: 1085px) {
    .dc-auth .wrap-select {
        width: 50%;
        padding: 1rem;
    }
    #auth .form-img {
        width: 50%;
    }
    #auth .form-img img {
        border-radius: 20px;
        aspect-ratio: 1 / 1;
        width: 100%;
    }
}
@media (max-width: 768px) {
.auth-window.auth-ls::before {
    display: none;
}
.auth-window.auth-ls .form-authorization-default-index {
     padding: 2rem;
}
.dc-bg-b {
    min-height: calc(100% - 8rem);
}
}
@media (max-width: 640px) {
.domain-registration .form-flex-row .input-group {
    flex: auto;
    width: 100%;
    margin-top: 8px;
}
.domain-registration .submit.pick-up {
    width: 100%;
    color: #005FEE;
    justify-content: center;
    gap: 1rem;
}
.domain-new .form-flex-row .flex-form {
    align-items: flex-start;
    flex-direction: column;
}
.domein-myself .input-group-row {
    flex-direction: column;
    width: 100%;
}
}
@media (max-width: 499px) {
.dc-auth .wrap-select {
    padding: 1.5rem;
}
.dc-auth label {
    font-size: 3.8vw;
}
.dc-bg-b {
    min-height: calc(100% - 4rem);
}
}


@media (max-width: 420px) {
    .dc-ptb-40{
        padding: 0 0 30px 0;
    }
    .modal-dialog button.close {
        font-size: 2rem;
    }
    .auth-window.auth-ls h2 {
        font-size: 1.8rem;
    }
    .auth-window.auth-ls .form-authorization-default-index {
        min-height: auto;
    }
    .special-offer-form-consent {
        padding: 1.5rem;
    }
    .wrap-list-flex .dc-item {
        flex: 1;
        padding: 1rem;
        gap: 1rem;
    }
    .de-our-services .wrap-list-flex .dc-item{
        flex: auto;
        flex-direction: column;
        padding: 1rem 2rem;
        align-items: center;
        text-align: center;
    }
    .HostingConstructor {
        padding: 0;
    }
    .dc-additional-services .card-title {
        font-size: 1.2rem;
        min-height: auto;
    }
    .Find-Domain {padding: 10px 14px 10px 1rem;}
    .dc-ptb-60, .dc-ptb-80 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .three-easy-steps h3 {
        font-size: 1.98rem;
        line-height: 130%;
        color: #444444;
    }
    .vps-tariffs {
        padding-bottom: 2rem;
    }

}

@media (max-width: 380px) {
    .bg-tariffs::after, .vps-tariffs::after {
        mask-size: calc(100vw * 5);
    }
    /* .tabs-vps {
        flex-direction: column;
    } */
    .tabs-vps.hosting-month-or-year{
        max-width: max-content;
    }
}
.modal-open.tox-dialog__disable-scroll .fade.modal {
  display: none !important;
}

.modal-backdrop ~ .tox.tox-silver-sink.tox-tinymce-aux {
  display: block;
}

.tox.tox-silver-sink.tox-tinymce-aux {
  display: none;
}