.container:not(.public-page) table {
    width: 100%;
    border-collapse: collapse;
    color: var(--text-color);
}
.container:not(.public-page) table thead {
    background: var(--bg-color-table);
    border: 1px solid var( --border-color);
    border-left: none;
    border-right: none;
    color: var( --text-color);
    font-weight: 500;
    height: 60px;
}
.container:not(.public-page) table thead tr th {
    padding: 0 35px;
    text-align: left;
    font-weight: 500;
}
.container:not(.public-page) table thead tr th:first-child {
    font-weight: 500;
}
.container:not(.public-page) table tbody tr {
    border-bottom: 1px solid var(--border-color);
    height: 60px;
}
.container:not(.public-page) table tbody tr td {
    padding: 0 35px;
}
.container:not(.public-page) table tbody tr td:first-child {
    font-weight: 500;
}
.container:not(.public-page) table tfoot {
    background: var(--bg-color-table);
    border: 1px solid var( --border-color);
    border-left: none;
    border-right: none;
    color: var( --text-color);
    font-weight: 500;
    height: 60px;
}
.container:not(.public-page) table tfoot tr td {
    padding: 0 35px;
}


@media (max-width: 900px) {
    .container:not(.public-page) table thead {
        display: none;
    }
    .container:not(.public-page) table tfoot {
        display: none;
    }
    .container:not(.public-page) table tbody {
        border-bottom: 1px solid var(--border-color);
        border-top: 1px solid var(--border-color);
    }
    .container:not(.public-page) table tbody tr {
        height: auto;
        display: block;
        padding: 10px 0;
    }
    .container:not(.public-page) table tr td {
        display: block;
    }
    .container:not(.public-page) table tbody tr:last-child {
        border-bottom: none;
    }
}
@media (max-width: 550px) {
    .container:not(.public-page) table tbody tr td {
        padding: 0 20px;
    }
}








/* JQUERY Arctic Modal */
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%; }
.arcticmodal-container tr {
    display: table-row;
    height: auto;
}
.arcticmodal-container td {
    display: table-cell;
}
.arcticmodal-container table tbody {
    border: none;
}



*,::after,::before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

::after,::before {
    --tw-content: ''
}


body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}


:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}



::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

menu,ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img,video {
    max-width: 100%;
    height: auto
}

[hidden] {
    display: none
}


input::-moz-placeholder,textarea::-moz-placeholder {
    color: #6b7280;
    opacity: 1
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #6b7280;
    opacity: 1
}

input::placeholder,textarea::placeholder {
    color: #6b7280;
    opacity: 1
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

::-webkit-date-and-time-value {
    min-height: 1.5em
}


* {
    box-sizing: border-box;
    font-family: Inter var,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    line-height: 1.5;
    word-break: break-word;
}


:focus-visible {
    outline: none;
  }
*[contenteditable="true"] {
    padding: 5px 10px;
    outline: none;
    border: 1px solid var(--border-color-table);
    transition: 0.3s all;
    border-radius: 3px;
}
*[contenteditable="false"] {
    transition: 0.3s all;
}
*[contenteditable="true"]:focus {
    border: 1px solid #3683C2;
}
input[type="submit"] {
    cursor: pointer;
}
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
}

h1 {
    color: var(--text-color);
    font-size: 2.2rem;
    font-weight: 700;
    line-height: normal;
}
h2 {
    color: var(--text-color);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: normal;
}
h3 {
    color: var(--text-color);
    font-size: 1.6rem;
    font-weight: 700;
    line-height: normal;
}
h4 {
    color: var(--text-color);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: normal;
}
h5 {
    color: var(--text-color);
    font-size: 1.3rem;
    font-weight: 500;
    line-height: normal;
}
h6 {
    color: var(--text-color);
    font-size: 1rem;
    font-weight: 500;
    line-height: normal;
}


header {
    position: relative;
    z-index: 999
}
.ui {
    max-width: 1280px ;
    margin: 0 auto;
    padding: 40px 20px;
    background: var(--bg-color);
}
.ui p.title {
    margin: 20px 0;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
}

p.description {
    color: var(--text-color-100);
    font-size: 14px;
    line-height: 20px;
}

.tabs__section .tabs {
    padding: 0;
    list-style: none;
    display: flex;
    gap: 20px;
    background: var(--bg-color);
    border-bottom: 1px solid var(--border-color);
}
.tabs__section .tabs li {
    cursor: pointer;
    padding: 15px 0 12px 0;
    transition: 0.3s all;
    border-bottom: 2px solid transparent;
    color: var(--text-color-100);
    font-weight: 500;
}
.tabs__section .tabs li.active {
    border-bottom: 2px solid var(--main-blue);
    color: var(--main-blue)
}

.ex-title {
    color: var(--text-color);
    font-size: 18px;
    font-weight: 500;
}




.string-label {
    color: var(--text-color);
    display: block;
    padding: 0;
    font-weight: 400;
    border-radius: 9999px;
}
.string-label.active {
    color: var(--main-green);
}
.string-label i {
    margin-right: 5px;
}
.string-label.active i {
    animation: rotate 6s linear infinite;
}
.string-label.unactive {
    color: var(--text-color);
}
.string-label.updating {
    color: var(--main-blue);
}
.string-label.deleting {
    color: var(--main-red);
}

.modal .modal-text {
    font-weight: 400;
}


.label__hepler {
    font-size: 16px;
    border-bottom: 1px dashed var(--text-color-300);
    cursor: help;
    font-weight: 500;
    position: relative;
    width: fit-content;
}
.label__hepler i {
    color: var(--main-green);
    margin-left: 8px;
}
.label__hepler .dropdown {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    box-shadow: var(--box-shadow-100);
    width: 150%;
    z-index: 99;
    border-radius: 10px;
    height: auto;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
}
.label__hepler .dropdown .line {
    display: flex;
    justify-content: space-between;
    padding: 2px 0px;
}
.label__hepler .dropdown .line .name {
    font-size: 13px;
    color: var(--text-color);
}
.label__hepler .dropdown .line .value {
    font-size: 13px;
    color: var(--text-color);
}
.label__hepler:hover .dropdown {
    opacity: 1;
    visibility: visible;
}



.label__withicon {
    display: flex;
    gap: 10px;
    align-items: center;
    position: relative;
}
.label__withicon i {
    --fa-primary-color: var(--main-green-darker);
    --fa-secondary-color: var(--main-green);
}

ul.text-list {
    padding-left: 20px;
    list-style: disc;
}
ol.text-list {
    padding-left: 20px;
    list-style: auto;
}

.input__wrapper.line {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    align-items: center;
}
.input__wrapper.line:first-child {
    border-top: none;
}

.input__wrapper.line:first-child {
    border-top: 1px solid var(--border-color);
}


.input__wrapper.line .input__liner {
    flex: 1;
    position: relative;
    grid-column: span 3 / span 3;
    height: fit-content;
}
.input__wrapper.line .input__liner input {
    flex: 1 1 150px;
}
.input__wrapper.line .input__liner span.error {
    bottom: -17px;
}

.arcticmodal-overlay, .arcticmodal-container {
    z-index: 9999;
}
.fal {
    position: relative;
}
:root {
    --darktheme-background-color: #454545;

    --d-overlay-light: #383B40;
    --d-overlay-dark: #2d2f34;
    --d-surface: #27292d;
    --d-base: #1f2023;
    --d-overflow: #010101;

    --d-text-color-100: rgb(107, 114, 128);
    --d-text-color-200: #777777;
    --d-text-color-300: #666666;
    --d-text-color-400: #555555;
    --d-text-color-500: #444444;
    --d-text-color-600: #333333;
    --d-text-color-700: #222222;
    --d-text-color-800: #111111;
    --d-text-color-900: #000000;

    --darktheme-text-color: #ffffff;
    --darktheme-border-color: #5d5d5d;
    --darktheme-background-color-table: #333333;
    --darktheme-border-color-table: #5d5d5d;
    --darktheme-item-color-table: #454545;
    --darktheme-lighttext-color: #cdcdcd;
    --darktheme-arrow-icon: url('../media/if-dark-theme/arrow-down.svg');


    --lighttheme-background-color: #ffffff;

    --lighttheme-background-gray: #f9f9f9;

    --l-overlay-light: rgba(249,250,251,1);
    --l-overlay-dark: #e7e7e7;
    --l-surface: #dddddd;
    --l-base: #cccccc;
    --l-overflow: #bdbdbd;

    --l-text-color-100: #999999;
    --l-text-color-200: #9f9f9f;
    --l-text-color-300: #9a9a9a;
    --l-text-color-400: #aaaaaa;
    --l-text-color-500: #bbbbbb;
    --l-text-color-600: #cccccc;
    --l-text-color-700: #dddddd;
    --l-text-color-800: #eeeeee;
    --l-text-color-900: #ffffff;

    --lighttheme-text-color: rgb(17, 24, 39);
    --lighttheme-border-color: #ECECEC;
    --lighttheme-background-color-table: #F4F4F4;
    --lighttheme-border-color-table: #D2D2D2;
    --lighttheme-item-color-table: #ffffff;
    --lighttheme-lighttext-color: #666666;
    --lighttheme-arrow-icon: url('../media/sm-arrow-down.svg');

    --main-blue: #356dd4;
    --main-blue-darker: #2553a8;

    --dop-main-blue: #3683C2;
    --dop-main-blue-darker: #2c6a9c;
    --main-green: #00af6c;
    --main-green-darker: #009b5f;
    --main-orange: #f3930d;
    --main-orange-darker: #da840d;
    --main-red: #e51f2c;
    --main-red-darker: #bd1b25;

    --action-blue: #2378be;
    --action-blue-darker: #0058cc;

    --box-shadow-light: 0 0 #0000 , 0 0 #0000, 0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --box-shadow: 0 2px 10px 0 rgb(0 0 0 / 5%);
    --box-shadow-100: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px;
    --button-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 5%);

    --badge-green-text: rgb(6, 95, 70);
    --badge-green-bg: #d1fae5;

    --badge-orange-text: rgb(146, 64, 14);
    --badge-orange-bg: #fef3c7;

    --badge-red-text: rgb(153, 27, 27);
    --badge-red-bg: #fee2e2;

    --badge-blue-text: rgb(30, 64, 175);
    --badge-blue-bg: #dbeafe;

    --badge-gray-text: rgb(31, 41, 55);
    --badge-gray-bg: #f3f4f6;






}




.badge-gray {
    color: var(--badge-gray-text);
    padding: 3px 10px;
    background: var(--badge-gray-bg);
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    width: fit-content;
}
.badge-red {
    color: var(--badge-red-text);
    padding: 3px 10px;
    background: var(--badge-red-bg);
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    width: fit-content;
}
.badge-green {
    color: var(--badge-green-text);
    padding: 3px 10px;
    background: var(--badge-green-bg);
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    width: fit-content;
}
.badge-orange {
    color: var(--badge-orange-text);
    padding: 3px 10px;
    background: var(--badge-orange-bg);
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    width: fit-content;
}
.badge-blue {
    color: var(--badge-blue-text);
    padding: 3px 10px;
    background: var(--badge-blue-bg);
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    width: fit-content;
}



.text-gray {
    color: var(--badge-gray-text);
}
.text-red {
    color: var(--main-red);
}
.text-green {
    color: var(--main-green);
}
.text-orange {
    color: var(--main-orange);
}
.text-blue {
    color: var(--main-blue);
}



body {
    margin: 0;
    padding: 0;
    --text-color: #454545;
    --bg-color: #ffffff;
    background: #fff;
    overflow-x: hidden;
    min-height: 100vh !important;
}
footer {
    margin-top: auto;
}
main {
    background: #F6F6F6;
    padding-bottom: 20px;
}
.theme-dark main {
    background: #454545;
}
/* Light, dark themes colors switch */



body.theme-light {
    --text-color: var(--lighttheme-text-color);
    --lighttext-color: var(--lighttheme-lighttext-color);
    --bg-color: var(--lighttheme-background-color);
    --border-color: var(--lighttheme-border-color);
    --bg-color-table: var(--lighttheme-background-color-table);
    --border-color-table: var(--lighttheme-border-color-table);
    --item-color-table: var(--lighttheme-item-color-table);
    --arrow-icon: var(--lighttheme-arrow-icon);


    --text-color-100: var(--d-text-color-100);
    --text-color-200: var(--d-text-color-200);
    --text-color-300: var(--d-text-color-300);
    --text-color-400: var(--d-text-color-400);
    --text-color-500: var(--d-text-color-500);
    --text-color-600: var(--d-text-color-600);
    --text-color-700: var(--d-text-color-700);
    --text-color-800: var(--d-text-color-800);
    --text-color-900: var(--d-text-color-900);



    --bg-100: var(--l-overlay-light);
    --bg-200: ;
    --bg-300: var(--l-overlay-dark);
    --bg-400: ;
    --bg-500: var(--l-surface);
    --bg-600: ;
    --bg-700: var(--l-base);
    --bg-800: ;
    --bg-900: var(--l-overflow);
}
body.theme-dark {
    --text-color: var(--darktheme-text-color);
    --lighttext-color: var(--darktheme-lighttext-color);
    --bg-color: var(--darktheme-background-color);
    --border-color: var(--darktheme-border-color);
    --bg-color-table: var(--darktheme-background-color-table);
    --border-color-table: var(--darktheme-border-color-table);
    --item-color-table: var(--darktheme-item-color-table);
    --arrow-icon: var(--darktheme-arrow-icon);


    --text-color-100: var(--l-text-color-100);
    --text-color-200: var(--l-text-color-200);
    --text-color-300: var(--l-text-color-300);
    --text-color-400: var(--l-text-color-400);
    --text-color-500: var(--l-text-color-500);
    --text-color-600: var(--l-text-color-600);
    --text-color-700: var(--l-text-color-700);
    --text-color-800: var(--l-text-color-800);
    --text-color-900: var(--l-text-color-900);



    --bg-100: var(--d-overlay-light);
    --bg-200: ;
    --bg-300: var(--d-overlay-dark);
    --bg-400: ;
    --bg-500: var(--d-surface);
    --bg-600: ;
    --bg-700: var(--d-base);
    --bg-800: ;
    --bg-900: var(--d-overflow);
}



/* Light, dark themes colors switch */




a.button {
    outline: none;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 16px;
    height: 38px;
    display: flex;
    line-height: 38px;
    color: #374151;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 5%);
    background: var(--bg-color);
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 500;
    transition: 0.3s all;
    text-decoration: none;
    width: fit-content;
}
a.button:hover {
    background: #f3f3f3;
}
img {
    height: 100%;
    object-fit: contain;
}
a {
    text-decoration: none;
    color: var(--main-blue);
}
a:hover {
    text-decoration: none;
}

.con {
    border: 1px solid var(--border-color);
    border-top: none;
    margin-bottom: 40px;
    background: var(--bg-100);
}
@media (max-width: 1200px) {
    .con {
        margin-bottom: 0;
    }
}

.header__top-op {
    border-bottom: 1px solid var(--border-color);
    background: var(--bg-color);
}
.header__body-op {
    background: var(--bg-color);
}
.container {
    max-width: 1280px !important;
    margin: 0 auto;
}
.invise-container {
    max-width: 1280px !important;
    margin: 0 auto;
}
@media (max-width: 1500px) {
    .header__top-op {
        padding: 0 20px;
    }
    .header__body-op {
        padding: 0 20px;
    }
    .header__footer-op {
        padding: 0 20px;
    }
}
.header__top {
    height: 40px;
    display: flex;
    align-items: center;
}
.header__top__menu {
    margin-right: 35px;
}
.header__top__menu ul {
    display: flex;
    list-style-type: none;
    padding: 0;
    align-items: center;
    margin: 0;
    height: 40px;
}
.header__top__menu__item {
    margin-right: 40px;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}


.header__top__menu__item i.fa-solid {
    margin-left: 6px;
	font-size: 11px;
    transition: 0.15s all;
}
.header__top__menu__item .root-link.active i.fa-solid {
    transform: rotate(180deg);
}










.header__top__menu__item:last-child {
    margin-right: 0;
}
.header__top__menu__item>a {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    color: var(--text-color);
    text-decoration: none;
}
.header__top__menu__item a {
    white-space: nowrap;
}
.theme-switcher {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    color: var(--text-color);
    text-decoration: none;
    position: relative;
}
/* .theme-switcher.light {
    padding-left: 25px;
}
.theme-switcher.light::before {
    content: '';
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    background: url('../media/moon.svg') center center/cover no-repeat;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
} */
.header__top__lang {
    margin-left: auto;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}
.lang__link {
    font-weight: bold;
    font-size: 14px;
    line-height: 28px;
    color: var(--text-color);
    text-decoration: none;
    display: block;
    width: max-content;
    position: relative;
}
.lang__link.active {
    padding-right: 10px;
}
.lang__link.active:after {
    content: '';
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    display: block;
    width: 6px;
    height: 4px;
}
body.theme-light .lang__link.active:after {
    background: var(--arrow-icon) center center/cover no-repeat;
}
.lang__dropdown {
    display: none;
    position: absolute;
    background: var(--bg-color);
transition: 0.3s all;
    z-index: 5;
    width: fit-content;
    left: 50%;
    top: 40px;
    transform: translateX(-50%);
    padding: 5px 15px;
    box-shadow: 0px 0px 3px 3px rgb(0 0 0 / 5%);
}
.header__top__lang:hover .lang__dropdown {
    display: block;
}



.header__top__phone {
    margin-left: 30px;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.phone__link {
    font-weight: bold;
    height: 100%;
    color: var(--text-color);
    text-decoration: none;
    position: relative;
    font-size: 18px;
    line-height: 22px;
    margin-right: 10px;
    padding-right: 10px;
    transition: 0.3s all;
    display: flex;
    align-items: center;
    gap: 4px;
}
.phone__soc {
    margin-right: 10px;
}
.phone__link i {
    transition: 0.3s all;
    font-size: 12px;
    margin-left: 2px;
}
.phone__link.active i {
    transform: rotate(180deg);
}
.header__top__phone .phone__soc {
    display: block;
}
.phone__dropdown {
    cursor: default;
    display: block;
    position: absolute;
    background: var(--bg-color);
    z-index: 999;
    padding: 20px;
    width: fit-content;
    left: 50%;
    top: 40px;
    width: 300px;
    transform: translateX(-50%);
    box-shadow: var(--box-shadow-light);
    border-radius: 6px;
    border: 1px solid var(--border-color);
}
.phone__drop__title {
    font-weight: 600;
    text-align: center;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.05em;
    color: var(--text-color);
    padding-bottom: 14px;
    border-bottom: 1px solid var(--border-color);
}
.phone__drop__citylinks {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 12px;
    gap: 12px;
}
.phone__drop__citylinks a {
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0.05em;
    color: var(--text-color);
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px dashed #707070;
}
.phone__drop__citylinks a:hover {
    border-bottom: none;
}
.phone__drop__citylinks a.active {
    font-weight: 600;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0.05em;
    color: var(--text-color);
    border-bottom: none;

}
.phone__drop__city {
    padding: 0 0 15px 0;
    border-bottom: 1px solid var(--border-color);
}
.phone__drop__city>.title {
    display: none;
    font-weight: 600;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.05em;
    color: var(--text-color);
    margin-bottom: 7px;
}
.phone__drop__city__num {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: var(--text-color);
}
.header__top__social {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-left: 20px;
}

.topmenu__dropdown {
    opacity: 0;
    visibility: hidden;
    transform: translateY(2px);
    position: absolute;
    transition: 0.3s all;
    z-index: 2;
    left: 0;
    top: 40px;
}
.topmenu__dropdown.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}










.phone__drop__providerlinks {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 12px;
    gap: 12px;
}
.phone__drop__providerlinks a {
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0.05em;
    color: var(--text-color);
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px dashed #707070;
}
.phone__drop__providerlinks a:hover {
    border-bottom: none;
}
.phone__drop__providerlinks a.active {
    font-weight: 600;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0.05em;
    color: var(--text-color);
    border-bottom: none;

}
.phone__drop__provider {
    padding: 12px 0 15px 0;
    border-bottom: 1px solid var(--border-color);
}
.phone__drop__provider__num {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: var(--text-color);
}
.phone__drop__call {
    padding: 15px 0;
    border-bottom: 1px solid var(--border-color);
}
.call__ili {
    display: none;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.05em;
    color: var(--text-color);
    margin-bottom: 8px;
}
.call__text {
    display: block;
    text-align: left;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    letter-spacing: 0.05em;
    color: var(--text-color);
    margin-bottom: 10px;
}
.phone__drop__call label .call__input {
    width: 100%;
}
.call__input.complete {
    border: 1px solid #76C176;
}
.call__input.incomplete {
    border: 1px solid #c37575;
}
.phone__drop__call label .call__input:focus {
    outline: none;
}
.phone__drop__call label {
    margin-bottom: 10px;
    display: block;
}
.phone__drop__call .call__btn {
    margin-top: 5px;
    width: 100%;
    background: var(--main-green);
    color: white;
    outline: none;
    border: none;
    border-radius: 6px;
    padding: 0 12px;
    font-size: 16px;
    height: 38px;
    display: flex;
    line-height: 38px;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 5%);
    align-items: center;
    text-align: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 500;
    transition: 0.3s all;
}
.call__btn:hover {
    background: var(--main-green-darker);
}
.phone__drop__email {
    padding: 15px 0 0 0;
}
.email__title {
    display: block;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.05em;
    color: var(--text-color);
    margin-bottom: 10px;
}
.email__line {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.email__name {
    width: calc(50% - 5px);
    font-size: 14px;
    line-height: 17px;
    color: var(--text-color);
}
.email__link {
    width: 55%;
}
.email__link a {
    font-size: 14px;
    line-height: 17px;
    text-decoration-line: underline;

}
/* body.theme-light .email__link a {
    color: var(--main-blue);
}
body.theme-dark .email__link a {
    color: #5db6ff;
} */
.phone__drop__social {
    padding: 15px 0 0 0;
    display: none;
    justify-content: space-between;
}
.phone__drop__social.rect {
    display: flex;
}
.phone__drop__social a {
    display: block;
    width: 24px;
    height: 24px;
}







.header__top__account {
    margin-left: 30px;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer;
}
.acc__link {
    font-weight: bold;
    font-size: 15px;
    height: 100%;
    line-height: 17px;
    letter-spacing: 0.05em;
    color: var(--text-color);
    text-decoration: none;
    padding-left: 30px;
    transition: 0.3s all;
    display: flex;
    align-items: center;
    gap: 4px;
}
.acc__link i {
    transition: 0.3s all;
    font-size: 12px;
    margin-left: 2px;
}
.acc__link.active i {
    transform: rotate(180deg);
}
.acc__link::before {
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    display: block;
    width: 26px;
    height: 26px;
}
body.theme-light .acc__link::before {
    background: url('../media/acc.svg') center center/cover no-repeat;
}
body.theme-dark .acc__link::before {
    background: url('../media/if-dark-theme/acc.svg') center center/cover no-repeat;
}
.acc__link.user-online::after {
    content: '';
    position: absolute;
    top: 7px;
    left: 16px;
    width: 9px;
    height: 9px;
    background: #76C176;
    border-radius: 50%;
    display: block;
}
.acc__dropdown {
    cursor: default;
    display: block;
    position: absolute;
    background: var(--bg-color);
    z-index: 999;
    padding: 20px;
    width: fit-content;
    left: 50%;
    top: 40px;
    width: 300px;
    transform: translateX(-50%);
    box-shadow: var(--box-shadow-light);
    border-radius: 6px;
    border: 1px solid var(--border-color);
}
.acc__dropdown__reg {
    cursor: default;
    display: block;
    position: absolute;
    background: var(--bg-color);
    z-index: 999;
    padding: 10px 20px 20px 20px;
    width: fit-content;
    left: 50%;
    top: 40px;
    width: 300px;
    transform: translateX(-50%);
    box-shadow: var(--box-shadow-light);
    border-radius: 6px;
    border: 1px solid var(--border-color);
}
.acc__drop__name {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 20px;
    gap: 5px;
}
.acc__login {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #ADADAD;
    padding-left: 35px;
}
.acc__drop__name__add {
    min-width: 21px;
    height: 21px;
    line-height: 21px;
    color: white;
    border-radius: 50%;
    text-align: center;
    font-weight: 600;
    background: #E3E3E3;
    text-decoration: none;
    transition: 0.3s all;
}
.acc__drop__name__add:hover {
    background: #C3C3C3;
}
.acc__drop__name__link {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-color);
    padding-left: 35px;
    padding-right: 5px;
    position: relative;
    text-decoration: none;
}
.acc__drop__name__link:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    width: 28px;
    height: 28px;
    top: 50%;
    transform: translateY(-50%);
}
.acc__drop__name__wrap {
    display: flex;
    align-items: center;
}
body.theme-light .acc__drop__name__link:before {
    background: url('../media/name-icon.svg') center center/cover no-repeat;
}
body.theme-dark .acc__drop__name__link:before {
    background: url('../media/if-dark-theme/acc.svg') center center/cover no-repeat;
}

.acc__drop__name__link:hover {
    text-decoration: none;
}
.acc__drop__balance {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 1px solid var(--border-color);
    padding: 20px 0;
}
.acc__drop__balance__link {
    font-weight: 500;
    font-size: 14px;
    line-height: 27px;
    color: var(--text-color);
    padding-left: 35px;
    position: relative;
    text-decoration: none;
}
.acc__drop__balance__link:before {
    content: '';
    position: absolute;
    display: block;
    left: 4px;
    width: 22px;
    height: 22px;
    top: 50%;
    transform: translateY(-50%);
}
body.theme-light .acc__drop__balance__link:before {
    background: url(../media/balance.svg) center center/cover no-repeat;
}
body.theme-dark .acc__drop__balance__link:before {
    background: url(../media/if-dark-theme/balance.svg) center center/cover no-repeat;
}
.acc__balance {
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    text-align: right;
    color: var(--text-color);
    flex: 1;
}
.balance__wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.balance__add__wrap {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    margin-bottom: 10px;
}
.balance__bill {
    font-weight: 600;
    font-size: 12px;
    line-height: 27px;
    color: #FFFFFF;
    background: #E54550;
    border-radius: 39px;
    padding: 3px 0;
    transition: 0.3s all;
    width: 100%;
    text-align: center;
    text-decoration: none;
}
.balance__bill:hover {
    background: #b83740;
}
.balance__add {
    font-weight: 500;
    font-size: 10px;
    line-height: 10px;
    color: #9E9E9E;
}
.balance__add:hover {
    text-decoration: none;
}
.acc__drop__basket {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
    padding: 20px 0;
}
.acc__drop__basket__link {
    font-weight: 500;
    font-size: 14px;
    line-height: 27px;
    color: var(--text-color);
    padding-left: 35px;
    position: relative;
    text-decoration: none;
}
.acc__drop__basket__link:before {
    content: '';
    position: absolute;
    display: block;
    left: 4px;
    width: 22px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
}
body.theme-light .acc__drop__basket__link:before {
    background: url(../media/basket.svg) center center/cover no-repeat;
}
body.theme-dark .acc__drop__basket__link:before {
    background: url(../media/if-dark-theme/basket.svg) center center/cover no-repeat;
}
.acc__basketcount {
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    text-align: right;
    color: var(--text-color);
    flex: 1;
}
.acc__drop__menu {
    border-bottom: 1px solid var(--border-color);
    padding: 20px 0;
}
.acc__drop__menu>ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    list-style: none;
    padding: 0;
    margin: 0;
}
.acc__drop__menu>ul .acc__drop__menu__item {
    font-size: 12px;
    line-height: 11px;
    color: var(--text-color);
    text-decoration: none;
}
.acc__drop__menu>ul>li {
    margin-bottom: 15px;
}
.acc__drop__menu>ul>li:last-child {
    margin-bottom: 0;
}
.acc__drop__log {
    padding-top: 20px;
}
.acc__drop__logout {
    font-weight: 500;
    font-size: 14px;
    line-height: 27px;
    color: var(--text-color);
    padding-left: 30px;
    position: relative;
    text-decoration: none;
}
.acc__drop__logout:before {
    content: '';
    position: absolute;
    display: block;
    left: 0px;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translateY(-50%);
}

body.theme-light .acc__drop__logout:before {
    background: url(../media/logout.svg) center center/cover no-repeat;
}
body.theme-dark .acc__drop__logout:before {
    background: url(../media/if-dark-theme/logout.svg) center center/cover no-repeat;
}









.header__body {
    height: 90px;
    display: flex;
    align-items: center;
}
.header__body__logo {
    margin-right: 40px;
}
.header__body__logo a {
    display: flex;
    align-items: center;
    max-height: 51px;
    height: 51px;
}
.header__body__logo .logo-cir {
    margin-right: 17px;
    transition: transform 1s;
}
body.theme-light .header__body__logo .logo-text {
    display: block;
}
body.theme-light .header__body__logo .main-logo-text {
    display: none;
}
body.theme-dark .header__body__logo .logo-text {
    display: none;
}
body.theme-dark .header__body__logo .main-logo-text {
    display: block;
    height: auto;
}
.header__body__logo:hover .logo-cir {
    transform: rotate(360deg);
}
.header__body__search__wrap {
    display: flex;
    position: relative;
    align-items: center;
}
.header__body__search__wrap label input {
    font-size: 16px;
    width: 460px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-indent: 10px;
    color: var(--text-color);
    padding: 5px 110px 5px 5px;
    background: var(--bg-color);
transition: 0.3s all;
    border: 1px solid var(--border-color);
    border-radius: 6px;
}
.header__body__search__wrap label input:focus {
    outline: none;
    border: 1px solid #3683C2;
}
.header__body__search__wrap .search__btns {
    position: absolute;
    right: 5px;
    display: flex;
    align-items: center;
}
.header__body__search__wrap .search__btns input[type="submit"] {
    outline: none;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    padding: 0 12px;
    font-size: 14px;
    height: 28px;
    display: flex;
    line-height: 28px;
    color: var(--text-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 5%);
    background: var(--bg-color);
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 500;
    transition: 0.3s all;
}
.header__body__search__wrap .search__btns input[type="submit"]:hover {
    background: var(--bg-100);
}

.header__top__phone .wp__btn {
    margin-right: 7px;
}
.header__top__phone .wp__btn i {
    font-size: 26px;
    color: var(--main-green)
}
.header__top__phone .tg__btn i {
    font-size: 26px;
}


.search__btn-ye {
    background: #F9D33F;
    text-decoration: none;
    color: var(--text-color);
    border-radius: 2px;
    padding: 8px 20px;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    margin-right: 10px;
    transition: 0.3s all;
}
.search__btn-ye:hover {
    background: #d4b536;
}
.search__btn-gr {
    background: #AEAEAE;
    text-decoration: none;
    color: white;
    border-radius: 2px;
    padding: 8px 20px;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    transition: 0.3s all;
}
.search__btn-gr:hover {
    background: #888888;
}

.header__body__basket {
    position: relative;
    margin-left: auto;
    display: flex;
    align-items: center;
}
.basket__link {
    position: relative;
    color: var(--text-color);
    display: flex;
    gap: 5px;
    text-decoration: none;
    align-items: center;
}
.basket__link i {
    transition: 0.15s all
}
.basket__link .fa-basket-shopping {
    font-size: 22px;
}
.basket__counter {
    display: block;
    position: absolute;
    background: #E5333F;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    top: -13px;
    right: -13px;
    color: white;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 600;
}

.header__body__btns {
    margin-left: 33px;
    display: flex;
    align-items: center;
    gap: 15px;
}
.header__body__btn-order {
    color: white;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.05em;
    background: #6ABD6A;
    border-radius: 2px;
    transition: 0.3s all;
    padding: 8px 20px;
    text-decoration: none;
    margin-right: 10px;
}
.header__body__btn-order:hover {
    background: #579b57;
}
.header__body__btn-extend {
    color: white;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.05em;
    background: #3683C2;
    border-radius: 2px;
    transition: 0.3s all;
    padding: 8px 20px;
    text-decoration: none;
}
.header__body__btn-extend:hover {
    background: #2b6799;
}

body .header__footer-op {
    background-color: rgb(17 24 39 / 1);
    position: relative;
    z-index: -1
}
.header__footer-op {
    height: 60px;
    display: flex;
    align-items: center;
}
.header__footer {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}

.header__footer__menu__item {
    flex: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.main__menu__dropdown {
    position: absolute;
    display: flex;
    width: 100%;
    left: 0;
    top: 60px;
    transform: translateY(15px);
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s all;
    box-shadow: 0px 6px 10px 1px rgb(0 0 0 / 25%);
}
.header__footer__menu__item>.main__menu__dropdown.opened {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
.header__footer__menu__item__title i {
    margin-left: 6px;
	font-size: 12px;
    transition: 0.2s transform;
}
.main__menu__dropdown.opened + .header__footer__menu__item__title i {
    transform: rotate(180deg);
}


body.theme-light .main__menu__dropdown {
    background: white;
}
.main__menu__dropdown>div>.bg-gray-50 {
    border-radius: 0 0 6px 6px;
}







.header__footer__menu__item>a {
    position: relative;
}
.header__footer__menu__item > .main__menu__dropdown + a::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
    width: 17px;
    background: var(--bg-color);
    transition: 0.3s all;
    top: 51px;
    z-index: 5;
    height: 17px;
    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 25%);
    display: none;
}
.header__footer__menu__item:hover > .main__menu__dropdown + a::after {
    display: block;
}
.main__menu__dropdown:hover ~ a::after {
    display: block;
}
.header__footer__dropmenu {
    width: 50px;
    cursor: pointer;
    margin-right: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}
.header__footer__menu {
    display: flex;
    align-items: center;
    flex: 1;
    height: 100%;
}
.header__footer__menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    height: 100%;
    flex: 1;
    justify-content: space-between;
    align-items: center;
}
.header__footer__menu ul>li>a{
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    height: 100%;
    line-height: 60px;
    text-decoration: none;
    color: white;
    display: block;
    width: 100%;
}
.header__footer__menu ul>li .header__footer__menu__item__title {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    height: 100%;
    line-height: 60px;
    text-decoration: none;
    color: white;
    display: block;
    width: 100%;
    cursor: pointer;
    user-select: none;
    transition: 0.3s all;
}

body.theme-light .header__footer__menu ul>li:hover>a {
    color: #bababa;
}
body.theme-light .header__footer__menu ul>li.active>a {
    color: #bababa;
}
body.theme-light .header__footer__menu ul>li:hover .header__footer__menu__item__title {
    color: #bababa;
}
body.theme-light .header__footer__menu ul>li.active .header__footer__menu__item__title {
    color: #bababa;
}










.burger {
    display: flex;
    flex-direction: column;
    height: 17px;
    align-items: center;
    justify-content: space-between;
}


body.theme-light .burger span{
    background: white;
}
body.theme-dark .burger span{
    background: white;
}
.burger span {
    display: block;
    width: 23px;
    height: 3px;
}

.screen__1 {
    padding: 30px 0;
}
.screen__1__wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: 610px;
}
.screen__1__block-domain {
    width: calc(100%/2 - 15px);
    min-height: 500px;
    background: #3683C2;
    padding: 30px 50px;
    height: 100%;
}
.screen__1__block-site {
    width: calc(100%/2 - 15px);
    min-height: 500px;
    background: #EAEAEA;
    padding: 30px 50px;
    height: 100%;
}
.domain__title {
    font-weight: 800;
    font-size: 42px;
    line-height: 46px;
    text-align: center;
    color: white;
    margin-bottom: 20px;
}
.site__title {
    font-weight: 800;
    font-size: 42px;
    line-height: 46px;
    text-align: center;
    color: #333333;
}
.domain__search {
    margin-bottom: 46px;
}
.domain__search__form {
    position: relative;
    display: flex;
    align-items: center;
}
.domain__search__form>label {
    flex: 1;
}
.domain__searchinput {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #A0A0A0;
    padding: 23px 22px;
    border: none;
    border-radius: 5px 0 0 5px;
    width: 100%;
}
.domain__searchinput:focus {
    outline: none;
}
.domain__found {
    background: #F9D33F;
    border-radius: 0px 5px 5px 0px;
    font-weight: bold;
    font-size: 18px;
    height: 46px;
    line-height: 22px;
    text-align: center;
    width: 150px;
    color: #454545;
    transition: 0.3s all;
    text-decoration: none;
    border: none;
    cursor: pointer;
}
.domain__found:hover {
    background: #d4b536;
}
.domain__info__title {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: white;
    margin-bottom: 30px;
}
.domain__info__price {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 50px;
}
.domain__info__price__block {
    width: calc(100%/2 - 17.5px);
}
.domain__info__price__block .domain__info__line {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.domain__info__price__block .domain__info__line:last-child {
    margin-bottom: 0;
}
.domain__info__name {
    display: block;
    width: 50%;
    font-weight: 800;
    font-size: 18px;
    line-height: 30px;
    color: white;
}
.domain__info__pricevalue {
    display: block;
    width: 50%;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
    text-align: right;
    position: relative;
}
.domain__info__pricevalue::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    background: url('../media/pricearrow.svg') center center/cover no-repeat;
    width: 24px;
    height: 12px;
}
.domain__info__link {
    display: flex;
    justify-content: center;
}
.domain__info__linkop {
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: white;
}
.domain__info__linkop:hover {
    text-decoration: none;
}
.site__title {
    margin-bottom: 70px;
}
.site__info {
    display: flex;
    align-items: flex-start;
    margin-bottom: 60px;
    justify-content: space-between;
}
.site__info__block {
    width: auto;
}
.site__info__line {
    text-align: left;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    color: #333333;
    margin-bottom: 15px;
    position: relative;
    padding-left: 20px;
}
.site__info__line:before {
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    background: url('../media/blackarrow.svg') center center/cover no-repeat;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.site__btns {
    width: 370px;
    margin: 0 auto;
}
.site__btn-plan {
    width: 100%;
    display: block;
    background: #F9D33F;
    border-radius: 5px;
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    color: #454545;
    text-decoration: none;
    padding: 23px 0;
    text-align: center;
    transition: 0.3s all;
    margin-bottom: 17px;
}
.site__btn-plan:hover {
    background: #d4b536;
}
.site__btn-detail {
    width: 100%;
    display: block;
    background: #ffffff;
    border-radius: 5px;
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    color: #454545;
    text-decoration: none;
    padding: 23px 0;
    text-align: center;
    transition: 0.3s all;
}
.site__btn-detail:hover {
    background: rgb(243 243 243);
}



.header__footer-op .container {
    height: 100%;
    flex: 1;
}
.header__footer {
    height: 100%;
}
.dropmenu__blocklist {
    width: 60%;
    padding: 30px;
}
.dropmenu__blockinfo {
    width: 40%;
}
.blocklist__item {
    margin-bottom: 40px;
}
.blocklist__item a {
    display: flex;
    align-items: center;
    gap: 20px;
    text-decoration: none;
}
.blocklist__item a>svg {
    width: 43px;
    height: 43px;
}
body.theme-light .blocklist__item a>svg>path {
    fill: black;
}
body.theme-light .blocklist__item:hover a>svg>path {
    fill: #42a1ee;
}
body.theme-dark .blocklist__item a>svg>path {
    fill: white;
}
body.theme-dark .blocklist__item:hover a>svg>path {
    fill: #42a1ee;
}
.blocklist__item__text .item__title {
    display: flex;
    align-items: center;
}
.blocklist__item__text .item__title .item__name{
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: var(--text-color);
    margin-right: 17px;
    text-decoration: none;
}
.blocklist__item__text .item__title .item__alert {
    display: block;
    font-weight: bold;
    font-size: 11px;
    line-height: 12px;
    text-align: center;
    letter-spacing: 0.05em;
    color: white;
    text-decoration: none;
    border-radius: 2px;
    height: 20px;
    padding: 3px 6px;
}
.blocklist__item__text .item__title .item__alert.red {
    background: #E5333F;
}
.blocklist__item__text .item__title .item__alert.green {
    background: #6fb630;
}
.blocklist__item__text .item__title .item__alert.yellow {
    background: #f3930d;
}
.blocklist__item__text .item__title .item__alert.blue {
    background: #2378be;
}
.dropmenu__blocklist .blocklist__item:last-child {
    margin-bottom: 0;
}





.item__descr {
    font-size: 14px;
    line-height: 140%;
    color: var(--text-color);
}
.blocklist__item a>svg path {
    transition: 0.3s all;
}
.blocklist__item a:hover>svg path {
    fill: #488DC6;
}

.blocklist__item a:hover .blocklist__item__text .item__title .item__name {
    color: #488DC6;
}
.dropmenu__blockinfo {
    padding: 45px 50px;
}
body.theme-light .dropmenu__blockinfo {
    background: #F4F4F4;
}
body.theme-dark .dropmenu__blockinfo {
    background: #484848;
}
.dropmenu__blockinfo .blockinfo__title {
    font-weight: 600;
    font-size: 22px;
    line-height: 140%;
    color: var(--text-color);
    text-align: left;
    margin-bottom: 11px;
}
.dropmenu__blockinfo .blockinfo__text {
    font-size: 14px;
    line-height: 160%;
    color: var(--text-color);
}



.phone__drop__call form {
    position: relative;
}
.complete-action {
    visibility: hidden;
    opacity: 0;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: var(--main-green);
    align-items: center;
    justify-content: center;
    transition: 0.5s all;
    color: #fff;
    border-radius: 6px;
}
.complete-action.active {
    visibility: visible;
    opacity: 1;
    transition: 0.5s all;
}
.complete-action__text {
    position: relative;
    padding-left: 30px;
    transition: 0.3s all;
}
.complete-action__text::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: url(../media/verify.svg) center center/cover no-repeat;
    display: block;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    transition: 0.3s all;
}
.complete-action.active .complete-action__text::before {
    transform: translateY(-50%) scale(2);
    transition: 1s all;
}

body.theme-light .question {
    background: #EBEBEB;
}
body.theme-dark .question {
    background: #656565;
}
.question {
    height: 83px;
}
.question .container {
    height: 100%;

}
.questions__wrap {
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.questions__info {
    font-weight: 600;
    font-size: 21px;
    line-height: 26px;
    color: var(--text-color);
}
.questions__link {
    font-weight: bold;
    font-size: 21px;
    line-height: 26px;
    color: var(--text-color);
    text-decoration: none;
}
.logo-text {
    height: auto;
}
.social__block__social {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 17px;
    margin-bottom: 30px;
}
.social__block__social .soc {
    display: block;
    position: relative;
    text-decoration: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 2px solid #7C7C7C;
}
.social__block__social .soc.soc__insta::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 13px;
    transform: translate(-50%, -50%);
    display: block;
    background: url('../media/social/insta-grey.svg') center center/cover no-repeat;
}
.social__block__social .soc.soc__facebook::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 16px;
    transform: translate(-50%, -50%);
    display: block;
    background: url('../media/social/facebook-grey.svg') center center/cover no-repeat;
}
.social__block__social .soc.soc__yt::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 11px;
    transform: translate(-50%, -50%);
    display: block;
    background: url('../media/social/yt-grey.svg') center center/cover no-repeat;
}

.social__block__apps .app {
    display: block;
    position: relative;
    text-decoration: none;
    max-width: 120px;
}
.dark-border {
    border: 1px solid rgb(38 38 38) ;
}

/* Log in (reg) modal */

.acc__dropdown__reg .acc__sign__link {
    display: flex;
    align-items: center;
    gap: 13px;
    padding-bottom: 10px;
}
.acc__dropdown__reg .acc__sign__link a {
    flex: 1;
    color: rgb(107, 114, 128);
    font-weight: 500;
    text-align: center;
    padding: 5px 10px;
    border-bottom: 2px solid transparent;
    transition: 0.3s all ;
    text-decoration: none;
}
.acc__dropdown__reg .acc__sign__link a:hover {
    border-bottom: 2px solid rgb(107, 114, 128);
}
.acc__dropdown__reg .acc__sign__link a.active {
    color: var(--main-blue);
    border-bottom: 2px solid var(--main-blue);
}
.acc__sign__form .input__wrapper.check {
    display: flex;
    align-items: center;
}
.acc__sign__form .input__wrapper.check label {
    margin-right: auto;
    margin-left: 7px;
    margin-bottom: 3px;
}
.acc__sign__form .input__wrapper.check a {
    font-size: 14px;
    margin-bottom: 3px;
}
.acc__sign__form [type=submit] {
    width: 100%;
    justify-content: center;
}
.acc__sign__form a {
    text-decoration: none;
    color: var(--main-blue);
    font-weight: 500;
    transition: 0.3s all;
}
.acc__sign__form a:hover {
    color: var(--main-blue-darker)
}
.acc__sign__social .social__auth__btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    width: 100%;
    flex-wrap: wrap;
}
.acc__sign__social .social__auth__btns button {
    flex: 1 1 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.acc__sign__social .social__auth__btns button i {
    color: #6b7280;
}

.acc__sign__form {
    margin-bottom: 20px;
}
.acc__sign__social {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border-color);
}
.acc__sign__social .sign__social__text {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: var(--text-color);
}
.acc__sign__social .sign__social__wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.acc__sign__social .sign__social__wrap a {
    display: block;
    width: 30px;
    height: 30px;
}
.acc__sign__social .sign__social__wrap .sign__social__google::before {
    content: '';
    width: 30px;
    height: 30px;
    display: block;
    background: url('../media/modal-login/google.svg') center center/cover no-repeat;
}
.acc__sign__social .sign__social__wrap .sign__social__facebook::before {
    content: '';
    width: 30px;
    display: block;
    height: 30px;
    background: url('../media/modal-login/facebook.svg') center center/cover no-repeat;
}
.acc__sign__social .sign__social__wrap .sign__social__vk::before {
    content: '';
    width: 30px;
    display: block;
    height: 30px;
    background: url('../media/modal-login/vk.svg') center center/cover no-repeat;
}
.acc__sign__menu {
    padding-top: 12px;
}
.acc__sign__menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.acc__sign__menu ul li .acc__sign__menu__link {
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    color: var(--text-color);
}



/* Registration block */
.registration {
    padding: 50px 0;
}
.registration .container {
    max-width: 770px;
}
.registration__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.registration__wrapper .registration__title {
    font-weight: 800;
    font-size: 27px;
    line-height: 46px;
    color: var(--text-color);
    display: block;
    margin-bottom: 30px;
}
.registration__wrapper .registration__subtitle {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: var(--text-color);
    display: block;
    margin-bottom: 2px;
}
.registration__wrapper .registration__steps {
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: var(--text-color);
    display: block;
    margin-bottom: 25px;
}
.registration__wrapper .registration__form {
    overflow: hidden;
}
.registration__form .step_2 .step_2__footer {
    padding: 28px 48px;
}
.registration__form .step_2 .step_2__body {
    padding: 28px 48px;
    flex-direction: column;
}
body.theme-dark .registration__wrapper .registration__form {
    background: #656565;
}
body.theme-light .registration__wrapper .registration__form {
    background: var(--bg-color);
    transition: 0.5s all;
    box-shadow: var(--box-shadow-light);
    border-radius: 8px;
}
.registration__wrapper .registration__form .step_1 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #E1E1E1;
}
.registration__wrapper .registration__form .step_1 .form__block {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.registration__wrapper .registration__form .step_1 .form__block>span {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color);
    margin-bottom: 15px;
    display: block;
    text-align: center;
}
.registration__wrapper .registration__form .step_1 .form__block .line label {
    position: relative;
    cursor: pointer;
    transition: 0.3s all;
}
.registration__wrapper .registration__form .step_1 .form__block .line:last-child {
    margin-bottom: 0;
}


.reg-wrap.disabled {
    display: none ;
}
.reg-wrap.active {
    display: block;
}
.login-wrap.active {
    display: block;
}
.login-wrap.disabled {
    display: none ;
}

.acc__reg__form {
    display: flex;
    flex-direction: column;
}
.acc__reg__form [type=submit] {
    width: 100%;
    justify-content: center;
}
.acc__reg__form .input__wrapper.check {
    display: flex;
    align-items: center;
    gap: 7px;
}
.acc__reg__form .input__wrapper.check label {
    font-size: 13px;
    line-height: 14px;
}





.registration__form .regform__nextstep {
    background: #4EA2F0;
    color: white;
    margin-top: 40px;
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    padding: 12px 7px;
    border: none;
    text-decoration: none;
    outline: none;
    transition: 0.3s all;
    text-transform: uppercase;
    border-radius: 5px;
    width: 220px;
}
.registration__form .regform__nextstep.unclick {
    pointer-events: none;
}
.registration__form .regform__nextstep:hover {
    background: #3d7db9;
}

@keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.registration__form .step_2 {
    display: block;
}
.registration__form .step_2 .step_2__body {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    border-bottom: 1px solid #E1E1E1;
}
.registration__form .step_2 .step_2__body .input__wrapper.inactive {
    display: none ;
}
.registration__form .step_2 .step_2__body .input__wrapper.active {
    display: block ;
}
.registration__form .step_2 .step_2__body .step_2__checkwrap{
    width: 100%;
    display: block;
    margin: 0;
    padding: 0 0 20px 0;
}
.registration__form .step_2 .step_2__body .step_2__checkwrap label {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: var(--text-color) ;
    display: inline;
}

.registration__form .step_2 .step_2__body input[type="text"] {
    display: block;
    width: 100%;
}
.registration__form .step_2 .step_2__body .step_2__block .step_2__alert {
    font-size: 12px;
    line-height: 16px;
    color: var(--text-color);
    margin-bottom: 0;
    margin-top: 13px;
}
.registration__form .step_2 .step_2__body .step_2__block .step_2__conttext {
    margin-top: 22px;
}
.registration__form .step_2 .step_2__footer .step_2__shield {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: var(--text-color);
    display: block;
    margin-bottom: 14px;
}
.registration__form .step_2 .step_2__footer .step_2__line {
    display: flex;
    height: 80px;
    justify-content: space-between;
    gap: 50px;
    align-items: center;
    margin-bottom: 40px;
}
.registration__form .step_2 .step_2__footer .step_2__line>div {
    width: 50%;
}
.registration__form .step_2 .step_2__footer .step_2__line .captcha {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--text-color);
    border: 1px solid black;
    height: 100%;
}

.registration__form .step_2__checkwrap .step_2__input__check {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.registration__form .step_2__checkwrap .step_2__input__check+label span {
    font-size: 12px;
    line-height: 16px;
    color: var(--text-color);
}
.registration__form .step_2__checkwrap .step_2__input__check+label span a {
    color: rgb(42, 187, 255);
}
.registration__form .step_2__checkwrap .step_2__input__check+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    font-size: 12px;
    line-height: 12px;
    cursor: pointer;
    color: var(--text-color);
}
.registration__form .step_2__checkwrap .step_2__input__check+label:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
    margin-right: 0.5em;
    transition: 0.3s all;
}
.registration__form .step_2__checkwrap .step_2__input__check:checked+label::before {
    background: url('../media/checkbox-check.svg') center center/cover no-repeat;
    border: 1px solid #488dc6;
}

.registration__form .regform__final {
    outline: none;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    padding: 0 12px;
    font-size: 16px ;
    height: 38px ;
    display: flex;
    line-height: 36px ;
    color: #fff;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 5%);
    background: var(--main-blue);
    align-items: center;
    gap: 8px;
    cursor: pointer;
    width: 100%;
    font-weight: 500;
    transition: 0.3s all;
    max-width: 200px;
    justify-content: center;
    margin: 20px auto 0;
}
.registration__form .regform__final:hover {
    background: var(--main-blue-darker);
}




/* Lost password styles */
.lost-pass {
    padding: 110px 0;
}
.lost-pass .container {
    max-width: 770px;
}
.lost-pass .lost-pass__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.lost-pass .lost-pass__wrap .lost-pass__title {
    font-weight: 700;
    font-size: 28px;
    line-height: 24px;
    padding-left: 65px;
    color: var(--text-color);
    display: block;
    margin-bottom: 30px;
    position: relative;
}
.lost-pass .lost-pass__wrap .lost-pass__title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: url('../media/lost-pass.svg') center center/cover no-repeat;
}
.lost-pass .lost-pass__wrap .lost-pass__text {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    max-width: 570px;
    display: block;
    color: var(--text-color);
    margin-bottom: 30px;
}
.lost-pass .lost-pass__wrap .lost-pass__form {
    display: flex;
    flex-direction: column;
    padding: 34px 100px 61px 100px;
    width: 100%;
    align-items: center;
    transition: 0.3s all;
}
body.theme-dark .lost-pass__form {
    background: #656565;
    transition: 0.3s all;
}
body.theme-light .lost-pass__form {
    background: #F2F2F2;
    transition: 0.3s all;
}
.lost-pass .lost-pass__wrap .lost-pass__form label {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 25px;
}
.lost-pass .lost-pass__wrap .lost-pass__form label .lost-pass__input {
    background: var(--bg-color);
transition: 0.3s all;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    color: var(--text-color);
    padding: 15px 30% 15px 15px;
    display: block;
    width: 100%;
    outline: none;
}
.lost-pass .lost-pass__wrap .lost-pass__form label .lost-pass__input:focus {
    border: 1px solid var(--main-blue);
}
.lost-pass .lost-pass__wrap .lost-pass__form label .lost-pass__link {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    line-height: 24px;
    text-decoration: underline;
    color: #A0A0A0;
}
.lost-pass .lost-pass__wrap .lost-pass__form label .lost-pass__link:hover {
    text-decoration: none;
}
.lost-pass .lost-pass__wrap .lost-pass__form .lost-pass__submit {
    background: #488DC6;
    color: white;
    padding: 12px 42px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    border-radius: 5px;
    border: none;
    outline: none;
    max-width: 220px;
    transition: 0.3s all;
    cursor: pointer;
}
.lost-pass .lost-pass__wrap .lost-pass__form .lost-pass__submit:hover {
    background: #3b73a1;
}


.breadcrumbs .breadcrumbs__list {
    display: flex;
    align-items: center;
    gap: 20px;
}

.breadcrumbs .breadcrumbs__list .bc__link {
    position: relative;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: var(--text-color);
    text-decoration: none;
}
.breadcrumbs .breadcrumbs__list .bc__link:before {
    content: '';
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    position: absolute;
    background: var( --arrow-icon) center center/cover no-repeat;
    display: block;
    width: 6px;
    height: 4px;
    left: -12px;
}
.breadcrumbs .breadcrumbs__list .bc__link:first-child::before {
    display: none;
}
.breadcrumbs .breadcrumbs__list .bc__link.active {
    color: #a7a7a7;
}

.cabinet__wrap {
    display: flex;
    gap: 30px;
}
.cabinet__wrap .side__menu {
    max-width: 270px;
    width: 270px;
    margin-top: 61px;
}
.cabinet__wrap .side__menu .side__menu__block {
    border: 1px solid var(--border-color);
    border-bottom: none;
    margin-bottom: 30px;
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__title {
    height: 60px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 47px;
    background: #EDEDED;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: var(--text-color);
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item {
    display: flex;
    flex-direction: column;
    position: relative;
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item .dropdown {
    width: 100%;
    position: relative;
    height: 60px;
    max-height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 12px 24px 12px 47px;
    border-bottom: 1px solid var(--border-color);
    transition: 0.3s all;
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item .dropdown::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background: url('../media/blackarrow.svg') center center/cover no-repeat;
    display: block;
    height: 6px;
    width: 5px;
    transition: 0.3s all;
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item .dropdown.active::after {
    transform: translateY(-50%) rotate(90deg);
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item .dropdown.active span {
    color: #3683C2 ;
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item .dropdown.active a {
    color: #3683C2 ;
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item .dropdown__menu {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item .dropdown__menu li {
    display: flex;
    align-items: center;
    height: 60px;
    border-bottom: 1px solid var(--border-color);
    background: #FAFAFA;
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item .dropdown__menu .dropdown__menu__link {
    padding-left: 60px;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    font-weight: 500;
    font-size: 12px;
    line-height: 60px;
    color: #8C8C8C;
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item .dropdown .item__label__title {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item .dropdown .item__label__title span{
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
    transition: 0.3s all;
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item .dropdown .item__label__title span a {
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
    transition: 0.3s all;
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item .dropdown .item__label__title span:first-child {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item .dropdown .item__label__title span:last-child {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #8A8A8A;
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item .dropdown .item__label__count span {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-color);
    transition: 0.3s all;
}


.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item.fail-payment .dropdown::before {
    content: '';
    background: url('../media/cabinet/fail-payment.svg') center center/cover no-repeat;
    width: 16px;
    height: 18px;
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item.success-payment .dropdown::before {
    content: '';
    background: url('../media/cabinet/success-payment.svg') center center/cover no-repeat;
    width: 21px;
    height: 21px;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item.cancel-payment .dropdown::before {
    content: '';
    background: url('../media/cabinet/cancel-payment.svg') center center/cover no-repeat;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item.balance .dropdown::before {
    content: '';
    background: url('../media/cabinet/balance.svg') center center/cover no-repeat;
    width: 19px;
    height: 17px;
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item.my-domains .dropdown::before {
    content: '';
    background: url('../media/cabinet/services/my-domains.svg') center center/cover no-repeat;
    width: 19px;
    height: 17px;
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item.my-hosting .dropdown::before {
    content: '';
    background: url('../media/cabinet/services/my-hosting.svg') center center/cover no-repeat;
    width: 19px;
    height: 17px;
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item.licenses .dropdown::before {
    content: '';
    background: url('../media/cabinet/services/licenses.svg') center center/cover no-repeat;
    width: 19px;
    height: 17px;
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item.dns-hosting .dropdown::before {
    content: '';
    background: url('../media/cabinet/services/dns-hosting.svg') center center/cover no-repeat;
    width: 17px;
    height: 21px;
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item.ssl .dropdown::before {
    content: '';
    background: url('../media/cabinet/services/ssl.svg') center center/cover no-repeat;
    width: 17px;
    height: 19px;
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
}

.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item.prof-balance .dropdown::before {
    content: '';
    background: url('../media/cabinet/other/balance.svg') center center/cover no-repeat;
    width: 16px;
    height: 21px;
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item.domain-template .dropdown::before {
    content: '';
    background: url('../media/cabinet/other/domain-template.svg') center center/cover no-repeat;
    width: 16px;
    height: 21px;
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item.tickets .dropdown::before {
    content: '';
    background: url('../media/cabinet/other/tickets.svg') center center/cover no-repeat;
    width: 16px;
    height: 21px;
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item.tick-order .dropdown::before {
    content: '';
    background: url('../media/cabinet/other/tick-order.svg') center center/cover no-repeat;
    width: 19px;
    height: 21px;
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item.folder .dropdown::before {
    content: '';
    background: url('../media/cabinet/other/folder.svg') center center/cover no-repeat;
    width: 21px;
    height: 15px;
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
}
.cabinet__wrap .side__menu .side__menu__block .side__menu__block__items .item.settings .dropdown::before {
    content: '';
    background: url('../media/cabinet/other/settings.svg') center center/cover no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
}
























.cabinet__wrap .side__menu .side__menu__block.bills .side__menu__block__title::before {
    content: '';
    background: url('../media/cabinet/order.svg') center center/cover no-repeat;
    width: 22px;
    height: 21px;
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
}
.cabinet__wrap .side__menu .side__menu__block.services .side__menu__block__title::before {
    content: '';
    background: url('../media/cabinet/services.svg') center center/cover no-repeat;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
}
.cabinet__wrap .side__menu .side__menu__block.other .side__menu__block__title::before {
    content: '';
    background: url('../media/cabinet/other.svg') center center/cover no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
}
.content {
    flex: 1;
}
.filter__blockwrap {
    position: relative;
}
.content .domain__wrap .domain__header {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    height: 33px;
    max-height: 33px;
    margin-bottom: 28px;
}

.content .domain__wrap .domain__header .domain__header__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: var(--text-color);
    display: block;
    margin-right: 55px;
}
.content .domain__wrap .domain__header .domain__header__btn {
    display: block;
    padding: 8px 28px;
    background: #6ABD6A;
    outline: none;
    text-decoration: none;
    border-radius: 2px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.05em;
    cursor: pointer;
    color: #FCFCFC;
    margin-right: 25px;
    transition: 0.3s all;
}
.content .domain__wrap .domain__header .domain__header__btn:hover {
    background: #539253;
}
.content .domain__wrap .domain__header .domain__header__search {
    display: block;
    position: relative;
}
.content .domain__wrap .domain__header .domain__header__domainbuy {
    display: block;
    padding: 10px 33px;
    background: #E54550;
    outline: none;
    text-decoration: none;
    border-radius: 3px;
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FCFCFC;
    transition: 0.3s all;
    margin-left: auto;
}
.content .domain__wrap .domain__header .domain__header__domainbuy:hover {
    background: #b6373f;
}
.content .domain__wrap .domain__header .domain__header__search .domain__header__searchinput {
    background: var(--bg-color);
    color: var(--text-color);
    border: 1px solid var(--border-color);
    outline: none;
    padding: 9px 40px 9px 7px;
    width: 315px;
    display: block;
    font-size: 10px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: 3px;
}
.content .domain__wrap .domain__header .domain__header__search .domain__header__searchlink {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 33px;
    height: 33px;
}
.content .domain__wrap .domain__header .domain__header__search .domain__header__searchlink::after {
    content: '';
    background: url(../media/cabinet/domains/search.svg) center center/cover no-repeat;
    width: 14px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.3s all;
}
.content .domain__wrap .domain__header .domain__header__search .domain__header__searchlink:active:after {
    transform: translate(-50%, -50%) scale(0.8);
}


.content .domain__wrap .domain__body {
    width: 100%;
    border: 1px solid #E1E1E1;
}

.domain__body .domain__body__header  {
    height: 60px;
    background: #F8F8F8;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E1E1E1;
}
.domain__body .domain__body__header .domain__check {
    display: flex;
    width: 55px;
    justify-content: center;
}
.domain__body .domain__body__header .domain__check .domain-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.domain__body .domain__body__header .domain__check .domain-checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    font-size: 12px;
    line-height: 12px;
    color: var(--text-color);
}
.domain__body .domain__body__header .domain__check .domain-checkbox+label:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    flex-grow: 0;
    background: white;
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    margin-right: 0.5em;
    transition: 0.3s all;
}
.domain__body .domain__body__header .domain__check .domain-checkbox:checked+label::before {
    background: url('../media/checkbox-check.svg') center center/cover no-repeat;
    border: 1px solid #488dc6;
}

.domain__body .domain__body__header .domain__info span {
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
}
.domain__body .domain__body__header .domain__activate-date {
    width: 93px;
    display: flex;
    justify-content: center;
    margin-left: auto;
}
.domain__body .domain__body__header .domain__deactivate-date {
    width: 114px;
    display: flex;
    justify-content: center;
}
.domain__body .domain__body__header .domain__status {
    width: 116px;
    display: flex;
    justify-content: center;
}
.domain__body .domain__body__header>div>span {
    font-size: 12px;
    line-height: 15px;
    color: var(--text-color);
}

.domain__item {
    display: flex;
    min-height: 60px;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #E1E1E1;
}
.domain__item:last-child {
    border-bottom: none;
}

.domain__item .domain__check {
    width: 55px;
    display: flex;
    justify-content: center;
    cursor: pointer;
}
.domain__item .domain__info {
    display: flex;
    flex-direction: column;
}
.domain__item .domain__info .domain__name {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
    margin-bottom: 2px;
    display: block;
}
.domain__item .domain__info .domain__com {
    font-size: 12px;
    line-height: 15px;
    color: #666666;
    display: block;
    margin-bottom: 2px;
}
.domain__item .domain__folder {
    position: relative;
    margin-left: auto;
    width: 50px;
    display: flex;
    justify-content: center;
    min-height: 37px;
    align-items: center;
    border-right: 1px solid #EDEDED;
}
.domain__item .domain__host {
    width: 122px;
    display: flex;
    justify-content: center;
    min-height: 37px;
    align-items: center;
    border-right: 1px solid #EDEDED;
}
.domain__item .domain__activate-date {
    width: 93px;
    display: flex;
    justify-content: center;
    min-height: 37px;
    align-items: center;
    border-right: 1px solid #EDEDED;
}
.domain__item .domain__deactivate-date {
    width: 114px;
    display: flex;
    justify-content: center;
    min-height: 37px;
    align-items: center;
    border-right: 1px solid #EDEDED;
}
.domain__item .domain__status {
    width: 116px;
    display: flex;
    justify-content: center;
}



.domain__item .domain__check .domain-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.domain__item .domain__check .domain-checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    font-size: 12px;
    line-height: 12px;
    color: var(--text-color);
}
.domain__item .domain__check .domain-checkbox+label:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    flex-grow: 0;
    background: white;
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    margin-right: 0.5em;
    transition: 0.3s all;
}
.domain__item .domain__check .domain-checkbox:checked+label::before {
    background: url('../media/checkbox-check.svg') center center/cover no-repeat;
    border: 1px solid #488dc6;
}


.domain__item .domain__host>a {
    font-weight: 500;
    font-size: 15px;
    text-decoration: none;
    line-height: 18px;
    color: var(--text-color);
}
.domain__item .domain__host>a:hover {
    text-decoration: underline;
}
.domain__item .domain__activate-date>span {
    font-size: 12px;
    line-height: 15px;
    color: var(--text-color);
}
.domain__item .domain__deactivate-date>span {
    font-size: 12px;
    line-height: 15px;
    color: #E5333F;
}
.domain__item .domain__status {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.domain__item .domain__status>span {
    font-size: 12px;
    line-height: 15px;
    color: #E5333F;
    display: block;
    margin-bottom: 5px;
}
.domain__item .domain__status>a {
    background: #488DC6;
    border-radius: 3px;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #FCFCFC;
    transition: 0.3s all;
    padding: 4px 13px;
    display: block;
    text-decoration: none;
}
.domain__item .domain__status>a:hover {
    background: #386b95;
}
.domain__item .domain__folder>a {
    position: relative;
}
.domain__item .domain__folder>a::after {
    content: '';
    background: url('../media/cabinet/domains/folder.svg') center center/cover no-repeat;
    width: 16.38px;
    height: 13.76px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}
.domain__folders {
    display: flex;
    align-items: center;
    gap: 5px;
}
.domain__folders .folder__add {
    color: #C6C6C6;
    font-weight: 600;
    cursor: pointer;
    font-size: 17px;
}
.domain__item .domain__info .domain__folders .folder {
    background: rgba(196, 196, 196, 0.15);
    border-radius: 10px;
    padding: 4px 25px 4px 8px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: fit-content;
}
.domain__item .domain__info .domain__folders .folder:hover .folder__name {
    color: #3683C2;
}
.domain__item .domain__info .domain__folders .folder .folder__res {
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    color: #3683C2;
}
.domain__item .domain__info .domain__folders .folder .folder__name {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #767676;
}
.domain__item .domain__info .domain__folders .folder .folder__del {
    display: none;
    font-weight: 400;
    font-size: 22px;
    line-height: 12px;
    color: #3683C2;
    cursor: pointer;
}
.domain__item .domain__info .domain__folders .folder:hover .folder__del {
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.domain__body__footer {
    height: 76px;
    background: #F8F8F8;
    display: flex;
    align-items: center;
    border-top: 1px solid #E1E1E1;
    padding: 0 16px;
}
.domain__body__footer__form {
    display: flex;
    align-items: center;
}
.domain__body__footer__form .domaincheck-select {
    position: relative;
    display: flex;
    width: 235px;
    height: 44px;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #E1E1E1;
    margin-right: 14px;
}
.domain__body__footer__form .domaincheck-select select {
    appearance: none;
    outline: 0;
    border: 0;
    box-shadow: none;
    /* Personalize */
    flex: 1;
    font-size: 15px;
    line-height: 18px;
    padding: 7px 12px;
    color: var(--text-color);
    cursor: pointer;
    background: var(--bg-color);
    transition: 0.3s all;
}
.domain__body__footer__form .domaincheck-select select::-ms-expand {
    display: none;
}
.domain__body__footer__form .domaincheck-select::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 5px;
    height: 8px;
    transform: translateY(-50%) rotate(90deg);
    background: url(../media/blackarrow.svg) center center/cover no-repeat;
}

.domain__body__footer__form .domain__body__footer__formsubmit {
    color: var(--text-color);
    border: 1px solid #E1E1E1;
    padding: 12px 30px;
    font-size: 15px;
    line-height: 18px;
    border-radius: 5px;
    background: white;
    transition: 0.3s all;
    cursor: pointer;
}
.domain__body__footer__form .domain__body__footer__formsubmit:hover {
    background: rgb(251, 251, 251);
}
.domain__body__footer__form .domain__filtercheck {
    margin-left: 19px;
}
.domain__body__footer__form .domain__filtercheck .domain__filter__check {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.domain__body__footer__form .domain__filtercheck .domain__filter__check+label span {
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
}
.domain__body__footer__form .domain__filtercheck .domain__filter__check+label span a {
    color: rgb(42, 187, 255);
}
.domain__body__footer__form .domain__filtercheck .domain__filter__check+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
    cursor: pointer;
}
.domain__body__footer__form .domain__filtercheck .domain__filter__check+label:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    flex-grow: 0;
    background: var(--bg-color);
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    margin-right: 10px;
    transition: 0.3s all;
}
.domain__body__footer__form .domain__filtercheck .domain__filter__check:checked+label::before {
    background: url('../media/checkbox-check.svg') center center/cover no-repeat;
    border: 1px solid #488dc6;
}

.domain__wrap {
    padding-bottom: 17px;
    border-bottom: 1px solid #E1E1E1;
}

.domain__paginaton {
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.domain__paginaton .domain__pagination__info {
    font-size: 12px;
    line-height: 15px;
    color: var(--text-color);
}
.domain__paginaton .domain__pagination__num {
    display: flex;
    align-items: center;
    gap: 23px;
}
.domain__paginaton .domain__pagination__num .domain__pagination__item {
    display: block;
    text-align: center;
    line-height: 30px;
    width: 30px;
    height: 30px;
    font-size: 13px;
    text-transform: uppercase;
    color: var(--text-color);
    font-weight: 600;
    text-decoration: none;
}
.domain__paginaton .domain__pagination__num .domain__pagination__item.active {
    background: #3683C2;
    border-radius: 2px;
    color: white;
}
.domain__paginaton .domain__pagination__settings {
    display: flex;
    align-items: center;
    gap: 17px;
}
.domain__paginaton .domain__pagination__settings .domain__pagination__settings__text {
    font-size: 12px;
    line-height: 15px;
    color: var(--text-color);
}
.domain__pagination__settings .domainfilter-select {
    position: relative;
    display: flex;
    width: 74px;
    height: 34px;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #E1E1E1;
    margin-right: 14px;
}
.domain__pagination__settings .domainfilter-select select {
    appearance: none;
    outline: 0;
    border: 0;
    box-shadow: none;
    /* Personalize */
    flex: 1;
    font-size: 15px;
    line-height: 18px;
    padding: 7px 12px;
    color: var(--text-color);
    cursor: pointer;
    background: var(--bg-color);
    transition: 0.3s all;
}
.domain__pagination__settings .domainfilter-select select::-ms-expand {
    display: none;
}
.domain__pagination__settings .domainfilter-select::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 5px;
    height: 8px;
    transform: translateY(-50%) rotate(90deg);
    background: url(../media/blackarrow.svg) center center/cover no-repeat;
}


.filter__block {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 25%);
    box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 25%);
    width: 500px;
    padding: 16px 20px;
    background: var(--bg-color);
    z-index: 99;
}
.filter__block .filter__block__line {
    display: flex;
    gap: 20px;
    align-items: flex-end;
    margin-bottom: 16px;
}
.filter__block .select {
    appearance: none;
    outline: 0;
    border: 0;
    box-shadow: none;
    /* Personalize */
    flex: 1;
    padding: 8px;
    color: black;
    cursor: pointer;
    background: var(--bg-color);
    transition: 0.3s all;
    position: relative;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
}
.filter__block .filter::after {
    content: '';
    position: absolute;
    top: 67%;
    right: 10px;
    width: 4px;
    height: 6px;
    transform: translateY(-50%) rotate(90deg);
    background: url(../media/blackarrow.svg) center center/cover no-repeat;
}

.filter__block .filter {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
}
.filter__block .filter label {
    font-size: 12px;
    line-height: 15px;
    color: #777777;
    margin-bottom: 3px;
}
.filter__block .filter.filter__datepick__start {
    width: 140px;
}
.filter__block .filter.filter__date__end {
    width: 140px;
}
.filter__block .filter.filter__datepick__start::after {
    display: none;
}
.filter__block .filter.filter__date__end::after {
    display: none;
}
.filter__block .filter input[type="date"] {
    appearance: none;
    outline: 0;
    border: 0;
    box-shadow: none;
    /* Personalize */
    flex: 1;
    padding: 6px;
    color: var(--text-color);
    cursor: pointer;
    background: var(--bg-color);
    transition: 0.3s all;
    position: relative;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
}

.filter__block__line .filter__check input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}


.filter__block__line .filter__check input+label span {
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
}
.filter__block__line .filter__check input+label span a {
    color: rgb(42, 187, 255);
}
.filter__block__line .filter__check input+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    font-size: 12px;
    line-height: 15px;
    flex-direction: row-reverse;
    color: var(--text-color);
    cursor: pointer;
}
.filter__block__line .filter__check input+label:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    flex-grow: 0;
    background: var(--bg-color);
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin-left: 10px;
    transition: 0.3s all;
}
.filter__block__line .filter__check input:checked+label::before {
    background: url('../media/checkbox-check.svg') center center/cover no-repeat;
    border: 1px solid #488dc6;
}
.filter__block__line.checks {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.filter__block__btns {
    margin-top: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
}
.filter__block__btns .filter__reset {
    display: block;
    text-decoration: none;
    border: 1px solid #3683C2;
    color: #3683C2;
    transition: 0.3s all;
    padding: 11px 9px;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    border-radius: 3px;
    text-transform: uppercase;
    cursor: pointer;
}
.filter__block__btns .filter__reset:hover {
    background: #3683C2;
    color: white;
}
.filter__block__btns .filter__submit {
    display: block;
    text-decoration: none;
    border: 1px solid #3683C2;
    color: white;
    background: #3683C2;
    transition: 0.3s all;
    padding: 11px 23px;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    border-radius: 3px;
    text-transform: uppercase;
    cursor: pointer;
}
.filter__block__btns .filter__submit:hover {
    background: #2a6290;
}

















.block__title {
    margin-bottom: 15px;
}



.table .table__header {
    min-height: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    background: var(--bg-color-table);
    border: 1px solid var(--border-color-table);
}
.table .table__checkbox {
    height: 100%;
    min-width: auto;
    width: auto;
    margin-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.table .table__subtitle {
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    color: var(--text-color);
    padding-right: 40px;
}
/* .table__item * {
    font-weight: 400 ;
} */
.table .table__subtitle>span {
    position: relative;
}
.table .table__subtitle.icon__filter>span {
    cursor: pointer;
    margin-right: 13px;
}
.table .table__subtitle.icon__filter>span:after {
    content: '';
    display: block;
    width: 10px;
    position: absolute;
    top: 50%;
    height: 10.5px;
    background: url(../media/filter.svg) center center/cover no-repeat;
    transform: translateY(-50%);
    right: -15px;
    transition: 0.3s all;
}
.table .table__subtitle.icon__filter>span.asc:after {
    background: var(--arrow-icon) center center/cover no-repeat;
    width: 8px;
    height: 4px;
}
.table .table__subtitle.icon__filter>span.desc:after {
    background: var(--arrow-icon) center center/cover no-repeat;
    width: 8px;
    height: 4px;
    transform: translateY(-3px) rotate(180deg);
}
.table__bill .table__billnum {
    min-width: 120px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}
.table__bill .table__billnum .billnum__status {
    font-size: 16px;
    line-height: 16px;
    margin-top: 2px;
    font-weight: 400;
    color: #000;
}
.table__bill .table__billdate {
    min-width: 100px;
}
.table__bill .table__billinfo {
    flex: 1;
}
.table__bill .table__billsum {
    min-width: 150px;
    justify-content: flex-end;
}
.table__bill .table__billsum.item {
    justify-content: flex-end;
}
.table__bill .table__billstatus {
    min-width: 140px;
}
.table__bill .table__billaction {
    min-width: 140px;
}
.table__item {
    padding: 20px 0;
    display: flex;
    align-items: center;
    transition: 0.3s all;
}
.table__bill .table__billstatus span {
    width: 92px;
    text-align: center;
}
/* .services .table__subtitle {
    padding-right: 20px ;
} */
.table__billnum.item>a {
    font-weight: 500 ;
    font-size: 15px;
    line-height: 18px;
}
.table__billnum.item>a:hover {
    text-decoration-line: none;
}
.table__billdate.item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.table__billdate.item .billdate {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: var(--text-color);
    display: block;
    margin-bottom: 5px;
}
.table__billdate.item .billtime {
    font-size: 12px;
    line-height: 15px;
    color: #999999;
}
.table__billinfo.item .billinfo {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
    display: block;
    margin-right: 20px;
}
.table__billinfo.item .billinfo__btn {
    font-size: 14px;
    color: var(--main-blue);
    font-weight: 500;
    text-decoration: none;
    margin-top: 5px;
}


.table__billsum.item .billsum {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}
.table__billstatus.item .billstatus {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    display: block;
    width: 100%;
}
.table__billstatus.item .billstatus.not-active {
    color: var(--badge-red-text);
    padding: 3px 10px;
    background: var(--badge-red-bg);
    border-radius: 12px;
    font-size: 13px;
    font-weight: 500;
}
.table__billstatus.item .billstatus.active {
    color: var(--badge-green-text);
    padding: 2px 10px;
    background: var(--badge-green-bg);
    border-radius: 12px;
    font-size: 13px;
    font-weight: 500;
}
.table__billaction.item {
    display: flex;
}
.table__billaction.item .billaction {
    border-radius: 6px;
    padding: 6px 10px;
    color: white;
    font-weight: 600;
    font-size: 12px;
    line-height: 19px;
    transition: 0.3s all;
    text-decoration: none;
    display: block;
    margin-right: 20px;
    box-shadow: var(--box-shadow-light);
}
.table__billaction.item .billaction.next {
    background: var(--main-blue);
}
.table__billaction.item .billaction.pay {
    background: var(--main-blue);
}
.table__billaction.item .billaction.next:hover {
    background: var(--main-blue-darker);
}
.table__billaction.item .billaction.pay:hover {
    background: var(--main-blue-darker);
}
.table__billaction.item .billaction__btn {
    color: #ababab;
    margin-left: 10px;
    font-size: 16px;
}
.table__billaction.item .billaction__btn svg {
    width: 100%;
    height: 100%;
}


.table__bill {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    width: 100%;
}
.table__service {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    width: 100%;
}
.table .table__header {
    padding: 0 35px;
    border: none;
}
.table .table__body {
    background: var(--bg-color);
}
.table .table__body .item__wrap {
    transition: 0.15s all;
}
.table .table__body .item__wrap.active {
    background: var(--bg-100);
}
.table .table__body .item__wrap:hover {
    background: var(--bg-100);
}
.table .table__body .table__item{
    margin: 0 35px;
    border: none;
    border-bottom: 1px solid var(--border-color);
    position: relative;
}
.table .table__body .item__wrap:last-child .table__item {
    border: none;
}




.table__service .table__serviceinfo {
    flex: 1 1 auto;
}
.table__service .table__servicefolder {
    min-width: 150px;
}
.table__service .table__serviceXfactor {
    min-width: 150px;
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;
}
.table__service .table__serviceprice {
    min-width: 110px;
    justify-content: center;
}
.table__service .table__servicebefore {
    min-width: 100px;
    justify-content: center;
}
.table__service .table__serviceautoextend {
    min-width: 80px;
}
.table__service .table__servicestatus {
    min-width: 95px;
    justify-content: center;
    padding-right: 0 ;
}

.table .table__icon span {
    cursor: pointer;
    position: relative;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}
.table .table__icon.normal span {
    background: var(--main-blue);
}
.table .table__icon.alert span {
    background: var(--main-orange);
}
.table .table__icon.warning span {
    background: var(--main-red);
}
.table .table__icon span:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.table .table__icon.ssl span:after {
    width: 15px;
    height: 17px;
    background: url(../media/services/ssl.svg) center center no-repeat;
}
.table .table__icon.domain span:after {
    width: 20px;
    height: 19px;
    background: url(../media/services/domain.svg) center center no-repeat;
}
.table .table__icon.hosting span:after {
    width: 20px;
    height: 18px;
    background: url(../media/services/hosting.svg) center center no-repeat;
}
.table .table__icon.vps span:after {
    width: 16px;
    height: 17px;
    background: url(../media/services/vps.svg) center center no-repeat;
}
.table .table__icon.license span:after {
    width: 16px;
    height: 14px;
    background: url(../media/services/license.svg) center center no-repeat;
}
.table .table__icon.server span:after {
    width: 16px;
    height: 17px;
    background: url(../media/services/vps.svg) center center no-repeat;
}
.table .table__icon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    visibility: visible;
    transition: 0.3s all;
    left: -11px;
    pointer-events: all;
    z-index: 10;
}
.table__item:hover .table__icon {
    opacity: 0;
    visibility: hidden;
}
.item__wrap.active .table__item .table__icon {
    opacity: 0;
    visibility: hidden;
}
.table .table__icon img {
    width: 38px;
    height: 38px;
}
.table__serviceinfo.item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.table__serviceinfo.item .serviceinfo__title a{
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #000;
    display: block;
    font-weight: 600 ;
    margin-bottom: 5px;
    text-decoration: none;
}
.table__serviceinfo.item .serviceinfo__subtitle {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: var(--text-color);
    display: block;
}
.table__servicefolder.item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.table__servicefolder.item .servicefolder__icon {
    cursor: pointer;
    width: 20px;
    height: 16px;
    display: block;
    margin-bottom: 7px;
}
.table__servicefolder.item .servicefolder__tag {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: var(--lighttext-color);
    display: flex;
    align-items: center;
    gap: 3px;
    margin-bottom: 5px;
}
.table__servicefolder.item .servicefolder__tag .servicefolder__tagff {
    color: var(--main-blue);
    font-size: 14px;
    margin-top: 3px;
    line-height: 11px;
}
.table__servicefolder.item .servicefolder__tag .servicefolder__tagdel {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #ffffff;
    background: rgb(208 0 0);
    border-radius: 10px;
    display: inline-block;
    padding: 0px 6px;
    align-items: center;
    line-height: 15px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all;
}
.table__servicefolder.item .servicefolder__tag:hover .servicefolder__tagdel{
    opacity: 1;
    visibility: visible;
}
.table__servicefolder.item .servicefolder__addtag {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #A4A4A4;
    background: rgba(196, 196, 196, 0.45);
    border-radius: 10px;
    display: block;
    padding: 0px 6px;
    align-items: center;
    line-height: 15px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all;
}
.table__servicefolder.item:hover .servicefolder__addtag {
    opacity: 1;
    visibility: visible;
}
.table__servicefolder.item .servicefolder__addtag:hover {
    background: rgba(128, 128, 128, 0.45);
}

.table__serviceXfactor.item .serviceXfactor__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--text-color);
    text-align: right;
}
.table__serviceXfactor.item .serviceXfactor__btn {
    border-radius: 6px;
    padding: 6px 10px;
    color: white;
    font-weight: 600;
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 19px;
    transition: 0.3s all;
    text-decoration: none;
    display: block;
    box-shadow: var(--box-shadow-light);
    background: var(--main-blue);
}
.table__serviceXfactor.item .serviceXfactor__btn:hover {
    background: var(--main-blue-darker);
}
.table__serviceprice.item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.table__serviceprice.item .serviceprice__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    display: block;
}
.table__serviceprice.item .serviceprice__info {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 400;
}
.table__servicebefore.item .servicebefore__text {
    font-weight: 400;
    font-size: 16px;
    max-width: 60px;
    line-height: 20px;
}
.table__servicebefore.item .servicebefore__text.success {
    color: var(--text-color);
}
.table__servicebefore.item .servicebefore__text.warning {
    color: var(--main-orange);
}
.table__servicebefore.item .servicebefore__text.error {
    color: var(--main-red);
}
.table__serviceautoextend.item .serviceautoextend__icon {
    position: relative;
    width: 20px;
    height: 16px;
    display: block;
    cursor: pointer;
}
.serviceautoextend__wrap {
    position: relative;
}
.serviceautoextend__wrap .tooltip {
    position: absolute;
    padding: 1px 6px;
    background: #8D8D8D;
    border-radius: 3px;
    color: white;
    opacity: 0;
    visibility: hidden;
    pointer-events: all;
    width: max-content;
    top: -25px;
    font-size: 10px;
    transition: 0.3s all;
    left: 50%;
    transform: translateX(-50%);
}
.serviceautoextend__wrap:hover .tooltip {
    opacity: 1;
    visibility: visible;
}
.table__servicestatus.item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.table__servicestatus.item .servicestatus__title {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 5px;
    color: var(--text-color);
    padding: 2px 10px;
    background: var(--bg-100);
    border-radius: 12px;
    font-size: 13px;
    font-weight: 500;
}
.table__servicestatus.item .servicestatus__title.success {
    color: var(--badge-green-text);
    background: var(--badge-green-bg);
}
.table__servicestatus.item .servicestatus__title.error {
    color: var(--badge-orange-text);
    background: var(--badge-orange-bg);
}
.table__servicestatus.item .servicestatus__text {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: var(--main-blue);
    font-weight: 500;
    text-decoration: none;
}
.table__servicestatus.item .servicestatus__icon {
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0 auto 6px;
}
.table__footer {
    height: 76px;
    background: var(--bg-color-table);
    display: flex;
    align-items: center;
    padding: 0 25px;
    border-top: none;
    transition: 0.3s all;
}
.services .table__footer.fly {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 9999;
}



.table__footer__form {
    display: flex;
    align-items: center;
    gap: 20px;
}
.table__footer__form .selectbox {
    position: relative;
    display: flex;
    width: 235px;
    height: 44px;
    border-radius: 5px;
    border: 1px solid #E1E1E1;
    margin-right: 14px;
}
.table__footer__form .selectbox select {
    appearance: none;
    outline: 0;
    border: 0;
    box-shadow: none;
    /* Personalize */
    flex: 1;
    font-size: 15px;
    line-height: 18px;
    padding: 7px 12px;
    color: var(--text-color);
    cursor: pointer;
    background: var(--bg-color);
    transition: 0.3s all;
}
.table__footer__form .selectbox select::-ms-expand {
    display: none;
}
/* .table__footer__form .selectbox::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 5px;
    height: 8px;
    transform: translateY(-50%) rotate(90deg);
    background: url(../media/blackarrow.svg) center center/cover no-repeat;
} */

/* .table__footer__form .table__footer__btn {
    color: var(--text-color);
    border: 1px solid #D2D2D2;
    padding: 11px 30px;
    font-size: 15px;
    line-height: 18px;
    border-radius: 5px;
    background: white;
    transition: 0.3s all;
    cursor: pointer;
    font-weight: 500;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 5%);
}
.table__footer__form .table__footer__btn:disabled {
    background: transparent;
    cursor: default;
    pointer-events: none;
    color: #C7C7C7;
}
.table__footer__form .table__footer__btn:hover {
    background: rgb(251, 251, 251);
} */




.table__paginaton {
    height: auto;
    padding: 20px 25px;
    display: flex;
    align-items: center;
}

.table__paginaton .table__pagination__info {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: var(--text-color);
    width: calc(100% / 3);
    margin-right: auto;
}
.table__paginaton .table__pagination__target {
    display: flex;
    align-items: center;
    margin-left: 20px;
}
.table__paginaton .table__pagination__target input[type="text"] {
    width: 50px;
    border-radius: 6px 0 0 6px;
    z-index: 99;
    position: relative;
}
.table__paginaton .table__pagination__target button {
    color: var(--text-color-300);
    border-radius: 0 6px 6px 0;
    border-left: none;
}
.table__paginaton .table__pagination__num {
    display: flex;
    align-items: center;
    gap: 23px;
    width: calc(100% / 3);
    justify-content: center;
}
.table__paginaton .table__pagination__num .table__pagination__item {
    display: block;
    text-align: center;
    line-height: 30px;
    width: 30px;
    height: 30px;
    font-size: 13px;
    text-transform: uppercase;
    color: var(--text-color);
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s all;
}
.table__paginaton .table__pagination__num .table__pagination__item:hover {
    background: var(--main-blue);
    border-radius: 2px;
    color: white;
}
.table__paginaton .table__pagination__num .table__pagination__item.active {
    background: var(--main-blue);
    border-radius: 2px;
    color: white;
}
.table__paginaton .table__pagination__settings {
    display: flex;
    align-items: center;
    gap: 17px;
    width: calc(100% / 3);
    justify-content: flex-end;
    margin-left: auto;
}
.table__paginaton .table__pagination__settings .table__pagination__settings__text {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: var(--text-color);
}
.table__paginaton .table__pagination__settings select {
    width: auto;
    flex: 0;
}
@media (max-width: 1000px) {
    .table__paginaton {
        /*padding: 0 25px;*/
        flex-wrap: wrap;
        justify-content: center;
        /*margin: 20px 0;*/
        gap: 20px;
    }
    .table__paginaton .table__pagination__target {
        margin-left: 0;
    }
    .table__paginaton .table__pagination__settings {
        width: 100%;
        justify-content: center;
    }
    .table__paginaton .table__pagination__num {
        width: 100%;
        justify-content: center;
    }
    .table__paginaton .table__pagination__info {
        width: 100%;
        justify-content: center;
        display: flex;
    }
}

.block__search {
    margin-bottom: 20px;
}
.block__search form {
    display: flex;
    align-items: center;
    position: relative;
}
.block__search form [type="text"] {
    border-radius: 0;
    border-right: none;
    flex: 1;
    width: auto;
}
.block__search form [type="text"]:focus {
    border-color: none;
}
.block__search form .submit {
    height: 38px;
    display: flex;
    align-items: center;
    border-radius: 0 6px 6px 0;
    border: 1px solid var(--main-blue);
    justify-content: center;
    position: relative;
    padding: 0 15px;
    background: var(--main-blue);
    transition: 0.3s all;
    color: white;
}
.block__search form .submit:hover {
    background: var(--main-blue-darker);
}
.block__search form .submit [type="submit"] {
    position: absolute;
    opacity: 0;
    height: 100%;
    width: 100%;
    border: none;
    outline: none;
}

.block__search form .filter {
    height: 38px;
    display: flex;
    align-items: center;
    border-radius: 6px 0px 0px 6px;
    border: 1px solid var(--main-blue);
    border-right: none;
    justify-content: center;
    position: relative;
    padding: 0 15px;
    background: var(--main-blue);
    transition: 0.3s all;
    color: white;
    cursor: pointer;
}
.block__search form .filter:hover {
    background: var(--main-blue-darker);
}
.block__search form .filter__item {
    height: 38px;
    display: flex;
    align-items: center;
    border-radius: 0;
    justify-content: center;
    position: relative;
    padding: 0 12px;
    width: fit-content;
    background: var(--bg-color);
    gap: 5px;
    color: var(--text-color);
    border: 1px solid rgb(209, 213, 219);
    border-right: none;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 5%);
    font-weight: 500;
}
.block__search form .filter__item span {
    display: block;
    margin-bottom: 3px;
    width: max-content;
}
.block__search form .filter__item i {
    transition: 0.3s all;
    font-size: 14px;
    padding: 4px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    cursor: pointer;
    margin-top: 2px;
}
.block__search form .filter__item i:hover {
    background: rgb(209, 213, 219);
}

.block__search .filter__list {
    position: relative;
    width: 100%;
    padding: 20px;
    background: var(--bg-color);
    box-shadow: rgb(0 0 0 / 0%) 0px 0px, rgb(0 0 0 / 0%) 0px 0px, rgb(0 0 0 / 5%) 0px 1px 2px 0px;
    border: 1px solid rgb(209, 213, 219);
    border-top: none;
    border-radius: 0 0 6px 6px;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.block__search form.filter__expanded .filter {
    border-radius: 6px 0 0 0;
}
.block__search form.filter__expanded .submit {
    border-radius: 0 6px 0 0;
}


.block__search .filter__list .filter__section {

}
.block__search .filter__list .filter__section .filter__name {
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
    color: var(--text-color);
}
.block__search .filter__list .filter__section .filter__row {
    margin-bottom: 10px;
}
.block__search .filter__list .filter__section .filter__row label {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: var(--text-color) ;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
}
.block__search .filter__list .filter__section .filter__row label [type=checkbox] {
    margin-bottom: 0;
}





.acc__info {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 35px;
    margin-bottom: 10px;
}
.acc__info .acc__info__logged {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
}
.acc__info .acc__info__login {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-decoration-line: underline;
    color: var(--main-blue);
}
.acc__info .acc__info__login:hover {
    text-decoration: none;
}
.acc__info .acc__info__symbol {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
}
.acc__info .acc__info__block {
    background: #F1F1F1;
    border-radius: 3px;
    padding: 8px 11px;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
    transition: 0.3s all;
}
.theme-dark .acc__info .acc__info__block {
    background: var(--bg-color-table);
}
.folder {
    position: relative;
}
.folder .folder__block {
    position: absolute;
    width: 395px;
    height: 122px;
    background: url(../media/folder-accept.svg) center center/cover no-repeat;
    z-index: 10;
    right: 0;
    padding: 39px 17px 20px 17px;
    top: 18px;
}
.folder .folder__block .folder__select__title {
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
    display: block;
    margin-bottom: 5px;
}
.folder .folder__block .folder__select {
    height: 40px;
    display: flex;
    align-items: center;
    gap: 7px;
}
.folder .folder__block .folder__select .selectbox {
    flex: 1;
}

.folder .folder__block .folder__select .selectbox select::-ms-expand {
    display: none;
}
/* .folder .folder__block .folder__select .selectbox::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 5px;
    height: 8px;
    transform: translateY(-50%) rotate(90deg);
    background: url(../media/blackarrow.svg) center center/cover no-repeat;
} */
.folder .folder__block .folder__select .folder__select__submit {
    width: 100%;
    position: relative;
    height: 100%;
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
}
.folder .folder__block .folder__select .sub {
    position: relative;
    background: none;
    width: 38px;
    height: 38px;
    border: 1px solid var(--main-blue);
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s all;
}
.folder .folder__block .folder__select .sub i {
    position: absolute;
    color: var(--main-blue);
    font-size: 16px;
    top: 50%;
    left: 50%;
    transform: translate(-44%, -50%);
}
.folder .folder__block .folder__select .sub:hover {
    background: var(--main-blue);
}
.folder .folder__block .folder__select .sub:hover i {
    color: #fff;
}
.folder .folder__block .folder__select .sub:hover::after {
    background: url('../media/success-white.svg') center center no-repeat;
}
.bill__layout {
    position: fixed;
    width: 100%;
    max-width: 800px;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--bg-color);
    box-shadow: 0px 4px 28px rgb(0 0 0 / 25%);
    border-radius: 5px;
    z-index: 20;
    padding: 45px;
    cursor: default;
}
.bill__layout .bill__close {
    position: absolute;
    top: 9px;
    right: 9px;
    width: 27px;
    height: 27px;
    background: url('../media/close.svg') center center/cover no-repeat;
    cursor: pointer;
}
.bill__layout .bill__table .bill__table__header {
    background: var(--bg-color-table);
    border: 1px solid var(--border-color);
    border-bottom: none;
    height: 40px;
    display: flex;
    gap: 10px;
    padding: 0 24px 0 15px;
    align-items: center;
}
.bill__table__number {
    font-weight: 600 ;
    font-size: 13px;
    line-height: 16px;
    width: 15px;
    color: var(--text-color);
}
.bill__table__title {
    width: auto;
    flex: 1;
    font-weight: 600 ;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-color);
}
.bill__table__sum {
    font-weight: 600 ;
    font-size: 13px;
    line-height: 16px;
    text-align: right;
    color: var(--text-color);
}
.bill__table__item {
    min-height: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 20px;
    border: 1px solid var(--border-color);
    border-top: none;
}
.bill__table__footer {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: center;
    height: 66px;
    background: var(--bg-color-table);
    border: 1px solid var(--border-color);
    border-top: none;
    padding: 0 33px 0 0;
    gap: 3px;
}
.bill__table__footer__line {
    display: flex;
    align-items: center;
}
.bill__table__footer__line .final__sum__1 {
    font-weight: 700 ;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
    display: block;
}
.bill__table__footer__line .final__sum__2 {
    font-weight: 700 ;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
    width: 85px;
    text-align: right;
    display: block;
}
.bill__table__footer__line .final__tax__1 {
    font-weight: 400 ;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
    display: block;
}
.bill__table__footer__line .final__tax__2 {
    font-weight: 400 ;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
    width: 85px;
    text-align: right;
    display: block;
}


.map {
    padding: 50px 20px;
}
.map a {
    position: relative;
    color: var(--text-color);
}
.map span {
    cursor: not-allowed;
    font-size: 20px;
    text-decoration: none;
    color: var(--text-color);
    font-weight: 600;
}
.map a.new:after {
    content: 'NEW';
    position: relative;
    padding: 3px 10px;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
    top: -3px;
    right: -5px;
    line-height: 13px;
    text-transform: uppercase;
    background: #6ABD6A;
    border-radius: 4px;
}
.map a.work:after {
    content: 'В работе';
    position: relative;
    padding: 3px 10px;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
    top: -3px;
    right: -5px;
    line-height: 13px;
    text-transform: uppercase;
    background: #3683c2;
    border-radius: 4px;
}
.map a.not-actual:after {
    content: 'Не актуально';
    position: relative;
    padding: 3px 10px;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
    top: -3px;
    right: -5px;
    line-height: 13px;
    text-transform: uppercase;
    background: #E5333F;
    border-radius: 4px;
}
.map a.work {
    border: none;
    pointer-events: none;
}
.map ul {
    padding: 0;
    margin: 20px 0;
    list-style: none;
}
.map ul li {
    margin-bottom: 20px;
}
.map ul li ul {
    margin-left: 40px;
}
.map ul li a {
    font-size: 20px;
    text-decoration: none;
    color: var(--text-color);
    border-bottom: 1px dotted var(--text-color);
}
.map ul li a:hover {
    border-bottom: transparent;
}
.map ul li p {
    font-size: 20px;
    text-decoration: none;
    color: var(--text-color);
}
@media (max-width: 700px) {
    .map ul li a {
        font-size: 14px;
    }
    .map ul {
        margin: 10px 0;
    }
    .map ul li {
        margin-bottom: 10px;
    }
    .map a.new:after {
        font-size: 7px;
    }
    .map a.work:after {
        font-size: 7px;
    }
}
@media (max-width: 500px) {
    .registration__wrapper .registration__form .step_1 {
        padding: 28px 20px;
    }
    .registration__form .step_2 .step_2__body {
        padding: 28px 20px;
    }
}

.login {
    padding: 50px 0;
}
.login .login__wrap {
    max-width: 570px;
    margin: 0 auto;
}
.login .login__title {
    font-weight: 700;
    font-size: 42px;
    line-height: 46px;
    color: var(--text-color);
    text-align: center;
    margin-bottom: 30px;
}
.theme-light .login .login__block__wrap {
    background: #F1F1F1;
}
.theme-dark .login .login__block__wrap {
    background: #333333;
}
.login .login__block__header {
    padding: 30px 55px;
    border-bottom: 1px solid #E1E1E1;
}
.login .login__block__header .lgb__text {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    display: block;
    color: var(--text-color);
}
.login .login__block__footer {
    padding: 30px 55px;
}
.login .login__block__footer form .input__wrap {
    position: relative;
}
.login .login__block__footer form .input__wrap.submit {
    display: flex;
    justify-content: center;
    align-items: center;
}
.login .login__block__footer form .input__wrap.text input {
    background: var(--bg-color);
    width: 100%;
}
@media (max-width: 1280px) {
    .header__body__logo:hover .logo-cir {
        transform: none;
    }
}
.login .login__block__footer form .input__wrap.text .lostpassword__link {
    position: absolute;
    font-size: 12px;
    line-height: 24px;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    text-decoration: underline;
    color: #A0A0A0;
}
.login .login__block__footer form .input__wrap.text .lostpassword__link:hover {
    text-decoration: none;
}
.login .login__block__footer form .input__wrap.text {
    margin-bottom: 13px;
}
.login .login__block__footer form .input__wrap.check .lbf__label {
    font-size: 13px;
    line-height: 24px;
    color: var(--text-color);
}
.login .login__block__footer form .input__wrap.check .lbf__label::before {
    margin-right: 10px;
}
.login .login__block__footer form .input__wrap.check {
    margin-bottom: 10px;
}
.login .login__block__footer form .input__wrap.submit .lbf__submit {
    outline: none;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    padding: 0 12px;
    font-size: 16px ;
    height: 38px ;
    display: flex;
    line-height: 38px ;
    color: #fff;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 5%);
    background: var(--action-blue);
    align-items: center;
    gap: 8px;
    cursor: pointer;
    width: 100%;
    font-weight: 500;
    transition: 0.3s all;
    max-width: 200px;
    justify-content: center;
}
.login .login__block__footer form .input__wrap.submit .lbf__submit:hover {
    background: var(--action-blue-darker);
}
.login .login__block__footer form {
    margin-bottom: 26px;
}
.login .login__block__footer .lbf__social .lbf__social__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: var(--text-color);
    margin-bottom: 9px;
}
.login .login__block__footer .lbf__social .lbf__links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
}
.login .login__block__footer .lbf__social .lbf__links a {
    transition: 0.3s all ;
}
.login .login__block__footer .lbf__social .lbf__links a:hover {
    transform: scale(1.2);
}


.settings .settings__body {
    background: var(--bg-color);
    border: 1px solid var(--border-color);
    border-right: none;
    border-left: none;
}
.settings .settings__body__wrap {
    display: flex;
}
.settings .settings__body__wrap .data__content {
    padding: 25px 35px;
    flex: 1;
}

.settings .profile__menu__wrapper {
    min-width: 230px;
    background: var(--bg-color);
    padding: 25px 15px;
    border-right: 1px solid var(--border-color);
}
.settings .profile__menu__wrapper .profile__menu {
    list-style: none;
    position: relative;
    height: fit-content;
    margin: 0;
    display: flex;
    padding: 0;
    flex-direction: column;
    gap: 10px;
}

.settings .profile__menu>li {
    min-height: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    transition: 0.3s all;
    border-radius: 6px;
}
.settings .profile__menu>li:hover {
    background: var(--bg-100);
}
.settings .profile__menu>li:hover>a {
    color: var(--main-blue);
}
.settings .profile__menu>li.active {
    background: var(--bg-100);
}
.settings .profile__menu>li.active>a {
    color: var(--main-blue);
}
.settings .profile__menu>li>a{
    position: relative;
    min-height: 55px;
    text-decoration: none;
    font-weight: 500;
    flex: 1;
    font-size: 14px;
    line-height: 55px;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--text-color);
    padding: 0 10px;
}
.settings .profile__menu>li>a i {
    font-size: 22px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.theme-dark .settings .profile__menu__link::before {
    filter: invert(1);
}
.settings .profile__menu__link.data::before {
    content:'';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    transition: 0.3s all;
    background: url('../media/data/data.svg') center center/cover no-repeat;
}
.settings .profile__menu__link.plat::before {
    content:'';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 29px;
    height: 21px;
    transition: 0.3s all;
    background: url('../media/data/plat_profile.svg') center center/cover no-repeat;
}
.settings .profile__menu__link.pass::before {
    content:'';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    transition: 0.3s all;
    background: url('../media/data/pass.svg') center center/cover no-repeat;
}
.settings .profile__menu__link.social::before {
    content:'';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 27px;
    height: 27px;
    transition: 0.3s all;
    background: url('../media/data/social.svg') center center/cover no-repeat;
}
.settings .profile__menu__link.confidential::before {
    content:'';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 24px;
    transition: 0.3s all;
    background: url('../media/data/conf.svg') center center/cover no-repeat;
}
.settings .profile__menu__link.partners::before {
    content:'';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 29px;
    height: 20px;
    transition: 0.3s all;
    background: url('../media/data/partners.svg') center center/cover no-repeat;
}
.settings .profile__menu__link.api::before {
    content:'';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 29px;
    height: 23px;
    transition: 0.3s all;
    background: url('../media/data/api.svg') center center/cover no-repeat;
}
.settings .profile__menu>li.active a:before {
    filter: invert(0);
}
.settings .profile__menu>li:hover a:before {
    filter: invert(0);
}

.settings .profile__menu>li:hover a.data:before {
    background: url('../media/data/data-blue.svg') center center/cover no-repeat;
}
.settings .profile__menu>li.active a.data:before {
    background: url('../media/data/data-blue.svg') center center/cover no-repeat;
}

.settings .profile__menu>li:hover a.plat:before {
    background: url('../media/data/plat_profile-blue.svg') center center/cover no-repeat;
}
.settings .profile__menu>li.active a.plat:before {
    background: url('../media/data/plat_profile-blue.svg') center center/cover no-repeat;
}

.settings .profile__menu>li:hover a.pass:before {
    background: url('../media/data/pass-blue.svg') center center/cover no-repeat;
}
.settings .profile__menu>li.active a.pass:before {
    background: url('../media/data/pass-blue.svg') center center/cover no-repeat;
}

.settings .profile__menu>li:hover a.social:before {
    background: url('../media/data/social-blue.svg') center center/cover no-repeat;
}
.settings .profile__menu>li.active a.social:before {
    background: url('../media/data/social-blue.svg') center center/cover no-repeat;
}

.settings .profile__menu>li:hover a.confidential:before {
    background: url('../media/data/conf-blue.svg') center center/cover no-repeat;
}
.settings .profile__menu>li.active a.confidential:before {
    background: url('../media/data/conf-blue.svg') center center/cover no-repeat;
}

.settings .profile__menu>li:hover a.partners:before {
    background: url('../media/data/partners-blue.svg') center center/cover no-repeat;
}
.settings .profile__menu>li.active a.partners:before {
    background: url('../media/data/partners-blue.svg') center center/cover no-repeat;
}

.settings .profile__menu>li:hover a.api:before {
    background: url('../media/data/api-blue.svg') center center/cover no-repeat;
}
.settings .profile__menu>li.active a.api:before {
    background: url('../media/data/api-blue.svg') center center/cover no-repeat;
}

















.profile .data__content .title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: var(--text-color);
    margin-bottom: 13px;
}
.profile .data__content .sec__title {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: var(--text-color);
    margin-bottom: 17px;
}
.profile .data__content>form {
    display: flex;
    flex-direction: column;
}
.profile .data__content>form .wrap {
    max-width: 430px;
}
.profile .data__content>form input, .profile .data__content>form label, .profile .data__content>form span {
    display: block;
    position: relative;
}
.profile .data__content>form label {
    font-size: 14px;
    line-height: 24px;
    color: var(--text-color);
    margin-bottom: 3px;
    width: fit-content;
}
.profile .data__content>form input {
    width: 100%;
    background: var(--bg-color);
    border: 1px solid var(--border-color-table);
    border-radius: 3px;
    outline: none;
    padding: 15px 12px;
    margin-bottom: 20px;
    max-width: 430px;
    transition: 0.3s all;
}
.profile .data__content>form input[type="text"]:focus {
    border: 1px solid var(--main-blue);
}
.profile .data__content {
    flex: 1;
}
.profile .data__content>form .input__wrapper {
    position: relative;
    width: 100%;
    max-width: 430px;
}
.profile .data__content>form .input__wrapper>input {
    margin-bottom: 0;
}
.profile .data__content>form .input__wrapper>a.edit {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url('../media/data/edit.svg') center center/cover no-repeat;
}
.profile .data__content>form .input__wrapper>a.delete {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 14.5px;
    height: 16px;
    background: url('../media/data/delete.svg') center center/cover no-repeat;
}
.profile .data__content>form input:disabled {
    background: var(--bg-color-table);
}
.profile .data__content>form>label.required::after {
    content: '*';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 24px;
    color: red;
}
.profile .data__content>form thead tr {
    height: 62px;
}
.profile .data__content>form thead tr .fio {
    padding: 0 18px;
}
.profile .data__content>form tbody tr .fio {
    padding: 21px 18px;
}
.profile .data__content>form tbody tr {
    height: 62px;
    border: 1px solid var(--border-color-table);
    border-top: none;
}
.profile .data__content>form tbody tr td {
    vertical-align: top;
    padding: 21px 18px 21px 0;
}
.profile .data__content>form tbody tr .fio .main {
    font-weight: 600;
    color: var(--text-color);
}
.profile .data__content>form tbody tr .fio .sub {
    font-size: 13px;
    line-height: 16px;
    color: #8D8D8D;
}
.profile .data__content>form tbody tr .e-mail a{
    font-size: 15px;
    line-height: 18px;
    color: #3683C2;
}
.profile .data__content>form tbody tr .btns .actions {
    display: flex;
    gap: 10px;
}
.profile .data__content>form tbody tr .btns .actions button {
    all: unset;
    color: #3683c2;
    cursor: pointer;
}
.profile .data__content>form tbody tr .btns .actions a {
    all: unset;
    color: #3683c2;
    cursor: pointer;
}
@media (max-width: 1170px) {
    .profile .data__content>form .data__table {
        border-top: 1px solid var(--border-color);
    }
    .profile .data__content>form .data__table thead {
        display: none;
    }
    .profile .data__content>form tbody tr td {
        display: block;
        padding: 12px 18px ;
    }
}







.nice-select {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 5%);
}








.profile .data__content .data__input__comment {
    font-size: 12px;
    line-height: 16px;
    color: #848484;
    margin-bottom: 20px;
    margin-top: 10px;
}
.profile .data__content>form .data__add__email {
    width: fit-content;
    padding-left: 25px;
    position: relative;
    text-decoration: none;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #3683C2;
    display: block;
    margin-top: -10px;
    margin-bottom: 25px;
}
.profile .data__content>form .data__add__email:before {
    content: '+';
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    color: #3683C2;
    font-size: 22px;
    font-weight: 600;
    line-height: 21px;
}
.profile .data__content>form .submit {
    display: block;
    transition: 0.3s all;
    height: 42px;
    padding: 0 20px;
    color: #fff;
    border: 1px solid var(--main-blue);
    border-radius: 3px;
    background: var(--main-blue);
    outline: none;
    text-align: center;
    line-height: 42px;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    min-width: 190px;
}
.profile .data__content>form .submit:hover {
    background: var(--main-blue-darker);
}
.overflow-h {
    overflow: hidden;
    height: 100vh;
    padding-right: 17px;
}
.profile .data__content>form .input__wrapper>.error__field {
    background: #FFEDED;
    border: 1px solid #D9534F;
    padding: 20px;
    position: absolute;
    z-index: 20;
}
.profile .data__content>form .input__wrapper>.error__field>p {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-color);
    margin-bottom: 15px;
}
.profile .data__content>form .input__wrapper>.error__field>a {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #3683C2;
    text-decoration: none;
    padding-left: 25px;
    position: relative;
}
.profile .data__content>form .input__wrapper>.error__field>a::before {
    content: '';
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url('../media/data/edit.svg') center center/cover no-repeat;
}
.profile .data__content>form .data__table {
    width: 100%;
}
.profile .data__content>form .data__table .contact__faces__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 62px;
    padding: 0 18px;
    background: var(--bg-color-table);
    border: 1px solid var(--border-color-table);
}
.profile .data__content>form .data__table .contact__faces__header .cf__title {
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
}
.data__table .cf__title.fio {
    min-width: 39px;
    width: 220px;
}
.data__table .cf__title.email {
    min-width: 53px;
    width: 272px;
}
.data__table .cf__title.phone {
    min-width: 125px;
    width: 200px;
}
.data__table .cf__title.name {
    min-width: 195px;
    width: 339px;
}
.data__table .cf__title.plat-type {
    min-width: 137px;
    width: 216px;
}
.data__table .cf__title.balance {
    min-width: 57px;
    width: 120px;
}
.data__table .cf__item {
    display: flex;
    padding: 10px 18px;
    align-items: center;
    min-height: 90px;
    border: 1px solid var(--border-color-table);
    border-top: none;
    background: var(--bg-color);
    transition: 0.3s all;
}
.data__table .cf__item:hover {
    background: var(--bg-color-table);
}
.data__table .cf__item>div {
    word-wrap: break-word;
    padding-right: 10px;
}
.data__table .cf__item .cf__item__s.info {
    width: 220px;
}
.data__table .cf__item .cf__item__s.info .name {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
}
.data__table .cf__item .cf__item__s.info .pers {
    font-size: 13px;
    line-height: 16px;
    color: #8D8D8D;
}

.data__table .cf__item .cf__item__s.prof-name {
    width: 339px;
}
.data__table .cf__item .cf__item__s.prof-name .name {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
}
.data__table .cf__item .cf__item__s.prof-name .pers {
    font-size: 13px;
    line-height: 16px;
    color: #8D8D8D;
}

.data__table .cf__item .cf__item__s.vid {
    width: 216px;
    min-width: 216px;
}
.data__table .cf__item .cf__item__s.vid span {
    font-size: 13px;
    line-height: 16px;
    color: #8D8D8D;
}

.data__table .cf__item .cf__item__s.balance {
    width: 120px;
    min-width: 120px;
}
.data__table .cf__item .cf__item__s.balance>div {
    display: flex;
}
.data__table .cf__item .cf__item__s.balance>div>span {
    font-size: 15px;
    line-height: 24px;
    color: var(--text-color);
    margin-right: 5px;
}
.data__table .cf__item .cf__item__s.balance>div>a {
    font-size: 18px;
    line-height: 23px;
    color: #3683C2;
    font-weight: 500;
    text-decoration: none;
    transition: 0.3s all;
}
.data__table .cf__item .cf__item__s.balance>div>a:hover {
    transform: scale(1.2) translateY(1px);
}



.data__table .cf__item .cf__item__s.email {
    width: 272px;
}
.data__table .cf__item .cf__item__s.email a, .data__table .cf__item .cf__item__s.email span{
    font-size: 15px;
    line-height: 18px;
    color: #3683C2;
}
.data__table .cf__item .cf__item__s.email a:hover{
    color: var(--text-color);
}
.data__table .cf__item .cf__item__s.phone {
    width: 190px;
}
.data__table .cf__item .cf__item__s.phone a {
    font-size: 15px;
    line-height: 24px;
    color: var(--text-color);
}
.data__table .cf__item .cf__item__s.links {
    position: relative;
    display: flex;
}
.data__table .cf__item .cf__item__s.links .edit {
    content: '';
    position: relative;
    margin-right: 25px;
    width: 16px;
    display: block;
    height: 16px;
    background: url('../media/data/edit.svg') center center/cover no-repeat;
}
.data__table .cf__item .cf__item__s.links .delete {
    content: '';
    position: relative;
    width: 14.5px;
    display: block;
    height: 16px;
    background: url('../media/data/delete.svg') center center/cover no-repeat;
}
.data__table a {
    color: var(--text-color);
    text-decoration: none;
}
.profile .data__content>form .data__add__pers {
    width: fit-content;
    padding-left: 25px;
    position: relative;
    text-decoration: none;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #3683C2;
    display: block;
    margin-top: 15px;
    margin-bottom: 20px;
}
.profile .data__content>form .data__add__pers::before {
    content: '+';
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    color: #3683C2;
    font-size: 22px;
    font-weight: 600;
    line-height: 21px;
}
.profile .data__content .pers__form__overlay {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    z-index: 50;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.profile .data__content .pers__form {
    background: var(--bg-color);
    padding: 40px 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 470px;
    z-index: 30;
    box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
}
.profile .data__content .pers__form .pers__form__close {
    position: absolute;
    top: 9px;
    right: 9px;
    width: 27px;
    height: 27px;
    background: url(../media/close.svg) center center/cover no-repeat;
    cursor: pointer;
}
.profile .data__content .pers__form input{
    width: 100%;
}
.profile .data__content .pers__form h4 {
    margin-bottom: 15px;
}
.profile .data__content .pers__form label {
    position: relative;
    width: fit-content;
    font-size: 14px;
    line-height: 24px;
    color: var(--text-color);
    margin-bottom: 3px;
}
.profile .data__content .pers__form input {
    width: 100%;
    background: var(--bg-color);
    border: 1px solid var(--border-color-table);
    border-radius: 3px;
    outline: none;
    padding: 14px 12px;
    font-size: 14px;
    color: var(--text-color);
    margin-bottom: 20px;
    transition: 0.3s all;
}
.profile .data__content .pers__form input:focus {
    border: 1px solid var(--main-blue);
}
.profile .data__content .pers__form .pers__form__submit {
    background: #3683C2;
    width: fit-content;
    display: block;
    margin: 15px auto 0;
    border-radius: 5px;
    padding: 11px 60px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    color: #FFFFFF;
    border: none;
    transition: 0.3s all;
    cursor: pointer;
}
.profile .data__content .pers__form .pers__form__submit:hover {
    background: #2F6FB0;
}
.profile .data__content .pers__form label.required::after {
    content: '*';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 24px;
    color: red;
}
.profile .data__content .data__form h4 {
    margin-bottom: 10px;
}
.profile .data__content .data__form .data__form__inputwrap {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    max-width: 430px;
}
.profile .data__content .data__form .data__form__inputwrap .selectbox {
    position: relative;
    display: flex;
    width: 100%;
    height: 48px;
    border-radius: 5px;
    border: 1px solid var(--border-color-table);
}
.profile .data__content .data__form .data__form__inputwrap .selectbox .current {
    line-height: 47px;
}
.profile .data__content .data__form .data__form__inputwrap input {
    width: 100%;
}
.profile .data__content .data__form .data__form__inputwrap .selectbox select {
    appearance: none;
    outline: 0;
    border: 0;
    box-shadow: none;
    flex: 1;
    font-size: 15px;
    line-height: 18px;
    padding: 7px 12px;
    color: var(--text-color);
    cursor: pointer;
    background: var(--bg-color);
    transition: 0.3s all;
}


.profile .data__content .data__form .selectbox {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 430px;
    height: 48px;
    border-radius: 5px;
    border: 1px solid var(--border-color-table);
    margin-bottom: 20px;
}
.profile .data__content .data__form .selectbox .current {
    line-height: 47px;
}
.profile .data__content .data__form .selectbox select {
    appearance: none;
    outline: 0;
    border: 0;
    box-shadow: none;
    flex: 1;
    font-size: 15px;
    line-height: 18px;
    padding: 7px 12px;
    color: var(--text-color);
    cursor: pointer;
    background: var(--bg-color);
    transition: 0.3s all;
}

.profile .data__content .oauth {
    max-width: 430px;
}
.profile .data__content .oauth .oauth__text{
    font-size: 14px;
    line-height: 18px;
    color: var(--text-color);
    margin-bottom: 23px;
    display: block;
}
.profile .data__content .oauth .oauth__btns {
    display: flex;
    gap: 10px;
    margin-bottom: 34px;
}
.profile .data__content .oauth .oauth__btns .oauth__btn {
    display: block;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    position: relative;
}
.profile .data__content .oauth .oauth__btns .oauth__btn.facebook {
    background: #3B5998;
}
.profile .data__content .oauth .oauth__btns .oauth__btn.facebook::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13.5px;
    height: 26px;
    transform: translate(-50%, -50%);
    background: url(../media/oauth/facebook.svg) center center/cover no-repeat;
}
.profile .data__content .oauth .oauth__btns .oauth__btn.vk {
    background: #6695BD;
}
.profile .data__content .oauth .oauth__btns .oauth__btn.vk::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 27px;
    height: 15.5px;
    transform: translate(-50%, -50%);
    background: url(../media/oauth/vk.svg) center center/cover no-repeat;
}
.profile .data__content .oauth .oauth__btns .oauth__btn.google {
    background: #DD4A38;
}
.profile .data__content .oauth .oauth__btns .oauth__btn.google::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 17px;
    transform: translate(-50%, -50%);
    background: url(../media/oauth/google.svg) center center/cover no-repeat;
}
.profile .data__content .oauth .oauth__btns .oauth__btn.yandex {
    background: #E53934;
}
.profile .data__content .oauth .oauth__btns .oauth__btn.yandex::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 11.5px;
    height: 24px;
    transform: translate(-58%, -50%);
    background: url(../media/oauth/yandex.svg) center center/cover no-repeat;
}
.profile .data__content .oauth .oauth__btns .oauth__btn.mailru {
    background: #2970B7;
}
.profile .data__content .oauth .oauth__btns .oauth__btn.mailru::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 23px;
    height: 22px;
    transform: translate(-50%, -50%);
    background: url(../media/oauth/mail.svg) center center/cover no-repeat;
}
.profile .data__content table {
    width: 100%;
    border-collapse: collapse;
}
.profile .data__content table thead {
    width: 100%;
    background: var(--bg-color-table);
    border: 1px solid var(--border-color-table);
}
.profile .data__content table.oauth__table thead tr {
    height: 62px;
}
.profile .data__content table.oauth__table thead tr>th {
    font-weight: 600 ;
    color: var(--text-color);
}
.profile .data__content table.oauth__table thead tr>th, .profile .data__content table.oauth__table tbody tr>td, .profile .data__content table.oauth__table tfoot tr>td {
    padding: 18px;
    font-weight: 400;
    text-align: left;
}
.profile .data__content table.oauth__table thead tr>th:nth-child(1) {
    width: 42%;
    font-size: 15px;
    line-height: 18px;
}
.profile .data__content table.oauth__table thead tr>th:nth-child(2) {
    width: 40%;
    font-size: 15px;
    line-height: 18px;
}
.profile .data__content table.oauth__table thead tr>th:nth-child(3) {
    width: 18%;
}
.profile .data__content table.oauth__table tbody tr {
    height: 60px;
    border: 1px solid var(--border-color-table);
    border-top: none;
}

.profile .data__content table.oauth__table tbody tr>td:nth-child(1) {
    width: 40%;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
}
.profile .data__content table.oauth__table tbody tr>td:nth-child(2) {
    width: 40%;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
}
.profile .data__content table.oauth__table tbody tr>td:nth-child(3) {
    width: 20%;
}
.profile .data__content table.oauth__table tbody tr>td>.delete {
    position: relative;
    width: 16px;
    display: block;
    height: 16px;
}
.profile .data__content table.oauth__table tbody tr>td>.delete::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 15px;
    transform: translate(-50%, -50%);
    background: url(../media/oauth/delete.svg) center center/cover no-repeat;
}
.profile .data__content .confidential {
    max-width: 430px;
}
.profile .data__content .confidential .confidential__text {
    display: block;
    margin-bottom: 23px;
    font-size: 14px;
    line-height: 18px;
    color: var(--text-color);
}
.profile .data__content .confidential .confidential__link {
    display: block;
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #3683C2;
    width: fit-content;
    text-decoration: none;
}


.profile .data__content .password {
    max-width: 430px;
}
.profile .data__content .password input:not(input[type="checkbox"],input[type="submit"]) {
    background: var(--bg-color);
    border: 1px solid var(--border-color-table);
    border-radius: 3px;
    outline: none;
    padding: 14px;
    margin-bottom: 20px;
    width: 100%;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-color);
    transition: 0.3s all;
}
.profile .data__content .password input:not(input[type="checkbox"]:focus, input[type="submit"]):focus {
    border: 1px solid var(--main-blue);
}
.profile .data__content .password label {
    display: block;
    position: relative;
    width: fit-content;
    font-size: 14px;
    line-height: 24px;
    color: var(--text-color);
    margin-bottom: 3px;
}
.profile .data__content .password label.required:after {
    content: '*';
    position: absolute;
    right: -13px;
    top: 45%;
    transform: translate(-50%, -50%);
    color: #FF0000;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
}
.profile .data__content .password .input__wrap {
    width: 100%;
    position: relative;
}
.profile .data__content .password .password__alert {
    font-size: 12px;
    line-height: 15px;
    margin: -10px 0 20px 0;
}
.profile .data__content .password .password__alert>span {
    color: #D9534F;
}
.profile .data__content .password .password__submit {
    display: block;
    transition: 0.3s all;
    height: 42px;
    padding: 0 20px;
    color: #fff;
    border: 1px solid var(--main-blue);
    border-radius: 3px;
    background: var(--main-blue);
    outline: none;
    text-align: center;
    line-height: 42px;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    min-width: 190px;
}
.profile .data__content .password .password__submit:hover {
    background: var(--main-blue-darker);
}
.profile .data__content .password .input__wrap.second-pass>a {
    position: absolute;
    top: 36%;
    right: 10px;
    transform: translate(-50%, -50%);
    width: 22px;
    height: 14px;
    background: url(../media/password/close.svg) center center/cover no-repeat;
    transition: 0.3s all;
}
.profile .data__content .password .input__wrap.main-pass>.view {
    position: absolute;
    top: 35%;
    transform: translateY(-50%);
    right: 41px;
    display: block;
    width: 19px;
    height: 12px;
    transition: 0.3s all;
    background: url(../media/password/close.svg) center center/cover no-repeat;
}
.profile .data__content .password .input__wrap.main-pass>.pass {
    position: absolute;
    top: 35%;
    transform: translateY(-50%);
    right: 15px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../media/password/close-pass.svg) center center/cover no-repeat;
}
.profile .data__content .password .input__wrap.main-pass>a.active {
    background: url(../media/password/open.svg) center center/cover no-repeat;
}
.profile .data__content .password .input__wrap.second-pass>a.active {
    background: url(../media/password/open.svg) center center/cover no-repeat;
}






.button-switch {
    position: relative;
    min-width: 67px;
    max-width: 67px;
    height: 26px;
    margin: 0;
    overflow: hidden;
    border-radius: 15px;
}
.button-switch .knobs, .button-switch .layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.button-switch input[type="checkbox"] {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
    margin: 0;
}
.button-switch .knobs {
    z-index: 2;
}
.button-switch .layer {
    width: 100%;
    background-color: #B8B8B8;
    transition: 0.3s ease all;
    z-index: 1;
}

.button-switch .knobs span {
    position: absolute;
    top: 4px;
    width: 20px;
    height: 10px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 2px;
    transition: 0.3s ease all;
}
.button-switch .knobs:before, .button-switch .knobs:after {
    color: #4e4e4e;
    z-index: 1;
}
.button-switch .knobs:before {
    content: 'ON';
    position: absolute;
    left: 15px;
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    color: #FFFFFF;
    top: 5px;
    transition: 0.3s all;
    opacity: 0;
}
.button-switch .knobs:after {
    content: 'OFF';
    position: absolute;
    right: 8px;
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    color: #FFFFFF;
    top: 5px;
    transition: 0.3s all;
    opacity: 1;
}
.button-switch .knobs span {
    width: 18px;
    left: 4px;
    background-color: #ffffff;
    border-radius: 50%;
    z-index: 2;
}

.button-switch .checkbox:checked + .knobs span {
    left: 44px;
}
.button-switch .checkbox:checked + .knobs:after {
    transition: 0.3s all;
    opacity: 0;
}
.button-switch .checkbox:checked + .knobs:before {
    transition: 0.3s all;
    opacity: 1;
}

.button-switch .checkbox:checked ~ .layer {
    background-color: #5CB85C;
}

.profile .data__content .password .password__form {
    margin-bottom: 35px;
}

.profile .data__content .password .ip__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profile .data__content .password .tsauth__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.profile .data__content .password .ip {
    margin-bottom: 30px;
}
.profile .data__content .password .ip .ip__wrap {
    display: flex;
    flex-direction: column;
    margin: 25px 0 35px 0;
}
.profile .data__content .password .ip .ip__wrap>span {
    font-size: 12px;
    line-height: 16px;
    color: #757575;
    margin-top: -5px;
    margin-bottom: 20px;
    display: block;
}
.profile .data__content .password .ip .ip__wrap .ip__wrap__textarea {
    height: 120px;
    background: var(--bg-color);
    border: 1px solid var(--border-color-table);
    border-radius: 3px;
    outline: none;
    padding: 14px;
    margin-bottom: 20px;
    width: 100%;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-color);
    resize: none;
}


.profile .data__content .password .tsauth .tsauth__wrap {
    display: flex;
    flex-direction: column;
    margin: 25px 0 35px 0;
    background: #F8F8F8;
    border: 1px solid #EDEDED;
    padding: 20px;
}
.profile .data__content .password .tsauth .tsauth__wrap .tsauth__wrap__text {
    font-size: 14px;
    line-height: 17px;
    color: var(--text-color);
    margin-bottom: 20px;
}
.profile .data__content .password .tsauth .tsauth__wrap .tsauth__wrap__text>a {
    font-size: 14px;
    line-height: 19px;
    color: #3683C2;
    text-decoration: none;
}
.profile .data__content .password .tsauth .tsauth__wrap .tsauth__qr {
    max-width: 158px;
    margin: 0 auto 20px;
}
.profile .data__content .password .tsauth .tsauth__wrap .tsauth__helplink {
    font-size: 14px;
    line-height: 19px;
    color: #3683C2;
    display: block;
    width: fit-content;
    text-decoration: none;
    margin-bottom: 15px;
}
.profile .data__content .password .tsauth .tsauth__wrap .tsauth__btns {
    display: flex;
    gap: 15px;
}
.profile .data__content .password .tsauth .tsauth__wrap .tsauth__btns>input {
    background: #3683C2;
    border: 1px solid #3683C2;
    border-radius: 2px;
    color: white;
    height: 40px;
    width: 100%;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    transition: 0.3s all;
}
.profile .data__content .password .tsauth .tsauth__wrap .tsauth__btns>input:hover {
    background: #2b6799;
}
.profile .data__content .password .tsauth .tsauth__wrap .tsauth__btns>button {
    background: transparent;
    border: 1px solid #3683C2;
    border-radius: 2px;
    color: #3683C2;
    height: 40px;
    width: 100%;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    transition: 0.3s all;
}
.profile .data__content .password .tsauth .tsauth__wrap .tsauth__btns>button:hover {
    background: #3683C2;
    color: white;
}
.profile .data__content .partner {
    max-width: 430px;
}
.profile .data__content .partner a {
    text-decoration: none;
    color: #3683C2;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 20px;
}
.profile .data__content .partner .partner__ref {
    font-size: 14px;
    line-height: 20px;
    color: var(--text-color);
    margin-bottom: 20px;
}
.profile .data__content .partner table {
    margin-bottom: 15px;
}
.profile .data__content .partner table thead tr {
    background: #E8E8E8;
    border: 1px solid #EDEDED;
    height: 47px;
}
.profile .data__content .partner table thead tr th {
    padding: 11px 18px;
    text-align: left;
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
}
.profile .data__content .partner table tbody tr td {
    padding: 11px 18px;
    text-align: left;
    font-size: 13px;
    line-height: 24px;
}
.profile .data__content .partner table tbody tr {
    border: 1px solid #EDEDED;
    height: 47px;
    border-top: none;
}
.profile .data__content .partner .partner__alert {
    font-size: 12px;
    line-height: 15px;
    color: var(--text-color);
    margin-bottom: 30px;
}
.profile .data__content .partner .partner__alert>span {
    color: #D9534F;
}
.profile .data__content .partner .partner__rules {
    font-size: 14px;
    line-height: 17px;
    color: #3683C2;
    text-decoration: none;
    margin-bottom: 24px;
    display: block;
}
.profile .data__content .partner .st {
    background: #F8F8F8;
    border: 1px solid #EAEAEA;
    padding: 20px;
    margin-bottom: 26px;
}
.profile .data__content .partner .partner__share {
    font-size: 14px;
    line-height: 17px;
    color: var(--text-color);
    margin-bottom: 20px;
}
.profile .data__content .partner .socials__bnts {
    display: flex;
    gap: 7px;
}
.profile .data__content .partner .socials__bnts .socials__btn {
    display: block;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    position: relative;
}
.profile .data__content .partner .socials__bnts .socials__btn.facebook {
    background: #3B5998;
}
.profile .data__content .partner .socials__bnts .socials__btn.facebook::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 18px;
    transform: translate(-50%, -50%);
    background: url(../media/oauth/facebook.svg) center center/cover no-repeat;
}
.profile .data__content .partner .socials__bnts .socials__btn.vk {
    background: #6695BD;
}
.profile .data__content .partner .socials__bnts .socials__btn.vk::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 19px;
    height: 11px;
    transform: translate(-50%, -50%);
    background: url(../media/oauth/vk.svg) center center/cover no-repeat;
}
.profile .data__content .partner .socials__bnts .socials__btn.google {
    background: #DD4A38;
}
.profile .data__content .partner .socials__bnts .socials__btn.google::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 19px;
    height: 12px;
    transform: translate(-50%, -50%);
    background: url(../media/oauth/google.svg) center center/cover no-repeat;
}
.profile .data__content .partner .socials__bnts .socials__btn.yandex {
    background: #E53934;
}
.profile .data__content .partner .socials__bnts .socials__btn.yandex::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8.5px;
    height: 17.5px;
    transform: translate(-50%, -50%);
    background: url(../media/oauth/yandex.svg) center center/cover no-repeat;
}
.profile .data__content .partner .socials__bnts .socials__btn.mailru {
    background: #2970B7;
}
.profile .data__content .partner .socials__bnts .socials__btn.mailru::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16.5px;
    height: 17px;
    transform: translate(-50%, -50%);
    background: url(../media/oauth/mail.svg) center center/cover no-repeat;
}
.profile .data__content .api {
    max-width: 430px;
    display: flex;
    flex-direction: column;
}
.profile .data__content>form {

    display: flex;
    flex-direction: column;
}
.profile .data__content .api .api__docs {
    font-size: 14px;
    line-height: 17px;
    color: #3683C2;
    text-decoration: none;
    display: block;
    width: fit-content;
    margin-bottom: 15px;
}
.profile .data__content .api label {
    font-size: 14px;
    line-height: 24px;
    color: var(--text-color);
    margin-bottom: 3px;
}
.profile .data__content .api .input__wrap {
    position: relative;
    width: 100%;
}
.profile .data__content .api input:not(input[type="submit"]) {
    width: 100%;
    background: var(--bg-color);
    border: 1px solid var(--border-color-table);
    border-radius: 3px;
    outline: none;
    padding: 15px 12px;
    margin-bottom: 20px;
    transition: 0.3s all;
}
.profile .data__content .api input:not(input[type="submit"]):focus {
    border: 1px solid var(--main-blue);
}
.profile .data__content .api .api__pass__alert {
    font-size: 12px;
    line-height: 15px;
    color: var(--text-color);
    margin-bottom: 14px;
    margin-top: -10px;
}
.profile .data__content .api .api__address__alert {
    font-size: 12px;
    line-height: 15px;
    color: var(--text-color);
    margin-bottom: 14px;
}
.profile .data__content .api .api__pass__alert>span {
    color: #D9534F;
}
.profile .data__content .api .submit {
    display: block;
    transition: 0.3s all;
    height: 42px;
    padding: 0 20px;
    color: #fff;
    border: 1px solid var(--main-blue);
    border-radius: 3px;
    background: var(--main-blue);
    outline: none;
    text-align: center;
    line-height: 42px;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    min-width: 190px;
}
.profile .data__content .api .submit:hover {
    background: var(--main-blue-darker);
}
.profile .data__content .api .api__pass {
    margin-bottom: 20px;
}
.profile .data__content .api .api__address__textarea {
    height: 120px;
    background: var(--bg-color);
    border: 1px solid var(--border-color-table);
    border-radius: 3px;
    outline: none;
    padding: 14px;
    margin-bottom: 10px;
    width: 100%;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-color);
    resize: none;
    transition: 0.3s all;
}
.profile .data__content .api .api__address__textarea:focus {
    border: 1px solid var(--main-blue);
}
.profile .data__content .api .input__wrap .view {
    position: absolute;
    top: 35%;
    transform: translateY(-50%);
    right: 41px;
    display: block;
    width: 19px;
    height: 12px;
    transition: 0.3s all;
    background: url(../media/password/close.svg) center center/cover no-repeat;
}
.profile .data__content .api .input__wrap .pass {
    position: absolute;
    top: 35%;
    transform: translateY(-50%);
    right: 15px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../media/password/close-pass.svg) center center/cover no-repeat;
}

.profile .data__content .api .input__wrap .view.active {
    background: url(../media/password/open.svg) center center/cover no-repeat;
}

/* ADAPTIVE HEADER */
header .mobile__header {
    display: none;
}
header .mobile__header {
    height: 80px;
    padding: 0 64px;
    align-items: center;
}
header .mobile__header .mh__menubtn {
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    gap: 4px;
    cursor: pointer;
}
header .mobile__header .mh__menubtn>span {
    width: 23px;
    height: 3px;
    display: block;
    transition: 0.3s all;
}
.theme-light header .mobile__header .mh__menubtn>span {
    background: #333333;
    pointer-events: none;
    border-radius: 2px;
}
.theme-dark header .mobile__header .mh__menubtn>span {
    background: #fff;
}
header .mobile__header .mh__logo {
    margin-right: auto;
}
header .mobile__header .mh__logo>a{
    display: flex;
    text-decoration: none;
    align-items: center;
}
header .mobile__header .mh__logo>a .mh-logo-cir {
    max-width: 43px;
    margin-right: 15px;
    display: block;
}
header .mobile__header .mh__logo>a .mh-logo-text {
    max-width: 167px;
}
header .mobile__header .mh__logo>a .mh-logo-white {
    max-width: 167px;
}
.theme-light header .mobile__header .mh__logo>a .mh-logo-text {
    display: block;
}
.theme-light header .mobile__header .mh__logo>a .mh-logo-white {
    display: none;
}
.theme-dark header .mobile__header .mh__logo>a .mh-logo-white {
    display: block;
}
.theme-dark header .mobile__header .mh__logo>a .mh-logo-text {
    display: none;
}
header .mobile__header .mh__btns {
    display: flex;
    gap: 20px;
    align-items: center;
}
header .mobile__header .mh__btns i {
    font-size: 22px;
    transition: 0.2s all;
}
@media (max-width: 370px) {
    header .mobile__header .mh__btns i {
        font-size: 18px;
    }
    header .mobile__header .mh__btns {
        margin-left: 12px;
    }
    header .mobile__header .mh__menubtn {
        margin-left: 20px;
    }
}
header .mobile__header .mh__btns>div:active i {
    transform: scale(0.8);
}
header .mobile__header .mh__btns .phone__btn {
    cursor: pointer;
}
header .mobile__header .mh__btns .acc__btn {
    cursor: pointer;
    position: relative;
}
header .mobile__header .mh__btns .acc__btn.user-online:after {
    content: '';
    position: absolute;
    top: -4px;
    left: 16px;
    width: 9px;
    height: 9px;
    background: #76C176;
    border-radius: 50%;
    display: block;
}
header .mobile__header .mh__btns .busket__btn {
    cursor: pointer;
    position: relative;
}



header .mobile__header .mh__btns .busket__btn::after {
    content: attr(count);
    display: block;
    position: absolute;
    top: -7px;
    right: -8px;
    border-radius: 50%;
    background:#E5333F;
    width: 19px;
    height: 19px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 19px;
}
header .mobile__header .mh__menu {
    background: white;
    width: 100%;
    position: absolute;
    left: 0;
    top: 80px;
    border-top: 1px solid #dfdfdf;
    transition: 0.3s all;
    transform: translateX(-100%);
    z-index: 10;
}
header .mobile__header .mh__menu.active {
    transform: translateX(0);
}
header .mobile__header .mh__layer {
    position: absolute;
    width: 100%;
    height: 100vh;
    background: #000000a8;
    left: 0;
    top: 80px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s all;
}
header .mobile__header .mh__layer.active {
    visibility: visible;
    opacity: 1;
}

header .mobile__header .mh__menubtn.active>span:nth-child(1) {
    transform: rotate(45deg) translate(7px, 3px);
}
header .mobile__header .mh__menubtn>span {
    transition: 0.3s all;
}
header .mobile__header .mh__menubtn.active>span:nth-child(2) {
    opacity: 0;
    visibility: hidden;
}
header .mobile__header .mh__menubtn.active>span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -3px);
}
header .mobile__header .mh__menu {
    padding: 30px 0 0 0;
    overflow: auto;
    height: auto;
    max-height: calc(100vh - 80px);
}
header .mobile__header .mh__menu .mh__menuwrap {
    padding: 0;
    overflow: hidden;
}
header .mobile__header .mh__menu .whois__wrap {
    height: 45px;
    display: flex;
    margin-bottom: 24px;
    padding: 0 64px;
}
header .mobile__header .mh__menu .whois__wrap>input {
    flex: 1;
    border: 1px solid #ECECEC;
    padding: 0 15px;
    font-size: 14px;
    line-height: 17px;
    outline: none;
    background: #FAFAFA;
    transition: 0.3s all;
    color: #454545;
    height: 45px;
}
header .mobile__header .mh__menu .whois__wrap>input:focus {
    border: 1px solid #AEAEAE;
}
header .mobile__header .mh__menu .whois__wrap>a {
    display: block;
    text-align: center;
    line-height: 45px;
    color: #fff;
    background: #AEAEAE;
    text-decoration: none;
    width: 95px;
    transition: 0.3s all;
    font-weight: bold;
    height: 45px;
}
header .mobile__header .mh__menu .whois__wrap>a:hover {
    background: #999999;
}
header .mobile__header .mh__menu .mh__menulist {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 20px;
    position: relative;
    transition: 0.3s all;
    opacity: 1;
    visibility: visible;
    left: 0;
}
header .mobile__header .mh__menu .mh__menulist.not-active {
    left: -100%;
}
header .mobile__header .mh__menu .mh__menulist .mh__menu__item {
    padding: 15px 64px;
    display: flex;
    align-items: center;
    transition: 0.3s all;
    cursor: pointer;
}




header .mobile__header .mh__menu .mh__menulist .mh__menu__item:hover {
    background: #f3f3f3;
}
header .mobile__header .mh__menu .mh__menulist.not-active .mh__menu__item:hover {
    background: none;
}
header .mobile__header .mh__menu .mh__menulist .mh__menu__item .arrow {
    position: relative;
    display: block;
    flex: 1;
}
header .mobile__header .mh__menu .mh__menulist .mh__menu__item.has-submenu .arrow:after {
    content: '';
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    transition: 0.3s all;
    position: absolute;
    display: block;
    width: 8px;
    background: var(--arrow-icon) center center/cover no-repeat;
    height: 5px;
}
header .mobile__header .mh__menu .mh__menulist .mh__menu__item>a {
    text-decoration: none;
    color: #333;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
}
header .mobile__header .mh__menu .mh__secmenulist {
    padding: 0;
    margin: 0;
    list-style: none;
}
header .mobile__header .mh__menu .mh__secmenulist .mh__secmenu__item {
    padding: 15px 64px;
    display: flex;
    align-items: center;
    transition: 0.3s all;
    cursor: pointer;
}
header .mobile__header .mh__menu .mh__secmenulist .mh__secmenu__item:hover {
    background: #f3f3f3;
}
header .mobile__header .mh__menu .mh__secmenulist .mh__secmenu__item>a {
    text-decoration: none;
    color: #333;
    font-size: 14px;
    line-height: 17px;
}
header .mobile__header .mh__menu .mh__menufooter {
    height: 70px;
    background: #F9F9F9;
    padding: 0 64px;
    display: flex;
    align-items: center;
}
header .mobile__header .mh__menu .mh__menufooter .mh__lang {
    display: flex;
    align-items: center;
    margin-right: auto;
}
header .mobile__header .mh__menu .mh__menufooter .mh__lang>span {
    display: block;
    margin-right: 15px;
    font-size: 16px;
    line-height: 17px;
}
header .mobile__header .mh__menu .mh__menufooter .mh__lang .nice-select .list {
    top: -315%;
}

header .mobile__header .mh__menu .mh__menufooter .mh__theme {
    display: flex;
    align-items: center;
}
header .mobile__header .mh__menu .mh__menufooter .mh__theme .mh__theme__text {
    display: block;
    margin-right: 10px;
    font-size: 14px;
    line-height: 17px;
}


header .mobile__header .mh__menu .mh__menulist .mh__menu__item>ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    left: 200%;
    top: 0;
    width: 100%;
    transition: 0.3s all;
    left: 100%;
    opacity: 0;
    visibility: hidden;
}
header .mobile__header .mh__menu .mh__menulist .mh__menu__item>ul.active {
    opacity: 1;
    visibility: visible;
}
header .mobile__header .mh__menu .mh__menulist .mh__menu__item>ul>li {
    padding: 15px 64px;
    display: flex;
    align-items: center;
    transition: 0.3s all;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #333333;
}
header .mobile__header .mh__menu .mh__menulist .mh__menu__item>ul>li:hover {
    background: #f3f3f3;
}
header .mobile__header .mh__menu .mh__menulist .mh__menu__item>ul .mh__submenu__title {
    padding: 0 64px;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #333333;
    display: block;
    margin: 15px 0 10px 0;
}
header .mobile__header .mh__menu .mh__menulist .mh__menu__item>ul .mh__submenu__backbtn {
    border-top: 1px solid #D6D6D6;
    margin: 10px 64px 0 64px;
}
header .mobile__header .mh__menu .mh__menulist .mh__menu__item>ul .mh__submenu__backbtn>button {
    padding: 18px 0 20px 25px;
    text-align: left;
    position: relative;
    background: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    border: none;
    transition: 0.3s all;
    outline: none;
    display: block;
    width: 100%;
    cursor: pointer;
}
header .mobile__header .mh__menu .mh__menulist .mh__menu__item>ul .mh__submenu__backbtn>button:before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 7px;
    transform: translateY(-50%);
    width: 12px;
    height: 9px;
    background: url('../media/back-arrow.svg') center center/cover no-repeat;
}
header .mobile__header .mh__menu .mh__menulist .mh__menu__item>ul .mh__submenu__backbtn>button:hover {
    background: #f3f3f3;
}
header .mobile__header .mh__menu .mh__menulist .mh__menu__item>ul>li>a {
    text-decoration: none;
    color: #333;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
}















@media (max-width: 1200px) {
    header .mobile__header {
        display: flex;
    }
    header .header__top-op {
        display: none;
    }
    header .header__body-op {
        display: none;
    }
    header .header__footer-op {
        display: none;
    }
}
@media (max-width: 700px) {
    header .mobile__header {
        padding: 0 35px;
    }
}
@media (max-width: 500px) {
    header .mobile__header {
        padding: 0 15px;
        height: 60px;
    }
    header .mobile__header .mh__layer {
        top: 60px;
    }
    header .mobile__header .mh__menu {
        top: 60px;
    }
    header .mobile__header .mh__menubtn>span {
        width: 22px;
        height: 2px;
    }
    header .mobile__header .mh__logo>a .mh-logo-cir {
        max-width: 35px;
        margin-right: 10px;
    }
    header .mobile__header .mh__logo>a .mh-logo-text {
        max-width: 120px;
    }
    header .mobile__header .mh__logo>a .mh-logo-white {
        max-width: 120px;
    }
    header .mobile__header .mh__btns {
        gap: 12px;
    }
    header .mobile__header .mh__btns .busket__btn::after {
        top: -4px;
        right: -5px;
        width: 12px;
        height: 12px;
        font-size: 8px;
        line-height: 12px;
    }
    header .mobile__header .mh__menubtn.active>span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 3px);
    }
    header .mobile__header .mh__menubtn.active>span:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -3px);
    }
    header .mobile__header .mh__menu {
        padding: 15px 0 0 0;
    }
    header .mobile__header .mh__menu .mh__menufooter .mh__lang {
        margin-right: 20px;
    }
    header .mobile__header .mh__menu .mh__menufooter .mh__lang>span {
        font-size: 11px;
        line-height: 12px;
        margin-right: 10px;
    }
    header .mobile__header .mh__menu .mh__menufooter .mh__theme .mh__theme__text {
        font-size: 11px;
        line-height: 12px;
        margin-right: 10px;
    }
    header .mobile__header .mh__menu .mh__menufooter {
        padding: 0 25px;
    }
    header .mobile__header .mh__menu .whois__wrap {
        padding: 0 25px;
    }
    header .mobile__header .mh__menu .mh__menulist .mh__menu__item {
        padding: 15px 25px;
    }
    header .mobile__header .mh__menu .mh__secmenulist .mh__secmenu__item {
        padding: 15px 25px;
    }
    header .mobile__header .mh__menu .mh__menulist .mh__menu__item>ul .mh__submenu__title {
        padding: 0 25px;
    }
    header .mobile__header .mh__menu .mh__menulist .mh__menu__item>ul>li {
        padding: 15px 25px;
    }
    header .mobile__header .mh__menu .mh__menulist .mh__menu__item>ul .mh__submenu__backbtn {
        margin: 10px 25px 0 25px;
    }
}
@media (max-width: 370px) {
    header .mobile__header .mh__logo>a .mh-logo-cir {
        max-width: 28px;
        margin-right: 10px;
    }
    header .mobile__header .mh__logo>a .mh-logo-text {
        max-width: 95px;
    }
    header .mobile__header .mh__logo>a .mh-logo-white {
        max-width: 95px;
    }
}

/* ADAPTIVE LOGIN */
@media (max-width: 500px) {
    .login .login__block__footer form .input__wrap.text .lostpassword__link {
        right: 2px;
        top: 120%;
    }
    .registration__form .step_1 .form__block .line__wrap {
        align-items: flex-start;
        gap: 10px;
        flex-direction: column;
    }
}

.d-none {
    display: none ;
}
.footer__top .right__block__form__btn {
    cursor: pointer;
}







/* FOOTER ADAPTIVE */
@media (max-width: 500px) {
    .social__block__social {
        margin-bottom: 0;
        margin-right: 20px;
    }
}
@media (max-width: 350px) {
    .social__block__social {
        margin-bottom: 20px;
    }
}


header .mobile__header .mh__contact {
    position: absolute;
    top: 80px;
    background: white;
    border-radius: 0 0 10px 10px;
    width: 100%;
    z-index: 100;
    height: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
    left: 0;
    border-top: 1px solid #e1e1e1;
    pointer-events: none;
    transition: 0.3s all;
}
header .mobile__header .mh__contact.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
}
header .mobile__header .mh__contact .mh__contact__list {
    margin: 0;
    padding: 0;
    list-style: none;
}
header .mobile__header .mh__contact .mh__contact__list .mh__contact__item {
    padding: 0;
    margin: 0;
    position: relative;
    cursor: pointer;
    transition: 0.3s all;
}
header .mobile__header .mh__contact .mh__contact__list .mh__contact__item:last-child {
    border-radius: 0 0 10px 10px;
}
header .mobile__header .mh__contact .mh__contact__list .mh__contact__item:hover {
    background: #f3f3f3;
}
header .mobile__header .mh__contact .mh__contact__list .mh__contact__item>span {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    color: #333333;
    display: block;
    padding: 25px 105px;
}
header .mobile__header .mh__contact .mh__contact__list .mh__contact__item a {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    color: #333333;
    display: block;
    text-decoration: none;
    padding: 25px 105px;
}
header .mobile__header .mh__contact .mh__contact__list .mh__contact__item a>span {
    font-weight: 600;
}

header .mobile__header .mh__contact .mh__contact__list .mh__contact__item.phone::before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 64px;
    transform: translateY(-50%);
    width: 23px;
    height: 23px;
    background: url('../media/mobile/header/phone.svg') center center/cover no-repeat;
}
header .mobile__header .mh__contact .mh__contact__list .mh__contact__item.callback::before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 64px;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background: url('../media/mobile/header/acc.svg') center center/cover no-repeat;
}
header .mobile__header .mh__contact .mh__contact__list .mh__contact__item.whatsapp::before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 64px;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background: url('../media/mobile-contact/wp.svg') center center/cover no-repeat;
}
header .mobile__header .mh__contact .mh__contact__list .mh__contact__item.telegram::before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 64px;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background: url('../media/mobile-contact/tg.svg') center center/cover no-repeat;
}

/* ADAPTIVE MOBILE CONTACT */
@media (max-width: 700px) {
    header .mobile__header .mh__contact .mh__contact__list .mh__contact__item>span {
        padding: 25px 80px;
    }
    header .mobile__header .mh__contact .mh__contact__list .mh__contact__item a {
        padding: 25px 80px;
    }
    header .mobile__header .mh__contact .mh__contact__list .mh__contact__item.phone:before {
        left: 36px;
    }
    header .mobile__header .mh__contact .mh__contact__list .mh__contact__item.callback:before {
        left: 36px;
    }
    header .mobile__header .mh__contact .mh__contact__list .mh__contact__item.whatsapp:before {
        left: 36px;
    }
    header .mobile__header .mh__contact .mh__contact__list .mh__contact__item.telegram:before {
        left: 36px;
    }
}
@media (max-width: 500px) {
    header .mobile__header .mh__contact .mh__contact__list .mh__contact__item>span {
        padding: 15px 40px;
        font-size: 14px;
        line-height: 14px;
    }
    header .mobile__header .mh__contact .mh__contact__list .mh__contact__item a {
        padding: 15px 40px;
        font-size: 14px;
        line-height: 14px;
    }
    header .mobile__header .mh__contact .mh__contact__list .mh__contact__item.phone:before {
        left: 15px;
        width: 19px;
        height: 19px;
    }
    header .mobile__header .mh__contact .mh__contact__list .mh__contact__item.callback:before {
        left: 15px;
        width: 19px;
        height: 19px;
    }
    header .mobile__header .mh__contact .mh__contact__list .mh__contact__item.whatsapp:before {
        left: 15px;
        width: 19px;
        height: 19px;
    }
    header .mobile__header .mh__contact .mh__contact__list .mh__contact__item.telegram:before {
        left: 15px;
        width: 19px;
        height: 19px;
    }
    header .mobile__header .mh__contact {
        top: 60px;
    }
}


header .mobile__header .mh__callback {
    position: absolute;
    top: 80px;
    background: white;
    border-radius: 0 0 10px 10px;
    transform: translateY(-100%);
    width: 100%;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all ease-out;
    left: 0;
    border-top: 1px solid #e1e1e1;
}
header .mobile__header .mh__callback.active {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
header .mobile__header .mh__callback .mh__callback__call {
    padding: 30px 35px;
}
header .mobile__header .mh__callback .mh__callback__call .mh__callback__call__title {
    font-weight: 600;
    font-size: 22px;
    line-height: 20px;
    color: #333333;
    display: block;
    margin-bottom: 20px;
}
header .mobile__header .mh__callback .mh__callback__call .mh__callback__call__city {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
header .mobile__header .mh__callback .mh__callback__call .mh__callback__call__city>span {
    font-size: 18px;
    line-height: 20px;
    color: #333333;
    display: block;
    margin-right: 10px;
}

header .mobile__header .mh__callback .mh__callback__call .mh__callback__call__city .mh__callback__call__city__choose {
    border: none;
    padding: 0 20px 0 0;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
}
header .mobile__header .mh__callback .mh__callback__call .mh__callback__call__city .mh__callback__call__city__choose .current {
    color:#3683C2;
    text-decoration: underline;
}
header .mobile__header .mh__callback .mh__callback__call .mh__callback__call__city .mh__callback__call__city__choose .list {
    font-size: 14px;
    left: -10px;
    transform-origin: 50% 50%;
    z-index: 30;
}
header .mobile__header .mh__callback .mh__callback__form {
    padding: 30px 35px;
}
header .mobile__header .mh__callback .mh__callback__separator {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
header .mobile__header .mh__callback .mh__callback__separator>span {
    font-size: 22px;
    line-height: 20px;
    color: #BBBBBB;
    padding: 0 10px;
    display: block;
    background: white;
    position: relative;
    z-index: 10;
}
header .mobile__header .mh__callback .mh__callback__separator::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
    height: 0.1px;
    background: #e3e3e3;
}

header .mobile__header .mh__callback .mh__callback__call .mh__callback__call__number {
    display: flex;
    flex-direction: column;
    padding-left: 45px;
    position: relative;
}
header .mobile__header .mh__callback .mh__callback__call .mh__callback__call__number:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 32px;
    height: 32px;
    left: 0;
    background: url(../media/mobile/header/phone.svg) center center/cover no-repeat;
}
header .mobile__header .mh__callback .mh__callback__call .mh__callback__call__number>span {
    display: block;
    font-size: 12px;
    line-height: 12px;
    color: #333333;
    margin-bottom: 6px;
}
header .mobile__header .mh__callback .mh__callback__call .mh__callback__call__number>a {
    font-weight: 600;
    font-size: 22px;
    line-height: 20px;
    color: #3683C2;
    text-decoration: none;
}

header .mobile__header .mh__callback .mh__callback__form .mh__callback__form__title {
    font-weight: 600;
    font-size: 22px;
    line-height: 22px;
    color: #333333;
    display: block;
    margin-bottom: 15px;
}
header .mobile__header .mh__callback .mh__callback__form .mh__callback__form__subtext {
    font-size: 12px;
    line-height: 20px;
    color: #333333;
    display: block;
    margin-bottom: 10px;
}
header .mobile__header .mh__callback .mh__callback__form .mh__callback__form__input {
    background: #FAFAFA;
    border: 1px solid #ECECEC;
    border-radius: 2px;
    padding: 10px;
    font-size: 15px;
    line-height: 18px;
    text-indent: 10px;
    color: #777777;
    outline: none;
    transition: 0.3s all;
    width: 100%;
    display: block;
    margin-bottom: 8px;
}
header .mobile__header .mh__callback .mh__callback__form .mh__callback__form__input:focus {
    border: 1px solid #c5c5c5;
}
header .mobile__header .mh__callback .mh__callback__form .mh__callback__form__submit {
    background: #3683C2;
    border: none;
    border-radius: 2px;
    padding: 10px;
    font-size: 14px;
    text-align: center;
    line-height: 17px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 600;
    outline: none;
    transition: 0.3s all;
    width: 100%;
    display: block;
    cursor: pointer;
}
header .mobile__header .mh__callback .mh__callback__form .mh__callback__form__submit:active {
    transform: scale(0.98);
}

/* ADAPTIVE CALLBACK */
@media (max-width: 500px) {
    header .mobile__header .mh__callback {
        top: 60px;
    }
    header .mobile__header .mh__callback .mh__callback__call {
        padding: 20px 35px;
    }
    header .mobile__header .mh__callback .mh__callback__call .mh__callback__call__title {
        font-size: 16px;
        margin-bottom: 15px;
    }
    header .mobile__header .mh__callback .mh__callback__call .mh__callback__call__city {
        margin-bottom: 15px;
    }
    header .mobile__header .mh__callback .mh__callback__call .mh__callback__call__city>span {
        font-size: 14px;
        margin-right: 10px;
    }
    header .mobile__header .mh__callback .mh__callback__call .mh__callback__call__city .mh__callback__call__city__choose {
        height: 20px;
        line-height: 20px;
        font-size: 16px;
    }
    header .mobile__header .mh__callback .mh__callback__call .mh__callback__call__number {
        padding-left: 30px;
    }
    header .mobile__header .mh__callback .mh__callback__call .mh__callback__call__number:before {
        width: 25px;
        height: 25px;
    }
    header .mobile__header .mh__callback .mh__callback__call .mh__callback__call__number>span {
        margin-bottom: 3px;
    }
    header .mobile__header .mh__callback .mh__callback__call .mh__callback__call__number>a {
        font-size: 18px;
    }
    header .mobile__header .mh__callback .mh__callback__separator>span {
        font-size: 16px;
    }
    header .mobile__header .mh__callback .mh__callback__form {
        padding: 20px 35px;
    }
    header .mobile__header .mh__callback .mh__callback__form .mh__callback__form__title {
        font-size: 16px;
        line-height: 20px;
    }
    header .mobile__header .mh__callback .mh__callback__form .mh__callback__form__subtext {
        font-size: 12px;
        line-height: 12px;
    }
}




header .mh__profile {
    position: fixed;
    height: calc(100vh - 60px);
    border-top: 1px solid #dfdfdf;
    cursor: default;
    display: block;
    background: var(--bg-color);
    z-index: 999;
    left: 0;
    top: 60px;
    width: 100%;
    transform: translateX(0);
    overflow: auto;
    box-shadow: none;
}
header .header__top__account .mh__profile {
    cursor: default;
    display: block;
    position: absolute;
    background: var(--bg-color) ;
    z-index: 999;
    padding: 0;
    width: fit-content;
    left: 50%;
    top: 40px;
    width: 290px;
    transform: translateX(-50%);
    box-shadow: var(--box-shadow-light);
    border-radius: 6px;
    border: 1px solid var(--border-color);
    height: auto;
}
header .header__top__account .mh__profile .mh__profile__acc {
    padding: 20px 20px 10px;
}
header .header__top__account .mh__profile .mh__profile__submenu__item {
    padding: 10px 20px;
}
header .header__top__account .mh__profile .mh__profile__acclist .mh__profile__acclist__title {
    padding: 15px 20px;
}
header .header__top__account .mh__profile .mh__profile__acclist ul li {
    padding: 12px 20px 12px 50px;
}
header .header__top__account .mh__profile .mh__profile__acclist .mh__profile__acclist__title:after {
    right: 20px;
}
header .header__top__account .mh__profile .mh__profile__accbalance {
    margin: 0;
    padding: 15px 20px;
    gap: 10px;
}
header .header__top__account .mh__profile .mh__profile__accbalance .mh__profile__accbalance__title {
    width: 100%;
    margin-right: 0;
    padding-left: 25px;
}
header .header__top__account .mh__profile .mh__profile__accbalance .mh__profile__accbalance__title .bonus {
    margin-inline: 3px;
}
header .header__top__account .mh__profile .mh__profile__accbalance .mh__profile__accbalance__bill {
    padding: 6px 7px;
    font-size: 14px;
    line-height: 16px;
}
header .header__top__account .mh__profile .mh__profile__accmenu>li {
    padding: 0;
}
header .header__top__account .mh__profile .mh__profile__accmenu>li a {
    padding: 7px 20px;
	display: block;
	line-height: 24px;
}
header .header__top__account .mh__profile .mh__profile__acclogout {
    margin: 10px 0 0 0;
    padding: 20px 20px 20px 50px;
}
header .header__top__account .mh__profile .mh__profile__acclogout:before {
    left: 20px;
}

















header .mh__profile .mh__profile__acc {
    padding: 20px 25px 20px 70px;
    transition: 0.3s all;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid var(--border-color-table);
}

header .mh__profile .mh__profile__acc.active:hover {
    background: transparent;
}
header .mh__profile .mh__profile__acc>div {
    position: relative;
    display: flex;
    flex-direction: column;
}
header .mh__profile .mh__profile__acc>div:after {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(0deg);
    transition: 0.3s all;
    border-radius: 3px;
    width: 20px;
    height: 20px;
    background-color: var(--bg-color-table);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40%;
    background-image: var(--arrow-icon);

    display: none;
}
/* header .mh__profile .mh__profile__acc>div:before {
    content: '';
    position: absolute;
    display: block;
    top: 0px;
    left: -36px;
    width: 25px;
    background: url(../media/acc.svg) center center/cover no-repeat;
    height: 25px;
} */
header .mh__profile .mh__profile__acc>div .mh__profile__accname {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--text-color);
    display: block;
    position: relative;
    padding-right: 30px;
}
/* header .mh__profile .mh__profile__acc>div .mh__profile__accname.user-online:before {
    content: '';
    position: absolute;
    top: 0;
    left: -20px;
    width: 9px;
    height: 9px;
    background: #76C176;
    border-radius: 50%;
    display: block;
} */
header .mh__profile .mh__profile__acc>div .mh__profile__acclogin {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #ADADAD;
    display: block;
    padding-right: 30px;
}
header .mh__profile .mh__profile__acclist ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
header .mh__profile .mh__profile__acclist ul li {
    padding: 12px 25px 12px 70px;
    cursor: pointer;
}
header .mh__profile .mh__profile__acclist ul li:hover {
    background: var(--bg-color-table);
}
header .mh__profile .mh__profile__acclist ul li span {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: var(--text-color);
    position: relative;
    display: block;
}
header .mh__profile .mh__profile__acclist ul li span:before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: -36px;
    transform: translateY(-50%);
    width: 25px;
    background: url(../media/acc.svg) center center/cover no-repeat;
    height: 25px;
}
header .mh__profile .mh__profile__acclist .mh__profile__acclist__title {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-color);
    padding: 0;
    position: relative;
    padding: 15px 35px;
    display: block;
    cursor: pointer;
}
header .mh__profile .mh__profile__acclist .mh__profile__acclist__title:after {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 12px;
    color: var(--text-color);
    position: absolute;
    display: block;
    top: 50%;
    right: 25px;
    transform: translateY(-50%) rotate(0deg);
    transition: 0.3s all;
}
header .mh__profile .mh__profile__acclist .mh__profile__acclist__title.active:after {
    transform: translateY(-50%) rotate(180deg);
}
header .mh__profile .mh__profile__acclist .mh__profile__acclist__expand {
    color: var(--text-color);
    margin: 0 35px;
    font-weight: 500;
    font-size: 10px;
    cursor: pointer;
    border-bottom: 1px dashed #333333;
}
header .mh__profile .mh__profile__acclist .mh__profile__acclist__expand:hover {
    border-bottom: 1px dashed transparent;
}
header .mh__profile .mh__profile__accbalance {
    margin: 0 35px 10px 35px;
    border-top: 1px solid var(--border-color-table);
    border-bottom: 1px solid var(--border-color-table);
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

header .mh__profile .mh__profile__accbalance .mh__profile__accbalance__title {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-color);
    display: flex;
    margin-right: 60px;
    padding-left: 30px;
    position: relative;
}
header .mh__profile .mh__profile__accbalance .mh__profile__accbalance__title>span:not(.bonus) {
    font-size: 14px;
    font-weight: 400;
    margin-left: 5px;
}

@media (max-width: 1200px) {
    header .mh__profile .mh__profile__accbalance .mh__profile__accbalance__title .bonus {
        font-weight: 400;
        font-size: 15px;
        line-height: 18px;
        margin-left: 2px;
    }

}


header .mh__profile .mh__profile__accbalance .mh__profile__accbalance__title:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 23px;
    background: url(../media/balance_new.svg) center center/cover no-repeat;
    height: 20px;
}
header .mh__profile .mh__profile__accbalance .mh__profile__accbalance__value {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: 20px;
}
header .mh__profile .mh__profile__accbalance .mh__profile__accbalance__value>span {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
}
header .mh__profile .mh__profile__accbalance .mh__profile__accbalance__value>a {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--text-color);
    text-decoration: none;
    border: 1px solid var(--border-color-table);
    border-radius: 3px;
    padding: 5px 7px;
}
header .mh__profile .mh__profile__accbalance .mh__profile__accbalance__bill {
    background: #E54550;
    border-radius: 3px;
    padding: 6px 7px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    border: none;
    outline: none;
    transition: 0.3s all;
    text-decoration: none;
}
header .mh__profile .mh__profile__accbalance .mh__profile__accbalance__bill:hover {
    background: #b4363f;
}
header .mh__profile .mh__profile__accmenu {
    margin: 0;
    padding: 0;
    list-style: none;
}
header .mh__profile .mh__profile__accmenu>li {
    padding: 7px 35px;
    transition: 0.3s all;
    cursor: pointer;
}
header .mh__profile .mh__profile__accmenu>li:hover {
    background: var(--bg-color-table);
}
header .mh__profile .mh__profile__accmenu>li>a {
    font-size: 14px;
    line-height: 17px;
    color: var(--text-color);
    text-decoration: none;
}
header .mh__profile .mh__profile__acclogout {
    padding: 24px 0 24px 30px;
    margin: 10px 35px 0 35px;
    border-top: 1px solid var(--border-color-table);
    cursor: pointer;
    transition: 0.3s all;
    position: relative;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: var(--text-color);
}
header .mh__profile .mh__profile__acclogout:hover {
    background: var(--bg-color-table);
}
header .mh__profile .mh__profile__acclogout:before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 21px;
    background: url(../media/logout_new.svg) center center/cover no-repeat;
    height: 21px;
}

@media (max-width: 1000px) {
    header .mh__profile {
        top: 60px;
    }
    header .mh__profile .mh__profile__acc {
        padding: 20px 15px 10px;
    }
    header .mh__profile .mh__profile__acclist ul li {
        padding: 12px 25px 12px 48px;
    }
    header .mh__profile .mh__profile__accbalance .mh__profile__accbalance__title {
        width: 100%;
        margin-right: 0;
    }
    header .mh__profile .mh__profile__acclist .mh__profile__acclist__title {
        padding: 15px;
    }
}
header .mh__profile .mh__profile__acc.active>div:after {
    transform: translateY(-50%) rotate(180deg);
}
header .mh__profile .mh__profile__submenu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    border-bottom: 1px solid var(--border-color-table);
}

header .mh__profile .mh__profile__submenu__item {
    padding: 15px 64px;
    display: flex;
    align-items: center;
    transition: 0.3s all;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    color: var(--text-color);
    background: var(--bg-color-table);
    border-bottom: 1px solid var(--border-color);
}
header .mh__profile .mh__profile__submenu__item:hover {
    background: var(--bg-color-table);
}
header .mh__profile .mh__profile__submenu__item>a {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-color);
    text-decoration: none;
}

header .mh__profile .mh__profile__submenu .mh__profile__submenu__close {
    border-top: 1px solid #D6D6D6;
    margin: 10px 35px 0 35px;
    transition: 0.3s all;
    display: none;
}
header .mh__profile .mh__profile__submenu .mh__profile__submenu__close:hover {
    background: #f3f3f3;
}
header .mh__profile .mh__profile__submenu .mh__profile__submenu__close>button {
    padding: 18px 0 20px 25px;
    text-align: left;
    position: relative;
    background: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    border: none;
    transition: 0.3s all;
    outline: none;
    display: block;
    width: 100%;
    cursor: pointer;
}
header .mh__profile .mh__profile__submenu .mh__profile__submenu__close>button:before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 7px;
    transform: translateY(-50%);
    width: 12px;
    height: 9px;
    background: url(../media/back-arrow.svg) center center/cover no-repeat;
}
@media (max-width: 1000px) {
    header .mh__profile .mh__profile__accbalance {
        margin: 0;
        padding: 15px;
        gap: 10px;
    }
    header .mh__profile .mh__profile__accmenu>li {
        padding: 7px 15px;
    }
    header .mh__profile .mh__profile__acclogout {
        margin: 10px 15px 0 15px;
    }
    header .mh__profile .mh__profile__accbalance .mh__profile__accbalance__value {
        margin-right: 0px;
        width: auto;
    }
    header .mh__profile .mh__profile__submenu__item {
        padding: 12px 35px;
    }
    header .mh__profile .mh__profile__submenu .mh__profile__submenu__close {
        margin: 10px 15px 0 15px;
    }
}

@media (max-width: 1000px) {
    .profile .profile__header {
        padding: 20px 25px;
    }
    .profile .profile__body {
        padding: 20px 25px;
    }
}

@media (max-width: 700px) {
    .profile .profile__body .profile__body__wrap .profile__menu {
        display: none;
    }
    .profile .data__content>form {
        max-width: none;
    }
    .profile .data__content .title {
        font-size: 20px;
        line-height: 20px;
    }
}
@media (max-width: 500px) {
    .profile .data__content>form .submit {
        width: 100%;
    }
}
@media (max-width: 400px) {
    .profile .data__content table.oauth__table thead tr>th, .profile .data__content table.oauth__table tbody tr>td, .profile .data__content table.oauth__table tfoot tr>td {
        padding: 10px;
    }
    .profile .data__content table.oauth__table thead tr>th:nth-child(1) {
        width: 40%;
        font-size: 12px;
        line-height: 14px;
    }
    .profile .data__content table.oauth__table thead tr>th:nth-child(2) {
        width: 50%;
        font-size: 12px;
        line-height: 14px;
    }
    .profile .data__content table.oauth__table thead tr>th:nth-child(3) {
        width: 10%;
    }
    .profile .data__content table.oauth__table tbody tr>td:nth-child(1) {
        width: 40%;
        font-size: 12px;
        line-height: 14px;
    }
    .profile .data__content table.oauth__table tbody tr>td:nth-child(2) {
        width: 50%;
        font-size: 12px;
        line-height: 14px;
    }
    .profile .data__content table.oauth__table tbody tr>td:nth-child(3) {
        width: 10%;
    }
}
@media (max-width: 500px) {
    .profile .data__content .partner .st>p {
        font-size: 12px;
    }
}
@media (max-width: 370px) {
    header .mobile__header .mh__btns {
        gap: 7px;
    }
    header .mobile__header .mh__btns>div{
        width: 20px ;
        height: 20px ;
    }
}
.mobile__table__bill {
    display: none;
}



@media (max-width: 1000px) {
    .table .table__header {
        display: none;
    }
    .table .table__body .table__item {
        margin: 0 35px;
        border: none;
        border-bottom: 1px solid var(--border-color);
        position: relative;
        display: grid;
        padding: 20px 0;
        gap: 10px;
        height: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .table .table__body .table__item>div {
        padding: 0;
        min-width: auto;
    }
    .table .table__checkbox {
        margin-right: 0;

    }
    .table__service .table__checkbox {
        order: unset;
        display: none;
    }
    .table__service .serviceautoextend__wrap {
        display: flex;
        justify-content: end;
    }
    .table .table__checkbox [type=checkbox], .table .table__checkbox [type=radio] {
        margin: 0;
    }
    .table__bill .table__billnum {
        display: block;
    }
    .table__billaction.item .billaction__btn {
        display: none;
    }
    .table__bill .table__billinfo {
        flex: 1 1 220px;
        display: none;
    }
    .table__billaction.item .billaction {
        margin-right: 0;
    }
    .table__billaction.item .billaction {
        padding: 3px 6px;
    }
    .table .table__billdate.item {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 5px;
    }
    .table__billaction.item {
        margin-left: auto;
    }
    .table__bill .table__billstatus {
        width: auto;
    }
    .table__bill .table__billsum {
        margin-left: auto;
        font-weight: 500;
    }
    .table__billsum.item .billsum {
        font-weight: 500;
    }
    .table__billdate.item .billdate {
        margin-bottom: 0;
    }
    .table .table__icon {
        display: none;
    }
    .table__service .table__serviceinfo {
        width: auto;
        order: 1;
    }
    .table__service .table__serviceXfactor {
        justify-content: flex-end;
        order: 7;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;
        text-align: right;
    }
    .table__serviceXfactor.item .serviceXfactor__text {
        max-width: none;
        font-size: 14px;
    }
    .table__servicefolder.item {
        display: none;
    }
    .table__footer {
        height: auto;
        padding: 20px 35px;
    }
    .table__footer__form {
        flex-wrap: wrap;
        gap: 15px;
    }
    .table__footer__form select {
        flex: 1 1 120px;
    }
    .mtb__form {
        display: none ;
    }
    .table__billstatus.item .billstatus {
        width: auto;
    }
}

.table__billaction.item .billaction.pay.payed {
    opacity: 0;
    visibility: hidden;
}











@media (max-width: 900px) {

    .block__search form [type="text"] {
        width: calc(100% - 48px);
        flex: auto;
        margin-top: 0;
        transition: 0.3s all;
    }
    .block__search form .submit {
        margin-top: 0;
    }
    .block__search form {
        flex-wrap: nowrap;
    }
    .block__search form .filter__item {
        border-right: 1px solid rgb(209, 213, 219);
    }
}

@media (max-width: 450px) {
    .block__search form .filter__item {
        flex: 1;
    }
}
.mobile__table.bill {
    display: none;
}
.mobile__table.service {
    display: none;
}

@media (max-width: 700px) {
    .acc__info {
        display: none;
    }
}
.mobile__table.service tr td.info .head .date {
    display: none;
}
.mobile__table.service tr td.info .head .time {
    display: none;
}
@media (max-width: 550px) {
    .mobile__table tr {
        height: auto;
        padding: 10px 0;
    }
    .mobile__table tr td.options {
        padding: 0 15px 0 10px;
    }
    .mobile__table tr td.options>span {
        padding: 0 10px;
    }
    .mobile__table tr td.btn button {
        padding: 7px 15px;
    }
    .mobile__table tr td.info .head .num {
        font-size: 12px;
        line-height: 14px;
    }
    .mobile__table tr td.info .head .date {
        font-size: 10px;
        line-height: 12px;
    }
    .mobile__table tr td.info .head .time {
        font-size: 10px;
        line-height: 12px;
    }
    .mobile__table tr td.info .sum {
        font-size: 14px;
        line-height: 16px;
    }
    .mobile__table tr td.info .status {
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
    }
    .mobile__table tr td.check {
        padding: 0px 10px 0 25px;
    }

    .billing {
        margin-bottom: 20px;
    }
    .mtb__form {
        padding: 20px 25px ;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: flex-end;
    }
    .mtb__form .selectbox {
        min-width: 120px;
        margin-right: 0 ;
        width: 100%;
        margin-bottom: 0 ;
    }
    .block__search form .search__clear {
        margin-top: 7px ;
    }
    .mtb__form .mtb__form__btn {
        margin-right: 0 ;
        width: 100%;
        text-align: center;
        padding: 0;
        height: 40px;
        order: 3;
    }
    .mtb__form .mtb__form__check {
        width: auto;
    }
}

@media (max-width: 430px) {
    .block__search form .search__field {
        margin-top: 5px;
    }
    .block__search form .search__btn {
        width: 15px;
        height: 15px;
    }
}


/* MAINPAGE SERVICE BLOCKS */
.service__section {
    padding: 40px 0;
}
.service__section .service__blocks {
    display: flex;
    flex-wrap: wrap;
}
.service__section .service__blocks .service__blocks__item {
    width: 50%;
    transition: 0.3s all;
}
.service__section .service__blocks .service__blocks__item>a {
    padding: 30px;
    display: block;
    text-decoration: none;
    color: #333;
    transition: 0.3s all;
    height: 100%;
}
.service__section .service__blocks .service__blocks__item>a .service__block__body {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.service__section .service__blocks .service__blocks__item>a .service__block__title {
    font-size: 35px;
    margin-bottom: 20px;
    display: flex;
    font-weight: 900;
    color: var(--text-color);
    justify-content: space-between;
    align-items: flex-end;
    transition: 0.3s all;
}
.service__section .service__blocks .service__blocks__item>a .service__block__title .ot {
    margin-left: auto;
    margin-right: 10px;
    font-weight: 400;
    font-size: 25px;
    line-height: 34px;
}
.service__section .service__blocks .service__blocks__item>a .service__block__title .price {
    font-weight: 700;
}
.service__section .service__blocks .service__blocks__item>a .service__block__text {
    font-size: 16px;
    margin-bottom: 20px;
    transition: 0.3s all;
    color: var(--text-color);
}
.service__section .service__blocks .service__blocks__item>a .service__block__btn span {
    padding: 10px 15px;
    background: #3683c2;
    color: white;
    display: block;
    font-size: 14px;
    width: fit-content;
    transition: 0.3s all;
    border: 1px solid #3683c2;
}
.service__section .service__blocks .service__blocks__item.hosting:hover {
    background: #3683c2;
}
.service__section .service__blocks .service__blocks__item.vps:hover {
    background: #15500d;
}
.service__section .service__blocks .service__blocks__item.server:hover {
    background: #333747;
}
.service__section .service__blocks .service__blocks__item.domain:hover {
    background: #310c57;
}


.service__section .service__blocks .service__blocks__item:hover .service__block__title {
    color: #fff;
}
.service__section .service__blocks .service__blocks__item:hover .service__block__text {
    color: #fff;
}
.service__section .service__blocks .service__blocks__item:hover .service__block__btn span {
    background: none;
    border: 1px solid #fff;
}
.service__section .service__blocks .service__blocks__item>a .service__block__search {
    margin-bottom: 20px;
    position: relative;
}
.service__section .service__blocks .service__blocks__item>a .service__block__search>input{
    display: block;
    width: 100%;
    padding: 8px 40px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-color);
    background-color: var(--bg-color);
    background-clip: padding-box;
    border: 1px solid var(--border-color);
    border-radius: 0;
    transition: 0.3s all;
}
.service__section .service__blocks .service__blocks__item>a .service__block__search>input:focus {
    outline: none;
    border: 1px solid #3683c2;
}
.service__section .service__blocks .service__blocks__item>a .service__block__search .fa-search {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #3683c2;
    pointer-events: none;
}
.service__section .service__blocks .service__blocks__item>a .service__block__search span {
    position: absolute;
    right: 7px;
    top: 50%;
    padding: 4px 7px;
    transform: translateY(-50%);
    font-size: 18px;
    color: #ced4da;
    transition: 0.3s all;
    border-radius: 4px;
    background: none;
}
.service__section .service__blocks .service__blocks__item>a .service__block__search span:hover {
    background: #310c57;
    color: #fff;
}
.service__section .service__blocks .service__blocks__item>a .service__block__search span:active {
    color: var(--text-color);
}
.service__section .service__blocks .service__blocks__item>a .service__block__regions {
    display: flex;
}
.service__section .service__blocks .service__blocks__item>a .service__block__regions .reg__item {
    width: 25%;
    display: flex;
    flex-direction: column;
    color: var(--text-color);
    align-items: center;
    transition: 0.3s all;
}
.service__section .service__blocks .service__blocks__item>a .service__block__regions .reg__item .name {
    font-size: 25px;
    font-weight: 900;
    margin-bottom: 3px;
}
.service__section .service__blocks .service__blocks__item>a .service__block__regions .reg__item .price {
    font-size: 12px;
    font-weight: 500;
}
.service__section .service__blocks .service__blocks__item:hover .service__block__regions .reg__item {
    color: #fff;
}

@media (max-width: 1000px) {
    .service__section .service__blocks .service__blocks__item>a .service__block__title {
        font-size: 23px;
        font-weight: 700;
    }
    .service__section .service__blocks .service__blocks__item>a {
        padding: 24px 16px;
    }
    .service__section .service__blocks .service__blocks__item>a .service__block__title .ot {
        font-size: 20px;
        line-height: 25px;
        margin-right: 6px;
    }
    .service__section .service__blocks .service__blocks__item>a .service__block__text {
        font-size: 16px;
    }
    .service__section .service__blocks .service__blocks__item>a .service__block__btn span {
        font-size: 14px;
    }
    .service__section .service__blocks .service__blocks__item>a .service__block__regions .reg__item .name {
        font-size: 20px;
        font-weight: 700;
    }
    .service__section .service__blocks .service__blocks__item>a .service__block__regions .reg__item .price {
        font-size: 10px;
        font-weight: 500;
    }
    .service__section .service__blocks .service__blocks__item>a .service__block__regions .reg__item:last-child {
        display: none;
    }
    .service__section .service__blocks .service__blocks__item>a .service__block__regions .reg__item {
        width: calc(100% / 3);
    }
}
@media (max-width: 690px) {
    .service__section .service__blocks {
        padding: 0 25px;
    }
    .service__section .service__blocks .service__blocks__item:hover {
        background: none ;
    }
    .service__section .service__blocks .service__blocks__item:hover .service__block__title {
        color: var(--text-color);
    }
    .service__section .service__blocks .service__blocks__item:hover .service__block__text {
        color: var(--text-color);
    }
    .service__section .service__blocks .service__blocks__item:hover .service__block__regions .reg__item {
        color: var(--text-color);
    }
    .service__section .service__blocks .service__blocks__item:hover .service__block__btn span {
        background: #3683c2;
        border: 1px solid #3683c2;
    }
    .service__section .service__blocks .service__blocks__item>a .service__block__search span:hover {
        background: none;
        color: #ced4da;
    }
    .service__section {
        padding: 20px 0;
    }
    .service__section .service__blocks .service__blocks__item {
        width: 100%;
        transition: 0.3s all;
        border: 1px solid var(--border-color-table);
        margin-bottom: 20px;
    }
    .service__section .service__blocks .service__blocks__item:last-child {
        margin-bottom: 0;
    }
    .service__section .service__blocks .service__blocks__item>a .service__block__search span {
        right: 0px;
        padding: 0;
        width: 40px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width: 400px) {
    .service__section .service__blocks .service__blocks__item>a {
        padding: 24px 16px;
    }
    .service__section .service__blocks .service__blocks__item>a .service__block__title {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .service__section .service__blocks .service__blocks__item>a .service__block__title .ot {
        font-size: 16px;
        line-height: 20px;
        margin-right: 4px;
    }
    .service__section .service__blocks .service__blocks__item>a .service__block__text {
        margin-bottom: 15px;
    }
    .service__section .service__blocks .service__blocks__item>a .service__block__search>input {
        font-size: 11px;
        line-height: 12px;
    }
    .service__section .service__blocks .service__blocks__item>a .service__block__search .fa-search {
        font-size: 16px;
    }
    .service__section .service__blocks .service__blocks__item>a .service__block__search span {
        font-size: 12px;
    }
}


@media (max-width: 1200px) {
    .screen__1 {
        display: none;
    }
}

@media (max-width: 400px) {
    .mobile__table tr td.btn button {
        padding: 5px 6px;
    }
    .mobile__table tr td.options>span {
        padding: 0 5px;
    }
    .mobile__table tr td.options {
        padding: 0 10px;
    }
    .mobile__table tr td.info .head .num {
        font-size: 10px;
        line-height: 12px;
    }
    .mobile__table tr td.check {
        padding: 0px 10px 0 15px;
    }
}
@media (max-width: 700px) {
    .lost-pass {
        padding: 70px 0;
    }
    .lost-pass .lost-pass__wrap .lost-pass__text {
        padding: 0 25px;
    }
    .lost-pass .lost-pass__wrap .lost-pass__form {
        padding: 35px 25px;
    }
}
@media (max-width: 450px) {
    .lost-pass .lost-pass__wrap .lost-pass__title {
        font-size: 20px;
        line-height: 24px;
        padding-left: 60px;
        margin-bottom: 20px;
    }
    .lost-pass .lost-pass__wrap .lost-pass__text {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 20px;
    }
    .lost-pass .lost-pass__wrap .lost-pass__form {
        padding: 25px;
    }
    .lost-pass .lost-pass__wrap .lost-pass__form .lost-pass__submit {
        padding: 10px 35px;
        font-weight: 600;
        font-size: 16px;
    }
    .lost-pass .lost-pass__wrap .lost-pass__form label .lost-pass__input {
        padding: 15px;
    }
    .lost-pass .lost-pass__wrap .lost-pass__form label .lost-pass__link {
        position: absolute;
        right: 50%;
        top: 110%;
        width: 100%;
        text-align: center;
        transform: translateX(50%);
        font-size: 12px;
        line-height: 25px;
        text-decoration: underline;
        color: #A0A0A0;
    }
    .lost-pass .lost-pass__wrap .lost-pass__form label {
        margin-bottom: 40px
    }
}
.mtb__form {
    display: none;
}
@media (max-width: 1170px) {
    .mtb__form {
        min-height: 77px;
        border-bottom: 1px solid #D2D2D2;
        display: flex;
        align-items: center;
        padding: 0 25px;
    }
    .mtb__form .mtb__form__btn {
        border: solid 1px #3683C2;
        outline: none;
        padding: 9px 36px;
        background: #3683C2;
        cursor: pointer;
        transition: 0.3s all;
        font-size: 15px;
        line-height: 18px;
        color: #fff;
        border-radius: 3px;
        font-weight: 600;
        margin-right: 50px;
    }
    .mtb__form .mtb__form__btn:hover {
        background: #286394;
        border: solid 1px #286394;
    }
    .mtb__form .mtb__form__btn:active {
        transform: scale(0.85);
    }
    .mtb__form .mtb__form__btn:disabled {
        background: none;
        border: solid 1px #e8e8e8;
        cursor: not-allowed;
        color: #C7C7C7;
        font-weight: 400;
    }
    .mtb__form .selectbox {
        min-width: 180px;
        margin-right: 12px;
    }
    .mtb__form .mtb__form__check .mtb__form__checklabel {
        font-size: 15px;
        line-height: 18px;
        color: var(--text-color);
    }
    .mtb__form .mtb__form__check .mtb__form__checklabel:before {
        margin-right: 10px;
    }
}



.profile .data__content>form table.pay-prof thead tr .fio {
    width: 45%;
}
.profile .data__content>form table.pay-prof thead tr .e-mail {
    width: 28%;
}
.profile .data__content>form table.pay-prof thead tr .phone {
    width: 18%;
}
.profile .data__content>form table.pay-prof tbody tr td.e-mail {
    font-size: 14px;
}
.profile .data__content>form table.pay-prof tbody tr td.phone {
    font-size: 15px;
}
.profile .data__content>form table.pay-prof tbody tr td.phone span {
    display: inline-block;
}
.profile .data__content>form table.pay-prof tbody tr td.phone a {
    font-size: 18px;
    line-height: 23px;
    color: #3683C2;
    font-weight: 500;
    text-decoration: none;
    transition: 0.3s all;
}

header .sitemap {
    height: 40px;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid ;
    display: none
}
header .sitemap a {
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}



.pad {
    position: fixed;
    backdrop-filter: blur(3px);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0006;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
}

span.error {
    font-size: 12px;
    color: var(--main-red);
    font-weight: 500;
    margin-top: 2px;
    display: block;
    position: absolute;
    bottom: 2px;
}





.con .block__title {
    padding: 0 35px;
    margin-bottom: 10px;
}

/* .con .billing {
    margin-bottom: 30px;
} */

.services .block__search {
    padding: 0 35px;
}
@media (max-width: 1200px) {
    .login {
        padding: 40px 0;
    }
}













/* MOBILE HEADER */
header .mobile__header {
    height: 60px;
    position: fixed;
    top: 0;
    background: var(--bg-color);
    left: 0;
    width: 100%;
    z-index: 1001;
    align-items: center;
    transition: 0.3s all;

}
header .mobile__header::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 4px;
    display: block;
    transition: 0.3s all;
    background: linear-gradient(180deg, rgb(215 215 215) 0%, rgba(255,255,255,0) 100%);
}
.theme-dark header .mobile__header::after {
    background: linear-gradient(180deg, rgb(108 108 108) 0%, rgba(255,255,255,0) 100%);
}

header .mh__menu {
    padding: 85px 0 30px 0;
    position: fixed;
    height: 100vh;
    overflow: auto;
    background: var(--bg-color);
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10;
}

header .mh__menu .mh__menuwrap {
    padding: 0;
}
header .mh__menu .whois__wrap {
    display: flex;
    margin-bottom: 10px;
    padding: 0 64px;
}
header .mh__menu .whois__wrap>input[type="text"] {
    flex: 1;
    border-radius: 6px 0 0 6px;
}
header .mh__menu .whois__wrap>input[type="submit"] {
    flex: 0;
    outline: none;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 0 6px 6px 0;
    padding: 0 12px;
    font-size: 14px ;
    height: 38px ;
    display: flex;
    line-height: 38px ;
    color: var(--text-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 5%);
    background: var(--bg-color);
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 500;
    transition: 0.3s all;
    border-left: none;
}
header .mh__menu .whois__wrap>input[type="submit"]:hover {
    background: var(--bg-100);
}

header .mh__menu .mh__menulist {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}



header .mh__menu .mh__menulist .mh__menu__item>div>div {
    font-size: 16px;
    line-height: 17px;
    font-weight: 600;
}
header .mh__menu .mh__menulist .mh__menu__item:not(.has-submenu)>div {
    padding: 0;
}
header .mh__menu .mh__menulist .mh__menu__item:not(.has-submenu)>div a {
    padding: 17px 64px;
    width: 100%;
}
@media (max-width: 1000px) {
    header .mh__menu .mh__menulist .mh__menu__item:not(.has-submenu)>div a {
        padding: 17px 25px;
    }
}


header .mh__menu .mh__menulist .mh__menu__item {
    display: block;
    align-items: center;
}
header .mh__menu .mh__menulist .mh__menu__item .arrow {
    position: relative;
    display: block;
    flex: 1;
}
header .mh__menu .mh__menulist .mh__menu__item.has-submenu>div .arrow:after {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    display: block;
    font-size: 12px;
    color: var(--text-color);
    transition: 0.3s all;
}

header .mh__menu .mh__menulist .mh__menu__item.has-submenu.active>div .arrow:after {
    transform: translateY(-50%) rotate(180deg);
}
header .mh__menu .mh__menulist .mh__menu__item>div {
    padding: 17px 64px;
    cursor: pointer;
    display: flex;
    border-bottom: 1px solid var(--border-color);
}
header .mh__menu .mh__menulist .mh__menu__item>div>a {
    text-decoration: none;
    color: var(--text-color);
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
}
header .mh__menu .mh__secmenulist {
    padding: 0;
    margin: 0;
    list-style: none;
}
header .mh__menu .mh__secmenulist .mh__secmenu__item {
    padding: 15px 64px;
    display: flex;
    align-items: center;
    transition: 0.3s all;
    cursor: pointer;
}
header .mh__menu .mh__secmenulist .mh__secmenu__item>a {
    text-decoration: none;
    color: var(--text-color);
    font-size: 14px;
    line-height: 17px;
}
header .mh__menu .mh__menufooter {
    height: 70px;
    background: var(--bg-color-table);
    padding: 0 64px;
    display: flex;
    align-items: center;
}
header .mh__menu .mh__menufooter .mh__lang {
    display: flex;
    align-items: center;
    margin-right: auto;
}
header .mh__menu .mh__menufooter .mh__lang>span {
    display: block;
    margin-right: 15px;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-color);
}
header .mh__menu .mh__menufooter .mh__lang .nice-select .list {
    top: -315%;
}

header .mh__menu .mh__menufooter .mh__theme {
    display: flex;
    align-items: center;
}
header .mh__menu .mh__menufooter .mh__theme .mh__theme__text {
    display: block;
    margin-right: 10px;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-color);
}


header .mh__menu .mh__menulist .mh__menu__item>ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    position: relative;
}
header .mh__menu .mh__menulist .mh__menu__item>ul:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    display: block;
    background: linear-gradient(180deg, rgb(215 215 215) 0%, rgba(255,255,255,0) 100%);
}
header .mh__menu .mh__menulist .mh__menu__item>ul:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    display: block;
    background: linear-gradient(0deg, rgb(215 215 215) 0%, rgba(255,255,255,0) 100%);
}
header .mh__menu .mh__menulist .mh__menu__item>ul>li {
    padding: 15px 64px;
    display: flex;
    align-items: center;
    transition: 0.3s all;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    color: var(--text-color);
    background: var(--bg-color-table);
    border-bottom: 1px solid var(--border-color);
}
header .mh__menu .mh__menulist .mh__menu__item>ul .mh__submenu__title {
    padding: 0 64px;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-color);
    display: block;
    margin: 15px 0 10px 0;
}
header .mh__menu .mh__menulist .mh__menu__item>ul .mh__submenu__backbtn {
    border-top: 1px solid #D6D6D6;
    margin: 10px 64px 0 64px;
}
header .mh__menu .mh__menulist .mh__menu__item>ul .mh__submenu__backbtn>button {
    padding: 18px 0 20px 25px;
    text-align: left;
    position: relative;
    background: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: var(--text-color);
    border: none;
    transition: 0.3s all;
    outline: none;
    display: block;
    width: 100%;
    cursor: pointer;
}
header .mh__menu .mh__menulist .mh__menu__item>ul .mh__submenu__backbtn>button:before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 7px;
    transform: translateY(-50%);
    width: 12px;
    height: 9px;
    background: url('../media/back-arrow.svg') center center/cover no-repeat;
}
header .mh__menu .mh__menulist .mh__menu__item>ul>li>a {
    text-decoration: none;
    color: var(--text-color);
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
}


@media (max-width: 500px) {

    header .mh__menubtn.active>span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 3px);
    }
    header .mh__menubtn.active>span:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -3px);
    }
    header .mh__menu .mh__menufooter .mh__lang {
        margin-right: auto;
    }
    header .mh__menu .mh__menufooter .mh__lang>span {
        font-size: 11px;
        line-height: 12px;
        margin-right: 10px;
    }
    header .mh__menu .mh__menufooter .mh__theme .mh__theme__text {
        font-size: 11px;
        line-height: 12px;
        margin-right: 10px;
    }
    header .mh__menu .mh__menufooter {
        padding: 0 25px;
    }
    header .mh__menu .whois__wrap {
        padding: 0 25px;
    }
    header .mh__menu .mh__secmenulist .mh__secmenu__item {
        padding: 15px 25px;
    }
    header .mh__menu .mh__menulist .mh__menu__item>ul .mh__submenu__title {
        padding: 0 25px;
    }
    header .mh__menu .mh__menulist .mh__menu__item>ul>li {
        padding: 17px 35px;
    }
    header .mh__menu .mh__menulist .mh__menu__item>ul .mh__submenu__backbtn {
        margin: 10px 25px 0 25px;
    }
}
@media (max-width: 370px) {
    header .mh__menu .mh__menufooter .mh__lang {
        margin-right: 20px;
    }
}

@media(max-width: 1200px) {
    body {
        position: relative;
        top: 60px !important;
    }
    .registration {
        padding: 40px 0;
    }
}



@media (max-width: 500px) {
    .login .login__block__footer {
        padding: 30px 20px;
    }
    .login .login__block__header {
        padding: 30px 20px;
    }
}




.activators {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}





.login.v2 .login__block__wrap {
    background: var(--bg-color);
    transition: 0.5s all;
    box-shadow: var(--box-shadow-light);
    border-radius: 8px;
}
.login.v2 .login__block__header .lgb__text {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    display: block;
    font-weight: 500;
    color: var(--text-color);
}
.login.v2 .login__block__header .lgb__text a {
    line-height: 18px;
}

.login.v2 .input__wrapper.check {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}
.login.v2 .input__wrapper.check label {
    margin-right: auto;
}
.login.v2 .input__wrapper.check .lostpassword__link {
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    color: var(--main-blue);
    transition: 0.3s all;
}
.login.v2 .input__wrapper.check .lostpassword__link:hover {
    color: var(--main-blue-darker);
}
.login.v2 .social__auth .social__auth__btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.login.v2 .social__auth .social__auth__btns button {
    flex: 1 1 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login.v2 .social__auth .social__auth__btns button i {
    color: #6b7280;
}
.login.v2 .social__auth .social__auth__btns a.button {
    flex: 1 1 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login.v2 .social__auth .social__auth__btns a.button i {
    color: #6b7280;
}
.login.v2 [type=submit] {
    width: 100%;
    outline: none;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    padding: 0 12px;
    font-size: 16px ;
    height: 38px ;
    display: flex;
    line-height: 36px ;
    justify-content: center;
    color: white;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 5%);
    background: var(--main-blue);
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 500;
    transition: 0.3s all;
}
.login.v2 [type=submit]:hover {
    background: var(--main-blue-darker);
}
.login.v2 .login__block__footer form {
    margin-bottom: 0;
}
.login.v2 .login__block__footer .social__auth {
    position: relative;
}
.login.v2 .login__block__footer .social__auth span {
    display: block;
    position: relative;
    text-align: center;
    margin: 0 auto 20px;
    width: fit-content;
    background: #fff;
    padding: 5px;
    z-index: 2;
    color: var(--text-color);
    font-weight: 500;
}
.login.v2 .login__block__footer .social__auth:after {
    content: '';
    position: absolute;
    top: 18px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #E1E1E1;
}


.lostpass {
    padding: 50px 0;
}
.lostpass .lostpass__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    max-width: 570px;
    margin: 0 auto;
}
.lostpass .lostpass__wrapper .lostpass__title {
    color: var(--text-color);
    display: block;
    margin-bottom: 30px;
}
.lostpass .lostpass__wrapper .lostpass__title h2 {
    text-align: center;
}

.lostpass .lostpass__wrapper .lostpass__form .lostpass__link {
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    color: var(--main-blue);
    display: block;
    margin-left: auto;
    width: fit-content;
    padding-bottom: 20px;
}
.lostpass .lostpass__wrapper .lostpass__form [type=submit] {
    width: 100%;
    justify-content: center;
}
.lostpass .lostpass__container {
    background: var(--bg-color);
    transition: 0.5s all;
    box-shadow: var(--box-shadow-light);
    border-radius: 8px;
    padding: 28px 48px;
    width: 100%;
}
.lostpass .lostpass__block__header p {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    margin-bottom: 20px;
}
@media (max-width: 500px) {
    .lostpass .lostpass__container {
        padding: 20px;
    }
}

.settings .settings__header {
    padding: 0 35px;
    margin-bottom: 20px;
}



































#qr {
    position: absolute;
    right: 0;
}
@media (max-width: 1280px) {
    #qr {
        display: none;
    }
}




.data .data__container {
    max-width: 430px;
}
.data h3 {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    color: #000;
}
.data h4 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    color: #000;
}
.data.partner .stats__info + p {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    color: var(--text-color);
}
.data .data__container p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--text-color-100);
}
.data table.data__table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 20px 0;
    box-shadow: var(--box-shadow-light);
}
.data table.data__table a {
    color: var(--main-blue);
}
.data table.data__table thead {
    background: var(--bg-color-table);
    color: var( --text-color);
    font-weight: 500;
    height: 60px;
    border-bottom: 1px solid var(--border-color);
}
.data table.data__table thead tr {

}
.data table.data__table thead tr td {
    padding: 20px;
}
.data table.data__table tbody tr {
    border-bottom: 1px solid var(--border-color);
}
.data table.data__table tbody tr:last-child {
    border: none;
}
.data table.data__table tbody tr td{
    padding: 20px;
    font-size: 14px;
}
.data table.data__table tbody tr td.fio .main {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 5px;
    font-weight: 500;
}
.data table.data__table tbody tr td.fio .sub {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    margin: 0;
    color: var(--text-color);
}
.data table.data__table tbody tr td .actions {
    display: flex;
    gap: 20px;
}
.data .form__btns {
    padding: 20px 0 0 0;
}




.settings .settings__mobile__menu {
    display: none;
    border-bottom: 1px solid var(--border-color);
}
.settings .settings__mobile__menu .toggler {
    padding: 10px 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    color: var(--text-color);
}
.settings .settings__mobile__menu .toggler i {
    font-size: 12px;
    transition: 0.3s all;
}
.settings .settings__mobile__menu .toggler.active i{
    transform: rotate(180deg);
}
.settings .settings__mobile__menu ul {
    position: relative;
    padding: 0px;
    margin: 0px;
    list-style: none;
    border-top: 1px solid var(--border-color);
}
.settings .settings__mobile__menu ul:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    display: block;
    background: linear-gradient(180deg, rgb(215 215 215) 0%, rgba(255,255,255,0) 100%);
}
.settings .settings__mobile__menu ul:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    display: block;
    background: linear-gradient(0deg, rgb(215 215 215) 0%, rgba(255,255,255,0) 100%);
}
.settings .settings__mobile__menu ul li a {
    padding: 10px 35px;
    display: flex;
    color: var(--text-color);
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid var(--border-color);
    background: var(--bg-100);
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
}
.settings .settings__mobile__menu ul li a i {
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.settings .settings__mobile__menu ul li a.active {
    color: var(--main-blue);
}
.settings .settings__mobile__menu ul li:last-child a {
    border: none;
}
@media (max-width: 1000px) {
    .data table.data__table tbody tr td {
        display: block;
        padding: 10px;
    }
    .data table.data__table thead {
        display: none;
    }

}
@media (max-width: 768px) {
    .settings .profile__menu__wrapper {
        display: none;
    }
    .settings .settings__body__wrap {
        flex-direction: column;
    }
    .settings .settings__mobile__menu {
        display: block;
    }
}

@media (max-width: 500px) {
    .settings .settings__body__wrap .data__content {
        padding: 20px;
    }
    .settings .settings__mobile__menu ul li a {
        padding: 10px 20px;
    }
    .settings .settings__header {
        padding: 0 20px;
    }
}



.d-flex {
    display: flex;
    align-items: center;
    gap: 20px;
}
.d-flex input {
    flex: 1;
}


.data h4 {
    margin-bottom: 5px;
}

.data form .email__add {
    margin-bottom: 20px;
}
.data .data__container .email-add-la {
    margin-top: -19px;
    margin-bottom: 15px;
}
.data .data__container p.email-add {
    margin-bottom: 5px;
}

.data.ip {
    max-width: 430px;
}
.data.ip form {
    margin-bottom: 30px;
}
.data.ip form textarea {
    resize: none;
    height: 180px;
}
.ip .ip__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.ip .auth__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.ip form.auth .tsauth__qr{
    display: block;
    margin: 0 auto 20px;
    padding: 12px;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    box-shadow: var(--box-shadow-light);
    width: 184px;
    height: 184px;
}
.ip form.auth .tsauth__helplink {
    display: block;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}

.data.partner {
    max-width: 430px;
}
.data.partner p {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 20px;
    color: var(--text-color);
    font-weight: 400;

}
.data.partner a {
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
}
.data.partner .stats {
    display: flex;
    gap: 20px;
    margin: 20px 0;
    flex-wrap: wrap;
}
.data.partner .stats .stat__item {
    box-shadow: var(--box-shadow-light);
    border-radius: 6px;
    border: 1px solid var(--border-color);
    flex: 1 1 200px;
}
.data.partner .stats .stat__item .block {
    padding: 20px 20px 8px 20px;
}
.data.partner .stats .stat__item .block__footer {
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: var(--bg-100);
    border-top: 1px solid var(--border-color);
}
.data.partner .stats .block .name {
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 3px;
    color: var(--text-color);
}
.data.partner .stats .block .total {
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    color: var(--main-blue-darker);
}
.data.partner .stats__info {
    box-shadow: var(--box-shadow-light);
    border-radius: 6px;
    border: 1px solid var(--border-color);
    padding: 10px 15px;
    flex: 1 1 200px;
    margin: 20px 0;
}
.data.partner .stats__info .name {
    font-weight: 500;
    margin-bottom: 5px;
}
.data.partner .stats__info p {
    font-size: 16px;
    font-weight: 400;
}
.data.partner .social {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.data.partner .social a {
    flex: 1;
    justify-content: center;
}
.data.partner .social a i {
    font-size: 16px;
    color: #6b7280;
}



.input__wrapper p.info {
    margin-bottom: 0 ;
    color: var(--text-color-100);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}


.data.partner.oauth .social {
    margin-bottom: 20px;
}

.data.partner.oauth .social__infoblock {
    display: flex;
    gap: 10px;
    flex-direction: column;
    margin-top: 20px;
}
.data.partner.oauth .social__infoblock .social__item {
    border: 1px solid var(--border-color);
    border-radius: 6px;
    box-shadow: var(--box-shadow);
    flex: 1;
}
.social__infoblock .social__item .social__wrapper {
    display: flex;
    gap: 10px;
    padding: 10px;
}
.social__infoblock .social__item .social__wrapper .icon {
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
    display: flex;
    border-radius: 4px;
    background: var(--bg-700);
    align-items: center;
    justify-content: center;
    color: #fff;
}

.social__infoblock .social__item.active .social__wrapper .text .soc__name i{
    color: var(--main-green);
    margin-left: 5px;
}
.social__infoblock .social__item.inactive .social__wrapper .text .soc__name i{
    color: var(--text-100);
    margin-left: 5px;
}


.social__infoblock .social__item .social__wrapper .text {

}
.social__infoblock .social__item .social__wrapper .text .soc__name {
    font-weight: 500;
    color: var(--text-color-300);
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 3px;
}
.social__infoblock .social__item .social__wrapper .text .soc__info {
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: var(--text-color);
}
.social__infoblock .social__item .social__footer {
    padding: 10px 20px;
    display: flex;
    background: var(--bg-color);
    justify-content: flex-end;
    align-items: center;
    background: var(--bg-100);
}
.social__infoblock .social__item .social__footer a {
    font-weight: 500;
}

.social__infoblock .social__item.facebook .social__wrapper .icon{
    background: #4267b2;
}
.social__infoblock .social__item.google .social__wrapper .icon{
    background: #EA4335;
}
.social__infoblock .social__item.yandex .social__wrapper .icon{
    background: #ff281d;
}

.data.confidential a {
    display: block;
    width: fit-content;
    margin-bottom: 10px;
    font-weight: 500;
    text-decoration: none;
    font-size: 14px;
}
.data.confidential p {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
    color: var(--text-color);
    font-weight: 400;
}

.data.api-work form {
    margin-bottom: 20px;
}
.data.api-work textarea {
    resize: none;
    height: 180px;
}
.alert-text {
    color: var(--main-red);
}





.input__wrapper .pass__generator {
    position: relative;
}
.input__wrapper .pass__generator input {
    padding-right: 65px;
}
.input__wrapper .pass__generator .view {
    position: absolute;
    top: 50%;
    right: 38px;
    transform: translateY(-50%);
    cursor: pointer;
    transition: 0.1s all;
}
.input__wrapper .pass__generator .view:active {
    transform: scale(0.85) translateY(-50%);
}
.input__wrapper .pass__generator .view i {
    cursor: pointer;
}
.input__wrapper .pass__generator .view i.fa-eye {
    transform: translateX(-1px);
}
.input__wrapper .pass__generator i.generator {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    cursor: pointer;
    transition: 0.1s all;
}
.input__wrapper .pass__generator i.generator:active {
    transform: scale(0.85) translateY(-50%);
}

@media (max-width: 500px) {
    .con .block__title {
        padding: 0 20px;
    }
    .table .table__body .table__item {
        margin: 0 20px;
    }
    .services .block__search {
        padding: 0 20px;
    }
}


.table .table__subtitle.mobile__actions {
    display: none;
}
.table__servicebefore .servicestatus__title {
    display: none;
}
.table__servicebefore a {
    display: none;
}

@media (max-width: 1000px) {
    .table__servicebefore a {
        display: block;
    }
    .table__servicebefore.item .servicebefore__text {
        display: none;
    }
    .table .table__subtitle.mobile__actions {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
    }
    .table__item a {
        text-decoration: none;
        color: var(--main-blue);
    }
    .table .table__subtitle.mobile__actions a.goto__panel__test {
        width: auto;
        justify-content: center;
        text-align: center;
        outline: none;
        border: 1px solid rgb(209, 213, 219);
        border-radius: 6px;
        padding: 0 12px;
        font-size: 14px ;
        height: 32px ;
        display: flex;
        line-height: 32px ;
        color: var(--text-color);
        box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 5%);
        background: var(--bg-color);
        align-items: center;
        gap: 8px;
        cursor: pointer;
        font-weight: 500;
        transition: 0.3s all;
    }
    .table__item a:hover {
        color: var(--text-color);
    }
    .table__servicestatus.item {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        order: 2;
        align-items: flex-end;
        gap: 10px;
    }
    .table__servicestatus.item .servicestatus__title {
        color: var(--text-color);
        padding: 3px 10px;
        background: var(--bg-100);
        border-radius: 12px;
        font-size: 13px;
        font-weight: 500;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        width: fit-content;
    }
    .table__servicestatus.item .servicestatus__title.success {
        color: var(--badge-green-text);
        background: var(--badge-green-bg);
    }
    .table__servicestatus.item .servicestatus__title.error {
        color: var(--badge-orange-text);
        background: var(--badge-orange-bg);
    }
    .table__servicestatus.item .servicestatus__text {
        border-radius: 6px;
        padding: 6px 10px;
        color: white;
        font-weight: 600;
        font-size: 12px;
        line-height: 19px;
        transition: 0.3s all;
        text-decoration: none;
        display: block;
        margin-right: 20px;
        box-shadow: var(--box-shadow-light);
        background: var(--main-blue);
        margin-right: 0;
    }
    .table__serviceinfo.item {
        justify-content: flex-start;
    }
    .table__bill .table__billstatus span {
        width: auto;
    }
    .table__serviceprice.item {
        display: none;
        order: 4;
    }
    .table__service .table__serviceautoextend {
        display: flex;
        width: fit-content;
        order: 7;
        margin-left: auto;
        display: none;
    }
    .table__serviceXfactor.item .serviceXfactor__btn {
        width: fit-content;
        margin-left: auto;
    }
    .table__service .table__servicebefore {
        display: flex;
        width: 100%;
        gap: 20px;
        align-items: flex-start;
        justify-content: flex-start;
        order: 6;
    }

    .table__servicebefore .servicestatus__title {
        display: block;
        color: var(--text-color);
        border-radius: 12px;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 0;
    }
    .table__servicebefore .servicestatus__title.success {
        color: var(--badge-green-text);
        background: var(--badge-green-bg);
    }
    .table__servicebefore .servicestatus__title.error {
        color: var(--badge-orange-text);
        background: var(--badge-orange-bg);
    }
}

@media (max-width: 550px) {
    .table .table__subtitle.mobile__actions a.goto__panel__test {
        width: 100%;
    }
    .table__service .table__servicebefore {
        justify-content: space-between;
    }
}
@media (max-width: 500px) {
    .bill__layout {
        padding: 45px 20px 20px 20px;
    }
}



.arcticmodal-container_i {
    height: 100%;
    margin: 0 auto;
    width: 100%;
}
.modal {
    padding: 45px;
    width: 100%;
    margin: 0 auto;
    max-width: 500px;
    background: var(--bg-color);
    box-shadow: 0px 4px 28px rgb(0 0 0 / 25%);
    border-radius: 6px;
    position: relative;
}
.modal .box-modal_close {
    position: absolute;
    top: 10px;
    right: 10px;

    height: 25px ;
    font-size: 16px ;
    color: #606060;
    font-weight: 900;
    box-shadow: none;
    outline: none;
    border: 1px solid rgb(227 227 227);
    border-radius: 6px;
    padding: 0px 10px;
    display: flex;
    line-height: 25px ;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: 0.3s all;
}
.modal h3 {
    text-align: center;
    margin-bottom: 20px;
}
.modal [type=submit] {
    margin-left: auto;
}
@media (max-width: 600px) {
    .modal {
        padding: 40px 20px;
    }
}

.bill__table .bill__table__header{
    display: flex;
    padding: 10px 20px;
    gap: 10px;
    border: 1px solid var(--border-color);
}




.transfer .transfer__header {
    margin-bottom: 20px;
    padding: 0 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.transfer .content {
    background: var(--bg-color);
    padding: 20px 35px 0;
    border-bottom: 1px solid var(--border-color);
    border-top: 1px solid var(--border-color);
}
p.alert {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: var(--badge-gray-bg);
    color: var(--badge-gray-text);
    padding: 10px 20px;
    border-radius: 6px;
    margin-bottom: 20px;
    width: fit-content;
    font-size: 16px;
    line-height: 20px;
}
p.alert i {
    margin-top: 3px;
}

.transfer .input__wrapper {
    max-width: 500px;
}
.transfer .transfer__info {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
}
.transfer .transfer__info span {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
}

.input__file .wrap {
    width: 100%;
    display: flex;
    align-items: center;
    border: 1px solid var(--border-color-table);
    padding: 6px 10px;
    position: relative;
    cursor: pointer;
    transition: 0.3s all;
    border-radius: 6px;
    box-shadow: var(--box-shadow);
}
.input__file .file__status {
    font-weight: 400;
    color: #a2a2a2;
    position: relative;
    z-index: 5;
}
.input__file [type=file] {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 6;
}
.input__file .upload__anim {
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 100%;
    border-radius: 6px;
    transition: 0.3s all;
    z-index: 0;
    background: var(--badge-blue-bg);
}

.input__file.hover {
    border-color: var(--main-blue);
}








.input__file .file__single {
    align-items: stretch;
}
.input__file .file__single i {
    display: flex;
	height: auto;
	align-items: center;
}



@media (max-width: 500px) {
    .transfer .transfer__header {
        padding: 0 20px;
    }
    .transfer .content {
        padding: 20px 20px 0;
    }
}

form .form__mark {
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    color: var(--text-color);
}

.dom .block__info {
    padding: 20px 35px;
    background: var(--bg-color);
    border-bottom: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}
.dom .block__info .block {
    display: flex;
    gap: 20px;
}
.dom .block__info .block .img {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dom .block__info .block .img i {
    font-size: 50px;
    color: var(--text-color-700);
}
.dom .block__info .block .img img {
    width: 100%;
    border-radius: 9999px;
}
.dom .block__info .content .pretitle {
    color: var(--text-color-100);
}
.dom .block__info .content .title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    color: #000;
}
.dom .block__info .content .ex {
    display: flex;
    gap: 7px;
    font-size: 14px;
    line-height: 14px;
    margin-top: 3px;
    align-items: flex-start;
    color: var(--text-color-100);
}
@media (max-width: 500px) {
    .dom .block__info {
        padding: 20px;
    }
}
@media (max-width: 400px) {
    .dom .block__info button {
        width: 100%;
        justify-content: center;
    }
}



.dom.ssl .dom__header .dom__header__info .info {
    gap: 20px;
}
.dom.ssl .dom__header .dom__header__info .info i {
    margin-right: 0;
}
/* Страницы SSL */
.dom.ssl .dom__header .dom__header__info .info span {
    display: flex;
    gap: 7px;
    margin-top: 3px;
    font-size: 16px;
    line-height: 20px;
    align-items: center;
    color: var(--text-color-100);
}
.dom.ssl .dom__header__info .info span i {
    animation: none;
}
.dom.ssl-install .dom__sets .content .detail {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.dom.ssl-install .dom__sets .content .detail .input__wrapper {
    padding-bottom: 0;
}

.dom.ssl-install .dom__sets .content .gen label{
    display: flex;
}
.dom.ssl-install .dom__sets .content .gen label a {
    text-decoration: none;
    margin-left: auto;
}
.dom.ssl-install .dom__tabs ul {
    border-bottom: none;
}
.dom.ssl-install form .wrap {
    display: flex;
    gap: 80px;
}
.dom.ssl-install form .wrap .block {
    flex: 1;
}
.dom.ssl-install form .wrap .block .copy h3 {
    margin-bottom: 0;
    color: #000;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
}
.dom.ssl-install form .wrap .block .copy {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
    gap: 10px;
}
.dom.ssl-install form .wrap .block h3 {
    margin-bottom: 10px;
}


@media (max-width: 750px) {
    .dom.ssl-install form .wrap {
        gap: 20px;
        flex-direction: column;
    }
}
























#bill__modal {
    max-width: 700px;
}

#dropZone {
    color: #555;
    font-size: 18px;
    text-align: center;

    width: 400px;
    padding: 50px 0;
    margin: 50px auto;

    background: #eee;
    border: 1px solid #ccc;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#dropZone.hover {
    background: #ddd;
    border-color: #aaa;
}

#dropZone.error {
    background: #faa;
    border-color: #f00;
}

#dropZone.drop {
    background: #afa;
    border-color: #0f0;
}


/* TEST CONTACT MODULE */
header .mh__contact {
    cursor: default;
    display: block;
    position: fixed;
    background: var(--bg-color);
    z-index: 999;
    left: 0;
    top: 60px;
    width: 100%;
    transform: translateX(0);
    box-shadow: none;
}
header .mh__contact .phone__dropmobile {
    background: var(--bg-color);
    padding: 25px 20px;
}
.phone__drop__city__num {
    text-decoration: none;
}
.phone__drop__provider__num {
    text-decoration: none;
}




/* TEST NEW MENU */
.mh__menubtn {
    order: 3;
    margin-right: 0 ;
    margin-left: 20px;
}
.mh__logo {
    order: 1;
}
.mh__btns {
    order: 2;
}
header .mh__contact .phone__dropmobile {
    padding: 12px 20px 25px 20px;
}

header .mh__contact {
    position: fixed;
    overflow-y: auto;
    overflow-x: visible;
    height: calc(100vh - 60px);
    border-top: 1px solid #dfdfdf;
}
header .mh__contact .mh__contact__list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid var(--border-color);
}
header .mh__contact .mh__contact__list .mh__contact__item {
    padding: 0;
    margin: 0;
    position: relative;
    cursor: pointer;
}
header .mh__contact .mh__contact__list .mh__contact__item a {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    position: relative;
    color: var(--text-color);
    display: block;
    text-decoration: none;
    padding: 20px 35px;
}
header .mh__contact .mh__contact__list .mh__contact__item.whatsapp a:before {
    content: '';
    display: block;
    position: absolute;
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: url(../media/whatsapp.svg) center center/cover no-repeat;
}
header .mh__contact .mh__contact__list .mh__contact__item.telegram a:before {
    content: '';
    display: block;
    position: absolute;
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: url(../media/tg.svg) center center/cover no-repeat;
}
@media (max-width: 700px) {
    header .mh__contact .mh__contact__list .mh__contact__item a {
        padding: 20px 35px;
    }
}
@media (max-width: 500px) {
    header .mh__contact .mh__contact__list .mh__contact__item a {
        padding: 15px 30px;
        font-size: 14px;
        line-height: 14px;
    }
}

header .mh__contact .phone__drop__social.rect>a {
    display: flex;
    width: calc(100% / 4 - 5px);
    padding: 5px;
    border-radius: 4px;
    color: white;
    text-decoration: none;
    font-size: 10px;
    line-height: 25px;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    height: auto;
}
header .mh__contact .phone__drop__social.rect>a.fb {
    background: #3b5998;
}
header .mh__contact .phone__drop__social.rect>a.vk {
    background: #4a76a8;
}
header .mh__contact .phone__drop__social.rect>a.inst {
    background: rgb(181,72,157);
    background: linear-gradient(180deg, rgba(181,72,157,1) 0%, rgba(222,83,118,1) 50%, rgba(247,170,109,1) 100%);
}
header .mh__contact .phone__drop__social.rect>a.yt {
    background: #e62117;
}
header .mh__contact .phone__drop__email .email__title {
    font-size: 16px;
}
header .mh__contact .phone__drop__email .email__line .email__name {
    font-size: 14px;
}
header .mh__contact .phone__drop__email .email__line .email__link a{
    font-size: 14px;
}
@media (max-width: 460px) {
    header .mh__contact .phone__drop__social.rect>a {
        font-size: 0;
    }
    header .mh__contact .phone__drop__social.rect>a img {
        display: block;
        margin: 0 auto;
    }
}
header .mh__contact .mh__contact__close {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 0px;
    right: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    cursor: pointer;
    text-decoration: none;
    font-size: 24px;
    color: var(--text-color);
    transition: 0.15s all;
}
header .mh__contact .mh__contact__close:active {
    font-size: 18px;
}


/* MHACC */
header .mh__acc {
    position: fixed;
    overflow-y: auto;
    overflow-x: visible;
    height: calc(100vh - 60px);
    border-top: 1px solid #dfdfdf;
    cursor: default;
    display: block;
    background: var(--bg-color);
    z-index: 999;
    left: 0;
    top: 60px;
    width: 100%;
}
header .mh__acc .acc__dropdown__reg {
    display: block;
    position: relative;
    width: 100%;
    background: var(--bg-color);
    z-index: 5;
    left: 0;
    top: 0;
    transform: none;
    padding: 25px;
    box-shadow: none;
}



/* INTER PAGES */


.d-domain .breadcrumbs {
    padding: 10px 0;
    min-height: 54px;
    display: flex;
    align-items: center;
}

.detail__domain {
    padding: 30px 44px;
    background: var(--bg-color);
    border: 1px solid var(--border-color-table);
}

.detail__domain .detail__domain__title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    align-items: center;
}



.detail__domain .detail__domain__title a {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
}

.detail__domain .detail__domain__settings .setting__item {
    padding: 15px 15px 15px 50px;
    background: var(--bg-color-table);
    transition: background-color 0.3s;
    margin-bottom: 3px;
    position: relative;
}

.detail__domain .detail__domain__settings .setting__item>a {
    text-decoration: none;
}

.detail__domain .detail__dns.detail__domain__settings .setting__item {
    padding: 30px;
}

.detail__domain .detail__domain__settings .setting__item:hover {
    background: #EAFAFF;
}

.theme-dark .detail__domain .detail__domain__settings .setting__item:hover {
    background: #002b36;
}




.detail__domain .detail__domain__settings .setting__item::before {
    transform: translateY(-50%) scale(0.8) ;
    left: 15px ;
}

.detail__domain .detail__domain__settings .setting__item.domain-active::before {
    content: '';
    width: 32px;
    height: 27px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -55px;
    display: block;
    background: url('../media/detail/domain/active.svg') center center/cover no-repeat;
}

.detail__domain .detail__domain__settings .setting__item.domain-prodlenie::before {
    content: '';
    width: 29px;
    height: 28px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -55px;
    display: block;
    background: url('../media/detail/domain/prodlenie.svg') center center/cover no-repeat;
}

.detail__domain .detail__domain__settings .setting__item.domain-dns::before {
    content: '';
    width: 26px;
    height: 28px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -55px;
    display: block;
    background: url('../media/detail/domain/dns.svg') center center/cover no-repeat;
}

.detail__domain .detail__domain__settings .setting__item.domain-contact::before {
    content: '';
    width: 26px;
    height: 26px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -55px;
    display: block;
    background: url('../media/detail/domain/contact.svg') center center/cover no-repeat;
}

.detail__domain .detail__domain__settings .setting__item.domain-svidetelstvo::before {
    content: '';
    width: 25px;
    height: 31px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -55px;
    display: block;
    background: url('../media/detail/domain/svidetelstvo.svg') center center/cover no-repeat;
}

.detail__domain .detail__domain__settings .setting__item.domain-dopsetex::before {
    content: '';
    width: 26px;
    height: 26px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -55px;
    display: block;
    background: url('../media/detail/domain/settings.svg') center center/cover no-repeat;
}

.detail__domain .detail__domain__settings .setting__item.domain-owndns::before {
    content: '';
    width: 29px;
    height: 28px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -55px;
    display: block;
    background: url('../media/detail/domain/own-dns.svg') center center/cover no-repeat;
}

.detail__domain .detail__domain__settings .setting__item.domain-transfer::before {
    content: '';
    width: 29px;
    height: 25px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -55px;
    display: block;
    background: url('../media/detail/domain/transfer.svg') center center/cover no-repeat;
}

.detail__domain .detail__domain__settings .setting__item .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content a {
    text-decoration: none;
    color: #818181;
}

.detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content h3 {
    position: relative;
}

.detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content {
    margin-right: 50px;
    min-width: 165px;
    flex: 1;
}

.detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content .dop__link {
    color: var(--main-blue);
}

.detail__domain .detail__domain__settings .setting__item.domain-transfer .wrapper .setting__item__content {
    margin-right: 0;
}

.detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content p {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #818181;
    margin-top: 5px;
    text-transform: uppercase;
}

.detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content p a {
    text-decoration: none;
}

.detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__action {
    align-self: flex-start;
}

.detail__domain .detail__domain__settings .setting__item.domain-dopset {
    cursor: pointer;
}

.detail__domain .detail__domain__settings .setting__item.domain-dopset.active {
    background: #fff;
}

.theme-dark .detail__domain .detail__domain__settings .setting__item.domain-dopset.active {
    background: #454545;
}

.detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__action a {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    padding: 10px 15px;
    background: var(--main-blue);
    border-radius: 3px;
    color: white;
    display: block;
    transition: 0.3s all;
    text-decoration: none;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    min-width: 152px;
    text-align: center;
}

.detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__action button {
    width: 32px;
    height: 32px;
    border-radius: 3px;
    border: 1px solid #A4A4A4;
    background: transparent;
    cursor: pointer;
    transition: 0.3s all;
    color: #A4A4A4;
}

.detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__action button i {
    transition: transform 0.3s;
    transform: rotate(180deg);
}

.detail__domain .detail__domain__settings .setting__item:hover .wrapper .setting__item__action button {
    border: 1px solid var(--main-blue);
    background: var(--main-blue);
    color: #fff;
}

.detail__domain .detail__domain__settings .setting__item.active .wrapper .setting__item__action button i {
    transform: rotate(0);
}

.detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__action a:hover {
    background: #2d6ca0;
}

.detail__domain .detail__domain__settings .setting__item.domain-dop {
    margin-bottom: 0;
}

.detail__domain .detail__domain__settings .setting__item.domain-transfer .wrapper .setting__item__content p {
    margin-bottom: 10px;
}

.detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content .file__upload>span {
    font-size: 13px;
    line-height: 25px;
    color: #888888;
    display: block;
}

.detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content .file__upload .file__upload__inputsubmit {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    padding: 0 15px;
    height: 33px;
    background: var(--main-blue);
    border-radius: 3px;
    color: white;
    display: block;
    transition: 0.3s all;
    text-decoration: none;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    outline: none;
    border: none;
    cursor: pointer;
}

.detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content .file__upload .file__upload__inputsubmit:hover {
    background: #2d6ca0;
}

.detail__domain .file-name {
    height: 33px;
    flex: 1;
    margin-right: 20px;
    border-radius: 5px;
    border: 1px solid var(--border-color-table);
    font-size: 15px;
    line-height: 33px;
    background: var(--bg-color);
    cursor: pointer;
    padding: 0 34px;
    position: relative;
    color: var(--text-color);
    transition: 0.3s all;
}

.detail__domain .file-name.active {
    border: 1px solid #6ABD6A;
    color: #6ABD6A;
}

.detail__domain .file-name.invalid {
    border: 1px solid #E5333F;
    color: #E5333F;
}

.detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content .file__upload .wrapper {
    position: relative;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content .file__upload .wrapper .file-name:before {
    content: '';
    width: 7px;
    z-index: 1;
    height: 17.5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 17px;
    display: block;
    background: url('../media/detail/domain/file.svg') center center/cover no-repeat;
}

.theme-dark .detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content .file__upload .wrapper .file-name:before {
    filter: invert(1);
}

.detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content .file__upload .check {
    margin-top: 18px;
}

.detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content .file__upload .check label {
    font-size: 13px;
    line-height: 24px;
    color: #888888;
}

.detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content .file__upload .check label:before {
    margin-right: 10px;
}

.detail__domain .detail__domain__settings .setting__item .desktop {
    display: block;
}

.detail__domain .detail__domain__settings .setting__item .desktop .working {
    display: inline-block;
    padding: 3px 10px;
    background: #6ABD6A;
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
    border-radius: 5px;
}

.detail__domain .detail__domain__settings .setting__item .desktop .working i {
    animation: rotate 4s infinite linear;
}

.detail__domain .detail__domain__settings .setting__item .mobile .working i {
    animation: rotate 4s infinite linear;
}

.detail__domain .detail__domain__settings .setting__item .desktop .not-working i {
    display: none;
}

.detail__domain .detail__domain__settings .setting__item .mobile .not-working i {
    display: none;
}

.detail__domain .detail__domain__settings .setting__item .dns__info {
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
    display: block;
    margin-top: 15px;
}

.detail__domain .detail__domain__settings .setting__item .mobile .working {
    display: inline-block;
    padding: 3px 10px;
    background: #6ABD6A;
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
    border-radius: 5px;
}

.detail__domain .detail__domain__settings .setting__item .mobile .not-working {
    display: inline-block;
    padding: 3px 10px;
    background: #B8B8B8;
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
    border-radius: 5px;
}

.detail__domain .detail__domain__settings .setting__item .desktop .not-working {
    display: inline-block;
    padding: 3px 10px;
    background: #B8B8B8;
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
    border-radius: 5px;
}

@media (max-width: 1200px) {
    .d-domain .breadcrumbs {
        padding: 25px 45px;
    }
}

@media (max-width: 1000px) {
    .detail__domain {
        padding: 30px 25px;
    }
}

.theme-dark .detail__domain .detail__domain__settings .setting__item::before {
    filter: invert(1);
}

@media (max-width: 700px) {
    .detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content .file__upload .wrapper {
        flex-direction: column;
        align-items: flex-start;
    }
    .detail__domain .file-name {
        width: 100%;
        margin-bottom: 10px;
    }
    .detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content .file__upload .file__upload__inputsubmit {
        width: 100%;
    }
    .detail__domain .detail__domain__settings .setting__item {
        padding: 20px 20px 20px 50px;
    }
    .detail__domain .detail__domain__settings .setting__item::before {
        transform: scale(0.9);
    }
    .detail__domain .detail__domain__settings .setting__item .mobile {
        font-size: 12px;
        line-height: 13px;
        margin-top: 10px;
    }
    .detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content {
        margin-right: 20px;
    }
}

@media (max-width: 500px) {
    .detail__domain .detail__domain__settings .setting__item .wrapper {
        gap: 10px;
        flex-wrap: wrap;
    }
    .detail__domain .detail__domain__title {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }
    .detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content p {
        font-size: 12px;
        line-height: 14px;
    }
    .detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content .file__upload>span {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 5px;
    }
    .detail__domain .file-name {
        height: 40px;
        font-size: 12px;
        margin: 0 ;
        padding: 10px 20px;
        line-height: 15px;
    }
    .detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content .file__upload .wrapper .file-name:before {
        left: 8px;
        width: 6px;
        height: 14.5px;
    }
    .detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content .file__upload .file__upload__inputsubmit {
        font-size: 9px;
        line-height: 13px;
        padding: 0 15px;
        height: 40px;
    }
    .detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content .file__upload .check label {
        font-size: 12px;
        line-height: 12px;
    }
}

.detail__domain .detail__dns .detail__dns__title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    align-items: center;
}



.detail__domain .detail__dns .detail__dns__subtitle {
    margin-bottom: 10px;
}

.detail__domain .detail__dns .detail__dns__subtitle p {
    font-size: 18px;
    line-height: 24px;
    color: var(--text-color);
}

.detail__domain .detail__dns .detail__dns__list {
    list-style: none;
    padding: 0;
    margin: 0 0 40px 0;
}

.detail__domain .detail__dns .detail__dns__list li {
    margin-bottom: 5px;
}

.detail__domain .detail__dns .detail__dns__list li span {
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    color: var(--text-color);
}

.detail__domain .detail__dns .detail__dns__records .detail__dns__records__title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    align-items: center;
}



.detail__domain .detail__dns .detail__dns__records .detail__dns__records__title a {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    padding: 10px 15px;
    background: var(--main-blue);
    border-radius: 3px;
    color: white;
    display: block;
    transition: 0.3s all;
    text-decoration: none;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.detail__domain .detail__dns .detail__dns__records .detail__dns__records__content .records__item {
    margin-bottom: 5px;
    position: relative;
    width: fit-content;
}

.detail__domain .detail__dns .detail__dns__records .detail__dns__records__content .records__item span {
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    color: var(--text-color);
}

.detail__domain .detail__dns .detail__dns__records .detail__dns__records__content .records__item.activated::after {
    content: 'ВКЛ';
    position: absolute;
    padding: 2px 10px;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
    top: -3px;
    right: -50px;
    line-height: 13px;
    text-transform: uppercase;
    background: #6ABD6A;
    border-radius: 4px;
}

@media (max-width: 1000px) {
    .d-domain .breadcrumbs {
        padding: 15px 25px;
    }
}

@media (max-width: 500px) {
    .detail__domain .detail__dns .detail__dns__title {
        margin-bottom: 15px;
    }
    .detail__domain .detail__dns .detail__dns__subtitle p {
        font-size: 14px;
        line-height: 16px;
    }
    .detail__domain .detail__dns .detail__dns__records .detail__dns__records__title {
        flex-wrap: wrap;
        gap: 10px;
    }
}

.detail__domain .detail__contact .detail__contact__title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    align-items: center;
}



.detail__domain .detail__contact .detail__contact__data {
    padding: 22px 18px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: var(--bg-color-table);
    gap: 20px;
}

.detail__domain .detail__contact .detail__contact__data .wrap {
    display: flex;
    flex: 1 1 300px;
    align-items: center;
}

.detail__domain .detail__contact .detail__contact__data .domain__input {
    outline: none;
    height: 40px;
    border: 1px solid var(--border-color);
    padding: 5px 10px;
    font-size: 13px;
    line-height: 16px;
    background: var(--bg-color);
    transition: 0.3s all;
    border-radius: 3px 0 0 3px;
    flex: 1 1 300px;
    color: var(--text-color);
}

.detail__domain .detail__contact .detail__contact__data .domain__input:focus {
    border: 1px solid var(--main-blue);
}

.detail__domain .detail__contact .detail__contact__data .domain__submit {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    padding: 10px 47px;
    background: var(--main-blue);
    border-radius: 0 3px 3px 0;
    color: white;
    display: block;
    transition: 0.3s all;
    text-decoration: none;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    outline: none;
    height: 42px;
    border: none;
    cursor: pointer;
}

.detail__domain .detail__contact .detail__contact__data .domain__submit:hover {
    background: #2c6a9c;
}

.detail__domain .detail__contact .detail__contact__data .domain__subtitle {
    font-size: 14px;
    line-height: 17px;
    color: var(--text-color);
    flex: 1 1 300px;
}

.detail__dnsedit .detail__dnsedit__title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: center;
}



.detail__dnsedit .detail__dnsedit__check {
    margin-bottom: 30px;
}

.detail__dnsedit .detail__dnsedit__check label {
    gap: 10px;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color);
}

.fa-circle-question {
    position: relative;
    color: #A0A0A0;
}

.fa-circle-question .info__label {
    position: absolute;
    top: 0;
    left: -30%;
    transform: translate(calc(-100% + 32px), -115%);
    color: var( --text-color);
    background: #ffffff;
    width: 160px;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all;
    border-radius: 3px;
    font-weight: 400;
    box-shadow: 0px 0px 5px 0px #ababab;
    font-size: 11px;
    line-height: 15px;
    color: var(--text-color);
    pointer-events: none;
    z-index: 5;
}

.fa-circle-question .info__label:before {
    content: '';
    position: absolute;
    bottom: -7px;
    right: 11.5px;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    display: block;
    background: #ffffff;
    box-shadow: 0px 0px 5px 0px #ababab;
    z-index: 5;
    opacity: 1;
    visibility: visible;
    transition: 0.3s all;
}

.fa-circle-question .info__label:hover:before {
    opacity: 1;
    visibility: visible;
}

.fa-circle-question .info__label:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0 0 5px 5px;
    background: #ffffff;
    height: 18px;
    z-index: 10;
}

.theme-dark .fa-circle-question .info__label {
    background: #8D8D8D;
    box-shadow: 0px 0px 5px 0px #000000;
}

.fa-circle-question:hover .info__label {
    opacity: 1;
    visibility: visible;
}

.theme-dark .fa-circle-question .info__label:after {
    background: #8D8D8D;
}

.theme-dark .fa-circle-question .info__label:before {
    background: #8D8D8D;
    box-shadow: 0px 0px 5px 0px #000000;
}

.detail__dnsedit .detail__dnsedit__alert {
    margin-bottom: 10px;
}

.detail__dnsedit .detail__dnsedit__alert p {
    font-size: 14px;
    line-height: 18px;
    color: var(--text-color);
}

.detail__dnsedit .detail__dnsedit__list {
    margin-bottom: 20px;
}

.detail__dnsedit .detail__dnsedit__list .detail__dnsedit__item {
    margin-bottom: 15px;
    max-width: 430px;
    position: relative;
}

.detail__dnsedit .detail__dnsedit__list .detail__dnsedit__item>div {
    position: relative;
    flex: 0 1 430px;
}

.detail__dnsedit .detail__dnsedit__list .detail__dnsedit__item label {
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 3px;
    display: block;
    width: fit-content;
    font-weight: 500;
    background: var(--bg-color);
    padding: 0 6px;
    position: absolute;
    transition: 0.3s all;
    top: -12px;
    left: 7px;
    z-index: 9;
    border-radius: 3px;
}

.detail__dnsedit .detail__dnsedit__list .detail__dnsedit__item.focused label {
    color: var(--main-blue)
}

.detail__dnsedit .detail__dnsedit__list .detail__dnsedit__item input {
    position: relative;
    height: 52px ;
    line-height: 25px ;
    font-size: 18px ;
    line-height: 24px;
    color: var(--text-color);
    outline: none;
    background: var(--bg-color);
    border: 1px solid var(--border-color);
    border-radius: 3px;
    padding: 0 40px 0 12px;
    transition: 0.3s all;
    width: 100%;
}

.detail__dnsedit .detail__dnsedit__list .detail__dnsedit__item input.error {
    border: 1px solid red;
}

.detail__dnsedit .detail__dnsedit__list .detail__dnsedit__item input:disabled {
    background: var(--bg-color) ;
}

.detail__dnsedit .detail__dnsedit__list .detail__dnsedit__item input:disabled+a {
    cursor: not-allowed;
    pointer-events: none;
}

.detail__dnsedit .detail__dnsedit__list .detail__dnsedit__item>div .delete {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 12px;
    height: 15px;
    transform: translateY(-50%);
    background: url(../media/oauth/delete.svg) center center/cover no-repeat;
    transition: 0.3s all;
}

.detail__dnsedit .detail__dnsedit__list .detail__dnsedit__item input:focus {
    border: 1px solid var(--main-blue);
}

.detail__dnsedit .detail__dnsedit__info {
    font-size: 14px;
    line-height: 16px;
    color: #848484;
    display: block;
    margin-bottom: 25px;
}

.detail__dnsedit .detail__dnsedit__info.with-table {
    margin-bottom: 0px;
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.detail__dnsedit .detail__dnsedit__info.with-table i {
    display: block;
    font-size: 20px;
    color: #f3930d;
}

.detail__dnsedit .detail__dnsedit__add {
    font-size: 13px;
    line-height: 16px;
    text-decoration: none;
    margin-bottom: 30px;
    display: block;
    width: fit-content;
}

.detail__dnsedit .detail__dnsedit__actions {
    display: flex;
    gap: 11px;
    margin-bottom: 20px;
}

.detail__dnsedit .detail__dnsedit__actions .back {
    display: block;
    transition: 0.3s all;
    height: 42px;
    padding: 0 20px;
    color: var(--main-blue);
    border: 1px solid var(--main-blue);
    border-radius: 3px;
    background: var(--bg-color);
    outline: none;
    text-align: center;
    line-height: 42px;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    min-width: 130px;
}

.detail__dnsedit .dns__alert {
    font-size: 14px;
    color: red;
}

.detail__dnsedit .detail__dnsedit__actions .back:hover {
    background: var(--main-blue);
    border: 1px solid var(--main-blue);
    color: #fff;
}

.detail__dnsedit .detail__dnsedit__actions .back:focus {
    background: var(--main-blue);
    border: 1px solid var(--main-blue);
    color: #fff;
}

.detail__dnsedit .detail__dnsedit__actions .save {
    display: block;
    transition: 0.3s all;
    height: 42px;
    padding: 0 20px;
    color: #fff;
    border: 1px solid var(--main-blue);
    border-radius: 3px;
    background: var(--main-blue);
    outline: none;
    text-align: center;
    line-height: 42px;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    min-width: 190px;
}

.detail__dnsedit .detail__dnsedit__actions .save:hover {
    background: var(--main-blue-darker);
    border: 1px solid var(--main-blue-darker);
}

.detail__dnsedit .detail__dnsedit__actions .save:focus {
    background: var(--main-blue-darker);
    border: 1px solid var(--main-blue-darker);
}

.detail__dnsedit .detail__dnsedit__other p {
    font-size: 14px;
    line-height: 18px;
    color: var(--text-color);
}

@media (max-width: 400px) {
    .detail__dnsedit .detail__dnsedit__actions {
        flex-direction: column;
    }
    .detail__dnsedit .detail__dnsedit__check label {
        font-size: 15px;
        line-height: 16px;
    }
    .detail__dnsedit .detail__dnsedit__alert p {
        font-size: 12px;
        line-height: 16px;
    }
}

.detail__records .detail__records__title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px;
}



.detail__records .detail__records__table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.detail__records .detail__records__table thead {
    width: 100%;
    background: var(--bg-color-table);
    border: 1px solid var(--border-color-table);
}

.detail__records .detail__records__table thead tr {
    height: 62px;
}

.detail__records .detail__records__table thead tr .name {
    width: 25%;
    padding: 0 24px;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
}

.detail__records .detail__records__table thead tr td {
    font-weight: 500;
}

.detail__records .detail__records__table thead tr .type {
    width: 25%;
    padding: 0 24px;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
}

.detail__records .detail__records__table thead tr .content {
    flex: 1;
    padding: 0 24px;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
}

.detail__records .detail__records__table thead tr .actions {
    width: 110px;
    padding: 0 24px;
    text-decoration: none;
}

.detail__records .detail__records__table tbody tr {
    height: 60px;
    border: 1px solid var(--border-color-table);
    border-top: none;
    transition: 0.3s all;
}

@media (max-width: 800px) {
    .detail__records .detail__records__table tbody tr:nth-child(1) {
        border-top: 1px solid var(--border-color-table);
    }
}

.detail__records .detail__records__table tbody tr:hover {
    background: var(--bg-color-table);
}

.detail__records .detail__records__table tbody tr td {
    vertical-align: middle;
}

.detail__records .detail__records__table tbody tr .name {
    width: 25%;
    padding: 0 24px;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
    font-weight: 600;
}

.detail__records .detail__records__table tbody tr .type {
    width: 25%;
    padding: 0 24px;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
}

.detail__records .detail__records__table tbody tr .content {
    flex: 1;
    padding: 0 24px;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
}

.detail__records .detail__records__table tbody tr .actions {
    width: 110px;
    padding: 0 24px;
}

.detail__records .detail__records__table tbody tr .actions a {
    color: var(--main-blue);
    text-decoration: none;
    margin-right: 10px;
    position: relative;
}

.detail__records .detail__records__add {
    font-size: 13px;
    line-height: 16px;
    text-decoration: none;
    margin-bottom: 30px;
    display: block;
}

.detail__records .detail__records__back {
    display: block;
    transition: 0.3s all;
    height: 42px;
    padding: 0 20px;
    color: var(--main-blue);
    border: 1px solid var(--main-blue);
    border-radius: 3px;
    background: var(--bg-color);
    outline: none;
    text-align: center;
    line-height: 42px;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    min-width: 130px;
    width: fit-content;
}

.detail__records .detail__records__back:hover {
    background: var(--main-blue);
    border: 1px solid var(--main-blue);
    color: #fff;
}

@media (max-width: 800px) {
    .detail__records .detail__records__table {
        border: 1px solid var(--bg-color-table);
    }
    .detail__records .detail__records__table thead {
        display: none;
    }
    .detail__records .detail__records__table tbody td {
        width: 100% ;
        display: block;
        position: relative;
    }
    .detail__records .detail__records__table tbody tr .name:before {
        content: 'Имя:';
        position: relative;
        display: block;
        margin-right: 5px;
        font-size: 15px;
        line-height: 18px;
        color: var(--text-color);
        font-weight: 600;
    }
    .detail__records .detail__records__table tbody tr .type:before {
        content: 'Тип:';
        position: relative;
        display: block;
        margin-right: 5px;
        font-size: 15px;
        line-height: 18px;
        color: var(--text-color);
        font-weight: 600;
    }
    .detail__records .detail__records__table tbody tr .content:before {
        content: 'Содержимое:';
        position: relative;
        display: block;
        margin-right: 5px;
        font-size: 15px;
        line-height: 18px;
        color: var(--text-color);
        font-weight: 600;
    }
    .detail__records .detail__records__table tbody tr .actions {
        display: flex;
        gap: 10px;
        margin-top: 10px;
        flex-wrap: wrap;
    }
    .detail__records .detail__records__table tbody tr .actions a {
        display: flex;
    }
    .detail__records .detail__records__table tbody tr .actions .edit:before {
        content: 'Редактировать';
        position: relative;
        display: block;
        margin-right: 5px;
        font-size: 15px;
        line-height: 18px;
        color: var(--text-color);
        font-weight: 600;
    }
    .detail__records .detail__records__table tbody tr .actions .delete:before {
        content: 'Удалить';
        position: relative;
        display: block;
        margin-right: 5px;
        font-size: 15px;
        line-height: 18px;
        color: var(--text-color);
        font-weight: 600;
    }
    .detail__records .detail__records__table tbody tr {
        display: flex;
        flex-direction: column;
        padding: 15px 0;
        height: auto;
        gap: 10px;
    }
}

.detail__dnsedit .detail__dnsedit__table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.detail__dnsedit .detail__dnsedit__table thead {
    width: 100%;
    background: var(--bg-color-table);
    border: 1px solid var(--border-color-table);
}

.detail__dnsedit .detail__dnsedit__table thead tr {
    height: 62px;
}

.detail__dnsedit .detail__dnsedit__table thead tr td {
    padding: 0 24px;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
    font-weight: 500;
}

.detail__dnsedit .detail__dnsedit__table thead tr td:nth-child(1) {
    width: 100px;
}

.detail__dnsedit .detail__dnsedit__table tbody tr td:nth-child(1) {
    width: 100px;
}

.detail__dnsedit .detail__dnsedit__table thead tr td:nth-child(2) {
    flex: 1;
}

.detail__dnsedit .detail__dnsedit__table tbody tr td:nth-child(2) {
    flex: 1;
}

.detail__dnsedit .detail__dnsedit__table thead tr td:nth-child(3) {
    width: 250px;
}

.detail__dnsedit .detail__dnsedit__table tbody tr td:nth-child(3) a {
    position: relative;
    text-decoration: none;
    display: flex;
}

@media (max-width: 768px) {
    .detail__dnsedit .detail__dnsedit__table tbody tr td.current a {
        font-size: 14px;
    }
    .detail__dnsedit .detail__dnsedit__table thead {
        display: none;
    }
    .detail__dnsedit .detail__dnsedit__table tbody tr:nth-child(1) {
        border-top: 1px solid var(--border-color-table) ;
    }
    .detail__dnsedit .detail__dnsedit__table tbody tr {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 10px 0;
        height: auto ;
    }
    .detail__dnsedit .detail__dnsedit__table tbody tr td.current a:before {
        content: "Текущий DNS:";
        position: relative;
        display: block;
        margin-right: 5px;
        font-size: 15px;
        line-height: 18px;
        color: var(--text-color);
        font-weight: 600;
    }
}

@media (max-width: 400px) {
    .detail__dnsedit .detail__dnsedit__table tbody tr td.current a:before {
        font-size: 13px;
    }
    .detail__records .detail__records__back {
        width: 100%;
    }
}

.detail__dnsedit .detail__dnsedit__table tbody tr {
    height: 60px;
    border: 1px solid var(--border-color-table);
    border-top: none;
    transition: 0.3s all;
}

.detail__dnsedit .detail__dnsedit__table tbody tr td {
    padding: 0 24px;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
}

.detail__dnsedit .detail__dnsedit__table tbody tr .name input {
    padding: 14px 12px;
    border: 1px solid var(--border-color-table);
    border-radius: 3px;
    font-size: 14px;
    max-width: 300px;
    width: 100%;
    display: block;
    outline: none;
    transition: 0.3s all;
    background: var(--bg-color);
}

.detail__dnsedit .detail__dnsedit__table tbody tr .name input:disabled {
    color: #b5b5b5;
    cursor: not-allowed;
    border: 1px solid #efefef;
}

.detail__dnsedit .detail__dnsedit__check.with-table {
    margin-bottom: 20px;
}

.detail__dnsedit .detail__dnsedit__table tbody tr .name input:focus {
    border: 1px solid var(--main-blue);
}

.detail__dnsedit .detail__dnsedit__table tbody tr .num {
    font-weight: 600;
}

.detail__dnsedit .detail__dnsedit__table tbody tr .current a.not-info {
    color: #b5b5b5;
    cursor: default;
    pointer-events: none;
    text-decoration: none;
}


/* ВЕРСИЯ 2 детальная домена */

.detail__domain .detail__domain__title.v2 {
    justify-content: unset;
}

.detail__domain .detail__domain__title.v2 .working {
    display: inline-block;
    color: #6ABD6A;
    font-size: 14px;
    margin-left: 10px;
    border-radius: 5px;
    margin-top: 6px;
}

.detail__domain .detail__domain__title.v2 .working i {
    animation: rotate 4s infinite linear;
}

.detail__domain .detail__domain__title.v2 .prolong {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    padding: 8px 15px;
    background: var(--main-blue);
    border-radius: 3px;
    color: white;
    display: block;
    transition: 0.3s all;
    text-decoration: none;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    min-width: 120px;
    text-align: center;
    margin-left: auto;
}

.detail__domain .detail__domain__title.v2 .prolong:hover {
    background: #2d6ca0;
}

.detail__domain .modal__edit,
.detail__domain .modal__add {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
    width: 100%;
    padding: 15px 20px 20px 20px;
    border-radius: 5px;
    background: var(--bg-color);
    max-width: 470px;
    border: 1px solid var(--border-color);
    z-index: 999;
}

.detail__domain .modal__edit .modal__close,
.detail__domain .modal__add .modal__close {
    text-align: right;
    font-size: 22px;
    line-height: 22px;
    cursor: pointer;
}

.detail__domain .modal__edit .modal__close i,
.detail__domain .modal__add .modal__close i {
    transition: 0.2s all;
}

.detail__domain .modal__edit .modal__close i:active,
.detail__domain .modal__add .modal__close i:active {
    transform: scale(0.8);
}

.detail__domain .modal__edit .modal__title,
.detail__domain .modal__add .modal__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: var(--text-color);
    display: block;
    margin-bottom: 25px;
}

.detail__domain .modal__edit .modal__label,
.detail__domain .modal__add .modal__label {
    font-size: 14px;
    line-height: 24px;
    color: var(--text-color);
    display: block;
    margin-bottom: 3px;
}

.detail__domain .modal__edit .modal__input,
.detail__domain .modal__add .modal__input {
    position: relative;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    line-height: 24px;
    color: var(--text-color);
    outline: none;
    background: var(--bg-color);
    border: 1px solid var(--border-color);
    border-radius: 3px;
    padding: 0 12px;
    transition: 0.3s all;
    width: 100%;
    margin-bottom: 25px;
}

.detail__domain .modal__edit .modal__input:focus,
.detail__domain .modal__add .modal__input:focus {
    border: 1px solid var(--main-blue);
}

.detail__domain .modal__edit .modal__info,
.detail__domain .modal__add .modal__info {
    font-size: 13px;
    line-height: 18px;
    display: block;
    color: var(--text-color);
    margin-bottom: 25px;
}

.detail__domain .modal__edit .modal__actions,
.detail__domain .modal__add .modal__actions {
    display: flex;
    gap: 11px;
    flex-wrap: wrap;
}

.detail__domain .modal__edit .modal__actions .back,
.detail__domain .modal__add .modal__actions .back {
    display: block;
    transition: 0.3s all;
    height: 42px;
    padding: 0 20px;
    color: var(--main-blue);
    border: 1px solid var(--main-blue);
    border-radius: 3px;
    background: var(--bg-color);
    outline: none;
    text-align: center;
    line-height: 42px;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    min-width: 130px;
    flex: 1 1 150px;
}

.detail__domain .modal__edit .modal__actions .back:hover,
.detail__domain .modal__add .modal__actions .back:hover {
    background: var(--main-blue);
    border: 1px solid var(--main-blue);
    color: #fff;
}

.detail__domain .modal__edit .modal__actions .save,
.detail__domain .modal__add .modal__actions .save {
    display: block;
    transition: 0.3s all;
    height: 42px;
    padding: 0 20px;
    color: #fff;
    border: 1px solid var(--main-blue);
    border-radius: 3px;
    background: var(--main-blue);
    outline: none;
    text-align: center;
    line-height: 42px;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    min-width: 190px;
    flex: 1 1 210px;
}

.detail__domain .modal__edit .modal__actions .save:hover,
.detail__domain .modal__add .modal__actions .save:hover {
    background: var(--main-blue-darker);
    border: 1px solid var(--main-blue-darker);
}

.detail__domain .modal__add .modal__rec__list {
    border: 1px solid var(--border-color-table);
    border-radius: 3px;
    width: 100%;
    border-collapse: collapse;
}

.detail__domain .modal__add .modal__rec__list tr {
    height: 48px;
    border: 1px solid var(--border-color-table);
    transition: 0.3s all;
    cursor: pointer;
}

.detail__domain .modal__add .modal__rec__list tr:hover {
    background: var(--bg-color-table);
}

.detail__domain .modal__add .modal__rec__list tr td {
    padding: 0 20px 0 30px;
    font-size: 15px;
    line-height: 18px;
}

.detail__domain .modal__add .modal__rec__list tr td.name {
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    color: var(--text-color);
}

.detail__domain .modal__add .modal__rec__list tr td.desc {
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    color: var(--text-color);
}

.detail__domain .detail__contact .detail__contact__body .cols {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 25px;
    gap: 80px;
}

@media (max-width: 750px) {
    .detail__domain .detail__contact .detail__contact__body .cols {
        gap: 40px;
    }
}

@media (max-width: 450px) {
    .detail__domain .detail__contact .detail__contact__data .wrap {
        flex-direction: column;
        flex: 1;
        width: 100%;
    }
    .detail__domain .detail__contact .detail__contact__data .domain__input {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 10px;
    }
    .detail__domain .detail__contact .detail__contact__data .domain__submit {
        width: 100%;
        border-radius: 3px;
    }
}

.detail__domain .detail__contact .detail__contact__body .col {
    display: flex;
    flex-direction: column;
    flex: 1 1 300px;
}

.detail__domain .detail__contact .detail__contact__body .col .col__title {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: var(--text-color);
    display: block;
    margin-bottom: 10px;
}

.detail__domain .detail__contact .detail__contact__body .col label {
    font-size: 14px;
    line-height: 24px;
    display: block;
    margin-bottom: 3px;
    color: var(--text-color);
}

.detail__domain .detail__contact .detail__contact__body .col input {
    padding: 0 12px;
    border: 1px solid var(--border-color-table);
    margin-bottom: 15px;
    border-radius: 3px;
    background: var(--bg-color);
    outline: none;
    transition: 0.3s all;
}

.detail__domain .detail__contact .detail__contact__body .col input:focus {
    border: 1px solid var(--main-blue);
}

.detail__domain .detail__contact .detail__contact__body .col input:disabled {
    background: #f8f8f8;
    cursor: not-allowed;
}

.detail__domain .detail__contact .detail__contact__body .col .selectbox {
    margin-bottom: 15px;
    border: 1px solid var(--border-color-table);
    background: var(--bg-color);
    transition: 0.3s all;
}

.detail__domain .detail__contact .detail__contact__body .col .selectbox:focus {
    border: 1px solid var(--main-blue);
}

.detail__domain .detail__contact .detail__contact__actions {
    display: flex;
    gap: 11px;
    margin-bottom: 20px;
}

.detail__domain .detail__contact .detail__contact__actions .back {
    display: block;
    transition: 0.3s all;
    height: 42px;
    padding: 0 20px;
    color: var(--main-blue);
    border: 1px solid var(--main-blue);
    border-radius: 3px;
    background: var(--bg-color);
    outline: none;
    text-align: center;
    line-height: 42px;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    min-width: 130px;
}

.detail__domain .detail__contact .detail__contact__actions .back:hover,
.detail__domain .detail__contact .detail__contact__actions .back:focus {
    background: var(--main-blue);
    border: 1px solid var(--main-blue);
    color: #fff;
}

.detail__domain .detail__contact .detail__contact__actions .save {
    display: block;
    transition: 0.3s all;
    height: 42px;
    padding: 0 20px;
    color: #fff;
    border: 1px solid var(--main-blue);
    border-radius: 3px;
    background: var(--main-blue);
    outline: none;
    text-align: center;
    line-height: 42px;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    min-width: 190px;
}

.detail__domain .detail__contact .detail__contact__actions .save:hover,
.detail__domain .detail__contact .detail__contact__actions .save:focus {
    background: var(--main-blue-darker);
    border: 1px solid var(--main-blue-darker);
}

.detail__domain .detail__contact .col .col__title {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: var(--text-color);
    display: flex;
    margin-bottom: 20px;
    width: 100%;
    height: 24px;
    justify-content: space-between;
    align-items: center;
}

.detail__domain .detail__contact .col table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.detail__domain .detail__contact .col .table__wrap {
    margin-bottom: 20px;
}

.detail__domain .detail__contact .col table.seradd {
    margin-bottom: 0;
}

.detail__domain .detail__contact .col table tr {
    height: 62px;
    border: 1px solid var(--border-color-table);
    border-top: none;
}

.detail__domain .detail__contact .col table tr:nth-child(1) {
    border-top: 1px solid var(--border-color-table);
}

.detail__domain .detail__contact .col table tr td {
    padding: 0 24px;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
}

.detail__domain .detail__contact .col table tr td.required>span {
    position: relative;
}

.detail__domain .detail__contact .col table tr td.required>span:after {
    content: '*';
    position: absolute;
    top: -2px;
    font-size: 14px;
    right: -10px;
    color: red;
}

.detail__domain .detail__contact .col table tr td input {
    padding: 0 12px;
    border: 1px solid var(--border-color-table);
    border-radius: 3px;
    background: var(--bg-color);
    outline: none;
    transition: 0.3s all;
    width: 100%;
    max-width: 430px;
}

.detail__domain .detail__contact .col table tr td .selectbox {
    width: 100%;
    max-width: 430px;
    border: 1px solid var(--border-color-table);
}

.detail__domain .detail__contact .col table tr td .selectbox:focus {
    border: 1px solid var(--main-blue);
}

.detail__domain .detail__contact .col table tr td input:focus {
    border: 1px solid var(--main-blue);
}

.detail__domain .detail__contact .col table tr td:nth-child(1) {
    width: 250px;
    font-weight: 600;
}

.detail__domain .detail__contact .col .col__check {
    width: auto;
}

.detail__domain .detail__contact .col .col__check label {
    gap: 10px;
    font-size: 14px;
    line-height: 16px;
    color: var(--text-color);
}

.detail__domain .detail__contact .col .col__title.server__address {
    cursor: pointer;
}

.detail__domain .detail__contact .col .col__title button {
    width: auto;
    height: 32px;
    border-radius: 3px;
    border: 1px solid var(--main-blue);
    background: transparent;
    cursor: pointer;
    transition: 0.3s all;
    color: var(--main-blue);
    margin-left: 20px;
    display: flex;
    gap: 4px;
    align-items: center;
}

.detail__domain .detail__contact .col .col__title button>span {
    display: block;
}

.detail__domain .detail__contact .col .col__title button i {
    transition: transform 0.3s;
    transform: rotate(180deg);
    margin-left: 2px;
}

.detail__domain .detail__contact .col .col__title:hover button {
    border: 1px solid var(--main-blue);
    background: var(--main-blue);
    color: #fff;
}

.detail__domain .detail__contact .col .col__title.active button i {
    transform: rotate(0) translateY(2px);
}

.detail__domain .detail__contact .detail__contact__actions.v2 {
    margin-bottom: 0;
    margin-top: 10px;
}


/* TESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTEST */

.detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content {
    margin-right: 50px;
    min-width: 165px;
    flex: 1;
    align-items: center;
    display: flex;
    gap: 10px;
}

.detail__domain .detail__domain__settings .setting__item {
    padding: 0px 15px 0px 50px ;
}




.table__item {
    min-height: 90px ;
}

@media (max-width: 900px) {
    .detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content {
        align-items: flex-start;
        gap: 0px;
        flex-direction: column;
        margin-right: 0;
    }
    .detail__domain .detail__domain__settings .setting__item {
        padding: 10px 25px 10px 50px ;
    }
    .detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content .comment {
        margin-top: 5px ;
    }
}

@media (max-width: 500px) {
    .detail__domain .detail__domain__title.v2 .prolong {
        margin-left: 0;
    }
    .detail__domain .detail__domain__title.v2 {
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }
    .detail__domain .detail__domain__title.v2 .working {
        margin-top: 0;
        margin-left: 0;
    }
    .detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content p {
        font-size: 10px;
        line-height: 14px;
    }
    .detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content .comment p {
        font-size: 12px ;
        line-height: 14px ;
    }
    .detail__domain .detail__domain__settings .setting__item .wrapper .setting__item__content .comment {
        margin-top: 5px ;
    }
}

.detail__dnsedit .detail__dnsedit__check label i {
    display: none;
}

.detail__dnsedit .detail__dnsedit__alert {
    display: none;
}

.detail__dnsedit .detail__dnsedit__check {
    margin-bottom: 20px;
    margin-top: -10px;
}


/* .detail__dnsedit .detail__dnsedit__list .detail__dnsedit__item>div .delete {
    display: none;
} */

.detail__dnsedit .detail__dnsedit__other {
    display: none;
}

.detail__dnsedit .detail__dnsedit__actions {
    margin-bottom: 0;
}

/* .invalid label {
    color: rgb(235 0 0) ;
}

.invalid div input {
    border: 1px solid rgb(235 0 0) ;
}

.valid label {
    color: var(--main-green) ;
}

.valid div input {
    border: 1px solid var(--main-green) ;
} */

@keyframes fade {
    from {
        opacity: 0;
        visibility: hidden;
    }
    to {
        opacity: 1;
        visibility: visible;
    }
}

.input__wrapper {
    position: relative;
    padding-bottom: 20px;
}


/* .input__wrapper.invalid .input__box:after {
    content: '\f00d';
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: -19px;
    display: flex;
    align-items: center;
    padding: 0 6px;
    font-size: 14px;
    height: 100%;
    border-radius: 0 3px 3px 0;
    background: red;
    color: white;
    animation: fade 1s;
}
.input__wrapper.valid .input__box:after {
    content: '\f00c';
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: -19px;
    display: flex;
    align-items: center;
    padding: 0 4px;
    font-size: 14px;
    height: 100%;
    border-radius: 0 3px 3px 0;
    background: var(--main-green);
    color: white;
    animation: fade 1s;
} */

.input__wrapper .input__box {
    position: relative;
}
.input__wrapper label {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-color);
}
.input__wrapper.check label {
    margin-bottom: 0;
}
.input__wrapper.file-input label {
    margin-bottom: 7px;
}

/* .input__wrapper.is-focused label {
    color: var(--main-blue);
} */

.input__wrapper.is-focused input {
    border-color: var(--main-blue);
}

.input__wrapper input:disabled {
    background: #eeeeee;
}

.input__wrapper input {
    border: 1px solid var(--border-color);
}

.input__wrapper.is-required label {
    padding-right: 0;
	position: relative;
	width: fit-content;
}

.input__wrapper.is-required label:after {
    content: '*';
    position: absolute;
	right: -12px;
    padding: 0 2px;
    top: -2px;
    background: transparent;
    font-size: 14px;
    color: red;
}

.detail__contact .contact__field {
    margin-bottom: 15px;
}

.detail__contact .contact__field .input__wrapper .selectbox {
    height: 52px ;
    max-width: none;
}

.detail__contact .contact__field .input__wrapper .selectbox .current {
    line-height: 51px ;
    font-size: 18px ;
}

.detail__contact .contact__field .input__wrapper .nice-select.open,
.detail__contact .contact__field .input__wrapper .nice-select:focus {
    border-color: var(--main-blue);
}

.detail__contact .contact__field .input__wrapper {
    position: relative;
    flex: 0 1 430px;
}

.detail__contact .contact__field .input__wrapper label {
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 3px;
    display: block;
    width: fit-content;
    font-weight: 500;
    background: var(--bg-color);
    padding: 0 6px;
    position: absolute;
    transition: 0.3s all;
    top: -12px;
    left: 7px;
    z-index: 9;
    border-radius: 3px;
}

.detail__contact .contact__field .input__wrapper input {
    position: relative;
    height: 52px ;
    line-height: 25px ;
    font-size: 18px ;
    line-height: 24px;
    color: var(--text-color);
    outline: none;
    background: var(--bg-color);
    border-radius: 3px;
    padding: 0 40px 0 12px;
    transition: 0.3s all;
    width: 100%;
}

.detail__contact .col__wrap {
    padding: 10px 0;
}

@media (max-width: 400px) {
    .detail__domain .detail__contact .detail__contact__actions.v2 {
        flex-direction: column;
    }
}

.detail__contact .contactinfo__form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.detail__contact .contactinfo__form .col {
    width: calc(100% / 2 - 40px);
}

@media (max-width: 1000px) {
    .detail__contact .contactinfo__form {
        flex-direction: column;
    }
    .detail__contact .contactinfo__form .col {
        width: 100%;
        max-width: 430px;
    }
}

@media (max-width: 500px) {
    .detail__domain .detail__contact .col .col__title {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        height: auto;
    }
}

.detail__domain .detail__contact .detail__contact__data {
    display: none;
}


/* GRID DOMAIN DETAIL TEST */

.detail__domain .detail__domain__menu {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 2px;
    grid-row-gap: 2px;
}

.detail__domain .detail__domain__menu .item {
    border: 1px solid var(--border-color-table);
    padding: 15px;
    transition: 0.3s all;
    cursor: pointer;
    background: var(--bg-color);
}

.detail__domain .detail__domain__menu .item:hover {
    background: var(--bg-color-table);
}

.detail__domain .detail__domain__menu .item a {
    text-decoration: none;
    height: 100%;
    width: 100%;
    display: block;
}

.detail__domain .detail__domain__menu .item .item__wrapper {
    display: flex;
    flex-direction: column;
    gap: 5px;
}


.detail__domain .detail__domain__menu .item .item__wrapper p {
    font-size: 14px;
    line-height: 16px;
    color: var(--text-color);
}


/* BREADCRUMBS v2 */

.bread {
    display: flex;
    width: 100%;
    align-items: center;
    border: 1px solid var(--border-color);
    border-top: none;
}


/* /////////// */

.detail__domain {
    border: none;
}


/* ///////////////// */

.bread .bread__list {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0 20px;
    display: flex;
    border-radius: 3px;
    background-color: var(--bg-color);
}

.bread .bread__list .bread__item {
    display: flex;
}

.bread .bread__list .bread__item .bread__item__wrapper {
    display: flex;
    align-items: center;
}

.bread .bread__list .bread__item .bread__item__wrapper a {
    text-decoration: none;
    color: var(--text-color);
    margin-right: 15px;
    display: flex;
    align-items: center;
}

.bread .bread__list .bread__item .bread__item__wrapper a svg {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    color: #7c7c7c;
    transition: 0.3s all;
}

.bread .bread__list .bread__item .bread__item__wrapper a svg:hover {
    color: #333333;
}

.bread .bread__list .bread__item .bread__item__wrapper svg {
    flex-shrink: 0;
    width: 20px;
    height: 100%;
    color: #d7d7d7;
}

.bread .bread__list .bread__item .bread__item__wrapper svg+a {
    margin-left: 15px;
    font-weight: 400;
    font-size: 14px;
    color: rgb(124 124 124);
    transition: 0.3s all;
}

.bread .bread__list .bread__item .bread__item__wrapper svg+a:hover {
    color: var(--text-color)
}

.dd {
    display: flex;
    border: 1px solid var(--border-color);
    border-top: none;
}

.dd .dd__side {
    width: 80px;
    background: var(--main-blue);
    min-height: 500px;
    border-radius: 0 0 0 10px;
}

.dd .dd__side i {
    color: var(--bg-color);
}

.dd .dd__side .dd__side__body .item {
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dd .dd__side .dd__side__body a {
    padding: 13px 20px;
    border-radius: 3px;
}

.dd .dd__side .dd__side__body a:hover {
    background: var(--main-blue-darker);
}

.dd .dd__menu {
    min-height: 500px;
    max-width: 350px;
    flex: 1 1 350px;
    background: var(--bg-color);
    border-right: 1px solid var(--border-color);
}

.dd .dd__content {
    flex: 1 1 auto;
    background: var(--bg-color);
    padding: 20px 30px;
}

.dd .dd__menu .dd__menu__body .item {
    border-bottom: 1px solid var(--border-color);
    transition: 0.3s all;
    background: var(--bg-color);
    min-height: 90px;
}

.dd .dd__menu .dd__menu__body .item.hidden {
    opacity: 0;
    visibility: hidden;
}

.dd .dd__menu .dd__menu__body .item.settings a .item__wrapper .content {
    display: flex;
    justify-content: space-between;
}

.dd .dd__menu .dd__menu__body .item:hover {
    background: var(--bg-color-table);
}

.dd .dd__menu .dd__menu__body .item a {
    text-decoration: none;
    color: var(--text-color);
    padding: 20px;
    display: block;
}

.dd .dd__menu .dd__menu__body .item a .item__wrapper {
    display: flex;
    gap: 15px;
}

.dd .dd__menu .dd__menu__body .item a .item__wrapper i {
    font-size: 20px;
}

.dd .dd__menu .dd__menu__body .item a .item__wrapper .content h3 {
    display: block;
    margin-bottom: 5px;
}

.dd .dd__menu .dd__menu__body .item a .item__wrapper .content p {
    font-size: 14px;
    color: #aeaeae;
}

.dd .dd__menu .dd__menu__header {
    height: 80px;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 0 20px;
    justify-content: center;
}

.dd .dd__menu .dd__menu__header h3 {
    margin-bottom: 3px;
}

.dd .dd__menu .dd__menu__header .working {
    display: block;
    color: #6ABD6A;
    font-size: 14px;
}

.dd .dd__menu .dd__menu__header .working i {
    animation: rotate 4s infinite linear;
}

.dd .dd__menu .dd__menu__body .item a .item__wrapper .content i {
    transition: 0.3s all;
}

.dd .dd__menu .dd__menu__body .item.settings.active a .item__wrapper .content i {
    transform: scale(1, -1);
}

.focus-visible {
    outline: none;
}





.breads {
    padding: 20px 35px;
    display: flex;
    column-gap: 15px;
    row-gap: 5px;
    flex-wrap: wrap;
    align-items: center;
    background: var(--bg-100);
}
.breads .breads__item {
    display: flex;
    gap: 15px;
    font-size: 14px;
    align-items: center;
    text-decoration: none;
    transition: 0.3s all;
    font-weight: 500;
    color: rgba(107, 114, 128, 1);
}
.breads .breads__item i {
    display: block;
    font-size: 16px;
    color: #8b8b8b;
    transition: 0.3s all;
}
.breads .breads__item:hover{
    color: #363636;
}
.breads .breads__item:hover i{
    color: #363636;
}


[multiple], [type=date], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}




input[type='text'], input[type='number'] {
    width: 100%;
    outline: none;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    padding: 6px 8px;
    font-size: 16px ;
    height: 38px ;
    line-height: 38px ;
    background: var(--bg-color);
    color: var(--text-color);
    box-shadow: 0 0 #0000 , 0 0 #0000, 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
input[type='text']:focus, input[type='number']:focus {
    border: 1px solid var(--main-blue);
}

input[type='url'] {
    width: 100%;
    outline: none;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    padding: 6px 8px;
    font-size: 16px ;
    height: 38px ;
    line-height: 38px ;
    background: var(--bg-color);
    color: var(--text-color);
    box-shadow: 0 0 #0000 , 0 0 #0000, 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
input[type='url']:focus {
    border: 1px solid var(--main-blue);
}

input[type='email'] {
    width: 100%;
    outline: none;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    padding: 6px 8px;
    font-size: 16px ;
    height: 38px ;
    line-height: 38px ;
    background: var(--bg-color);
    color: var(--text-color);
    box-shadow: 0 0 #0000 , 0 0 #0000, 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
input[type='email']:focus {
    border: 1px solid var(--main-blue);
}


input[type='search'] {
    width: 100%;
    outline: none;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    padding: 6px 8px;
    font-size: 16px ;
    height: 38px ;
    line-height: 38px ;
    background: var(--bg-color);
    color: var(--text-color);
    box-shadow: 0 0 #0000 , 0 0 #0000, 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
input[type='search']:focus {
    border: 1px solid var(--main-blue);
}
input[type='date'] {
    width: 100%;
    outline: none;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    padding: 6px 8px;
    font-size: 16px ;
    height: 38px ;
    line-height: 38px ;
    background: var(--bg-color);
    color: var(--text-color);
    box-shadow: 0 0 #0000 , 0 0 #0000, 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
input[type='date']:focus {
    border: 1px solid var(--main-blue);
}
input[type='tel'] {
    width: 100%;
    outline: none;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    padding: 6px 8px;
    font-size: 16px ;
    height: 38px ;
    line-height: 38px ;
    background: var(--bg-color);
    color: var(--text-color);
    box-shadow: 0 0 #0000 , 0 0 #0000, 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
input[type='tel']:focus {
    border: 1px solid var(--main-blue);
}
input[type='password'] {
    width: 100%;
    outline: none;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    padding: 6px 8px;
    font-size: 16px ;
    height: 38px ;
    line-height: 38px ;
    background: var(--bg-color);
    color: var(--text-color);
    box-shadow: 0 0 #0000 , 0 0 #0000, 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
input[type='password']:focus {
    border: 1px solid var(--main-blue);
}
input[type='email'] {
    width: 100%;
    outline: none;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    padding: 6px 8px;
    font-size: 16px ;
    height: 38px ;
    line-height: 38px ;
    background: var(--bg-color);
    color: var(--text-color);
    box-shadow: 0 0 #0000 , 0 0 #0000, 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
input[type='email']:focus {
    border: 1px solid var(--main-blue);
}


button {
    outline: none;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 16px ;
    height: 38px ;
    display: flex;
    line-height: 38px ;
    color: #374151;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 5%);
    background: var(--bg-color);
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 500;
    transition: 0.3s all;
}
button:hover {
    background: #f3f3f3;
}
button.action {
    background: var(--main-blue);
    color: white;
}
button.action:hover {
    background: var(--main-blue-darker);
}
button.green {
    background: var(--main-green);
    color: white;
}
button.green:hover {
    background: var(--main-green-darker);
}
button.red {
    background: var(--main-red);
    color: white;
}
button.red:hover {
    background: var(--main-red-darker);
    color: white;
}

.dom {
    padding: 0;
    background: var(--bg-100);
    border-bottom: 1px solid var(--border-color);
}
.dom .dom__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 35px;
    gap: 10px;
    flex-wrap: wrap;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--border-color);
}
.dom .dom__header .dom__header__info {
    flex: 1;
}

.dom .dom__header .dom__header__info .info {
    display: flex;
    margin-top: 10px;
    align-items: center;
    gap: 20px;
}
@keyframes rotate {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
.dom .dom__header .dom__header__info .info i {
    margin-right: 5px;
}
.dom .dom__header .dom__header__info .info span.active i {
    animation: rotate 6s linear infinite;
}
.dom .dom__header .dom__header__info .info span {
    color: var(--text-color);
    display: block;
    padding: 0;
    font-weight: 400;
    border-radius: 9999px;
}
.dom .dom__header .dom__header__info .info span.active {
    color: var(--main-green)
}
.dom .dom__header .dom__header__info .info span.unactive {
    color: var(--main-red)
}
.dom .dom__header .dom__header__info .info span.updating {
    color: var(--main-blue)
}
.dom .dom__header .dom__header__info .info span.deleting {
    color: var(--text-color)
}














.dom .dom__header .dom__header__info .info input{
    border-radius: 9999px;
    display: none;
}
.dom .dom__tabs {
    background: var(--bg-color);
}
.dom .dom__tabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 50px;
    margin: 0 35px;
    border-bottom: 1px solid var(--border-color);
}
.dom .dom__tabs ul li {
    cursor: pointer;
    padding: 15px 0 12px 0;
    transition: 0.3s all;
    border-bottom: 2px solid transparent;
}
.dom .dom__tabs ul li.active {
    border-bottom: 2px solid var(--main-blue) ;
}
.dom .dom__tabs ul li.active span {
    color: var(--main-blue);
}
.dom .dom__tabs ul li:hover {
    border-bottom: 2px solid rgb(107, 114, 128);
}
.dom .dom__tabs ul li span {
   color: rgb(107, 114, 128);
   font-weight: 500;
}

.dom .dom__sets {
    background: var(--bg-color);
}
.dom .dom__sets ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.dom .dom__sets ul li:last-child .set__wrap{
    border-bottom: none;
}
.dom .dom__sets ul li {
    min-height: 90px;
    transition: 0.15s all;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    align-items: center;
}
.dom .dom__sets ul li a {
    display: block;
    width: 100%;
}
.dom .dom__sets ul li.comment .input__wrap {
    position: relative;
}


.dom .dom__sets ul li:hover {
    background: var(--bg-100);
}
.dom .dom__sets ul li a {
    text-decoration: none;
    color: rgb(107, 114, 128);
}
.dom .dom__sets ul li .set__wrap {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 0 35px;
    cursor: default;
}
.dom .dom__sets ul li>a .set__wrap {
    cursor: pointer;
}







.dom .dom__sets ul li .set__wrap .icon {
    width: 40px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dom .dom__sets ul li .set__wrap .icon i {
    font-size: 17px;
    color: white;
    padding: 10px;
    border-radius: 50%;
    background: var(--main-blue);
}
.dom .dom__sets ul li .set__wrap .text {
    margin-right: 20px;
    flex: 1;
    max-width: 550px;
    min-width: 550px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.dom .dom__sets ul li .set__wrap .info {
    flex: 1;
    text-decoration: none;
    color: var(--text-color);
    margin-right: 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}
.dom .dom__sets ul li .set__wrap .info a {
    color: var(--main-blue);
    font-weight: 500;
}
.dom .dom__sets ul li .set__wrap h3 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    color: #000;
}


.button-switch {
    min-width: 46px;
    max-width: 46px;
}
.button-switch.with-text {
    min-width: 56px;
    max-width: 56px;
}
.button-switch .checkbox:checked ~ .layer {
    background-color: var(--main-blue);
}
.button-switch .knobs:before {
    display: none;
}
.button-switch .knobs:after {
    display: none;
}
.button-switch.with-text .knobs:before {
    display: block;
    left: 7px;
}
.button-switch.with-text .knobs:after {
    display: block;
}
.button-switch .knobs span {
    width: 22px;
    height: 22px;
    top: 50%;
    transform: translateY(-50%);
    left: 2px;
}
.button-switch .checkbox:checked + .knobs span {
    left: 22px;
}
.button-switch.with-text .checkbox:checked + .knobs span {
    left: 22px;
    left: 32px;
}
.button-switch input {
    border: none !important;
}




.dom .dom__sets ul li .set__wrap .arrow i {
    font-size: 12px;
    color: #b8b8b8;
}
.dom .dom__sets ul li.comment .text {
    min-width: auto;
}

@media (max-width: 900px) {
    .dom .dom__sets ul li .set__wrap .arrow {
        display: flex;
        justify-content: flex-end;
    }
    .dom .dom__sets ul li .set__wrap .text {
        max-width: none;
        min-width: auto;
    }

}
@media (max-width: 700px) {
    .dom .dom__header {
        flex-direction: column;

    }
    .dom__header__btn {
        margin-top: 10px;
        column-gap: 20px;
    }
    .dom__header__btn .button-switch.with-text {
        display: none;
    }
    .dom .dom__header .dom__header__info .info {
        flex-wrap: wrap;
        gap: 3px;
    }
    .dom .dom__header .dom__header__info .info input {
        border-radius: 9999px;
        height: 28px ;
        font-size: 14px ;
    }
    .dom .dom__sets ul li .set__wrap {
        margin: 0;
        padding: 0 35px;
    }
    .dom .dom__tabs ul {
        margin: 0;
        padding: 0 35px;
    }
    .dom .dom__sets ul li.comment .text {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
}
.dom .dom__sets ul li.comment .text h3 {
    display: none;
}
.dom .dom__sets ul li.comment .text .input__wrap {
    width: 100%;
    max-width: 550px;
}
.dom .dom__sets ul li.comment .text .input__wrap input {
    width: 100%;
}
.dom .dom__sets ul li.comment .text .input__wrap [type="submit"] {
    width: auto;
    margin-left: auto;
}
@media (max-width: 500px) {
    .dom .dom__sets ul li .set__wrap {
        padding: 0 20px;
    }
    .dom .dom__tabs ul {
        padding: 0 20px;
    }
    .dom .dom__header {
        padding: 0 20px 20px 20px;
    }
    .breads {
        padding: 20px;
    }
    .dom .dom__sets ul li {
        margin: 0;
        padding: 20px 0;
    }
}



label.checkbox__label {
    display: flex;
    width: fit-content;
    align-items: flex-start;
    row-gap: 0px;
    column-gap: 8px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    color: var(--text-color);
    cursor: pointer;
}
label.checkbox__label [type=checkbox] {
    margin-bottom: 0;
    margin-top: 3px;
}
label.radio__label {
    display: flex;
    width: fit-content;
    align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-color);
    cursor: pointer;
}
[type=radio] {
    margin-top: 3px;
}

[type=submit].action {
    outline: none;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    padding: 0 12px 2px;
    font-size: 16px ;
    height: 38px ;
    display: flex;
    line-height: 34px ;
    color: white;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 5%);
    background: var(--main-blue);
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 500;
    transition: 0.3s all;
}
[type=submit].action:hover {
    background: var(--main-blue-darker);
}
[type=submit].button {
    outline: none;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 16px;
    height: 38px;
    display: flex;
    line-height: 0;
    color: #374151;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 5%);
    background: var(--bg-color);
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 500;
    transition: 0.3s all
}
[type=submit].button:hover {
    background: #f3f3f3;
}
.form__btns {
    display: flex;
    gap: 20px;
    padding: 20px 35px;
}
.dns h2{
    margin-bottom: 20px;
    padding: 0 35px;
}
.dns form .form__content {
    background: var(--bg-color);
    padding: 20px 35px 0;
    border-bottom: 1px solid var(--border-color);
    border-top: 1px solid var(--border-color);
}
.dns form .form__content .input__wrapper {
    max-width: 400px;
}
@media (max-width: 500px) {
    .dns h2 {
        padding: 0 20px;
    }
    .dns form .form__content {
        padding: 20px 20px 0;
    }
    .form__btns {
        padding: 20px;
    }
}

.modal__close {
    height: 25px ;
    font-size: 11px ;
    color: #606060;
    font-weight: 900;
    box-shadow: none;
    outline: none;
    border: 1px solid rgb(227 227 227);
    border-radius: 6px;
    padding: 0px 10px;
    display: flex;
    line-height: 25px ;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: 0.3s all;
}
.bill__layout .modal__close {
    position: absolute;
    top: 10px;
    right: 10px;
}



.contact h2 {
    margin-bottom: 20px;
    padding: 0 35px;
}
.contact form .content {
    background: var(--bg-color);
    padding: 20px 35px;
    border-bottom: 1px solid var(--border-color);
    border-top: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    gap: 80px;
}
.contact form .content .col {
    flex: 1;
}
.contact form .content .col h3 {
    margin-bottom: 10px;
}
.contact form .content .col .copy {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
    gap: 10px;
}
.contact form .content .col .copy h3 {
    margin-bottom: 0;
}
@media (max-width: 700px) {
    .contact form .content {
        flex-direction: column;
        gap: 10px;
    }
}
@media (max-width: 500px) {
    .contact form .content {
        padding: 20px 20px 0;
    }
    .contact h2 {
        padding: 0 20px;
    }
}




.records .records__header {
    margin-bottom: 20px;
    padding: 0 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.records>.content {
    background: var(--bg-color);
    padding: 0 0 20px 0;
}
.records table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    color: var(--text-color);
}
.records table thead tr td{
    padding: 0 35px;
}

.records table tbody tr td.name {
    font-weight: 500;
}
.records table tbody tr td.actions {
    padding: 0 35px;
}
.records table tbody tr td.actions a {
    text-decoration: none;
}
.records table tbody tr td.actions a:nth-child(1) {
    margin-right: 10px;
}
.records table tbody tr td.actions i {
    font-size: 18px;
}
.records .records__actions {
    padding: 0 35px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.records span.type {
    display: none;
    font-weight: 500;
}
@media (max-width: 800px) {
    .records span.type {
        display: block;
        font-weight: 500;
    }
    .records table thead {
        display: none;
    }
    .records table tbody tr {
        display: flex;
        flex-direction: column;
        gap: 5px;
        min-height: 60px;
        height: auto;
        padding: 20px 0;
    }
    .records table tbody tr:nth-child(1) {
        border-top: 1px solid var(--border-color);
    }
}
@media (max-width: 500px) {
    .records table tbody tr td {
        padding: 5px 20px;
    }
    .records .records__header {
        padding: 0 20px;
    }
    .records table tbody tr td.actions {
        padding: 0 20px;
    }
    .records .records__actions {
        padding: 0 20px;
    }
}

table td.btns .actions {
    display: flex;
    gap: 20px;
    justify-content: flex-end;
}



.modal.with-table {
    max-width: 650px;
}
.modal table {
    width: 100%;
    border-collapse: collapse;
}
.modal table tr {
    border-bottom: 1px solid var(--border-color);
}
.modal table tr:last-child {
    border: none;
}
.modal table td {
    padding: 10px;
}
.modal table thead {
    border: 1px solid var(--border-color);
    font-weight: 500;
}
.modal table tbody {
    border: 1px solid var(--border-color);
}


/* CSR Generator Page */
.dom .block__info.csr .block{
    max-width: 500px;
}

/* SSL install page  */
.dom.ssl-install form.sections{
    background: var(--bg-color);
    padding: 20px 35px;
    border-bottom: 1px solid var(--border-color);
}
.dom.ssl-install .dom__sets .content {
    max-width: 600px;
}
.dom.ssl-install textarea {
    resize: none;
    min-height: 180px;
}
.input__wrapper p.info.link {
    margin-bottom: 0 ;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    display: flex;
    justify-content: flex-end;
    color: var(--text-color);
}
.input__wrapper p.info.link a {
    font-weight: 500;
    text-decoration: none;
}
.dom.ssl-install .dom__tabs {
    pointer-events: none;
}
label.checkbox__label a {
    margin-left: -3px;
    text-decoration: none;
}
label.checkbox__label p {

}
label.checkbox__label p a {
    margin-left: 0;
}



.dom.ssl-install form {
    background: var(--bg-color);
    padding: 20px 35px;
    border-bottom: 1px solid var(--border-color);
    border-top: 1px solid var(--border-color);
}
@media (max-width: 900px) {
    .dom.ssl-install .dom__tabs ul li {
        display: none;
    }
    .dom.ssl-install .dom__tabs ul li.active {
        display: block;
    }
}
@media (max-width: 500px) {
    .dom.ssl-install form {
        padding: 20px;
    }
    .dom.ssl-install .dom__tabs ul li.active {
        width: 100%;
        text-align: center;
    }
}



.modal textarea {
    resize: none;
    height: 150px;
}
textarea:read-only {
    background: var(--bg-color-table);
}
.content.copy {
    position: relative;
    margin-top: 8px;
}
.action-btn {
    height: 30px !important;
    padding: 6px !important;
    transition: 0.3s all;
    position: relative;
    display: inline-flex !important;
}

.tooltip {
    position: absolute;
    right: 0px;
    top: -35px;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: max-content;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    transform: translateX(-50%);
    top: -41px;
    left: 50%;
    padding: 4px 10px;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .action-btn .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip .action-btn:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.modal .block {
    margin-bottom: 10px;
}
.modal .footer__close {
    width: 100%;
    border-radius: 6px ;
    font-size: 16px ;
    height: auto ;
    line-height: 20px ;
}
.badge-red.alert {
    border: 1px solid var(--badge-red-text);
}
.content.copy textarea {
    padding: 6px 8px;
    font-size: 14px;
}

.dom.ssl-install .form__btns {
    padding: 0;
}





/* BUY DOMAIN */
.dom.buy li {
    pointer-events: none;
}

.dom.buy .block {
    padding: 20px 35px;
}

.named__select {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.named__select span {
    color: var(--text-color);
    font-weight: 500;
    font-size: 16px;
}
.named__select a {
    color: var(--text-color);
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
}
@media (max-width: 600px) {
    .named__select span, .named__select a {
        display: none;
    }
}

.fs-normal {
    font-size: 14px;
}
.title__tt {
    display: flex;
    gap: 8px;
    align-items: center;
}
.tt-slide {
    cursor: pointer;
}
.tt__body {
    margin-bottom: 10px;
}
.dom.ssl-install p.info, .dom.ssl-install label {
    max-width: 600px;
}
.dom.ssl-install input, .dom.ssl-install select, .dom.ssl-install textarea{
    max-width: 600px;
}

.dom.ssl .dom__header .dom__header__info .info .fa-gear {
    animation: rotate 6s linear infinite ;
}












/* BASKET */
#basket .content {
    padding: 0;
    background: var(--bg-color);
    /* border-bottom: 1px solid var(--border-color); */
    display: flex;
    gap: 20px;
}
#basket .items {
    flex: 1;
    border-bottom: 1px solid var(--border-color);
    margin: 0;
    list-style: none;
}

#basket .basket__check {
    padding: 10px 20px;
    border-radius: 10px;
    width: 100%;
    background: var(--bg-100);
    max-width: 300px;
    height: 100%;
}
#basket .final {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
#basket .final>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--text-color);
    font-weight: 500;
    padding: 10px 0;
    font-size: 16px;
}
#basket .final .line .num {
    text-align: right;
    font-size: 16px;
}
#basket .final .name span{
    font-size: 20px;
}
#basket .final .line .num .old {
    text-decoration: line-through;
}
#basket .final>div:first-child {
    padding-top: 0;
    border-bottom: none;
    padding-bottom: 5px;
}

#basket .final .itog .text {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
}
#basket .final .itog .num {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
}
#basket .basket__check a.button {
    justify-content: center;
    background: var(--main-blue);
    color: #fff;
}
#basket .basket__check a.button:hover {
    background: var(--main-blue-darker);
}
.input__wrapper .with__key {
    display: flex;
}
.input__wrapper .with__key.right input{
    width: auto;
    flex: 1;
    border-right: none;
    border-radius: 6px 0 0 6px;
}
.input__wrapper .with__key.right button{
    border-radius: 0 6px 6px 0;
    border-left: none;
    border-color: var(--main-blue);
}

.input__wrapper .with__key.left input{
    width: auto;
    flex: 1;
    border-left: none;
    border-radius: 0 6px 6px 0;
}
.input__wrapper .with__key.left button{
    border-radius: 6px 0 0 6px;
    border-right: none;
    border-color: var(--main-blue);
}
#basket .items li {
    padding: 20px 0;
    border-bottom: 1px solid var(--border-color);
    max-width: 900px;
}
#basket .items li:first-child {
    padding-top: 0;
}
#basket .items li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
#basket .items li a.del {
    text-decoration: none;
    position: absolute;
    right: 0;
    color: var(--text-color);
}
#basket .items li a.del i {
    color: #b9b9b9;
    font-size: 18px;
}
#basket .item .title {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    display: flex;
    align-items: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}
#basket .item .title a {
    text-decoration: none;
    font-size: 14px;
    margin-bottom: 2px;
}
#basket .final .itog {
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 15px;
}
.modal p.subtitle {
    text-align: center;
    margin-bottom: 10px;
}
.table__billinfo.item .billinfo ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.table__billinfo.item .billinfo ul li {
    padding: 5px 0;
    border-bottom: 1px solid var(--border-color);
    color: var(--text-color);
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.table__billinfo.item .billinfo ul li a {
    cursor: pointer;
    color: var(--text-color);
}




.table__billinfo.item .billinfo ul li:first-child {
    padding-top: 0;
}
.table__billinfo.item .billinfo ul li:last-child {
    border-bottom: none;
}
.table__bill .table__item {
    align-items: flex-start;
}
.table__subtitle.table__billinfo.item {
    flex-direction: column;
    align-items: flex-start;
}

#basket .item .item__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
#basket .item .param__trigger {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    gap: 10px;
}
#basket .item .param__trigger span {
    font-size: 15px;
}
#basket .item .param__trigger a {
    text-decoration: none;
}
#basket .item .param__trigger i {
    font-size: 12px;
    margin-top: 2px;
    transition: 0.3s all;
}
#basket .item .param__trigger.active i {
    transform: rotate(180deg);
}
#basket .item .item__detail .line {
    display: flex;
    gap: 5px;
    align-items: baseline;
}
#basket .item .item__detail .line .bd{
    flex: 1;
    border-bottom: 1px dashed var(--border-color-table);
}
#basket .item .item__detail .line .key {
    color: var(--text-color);
    font-size: 13px;
}
#basket .item .item__detail .line .value {
    color: var(--text-color);
    font-size: 13px;
    display: flex;
    gap: 8px;
}
#basket .item .item__detail .line .value a.button {
    font-size: 12px ;
    height: 22px ;
    line-height: 22px ;
}
.inner__content {
    padding: 20px 35px;
    background: var(--bg-color);
    border-bottom: 1px solid var(--border-color);
}
@media (max-width: 500px) {
    .inner__content {
        padding: 20px;
    }
}


.liner-page .input__wrapper.line:first-child {
    border-top: 1px solid var(--border-color);
}
.liner-page .input__wrapper.line:last-of-type {
    border-bottom: none;
}
#basket .form__title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}
.liner-page .input__wrapper.line {
    column-gap: 40px;
    row-gap: 20px;
    padding: 20px 0;
    border-bottom: 1px solid var(--border-color);
    flex-wrap: wrap;
}




.liner-page .input__wrapper.line .input__liner {
    flex: 1;
    position: relative;
}
.liner-page .input__wrapper.line .input__liner span.error{
    bottom: -17px;
}

.input__wrapper.line .info {
    grid-column: span 3 / span 3;
    color: var(--text-color-100);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}
.liner-page .input__wrapper.line .info.sale__count {
    flex: none;
    font-weight: 500;
}
@media (max-width: 1050px) {
    .liner-page .input__wrapper.line {
        gap: 10px;
    }
}
@media (max-width: 768px) {
    .liner-page .input__wrapper.line {
        flex-direction: column;
        align-items: flex-start;
    }
    .liner-page .input__wrapper.line .info {
        max-width: none;
        flex: auto;
    }
    .liner-page .input__wrapper.line .input__liner {
        max-width: none;
        width: 100%;
    }
    .liner-page span.error {
        position: relative;
        bottom: 0 !important;
    }
    .liner-page .input__wrapper.line {
        gap: 0px;
    }
}
input[type="date"] {
    position: relative
}

/* input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-clear-button {
    z-index: -10
}

input[type="date"]::-webkit-input-placeholder {
    z-index: 99
}

input[type="date"]:placeholder {
    z-index: 99
} */




.input__liner {
    position: relative;
}
.input__liner input[type="text"] {
    padding-right: 36px;
}
.input__liner .tooltip {
    position: absolute;
    top: 9px;
    right: 10px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    color: var(--text-color);
    cursor: help;
}
.input__liner .tooltip:after {
    content: attr(data-text);
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: 0.15s all;
    left: auto;
    right: 0;
    top: -37px;
    width: 250px;
    padding: 2px 4px 4px;
    border-radius: 3px;
    font-size: 12px;
    background: var(--main-blue);
    color: #fff;
    font-family: Inter var,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color emoji;
}
.input__liner .tooltip:hover:after {
    opacity: 1;
    visibility: visible;
}
























.basket__modal {
    position: absolute;
    width: 350px;
    background: #fff;
    z-index: 999;
    border-radius: 10px;
    top: 35px;
    left: -87px;
    box-shadow: var(--box-shadow-light);
}
.basket__modal .basket__check {
    padding: 20px;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    width: 100%;
    max-width: 350px;
    height: 100%;
}
.basket__modal .basket__check .final {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.basket__modal .final>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--text-color);
    font-weight: 500;
    padding: 10px 0;
    font-size: 14px;
    border-bottom: 1px solid var(--border-color);
}
.basket__modal .final>div:first-child {
    padding-top: 0;
}
.basket__modal .basket__check a.button.pay {
    justify-content: center;
    background: var(--main-blue);
    color: #fff;
}
.basket__modal .basket__check a.button.to-basket {
    justify-content: center;
    background: var(--bg-color);
    color: var(--main-blue);
    margin-bottom: 10px;
}
.basket__modal .basket__check a.button.to-basket:hover {
    background: var(--bg-color-table);
}
.basket__modal .final .itog .text {
    font-weight: 700;
    font-size: 26px;
    line-height: 26px;
}
.basket__modal .final .itog .num {
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
}
.basket__modal .final .line .num {
    text-align: right;
    font-size: 16px;
}
.basket__modal .final .line .num .new {
    font-weight: 600;
}
.basket__modal .final .line .num .old {
    text-decoration: line-through;
    color: var(--bg-900);
    font-weight: 400;
}
.basket__modal .final>div {
    align-items: flex-start;
}
.basket__modal .final>div.itog {
    align-items: center;
    border-bottom: none;
    padding-bottom: 0;
}
.basket__modal .final>div.itog .text {
    line-height: 26px;
}
.basket__modal .final>div.itog .num {
    line-height: 20px;
}


@media (max-width: 950px) {
    #basket .items .item:first-child {
        padding-top: 0;
    }
    #basket .content {
        flex-direction: column;
        gap: 25px;
    }
    #basket .basket__check {
        max-width: none;
        padding: 10px 20px;
    }
    #basket .final {
        margin-bottom: 10px;
    }
    #basket .item .item__header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 10px;
        padding-right: 120px;
    }
    #basket .item select {
        margin: 0 ;
    }
}

.mb20 {
    margin-bottom: 20px;
}
#basket .item select {
    flex: 0;
    width: auto;
    margin-left: auto;
    margin-right: 120px;
    margin-top: -3px;
}

#basket .items li .price {
    text-decoration: none;
    position: absolute;
    right: 30px;
    top: 2px;
    font-size: 18px;
    font-weight: 500;
    color: var(--text-color);
}

#basket .next {
    margin-top: 10px;
    justify-content: center;
    display: flex;
    gap: 5px;
    font-weight: 500;
    color: var(--text-color);
    font-size: 14px;
}
#basket .next a {
    font-weight: 500;
    text-decoration: none;
    display: flex;
    gap: 5px;
    align-items: center;
    font-size: 14px;
}
#basket .next a i {
    transition: 0.15s all;
    margin-top: 3px;
}
#basket .next a:hover i {
    transform: translateX(2px);
}
#basket .item .params {
    padding: 10px;
    background: var(--bg-100);
    border-radius: 10px;
    margin-top: 10px;
    display: flex;
    max-width: 500px;
    flex-direction: column;
    gap: 4px;
}

#basket .item .params {
    display: none;
}


#basket .final .line.sales .num .new {
    color: var(--main-green);
}

#basket .basket__check a.button.one-click {
    justify-content: center;
    background: var(--bg-color);
    color: var(--main-blue);
    margin-bottom: 10px;
}
#basket .basket__check a.button.one-click:hover {
    background: var(--bg-color-table);
}







#earned .content {
    background: var(--bg-color);
    padding: 0;
}
#earned table {
    width: 100%;
    border-collapse: collapse;
    color: var(--text-color);
}
#earned table thead {
    background: var(--bg-color-table);
    border: 1px solid var( --border-color);
    border-left: none;
    border-right: none;
    color: var( --text-color);
    font-weight: 500;
    height: 60px;
}
#earned table thead td {
    font-size: 16px ;
    color: var(--text-color) ;
}
#earned td {
    padding: 0 10px;
}
#earned td:first-child {
    padding-left: 35px;
}
#earned td:last-child {
    padding-right: 35px;
}
#earned table tbody tr {
    border-bottom: 1px solid var(--border-color);
    height: 60px;
}
#earned .date {
    text-align: right;
    width: 195px;
}
#earned .item__date {
    text-align: right;
    font-size: 14px;
}
#earned .minus {
    width: 100px;
    text-align: right;
    font-size: 14px;
    color: var(--main-red);
}
#earned .plus {
    width: 100px;
    text-align: right;
    font-size: 14px;
    color: var(--main-green);
}
#earned .type {

}
#earned .item__type {
    font-size: 16px;
}
#earned .item__type i {
    margin-right: 10px;
    font-size: 16px;
}

#earned .filter {
    padding: 10px 35px;
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}
#earned .filter .filter__switch {
    display: flex;
    gap: 10px;
    align-items: center;
}
#earned .filter .filter__switch p {
    font-size: 14px;
    font-weight: 500;
}

@media (max-width: 900px) {
    #earned .filter {
        background: var(--bg-color-table);
        border-bottom: 1px solid var(--border-color);
    }
    #earned .plus, #earned .minus {
        width: auto;
    }
    #earned table thead {
        display: none;
    }
    #earned table tbody tr {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 30px;
        gap: 3px;
    }
    #earned td {
        padding: 0 ;
        display: block;
    }
}
@media (max-width: 500px) {
    #earned table tbody tr {
        padding: 10px 20px;
    }
    #earned .filter {
        padding: 10px 20px;
    }
}


#partner-stats table {
    width: 100%;
    border-collapse: collapse;
    color: var(--text-color);
}
#partner-stats table thead {
    background: var(--bg-color-table);
    border: 1px solid var( --border-color);
    border-left: none;
    border-right: none;
    color: var( --text-color);
    font-weight: 500;
    height: 60px;
}
#partner-stats table thead th {
    font-size: 16px ;
    color: var(--text-color) ;
    padding: 0 10px;
}
#partner-stats table thead th:first-child {
    padding-left: 35px;
}
#partner-stats table thead th:last-child {
    padding-right: 35px;
}
#partner-stats table tbody td:first-child {
    padding-left: 35px;
}
#partner-stats table tbody td:last-child {
    padding-right: 35px;
}
#partner-stats td {
    padding: 0 10px;
}
#partner-stats table tbody tr {
    border-bottom: 1px solid var(--border-color);
    height: 60px;
}
#partner-stats .user-login {
    text-align: left;
}
#partner-stats .user-itog {
    text-align: right;
}
#partner-stats .user-name {
    text-align: left;
}
#partner-stats .user-earncount {
    text-align: right;
}
#partner-stats .hint {
    display: none;
}

@media (max-width: 900px) {
    #partner-stats table thead {
        display: none;
    }
    #partner-stats .hint {
        display: inline-block;
        font-weight: 500;
    }
    #partner-stats table tbody tr {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 30px;
        gap: 3px;
    }
    #partner-stats td {
        padding: 0 ;
        display: block;
    }
}
@media (max-width: 500px) {
    #partner-stats table tbody tr {
        padding: 10px 20px;
    }
}

#login-modal {
    padding: 45px 0 0 0;
}
.modal .login {
    padding: 0;
}
.modal .login.v2 .login__block__wrap {
    box-shadow: none;
}


#registration-modal {
    padding: 45px 0 0 0;
}
.modal .registration {
    padding: 0;
}
.modal .registration__form {
    box-shadow: none ;
}


#basket .complete {
    flex: 1;
}
#basket .complete .form__title {
    /* padding: 0 35px; */
}
#basket .complete .form__btns__inline {
    /* padding: 0 35px 20px 35px; */
}
#basket .regdata__choose {
    max-width: none;
    padding: 20px 0 0 0;
}
#basket .regdata__choose .input__wrapper {
    max-width: 660px;
}
#basket .complete .regdata__choose__info {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    max-width: none;
}

#login-modal .login__block__header {
    padding: 15px 55px 30px 140px;
    border-bottom: 1px solid #E1E1E1;
}
#registration-modal .step_1 .form__block>span {
    text-align: left;
}
#registration-modal .step_1 .form__block .line__wrap {
    justify-content: flex-start;
}

#login-modal .login__block__header .lgb__text {
    text-align: left;
}
#registration-modal h2 {
    margin-bottom: 10px;
}



.input__wrapper.valid input {
    border-color: var(--main-green) ;
}
.input__wrapper.invalid input {
    border-color: var(--main-red) ;
}


.table .table__body .table__item>div:last-child {
    padding-right: 0 ;
}






#basket.demo {
    background: var(--bg-color);
}
#basket.demo .content {
    padding: 0px 35px 20px 35px;
    background: var(--bg-color);
    border-bottom: none;
    display: flex;
    gap: 20px;
    flex-direction: column;
    max-width: 832px;
    margin: 0 auto;
}
#basket.demo .items li {
    padding: 30px 0;
}
#basket.demo .basket__check {
    max-width: 600px;
    background-color: var(--bg-color);
    padding: 10px 0;
    margin: 0 auto;
}
#basket.demo .basket__check a.button {
    padding: 22px;
}
.dom.demo .dom__header .dom__header__info h2 {
    text-align: center;
}
#basket.demo .final {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}
#basket.demo .items li:last-child {
    border-bottom: 1px solid var(--border-color);
}

.dom.demo {
    background: var(--bg-color);
}
.dom.demo .dom__header {
    background: var(--bg-color);
    padding-bottom: 0px;
    padding: 40px 35px;
    max-width: 762px;
    margin: 0 auto;
}



@media (max-width: 768px) {
    #basket.demo .items .item:first-child {
        padding-top: 15px
    }
    #basket.demo .items li {
        padding: 15px 0;
    }
}
@media (max-width: 500px) {
    #basket.demo .content {
        padding: 0px 20px 20px 20px;
    }
    .dom.demo .dom__header {
        padding: 30px 20px;
    }
    #basket .item .item__header {
        padding-right: 100px;
    }
    .liner-page .input__wrapper.line .input__liner {
        min-width: auto;
    }
}
@media (max-width: 1050px) {
    #basket .regdata__choose .input__wrapper {
        max-width: 530px;
    }
}
.liner-page .input__wrapper.line .input__liner.many {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.liner-page .input__wrapper.line .input__liner>* {
    flex: 1 1 150px;
}
.form__btns__inline {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

#basket.payment-data .input__wrapper.line:first-child {
    border-top: none;
}
.basket #basket.payment-data .content {
    padding: 0 35px 20px 35px;
}




.basket__status {
    position: sticky;
    bottom: 0;
    left: 0;
    padding: 20px 35px;
    width: 100%;
    background: var(--bg-100);
    border-top: 1px solid var(--border-color);
    z-index: 999;
}
.basket__status .title {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-color);
    margin-bottom: 12px;
}
.basket__status .status {
    position: relative;
    height: 8px;
    width: 100%;
    border-radius: 4px;
    background: rgb(229, 231, 235);
    margin-bottom: 12px;
}
.basket__status .status__current {
    position: absolute;
    top: 0;
    left: 0;
    height: 8px;
    border-radius: 4px;
    background: var(--main-blue);
}
.basket__status .steps {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.basket__status .steps span {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-color-100);
}

.basket__status .steps span.active {
    color: var(--main-blue);
}


.basket__status.step-1 .status__current {
    width: 11%;
}
.basket__status.step-2 .status__current {
    width: 34%;
}
.basket__status.step-3 .status__current {
    width: 69%;
}
.basket__status.step-4 .status__current {
    width: 100%;
}



@media (max-width: 768px) {
    .basket__status .steps {
        display: none;
    }
}
@media (max-width: 500px) {
    #basket.payment-data .content {
        padding: 0 20px 20px 20px;
    }
    .basket__status {
        padding: 10px 20px;
    }
}
.liner-page .input__wrapper.line:last-of-type {
    border-bottom: none;
}


.dom.pay {
    background: var(--bg-color);
}
#payment {
    max-width: 896px;
    margin: 0 auto;
    padding: 40px 0;
}

#payment .title__block h2 {
    margin-bottom: 8px;
}
#payment .title__block h2 br {
    display: none;
}
@media (max-width: 500px) {
    #payment .title__block h2 br {
        display: inline;
    }
}
@media (max-width: 1170px) {
    #payment .item__body .payment__info .mob {
        display: none;
    }
}

#payment .title__block a {
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    color: rgba(107, 114, 128, 1);
    display: block;
    line-height: 16px;
    transition: 0.15s all;
}
#payment .title__block a:hover {
    color: var(--main-blue)
}
#payment .title__block a i {
    margin-right: 7px;
}
#payment .content {
    border-radius: 6px;
    border: 1px solid var(--border-color);
}
#payment .content ul.dom__sets {
    list-style: none;
    margin: 0;
    padding: 0;
}
#payment .content ul.dom__sets li {
    padding: 20px;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
#payment .content ul.dom__sets li:last-child {
    border-bottom: none;
}
#payment .item__body {
    display: flex;
    gap: 20px;
    flex: 1 1 400px;
    margin-bottom: 10px;
    flex-wrap: wrap;
    align-items: center;
}
#payment .item__body .img {
    max-width: 140px;
    width: 100%;
    display: flex;
    border-radius: 6px;
    align-items: center;
    justify-content: center;
    height: max-content;
}
#payment .item__body .info {
    flex: 1 1 360px;
    align-self: flex-start;
}
#payment .item__action {
    width: auto;
}
#payment .item__body .img img {
    display: block;
    width: 100%;
}
#payment .item__body .payment__title {
    color: var(--text-color);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
}
#payment .item__body .payment__info {
    color: var(--text-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}
#payment .item__action a {
    margin-left: auto;
    width: fit-content;
    background: var(--main-blue);
    transition: 0.3s all;
    color: #fff;
    min-width: 123px;
    justify-content: center;
}
a.button.action {
    background: var(--main-blue);
    transition: 0.3s all;
    color: #fff;
    width: fit-content;
    flex: none;
}
a.button.action:hover {
    background: var(--main-blue-darker);
}

#payment .dom__tabs ul {
    margin: 20px 0 0 0;
    border-bottom: 0;
}

@media (max-width: 920px) {
    #payment .title__block {
        padding: 0 20px;
    }
    #payment .dom__tabs ul {
        padding: 0 20px;
        gap: 20px;
    }
    #payment {
        padding: 20px 0;
    }
    #payment .dom__tabs ul li {
        line-height: 16px;
    }
}
@media (max-width: 400px) {
    #payment .dom__tabs ul span {
        font-size: 12px;
    }
}


label.big__label {
    font-size: 18px;
    font-weight: 500;
}


#success {
    padding: 100px 0;
}
#success .alert__block {
    max-width: 400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    border-radius: 8px;
    padding: 0 20px;
}
#success .title {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}
#success .info {
    color: var(--text-color);
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
}

#success .icon {
    border-radius: 9999px;
    background-color: rgba(209,250,229,1);
    justify-content: center;
    display: flex;
    align-items: center;
    width: 48px;
    height: 48px;
}
#success .icon i {
    color: rgba(5,150,105,1);
    font-size: 18px;
}
#success .actions {
    display: flex;
    gap: 10px;
    width: 100%;
    flex-direction: column;
}
#success .actions a {
    text-align: center;
    justify-content: center;
    width: 100%;
}
.csr .title {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 15px
}
.tariff {
    background: var(--bg-color);
}
.tariff .container {
    padding: 40px;
    background: #f8f9fc;
    box-shadow: var(--box-shadow-light);
    border-radius: 6px;
    max-width: 1420px ;
}
@media (max-width: 991px) {
    .tariff .container {
        padding: 0;
        background: var(--bg-color);
        box-shadow: none;
        border-radius: 0;
    }
    .tariff.licenses .container {
        padding: 40px;
        background: #f8f9fc;
        box-shadow: var(--box-shadow-light);
        border-radius: 6px;
    }
}
.tariff .title {
    margin-bottom: 30px;
    text-align: center;
}
.tariff .subtitle {
    color: rgb(107, 114, 128);
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 30px;
    text-align: center;
}
.tariff .togglers {
    width: fit-content;
    margin: 0 auto;
    display: flex;
    background: var(--bg-300);
    border-radius: 6px;
    margin-bottom: 40px;
}
.tariff .togglers button {
    background: transparent;
    box-shadow: none;
    border: 2px solid var(--bg-300);
}
.tariff .togglers button span {
    color: var(--main-blue);
    margin-left: -3px;
    font-size: 14px;
}
.tariff .togglers button:focus {
    outline: none;
    border: 2px solid var(--main-blue);
}
.tariff .togglers button.active {
    background: var(--bg-color);
}
@media (max-width: 600px) {
    .tariff .togglers {
        flex-wrap: wrap;
    }
    .tariff .togglers button {
        width: 50%;
        justify-content: center;
    }
}
.tariff .item .sale__value {
    width: fit-content;
    margin-bottom: 35px;
    padding: 3px 12px;
    font-size: 14px;
    font-weight: 500;
}
.tariff .items {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
}


.tariff {
	padding: 20px 20px;
}

.tariff .items.v2 {
    margin-top: 40px;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.tariff .item {
    flex: 1 1 300px;
}

.tariff .item {
    position: relative;
    flex: 1 1 260px;
    transition: 0.3s all;
    border-radius: 6px;
    background: var(--bg-color);
    outline: 2px solid transparent;
    box-shadow: var(--box-shadow-light);
}
@media (min-width: 640px) {
    .tariff .item:hover {
        outline: 2px solid var(--main-blue);
    }
}

.tariff .item .item__label {
    position: absolute;
    border-radius: 100px;
    color: #fff;
    background: var(--main-red-darker);
    padding: 1px 12px;
    font-size: 14px;
    font-weight: 400;
    top: -13px;
    left: 20px;
}
.tariff .item__title {
    font-size: 22px;
    line-height: 20px;
    margin-bottom: 15px;
    color: var(--text-color);
    font-weight: 500;
}
.tariff .item__subtitle {
    font-size: 12px;
    color: var(--text-color-100);
    line-height: 14px;
    margin-bottom: 0px;
}
.tariff .item .header {
    padding: 25px;
    border-bottom: 1px solid var(--border-color-table);
}
.tariff.v1 .item .price__block {
    margin-top: 10px;
}
.tariff .item .price__block {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    margin-bottom: 10px;
}
.tariff .item .price__block .big {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    color: var(--text-color);
}
.tariff .item .price__block .big span {
    line-height: 30px;
}
.tariff .item .price__block .small {
    font-size: 15px;
    font-weight: 500;
    color: var(--text-color-100);
}
.dom__sets.img-pixel img {
    width: auto ;
}
@media (max-width: 820px) {
    #payment .item__body .img {
        justify-content: flex-start;
    }
}

.tariff .item .body {
    padding: 20px;
}
.tariff .item .item__include__title {
    color: var(--text-color);
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 500;
}

.tariff .item .button.action {
    justify-content: center;
    border: none;
    box-shadow: none;
}



.hosting-params .content {
    padding: 20px 35px;
    background: var(--bg-color);
}
.hosting-params .content .hosting__title {
    width: fit-content;
    margin-bottom: 15px;
}
.hosting-params .content form {
    max-width: 600px;
}
.hosting-params .content .form__btns {
    padding: 0;
}
i.tooltip {
    position: absolute;
    top: 9px;
    right: 10px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    color: var(--text-color);
    cursor: help;
}
i.tooltip:after {
    content: attr(data-text);
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: 0.15s all;
    left: auto;
    right: 0;
    top: -47px;
    width: 250px;
    padding: 2px 4px 4px;
    border-radius: 3px;
    font-size: 12px;
    background: var(--main-blue);
    color: #fff;
    font-family: Inter var,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color emoji;
}
i.tooltip:hover:after {
    opacity: 1;
    visibility: visible;
}










#basket .input__wrapper.check.line {
    column-gap: 5px;
}
#basket .complete .auth__alert {
    display: flex;
    width: 100%;
    align-items: flex-start;
    font-size: 14px;
    font-weight: 400;
    gap: 10px;
    padding: 15px;
    grid-column: span 3 / span 3;
}
#basket .complete .auth__alert ul {
    list-style: disc;
    margin: 20px 0;
}
#basket .complete .auth__alert ul li {
    padding: 0;
    border: none;
}
#basket .complete .auth__alert .text {
    margin-top: -1px;
}
#basket .complete .auth__alert .icon i {
    font-size: 18px;
}
#basket .complete .auth__alert p {
    flex: 1 1 auto;
}
#basket .complete .auth__alert p.action {
    padding-left: 0;
}
#basket .complete .auth__alert p span {
    font-weight: 500;
    display: block;
    margin-bottom: 7px;
}
#basket .complete .auth__alert a {
    display: flex;
    gap: 8px;
    font-weight: 500;
    align-items: center;
    text-decoration: underline;
    color: var(--badge-blue-text) ;
}
#basket .complete .auth__alert a:hover {
    text-decoration: none;
}
#basket .complete .auth__alert a i {
    transform: rotate(180deg);
}
#basket .fullw {
    max-width: none ;
    width: 100%;
}
#basket .fullw.check {
    margin-top: 30px;
    margin-bottom: 10px;
}
#basket .checkbox__label {
    width: fit-content;
}
#basket .checkbox__label:after {
    display: none;
}
#basket .fullw input {
    max-width: 418px;
}
.order-page label {
    font-size: 16px;
}
.order-page .auth__alert {
    max-width: 732px ;
}
.tariff.v1 .item .header {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tariff.v1 .item .button.action {
    width: 100%;
}







.tariff.v2 .item .header {
    display: flex;
    justify-content: space-between;
}
.tariff.v2 .item .price__block {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 10px;
}
.tariff.v2 .items .item .sale__value {
    margin-bottom: 0;
}

.tariff.v2 .item .price__wrap {
    margin-top: -5px;
}
.tariff.v2 .item .header {
    border-bottom: none;
}
.tariff.v2 .item .params {
    display: flex;
    padding: 0 25px 25px 25px;
    gap: 20px;
}
.tariff.v2 .item .params .param {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.tariff.v2 .item .params .param:nth-child(2) {
    margin-left: auto;
}
.tariff.v2 .item .params .param .name {
    font-weight: 500;
    font-size: 16px;
}
.tariff.v2 .item .params .param .value {
    font-weight: 500;
    font-size: 16px;
}

.tariff.v2 .item .extra__params {
    display: flex;
    padding: 0 25px 15px 25px;
    flex-wrap: wrap;
    gap: 20px;
    border-bottom: 1px solid var(--border-color-table);
}
.tariff.v2 .item .extra__params .param {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.tariff.v2 .item .extra__params .param .name {
    font-size: 16px;
    color: var(--text-color-100);
}
.tariff.v2 .item .extra__params .param .value {
    font-size: 16px;
    color: var(--text-color);
}
.tariff.v2 .item .extra__params .param.ex .value {
    font-weight: 500;
}


.order-page .content {
    padding: 0px 35px 20px 35px ;
}
.order-page .input__wrapper.line:first-child {
    border-top: none ;
}
.order-page .auth__alert .text li {
    padding: 0 ;
    border: 0 ;
}
.order-page .auth__alert .text a {
    all: unset ;
    font-weight: 500 ;
    cursor: pointer ;
}
@media (max-width: 500px) {
    .order-page .content {
        padding: 0px 20px 20px 20px ;
    }
}

.order-page .dom__header {
    flex-direction: column;
}
.order-page .vds__parameters {
    display: flex;
    column-gap: 20px;
    row-gap: 0px;
    flex-wrap: wrap;
}
.order-page .vds__parameters .item .name {
    font-weight: 400;
}
.order-page .vds__parameters .item .value {
    font-weight: 500;
    font-size: 22px;
}

.order-page .selectors {
    margin: 0;
    padding: 0;
    margin-top: 20px;
    list-style: none;
    max-width: 728px;
}
.order-page .items {
    padding-top: 0px ;
}
.order-page .itog {
    padding: 10px 0;
    font-weight: 500;
    font-size: 28px;
}
.order-page .selectors li {
    display: flex;
    padding: 15px 20px ;
    align-items: center;
    justify-content: space-between;
    transition: 0.15s all;
    outline: 2px solid transparent;
    cursor: pointer;
}
.order-page .selectors li:first-child {
    border-top: none;
}
.order-page .selectors li:last-child {
    border-bottom: 1px solid var(--border-color) ;
}
.order-page .selectors li.active {
    outline: 2px solid var(--main-blue);
    border-bottom: 1px solid transparent;
}
.order-page .selectors li .time {
    font-weight: 500;
    font-size: 18px;
}
.order-page .selectors li .sale {
    margin-left: auto;
    font-size: 20px;
    font-weight: 500;
    color: var(--main-green-darker);
}
.order-page .selectors li .old__price {
    margin-left: 20px;
    color: var(--text-color-100);
    text-decoration: line-through;
}
.order-page .selectors li .new__price {
    margin-left: 20px;
    font-weight: 500;
    font-size: 18px;
    color: var(--text-color);
}

@media (max-width: 450px) {
    .order-page .selectors li {
        padding: 10px 15px ;
    }
    .order-page .selectors li .time {
        font-size: 14px;
    }
    .order-page .selectors li .sale {
        font-size: 14px;
    }
    .order-page .selectors li .new__price {
        font-size: 14px;
        margin-left: 10px;
    }
    .order-page .selectors li .old__price {
        font-size: 14px;
        margin-left: 10px;
    }
    .order-page .vds__parameters .item .name {
        font-size: 14px;
    }
    .order-page .vds__parameters .item .value {
        font-size: 18px;
    }
    .order-page .vds__parameters {
        column-gap: 12px;
    }
}
.order-page .auth__alert  p.action {
    padding-left: 20px;
}


.tariff .type__togglers {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 30px;
    flex-wrap: wrap;
    position: relative;
}
.tariff .type__togglers span {
    padding-bottom: 7px;
    border-bottom: 2px solid var(--border-color-table);
    transition: 0.15s all;
    cursor: pointer;
    color: var(--text-color-100);
    font-weight: 500;
    text-align: center;
    background: #fff;
    border-radius: 6px;
    box-shadow: var(--box-shadow-100);
    padding-top: 5px;
    flex: 1 1 100px;
    max-width: 120px;
}
.tariff .type__togglers span:active {
    border-bottom: none;
    box-shadow: none;
    transform: translateY(1px);
}
.tariff .type__togglers span:hover {
    background-color: var(--bg-100);
}
.tariff .type__togglers span.turbo {
    color: var(--main-red);
}
.tariff .type__togglers span.econom {
    color: var(--main-blue);
}
.tariff .type__togglers span.bitrix {
    color: var(--main-green);
}
.tariff .type__togglers span.turbo.active {
    border-color: var(--main-red);
}
.tariff .type__togglers span.econom.active {
    border-color: var(--main-blue);
}
.tariff .type__togglers span.bitrix.active {
    border-color: var(--main-green);
}
.tariff .type__togglers span i {
    margin-left: 5px;
}
.tariff p.tariff__info {
    font-size: 16px;
    color: var(--text-color);
    margin-top: 300px;
    font-weight: 500;
}

.tariff .tariff-time__selector {
    width: auto;
    flex: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}


.visual-hide {
    opacity: 0;
    visibility: hidden;
}




@media (max-width: 940px) {
    .tariff .tariff-time__selector {
        position: relative;
    }
    .tariff.virtual .type__togglers {
        gap: 15px;
    }
}
.header__top__phone .tg__btn {
    color: var(--main-blue)
}







.context-menu {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    padding: 20px;
    background: #FFF;
    box-shadow: var(--box-shadow-100);
    border-radius: 15px;
}

.context-menu.active {
    opacity: 1;
    visibility: visible;
}
.context-menu ul {
    max-height: 130px;
    overflow: auto;
    width: 125px;
    overflow-x: hidden;
}
.context-menu .actions {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    margin-top: 20px;
}
.context-menu ul li {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid var(--border-color-table);
    cursor: pointer;
    transition: 0.15s all;
}
.context-menu ul li:hover {
    background-color: var(--bg-300);
}
.context-menu ul li.active {
    background-color: #d1d5db;
    color: #000;
}
.context-menu ul li div {
    white-space: nowrap;
}
.context-menu ul li .value {
    min-width: 105px;
    display: none;
}
.context-menu .content {
    display: flex;
    gap: 20px;
}
.context-menu .content label {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    display: block;
    border-bottom: 1px solid var(--border-color-table);
}



.tariff-swiper {
    padding: 20px 2px 40px 2px;
}
.tariff-swiper .swiper-button-next {
    display: none;
}
.tariff-swiper .swiper-button-prev {
    display: none;
}
.tariff-swiper.swiper-initialized .swiper-button-next {
    display: block;
}
.tariff-swiper.swiper-initialized .swiper-button-prev {
    display: block;
}
.tariff .item.swiper-slide {
    flex: 1 0 auto;
    width: 232px;
}


.tariff-swiper .swiper-pagination {
    bottom: 0;
}





.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    transition: 0.15s all;
    width: 10px;
    height: 10px;
    border-radius: 9999px;
    margin: 0 7px ;
}


.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--main-blue);
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.tariff.virtual .t-block {
    position: relative;
}

.settings .emails__block .fa-trash-can {
    position: absolute;
    right: 12px;
    bottom: 22px;
    color: var(--main-red-darker);
    transform: translateY(-50%);
    cursor: pointer;
    transition: 0.15s all;
}
.settings .emails__block .fa-trash-can:active {
    transform: scale(0.7) translateY(-12px);
}
.settings .emails__block input {
    padding-right: 35px;
}




/* REDISIGN 22.06.2022 */
.basket #basket {
    background: #fff;
}
.basket.order-page #basket .content {
    max-width: none;
    flex-direction: column;
    padding: 0px 35px 20px 35px;
}

.basket #basket .basket__check {
    margin-left: auto;
}
.basket #basket .final .line.sales {
    display: none;
}
.basket #basket .coupon {
    display: none;
}
#payment.ver2 {
    max-width: none;
    margin: 0;
    padding: 0;
}
#payment.ver2 .content {
    border-radius: 6px;
    border: none;
    border-bottom: 1px solid var(--border-color);
}
#payment.ver2 .content ul.dom__sets {
    padding: 10px 20px;
}
#payment.ver2 .item__body .img img {
    max-width: 110px;
}
#payment.ver2 .item__body .img img.w-auto-img {
    width: auto;
    max-width: 80px;
}
@media (max-width: 500px) {
    #payment.ver2 .content ul.dom__sets {
        padding: 0;
    }
}



@media (max-width: 768px) {
    .order-page .input__wrapper.line .info.badge-blue {
        margin-top: 10px;
    }
}



.text-stroke-anim {
    position: relative;
    -webkit-text-stroke: 1px #eee;
    color: transparent;
}
.text-stroke-anim:before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    color: #356dd4;
    -webkit-text-stroke: 3px #356dd4;
    width: 0;
    white-space: nowrap;
    overflow: hidden;
    border-right: 3px dashed #356dd4;
    animation: text-fill 2s ease-in-out alternate infinite;
}
@keyframes text-fill {
    100% {
        width: 100%;
    }
}


.tariff .item__title i {
    --fa-primary-color: var(--main-orange);
    --fa-secondary-color: var(--main-red);
    --fa-secondary-opacity: 1;
    font-size: 20px;
}


.tariff.v2 .tariff__section {
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    grid-template-rows: repeat(1, 1fr);
}
.tariff.v2 .tariff__section .item {
    padding: 20px;
}
.tariff.v2 .tariff__section .item .title__tar {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
.tariff.v2 .tariff__section .item .main__disk {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    line-height: 50px;
    width: fit-content;
    margin: 0 auto 20px;
    border-radius: 10px;
    padding: 0 20px;
    width: 100%;
    box-shadow: var(--box-shadow-100);
}
.tariff.v2.licenses .tariff__section .item .main__disk {
    font-size: 20px;
    line-height: 40px;
    padding: 0 15px;
    display: flex;
    align-items: center;
}


@keyframes bg-pick-anim-green {
    0% {
        background-color: var(--main-green);
    }
    50% {
        background-color: #999;
    }
    100% {
        background-color: var(--main-green);
    }
}
@keyframes bg-pick-anim-red {
    0% {
        background-color: var(--main-red);
    }
    50% {
        background-color: #999;
    }
    100% {
        background-color: var(--main-red);
    }
}
.bg-pick-anim-green {
    animation: bg-pick-anim-green 0.8s infinite;
    animation-timing-function: step-end;
}
.bg-pick-anim-red {
    animation: bg-pick-anim-red 0.8s 1s infinite;
	animation-timing-function: step-end;
}
.bg-anim-darker {
    background-size: 300% 300% !important;
    background-image: linear-gradient(
            -45deg,
            rgba(17, 24, 39,1) 0%,
            rgba(36, 47, 99,1) 25%,
            rgba(18, 23, 99,1) 51%,
            rgba(92, 17, 77,1) 100%
    ) !important;
    animation: AnimateBG 5s ease infinite !important;
}
.bg-anim {
    background-size: 300% 300% !important;
    background-image: linear-gradient(
            -45deg,
            rgba(59,173,227,1) 0%,
            rgba(87,111,230,1) 25%,
            rgba(152,68,183,1) 51%,
            rgba(255,53,127,1) 100%
    ) !important;
    animation: AnimateBG 5s ease infinite !important;
}
.bg-anim.reverse {
    background-size: 300% 300% !important;
    background-image: linear-gradient(
            -135deg,
            rgba(59,173,227,1) 0%,
            rgba(87,111,230,1) 25%,
            rgba(152,68,183,1) 51%,
            rgba(255,53,127,1) 100%
    ) !important;
    animation: AnimateBG 5s ease alternate-reverse infinite !important;
}





@keyframes AnimateBG {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}





.tariff.v2 .tariff__section .item .info {
    padding: 15px 0;
    border-left: none;
    border-right: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    position: relative;
}
.tariff.v2 .tariff__section .item .info>div {
    position: relative;
}



.fa-circle-question + .dropdown-txt {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    box-shadow: var(--box-shadow-100);
    width: max-content;
    z-index: 99;
    border-radius: 10px;
    height: auto;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
}
.fa-circle-question:hover + .dropdown-txt {
    opacity: 1;
    visibility: visible;
}



.tariff.v2 .tariff__section .item .info>div .dropdown {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    box-shadow: var(--box-shadow-100);
    width: 280px;
    z-index: 99;
    border-radius: 10px;
    height: auto;
    opacity: 0;
    visibility: hidden;
    padding: 10px;


}
.tariff.v2 .tariff__section .item .info>div .dropdown .line {
    display: flex;
    justify-content: space-between;
    padding: 2px 0px;
}
.tariff.v2 .tariff__section .item .info>div .dropdown .line .name {
    font-size: 13px;
    color: var(--text-color);
}
.tariff.v2 .tariff__section .item .info>div .dropdown .line .value {
    font-size: 13px;
    color: var(--text-color);
}
.tariff.v2 .tariff__section .item .info>div:hover .dropdown {
    opacity: 1;
    visibility: visible;
}
.tariff.v2 .tariff__section .item .info {
    border-top: 1px solid var(--border-color-table);
}
.tariff.v2.licenses .tariff__section .item .info {
    border-bottom: 1px solid var(--border-color-table);
}




.tariff.v2 .tariff__section .item .info .main__info {
    font-size: 16px;
    border-bottom: 1px dashed var(--text-color-300);
    cursor: help;
    font-weight: 500;
}
.tariff.v2 .tariff__section .item .info .main__info:hover {
    border-bottom: 1px dashed transparent;
}
.tariff.v2 .tariff__section .item .info .main__info i {
    color: var(--main-green);
}



.tariff.v2 .tariff__section .item .info .sub__info {
    font-size: 16px;
    border-bottom: 1px dashed var(--text-color-300);
    cursor: help;
    font-weight: 500;
}
.tariff.v2 .tariff__section .item .info .sub__info:hover {
    border-bottom: 1px dashed transparent;
}
.tariff.v2 .tariff__section .item .info .sub__info i {
    --fa-primary-color: var(--main-orange);
    --fa-secondary-color: var(--main-red);
    --fa-secondary-opacity: 1;
    font-size: 20px;
}

.tariff.v2 .tariff__section .item .info.ssl {
    flex-direction: row;
    font-weight: 500;
    justify-content: center;
    border-bottom: 1px solid var(--border-color-table);
}
.tariff.v2 .tariff__section .item .info.list {
    border-bottom: 1px solid var(--border-color-table);
}
.tariff.v2 .tariff__section .item .info.ssl i {
    --fa-primary-color: var(--main-green-darker);
    --fa-secondary-color: var(--main-green);
}
.tariff.v2 .tariff__section .item .price {
    padding: 15px 0;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: flex-end;
}
.tariff.v2 .tariff__section .item .price .big {
    display: flex;
    font-size: 24px;
    font-weight: 700;
    gap: 5px;
    line-height: 30px;
    color: var(--text-color);
}
.tariff.v2 .tariff__section .item .price .big>div {
    line-height: 30px;
}

.tariff.v2 .tariff__section .item .price .small {
    font-size: 15px;
    font-weight: 500;
    color: var(--text-color-100);
}
.tariff.v2 .tariff__section .item .btn .buy {
    margin-bottom: 15px;
    width: 100%;
}
.tariff.v2 .tariff__section .item .btn .test {
    text-align: center;
    font-weight: 500;
    display: block;
    text-decoration: none;
}
.tariff.v2 .tariff__section .item .test__info {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    color: var(--text-color-200);
}
.tariff.v2 {
    background: var(--bg-color);
}
.tariff.v2 .type__togglers {
    margin-bottom: 50px;
}

#basket .basket__final {
    padding: 0 35px 20px 35px;
}
#basket .basket__final .title {
    display: flex;
    gap: 7px;
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 500;
}
#basket .basket__final p {
    margin: 0;
}
#basket .basket__final .btns {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
#basket .basket__final .btns a {

}
@media (max-width: 991px) {
    #basket .basket__final {
        padding: 0 20px 20px 20px;
    }
    #basket .items li {
        max-width: none;
    }
}










.domain-check {
    background: var(--bg-color);
}
.domain-check h2 {
    text-align: center;
    padding: 0 20px 45px 20px;
}
.domain-check .search {
    background: var(--bg-color);
    position: relative;
    border: 1px solid var(--border-color);
    z-index: 5;
}
.domain-check .search .sd {
    display: flex;
    align-items: center;
    gap: 20px;
}
.domain-check .search .input__wrapper {
    padding: 20px;
    border: 1px solid transparent;
    border-radius: 6px 6px 0 0;
}
.domain-check .check .search .input__wrapper {
    padding: 20px 20px 10px 20px;
}


.domain-check .search .input__wrapper textarea {
    box-shadow: none;
    resize: none;
    border: none;
    height: 50px;
    flex: 1;
    padding-top: 13px;
    font-size: 20px ;
    line-height: 22px ;
}
.domain-check .search .input__wrapper input {
    box-shadow: none;
    border: none;
    height: 52px ;
}
.domain-check section.place>.container {
    padding: 40px 0 40px 0;
    background: #f8f9fc;
    box-shadow: var(--box-shadow-light);
    border-radius: 6px 6px 0 0;
}
.domain-check.domain-transfer section.place>.container {
    padding-bottom: 0;
}



.domain-check .section .container {
    padding: 0 0 40px 0;
    background: #f8f9fc;
    /*box-shadow: 0 0 #0000, 0 0 #0000, 0 3px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);*/
    border-radius: 0 0 6px 6px;
}





.domain-check .selected-domains {
    background: var(--bg-color);
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 0 0 6px 6px;
}
.domain-check .selected-domains label {
    align-items: center;
}
.domain-check .selected-domains .title {
    font-size: 16px;
    font-weight: 500;
    padding: 7px 20px;
    border-right: 1px solid var(--border-color);
    color: var(--text-color);
}
.domain-check .selected-domains .items {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
}
.domain-check .selected-domains .items li {
    display: flex;
    align-items: center;
    padding: 0px 10px 10px 10px;
    background: var(--bg-color);
    color: var(--text-color);
    gap: 10px;
}
.domain-check .selected-domains .items li [type="checkbox"] {
    margin: 0;
}
.domain-check .selected-domains .items li .domain__name {
    font-weight: 500;
}
.domain-check .selected-domains .items li i {
    transition: 0.3s all;
    font-size: 14px;
    padding: 4px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    cursor: pointer;
    margin-top: 2px;
}
.domain-check .selected-domains .items li label {
    font-size: 20px;
    cursor: pointer;
}
.domain-check .selected-domains .items li i:hover {
    background: rgb(209, 213, 219);
}
.domain-check .selected-domains .items li i:active {
    transform: scale(0.8);
}
.domain-check .search__map {
    margin-bottom: 40px;
    padding: 0 32px;
    margin: 0 auto;
}




.domain-check .tabs {
    display: flex;
    justify-content: flex-start;
    flex: 1;
    position: relative;
    transform: translateY(1px);
    z-index: 10;
    border: none;
    gap: 0;
    background: none;
}
.domain-check .tabs li {
    cursor: pointer;
    padding: 0 20px;
    transition: 0.3s all;
    border: 1px solid transparent;
    font-weight: 500;
    color: rgb(107, 114, 128);
}
.domain-check .tabs li:hover {
    background: var(--bg-color-table);
}
.domain-check .tabs li>* {
    padding: 15px 0 12px 0;
    display: block;
    font-size: 20px;
    text-decoration: none;
    color: rgb(107, 114, 128);
    white-space: nowrap;
}
.domain-check .tabs li.active {
    background: var(--bg-color);
    border: 1px solid var(--border-color);
    border-bottom: 1px solid transparent;
    border-radius: 6px 6px 0 0;
}
.domain-check .tabs li.active>* {
    color: var(--main-blue);
}
.domain-check form .btn {
    display: flex;
    align-items: flex-end;
    gap: 20px;
}

.domain-check form .btn .many {
    width: max-content;
    text-decoration: underline;
    cursor: pointer;
    color: var(--text-color-100);
    min-width: 161px;
}
.domain-check form .btn .many:hover {
    text-decoration: none;
}
.domain-check form .field {
    display: flex;
    align-items: center;
    flex: 1;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;


    transition: 0.15s all;
}
.domain-check .search .input__wrapper.is-focused .field {
    --ring-opacity: 1;
    --ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
    border-color: transparent;
    outline: 2px solid transparent;
    outline-offset: 0px;
    --ring-inset: var(--tw-empty, );
    --ring-offset-width: 0px;
    --ring-offset-color: #fff;
    --ring-color: var(--main-blue);
    --ring-offset-shadow: var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--ring-offset-color);
    --ring-shadow: var(--ring-inset) 0 0 0 calc(2px + var(--ring-offset-width)) var(--ring-color);
    box-shadow: var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000);
}
.domain-transfer form .field {
    align-items: flex-start;
}
.domain-check form .field i {
    padding: 0px 7px 0 14px;
}
.domain-transfer form .field i {
    padding: 17px 7px 0 14px;
}
.tabs__section {
    position: relative;
}
.notification {
    display: flex;
    align-items: center;
    padding: 6px 20px;
    border: 1px solid var(--border-color);
    width: fit-content;
    background: var(--bg-color);
    margin: 20px 0;
    border-radius: 6px;
    font-weight: 500;
    color: var(--text-color);
    box-shadow: var(--box-shadow)
}
.notification p.text {
    margin-right: 70px;
}
.notification span.close {
    color: var(--main-blue);
    cursor: pointer;
}
.notification span.close i {
    color: var(--text-color);
    transform: translateY(1px);
    opacity: 0.5;
}
.notification span.close i:hover {
    opacity: 1;
}
.notification.custom {
    position: absolute;
    right: 0;
    top: -10px;
}
@media (max-width: 1100px) {
    .notification.custom {
        position: relative;
        top: 0;
        right: auto;
    }
}
@media (max-width: 700px) {
    .domain-check .search .input__wrapper {
        position: relative;
    }
    .domain-check .search .sd {
        flex-wrap: wrap;
    }
    .domain-check .search .input__wrapper textarea {
        flex: 1;
    }
    .domain-check .search .input__wrapper .btn {
        width: 100%;
        justify-content: space-between;
    }

}






.domain-check .result {
    margin: 30px auto 0;
    padding: 0 32px;
}
.domain-check .result ul {
    background: var(--bg-color);
    box-shadow: var(--box-shadow-light);
    position: relative;
    border-radius: 6px;
}
.domain-check .result li {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid var(--border-color-table);
}



.domain-check .result li:last-child {
    border-bottom: 1px solid transparent;
}
.domain-check .result li .indicator {
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    border-radius: 9999px;
    display: block;
    margin-right: 20px;
}
.domain-check .result li .name {
    font-size: 24px;
    font-weight: 500;
    margin-right: auto;
}
.domain-check .result li .status {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
}
.domain-check .result li .status .price {
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: flex-end;
}
.domain-check .result li .status .price .big {
    display: flex;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    color: var(--text-color);
    gap: 5px;
}
.domain-check .result li .status .price .big>div {
    line-height: 30px;
}
.domain-check .result li .status .price .small {
    font-size: 15px;
    font-weight: 500;
    color: var(--text-color-100);
}



.domain-check .result .info {
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 8px;
    max-width: 102px;
    align-items: center;
}
.domain-check .result .info a.whois-link {
    font-weight: 500;
    text-decoration: none;
    font-size: 16px;
}

@keyframes pulse-green {
    0% {
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(25, 211, 65, 0.7);
    }

    70% {
        transform: scale(1.2);
        box-shadow: 0 0 0 10px rgba(51, 217, 79, 0);
    }

    100% {
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(51, 217, 79, 0);
    }
}
.domain-check .result li.available .indicator {
    background: var(--main-green);
    animation: pulse-green 2s ease-in-out infinite;
}
.domain-check .result li.not-available .indicator {
    background: var(--main-red)
}

.domain-transfer .many {
    width: auto;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    display: block;
    color: var(--main-blue);
    cursor: pointer;
    padding-right: 20px;
    padding-top: 1px;
}


.domain-transfer .alert {
    margin: 20px 0px;
    border-radius: 10px;
	box-shadow: none !important;
	overflow: hidden;
}

.domain-transfer .alert.failed {
    border-left: 3px solid var(--main-red);
}
.domain-transfer .alert.success {
    border-left: 3px solid var(--main-green);
}
.domain-transfer .alert.warning {
    border-left: 3px solid var(--main-orange);
}

.domain-transfer .alert.transfer__codes {
    border-left: 3px solid var(--main-blue);
}


.domain-transfer .alert .top {
    padding: 20px;
    background: var(--bg-color);
    display: flex;
    gap: 20px;
    border-radius: 6px;
}
.domain-transfer .alert .top .icon {
    display: flex;
    justify-content: center;
	flex: 0 0 22px;
}
.domain-transfer .alert .top .icon i {
	display: flex;
	align-items: center;
}
.domain-transfer .alert.failed .top .icon i {
    color: var(--main-red);
}
.domain-transfer .alert.success .top .icon i {
    color: var(--main-green);
}
.domain-transfer .alert.warning .top .icon i {
    color: var(--main-orange);
}
.domain-transfer .alert.transfer__codes .top .icon i {
    color: var(--main-blue);
}

.domain-transfer .alert .top .icon i {
    font-size: 22px;
    padding-top: 4px;
}


.domain-transfer .alert .content .title {
    font-size: 20px;

}
.domain-transfer .alert .content .subtitle {
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.domain-transfer .alert .content .call {
    width: fit-content;
    font-weight: 500;
    display: block;
    font-size: 16px;
    text-decoration: none;
}

.domain-transfer .code-field {
    margin: 20px auto;
    padding: 20px;
    border-radius: 6px;
}
.domain-transfer .code-field [type="submit"] {
    margin-left: auto;
}
.domain-transfer .code-field label {
    font-size: 16px;
}












.ssl-main {
    position: relative;
    background: var(--bg-color);
}
.ssl-main .ssl-banner {
    min-height: 300px;
    display: flex;
}
.ssl-main .ssl-banner h2 {
    color: #fff;
}
.ssl-main .ssl-banner .logos {
    display: flex;
    gap: 20px;
    align-items: center;
}
.ssl-main .ssl-banner .logos img {
    height: 28px;
}
.ssl-main .ssl-banner .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 80px;
}
.ssl-main .ssl-banner .ssl-banner__main {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ssl-main .ssl-banner .ssl-banner__img {
    height: 250px;
    margin-right: 300px;
}
.ssl-main .tariff.v2 {
    padding: 40px 35px 80px 35px;
}
@media (max-width: 678px) {
    .ssl-main .tariff.v2 {
        padding: 40px 15px 80px 15px;
    }
}



.ssl-main>.container {
    padding: 40px 0 0 0;
    background: #f8f9fc;
    box-shadow: var(--box-shadow-light);
    border-radius: 6px;
}
.ssl-main .container h2.title {
    text-align: center;
    margin-bottom: 45px;
}
.ssl-main .container .ssl-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
    color: var(--text-color);
}
.ssl-main .container .ssl-table thead {
    background: var(--bg-color-table);
    border: 1px solid var( --border-color);
    border-left: none;
    border-right: none;
    color: var( --text-color);
    font-weight: 500;
    height: 60px;
}
.ssl-main .container .ssl-table tbody tr {
    background: var(--bg-color);
    transition: 0.15s all;
}
.ssl-main .container .ssl-table tbody tr:hover {
    background: var(--bg-100);
}
.ssl-main .container .ssl-table thead td {
    padding: 0 15px;
}
.ssl-main .container .ssl-table tbody .item {
    border-bottom: 1px solid var(--border-color);
    height: 60px;
}
.ssl-main .container .ssl-table tbody .item.empty {
    height: 30px;
}
.ssl-main .container .ssl-table tbody td {
    padding: 0 15px;
}
.ssl-main .container .ssl-table tbody .name {
    font-weight: 500;
    max-width: 330px;
}
.ssl-main .container .ssl-table tbody .name i {
    margin-right: 5px;
    --fa-primary-color: var(--main-red);
    --fa-secondary-color: var(--main-orange);
    font-size: 20px;
}
.ssl-main .container .ssl-table tbody .cert img {
    max-width: 100px;
}

.ssl-main .container .ssl-table tbody .actions a {
    justify-content: center;
}
.ssl-main .container .ssl-table tbody .info {
    position: relative;
}
.ssl-main .container .ssl-table tbody .info>.line {
    margin-bottom: 5px;
    display: flex;
    gap: 5px;
}

.ssl-main .container .ssl-table tbody .info .dropdown {
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    box-shadow: var(--box-shadow-100);
    width: 280px;
    z-index: 99;
    border-radius: 10px;
    transition: 0.3s all;
    height: auto;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
}
.ssl-main .container .ssl-table tbody .info .dropdown .line {
    display: flex;
    justify-content: space-between;
    padding: 2px 0px;
}
.ssl-main .container .ssl-table tbody .info .dropdown .line .name {
    font-size: 13px;
    color: var(--text-color);
}
.ssl-main .container .ssl-table tbody .info .dropdown .line .value {
    font-size: 13px;
    color: var(--text-color);
}
.ssl-main .container .ssl-table tbody .info:hover .dropdown {
    opacity: 1;
    visibility: visible;
}




.disabled {
    pointer-events: none ;
    background: var(--bg-900) ;
}



























.domain-transfer.v2 .many {
    font-size: 16px;
    text-align: center;
}
.domain-check.v2 .tabs li>* {
    padding: 8px 0 8px 0;
    font-size: 18px;
}
.domain-check.v2 .search .sd {
    display: flex;
    align-items: center;
    gap: 0px;
    border: 1px solid var(--border-color-table);
    border-radius: 6px;
}
.domain-check.v2 form .field {
    display: flex;
    align-items: flex-start;
    flex: 1;
    border: 1px solid transparent;
    border-radius: 0;
    transition: 0.15s all;
}
.domain-check.v2 .search .input__wrapper.is-focused .field {
    all: unset;
    display: flex;
    align-items: flex-start;
    flex: 1;
    border: 1px solid transparent;
    border-radius: 0;
    transition: 0.15s all;
}
.domain-check.v2 .search .input__wrapper.is-focused .sd {
    --ring-opacity: 1;
    --ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
    border-color: transparent;
    outline: 2px solid transparent;
    outline-offset: 1px;
    --ring-inset: var(--tw-empty, );
    --ring-offset-width: 1px;
    --ring-offset-color: #fff;
    --ring-color: var(--main-blue);
    --ring-offset-shadow: var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--ring-offset-color);
    --ring-shadow: var(--ring-inset) 0 0 0 calc(2px + var(--ring-offset-width)) var(--ring-color);
    box-shadow: var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000);
}





.domain-check.v2 .search .input__wrapper textarea {
    padding-left: 13px;
    padding-right: 275px;
    margin-right: 5px;
    height: 151px;
}

.domain-check.v2 .search .input__wrapper input[type="text"] {
    padding-left: 13px;
    font-size: 20px;
	line-height: 22px;
    flex: 1;
}
.domain-check.v2 .search .actions {
    position: relative;
	display: flex;
	align-items: center;
	gap: 15px;
	bottom: 0;
	right: 0;
    padding: 5px;
}
.domain-check.domain-multiple .search .actions {
    position: absolute;
    right: 31px;
    bottom: 20px;
}
.domain-check.domain-multiple form.can-clear .actions{
    right: 31px;
}

.domain-check.v2 .search .actions .clear-list {
    color: var(--text-color-400);
}
.domain-check form .clear-list {
    display: none;
}
.domain-check form.can-clear .clear-list {
    display: block;
}







.domain-check.v2 .result li.available .indicator {
    background: none;
    animation: none;
    display: flex;
    align-items: center;
}
.domain-check.v2 .result li.available .indicator i {
    font-size: 22px;
    color: var(--main-green);
    transform: translateY(2px);
}
.domain-check.v2 .result li.available .name {
    color: var(--main-green-darker);
}
.domain-check.v2 .result li .indicator {
    margin-right: 16px;
}


.domain-check.v2 .result li .btn a {
    border: 1px solid var(--main-blue);
    color: var(--main-blue);
}

.domain-check.v2 .result li .btn a.action {
    background: var(--main-blue);
    color: #fff
}



.domain-check.v2 .result li .btn:hover a {
    background-color: var(--main-blue);
    color: #fff;
    border: 1px solid rgb(209, 213, 219);
}
.domain-check.v2 .result .info a.whois-link i {
    margin-left: 7px;
    transform: translateY(1px);
}
.domain-check.v2 .result li.not-available .name {
    margin-right: 20px;
    min-width: 110px;
}
.domain-check.v2 .result li.not-available .status {
    margin-right: auto;
    font-weight: 500;
    font-size: 13px;
    padding: 3px 10px;
    margin-top: 6px;
}
.domain-check.v2 form .btn {
    padding: 5px;
}
.domain-check.v2 .search .input__wrapper input {
    height: 42px ;
}
.domain-check.v2 .search .input__wrapper input:hover {

}







.dom .dom__sets ul li.comment {
    padding: 26px 0;
    height: auto;
}
.dom .dom__sets ul li.comment .set__wrap {
    align-items: flex-start;
}
.dom .dom__sets ul li.comment textarea {
    height: 40px;
    padding-right: 33px;
    overflow: hidden;
    pointer-events: none;
    background: var(--bg-color-table);
}
.dom .dom__sets ul li.comment .input__wrap i {
    position: absolute;
    right: 2px;
    opacity: 0.4;
    top: 20px;
    transform: translateY(-50%);
    z-index: 10;
    padding: 10px;
}
.dom li.comment form.active textarea{
    overflow: auto;
    pointer-events: all;
    background: var(--bg-color);
}
.dom li.comment form {
    padding-bottom: 40px;
    position: relative;
}
.dom li.comment form .btn {
    position: absolute;
    bottom: 2px;
    right: 0;
}
.dom .dom__sets ul li.comment .set__wrap .icon {
    margin-top: 2px;
}











/* JQ CONFIRM */
.jconfirm .jconfirm-box .jconfirm-buttons button {
    outline: none;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 16px ;
    height: 38px ;
    display: inline-flex;
    line-height: 38px ;
    color: var(--text-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 5%);
    background: var(--bg-color);
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 500;
    transition: 0.3s all;
    text-decoration: none;
    background-color: var(--bg-color);
    color: var(--text-color)
}
.jconfirm .jconfirm-box .jconfirm-buttons button:hover {
    background: #f3f3f3;
}
.jc-bs3-container {
    max-width: 570px ;
    margin: 0 auto;
}
.jconfirm-box  {
    width: 100% ;
}

.domain-check .search {
    border-radius: 0 6px 6px 6px;
}
.domain-check .section.check .search {
    border-radius: 0 6px 6px 6px;
}



.pseudo-shadow {
    position: relative;
}
.pseudo-shadow:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 3px 9px 0 rgb(0 0 0 / 10%), 0 0px 1px 0 rgb(0 0 0 / 6%);
    left: 0;
    top: 0;
    z-index: 0;
    border-radius: 6px;
}

.billing .block__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}
.billing .block__title .all__link a {
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}



.invoice table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    color: var(--text-color);
}
.invoice>.content {
    background: var(--bg-color);
    padding: 0 0 20px 0;
}
.invoice table thead {
    background: var(--bg-color-table);
    border: 1px solid var( --border-color);
    border-left: none;
    border-right: none;
    color: var( --text-color);
    font-weight: 500;
    height: 60px;
}
.invoice table tfoot {
    background: var(--bg-color-table);
    border: 1px solid var( --border-color);
    border-left: none;
    border-right: none;
    color: var( --text-color);
    font-weight: 500;
    height: 60px;
}
.invoice table tfoot .fin {
    text-align: right;
    font-size: 20px;
}
.invoice table tfoot .fin__val {
    text-align: right;
    font-size: 20px;
}
.invoice table tfoot td {
    padding: 0 35px;
}
.invoice table thead tr th {
    padding: 0 35px;
    text-align: left;
    font-weight: 500;
}
.invoice table tbody tr {
    border-bottom: 1px solid var(--border-color);
    height: 60px;
}
.invoice table tbody tr td {
    padding: 0 35px;
}
.invoice table .num {
    width: 40px;
    padding-right: 0;
    font-weight: 500;
}
.invoice table .value {
    text-align: right !important;
    width: 170px;
    font-weight: 500;
}
.invoice .dom__header {
    border-bottom: 0;
}


.invoice .invoice__info {
    padding: 15px 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.invoice .invoice__info .status {
    display: flex;
    align-items: center;
    gap: 10px;
}
.invoice .invoice__info .date {
    display: flex;
    align-items: center;
    gap: 10px;
}
.invoice .invoice__info .label {
    font-weight: 500;
}
.invoice .invoice__info .info {
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.invoice .controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 0 35px;
}
.invoice .controls .act {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
@media (max-width: 900px) {
    .invoice table tr {
        display: table-row;
    }
    .invoice table tr td {
        display: table-cell;
    }
    .invoice .controls .act button:nth-child(2), .invoice .controls .act button:nth-child(3) {
        display: none;
    }
    .invoice .controls .back {
        display: none;
    }
}
@media (max-width: 700px) {
    .invoice table tr {
        display: block;
    }
    .invoice table tr td {
        display: block;
    }
    .invoice table tbody tr {
        height: auto;
    }
    .invoice table .num {
        width: auto;
        display: none;
    }
    .invoice table .value {
        text-align: left;
        width: auto;
    }
    .invoice table tbody {
        border-bottom: none;
    }
    .invoice .controls {
        padding: 0 20px;
        align-items: flex-start;
        flex-direction: column-reverse;
    }
    .invoice .controls .act {
        display: flex;
        width: 100%;
        gap: 10px;
        justify-content: space-between;
    }
}
@media (max-width: 500px) {
    .invoice table tbody tr td {
        padding: 0 20px;
    }
    .invoice .invoice__info {
        padding: 15px 20px;
    }

}
@media (max-width: 350px) {
    .invoice .controls {
        flex-direction: column-reverse;
        align-items: stretch;
    }
    .invoice .controls button {
        justify-content: center;
        width: 100%;
    }
    .invoice .controls .act {
        flex-direction: column-reverse;
    }
}

.whois .whois__infoblock {
    width: 100%;
    max-width: none;
    margin: 0 auto 20px;
    border-radius: 0 0 6px 6px;
    padding: 20px;
    padding-top: 0;
    background: var(--bg-color);
    gap: 20px;
}
.whois .whois__infoblock .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    flex-wrap: wrap;
    gap: 10px;
}
.whois .whois__infoblock .top p.price {
    font-size: 24px;
    font-weight: 500;
}
.whois .whois__infoblock .top .act {
    display: flex;
    text-decoration: none;
    align-items: center;
    gap: 7px;
}
.whois .whois__infoblock .top .act i {
    padding-top: 2px;
}
.whois .whois__infoblock .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.whois .whois__infoblock .bottom .price {
    font-weight: 500;
}
.whois .whois__infoblock .top .info {
    font-weight: 500;
}
.whois .whois__infoblock .top .info .big {
    font-size: 24px;
    margin-right: 3px;
}
.whois .whois__infoblock.deny .top .info .big {
    color: var(--main-red)
}
.whois .whois__infoblock.allow .top .info .big {
    color: var(--main-green)
}
.whois .whois__infoblock.deleted .top .info .big {
    color: var(--main-orange)
}


.whois .whois__infoblock .action {
    background: var(--bg-color);
    color: var(--main-blue);
}
.whois .whois__infoblock .action:hover {
    background: var(--bg-100);
}






/* WHOIS PAGE *//* WHOIS PAGE *//* WHOIS PAGE *//* WHOIS PAGE *//* WHOIS PAGE *//* WHOIS PAGE *//* WHOIS PAGE *//* WHOIS PAGE *//* WHOIS PAGE *//* WHOIS PAGE *//* WHOIS PAGE */
/* WHOIS PAGE *//* WHOIS PAGE *//* WHOIS PAGE *//* WHOIS PAGE *//* WHOIS PAGE *//* WHOIS PAGE *//* WHOIS PAGE *//* WHOIS PAGE *//* WHOIS PAGE *//* WHOIS PAGE *//* WHOIS PAGE */


.whois {
    background: var(--bg-color);
}
.whois h2 {
    text-align: center;
    margin-bottom: 45px;
}
.whois .search {
    background: var(--bg-color);
    position: relative;
    border-radius: 6px 6px 0 0;
    border: none;
}
.whois .search .sd {
    display: flex;
    align-items: center;
    gap: 20px;
}
.whois .search .input__wrapper {
    padding: 20px;
    border: 1px solid transparent;
    border-radius: 6px 6px 0 0;
}
.whois form .field {
    display: flex;
    align-items: center;
    flex: 1;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
}
.whois form .field i {
    padding: 0 7px 0 14px;
}
.whois .search .input__wrapper input {
    box-shadow: none;
    border: none;
}
.whois .search .input__wrapper.is-focused .field {
    border: 1px solid var(--main-blue);
}
.whois .container {
    padding: 40px 20px;
    background: #f8f9fc;
    box-shadow: var(--box-shadow-light);
    border-radius: 6px;
}
.whois .result__block {
    padding: 20px;
    background: #fff;
    box-shadow: var(--box-shadow-light);
    border-radius: 6px;
    max-width: none;
    margin: 20px auto;
    width: 100%;
}
.whois .search__map {
    max-width: none;
    margin: 0 auto;
    width: 100%;
    box-shadow: var(--box-shadow-light);
}
.whois .result__block .line {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 80px;
    border-bottom: 1px solid var(--border-color);
    padding: 20px 0;
}
.whois .result__block .line .result_b {
    flex: 1;
    max-width: 550px;
}
.whois .result__block .line.ns .result_b {
    display: flex;
    gap: 20px;
}
.whois .result__block .line:first-child {
    padding-top: 0;
}
.whois .result__block .line:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.whois .result__block .line .title {
    font-weight: 500;
    font-size: 16px;
}
.whois .result__block .line .text {
    display: flex;
    gap: 5px;
}
.whois .result__block .line .name {
    font-weight: 500;
    font-size: 16px;
}
.whois .result__block .line .value {
    font-size: 16px;
}

.whois.v2 .result__block {
    padding: 0;
}
.whois.v2 .result__block .item__label {
    padding: 10px 20px;
    background: var(--bg-color-table);
    border-bottom: 1px solid var(--border-color-table);
    border-top: 1px solid var(--border-color-table);
    font-weight: 500;
}
.whois.v2 .result__block .item:first-child .item__label {
    border-top: none
}
.whois.v2 .result__block .res {
    padding: 10px 20px;
}
.whois.v2 .result__block .res .liner {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 3px;
}
.whois.v2 .result__block .res .liner .name {
    font-size: 16px;
    font-weight: 500;
    flex: 1;
}
.whois.v2 .result__block .res .liner .value {
    font-size: 16px;
    flex: 1;
}
.whois.v2 h3.res__title {
    margin: 40px auto 20px;
    max-width: 950px;
    text-align: center;
}


@media (max-width: 600px) {
    .whois.v2 .result__block .res .liner {
        flex-direction: column;
        gap: 0;
        margin-bottom: 15px;
    }
    .whois .whois__infoblock .top .info {
        display: flex;
        flex-direction: column;
    }
}












.services .all__services__wrapper {
    padding: 0 35px;
    margin: 20px 0;
}
.services .all__services__wrapper h2.title {
    margin-bottom: 10px;
}
.services .all__services__wrapper p.subtitle {
    margin-bottom: 20px;
}
.services .all__services {
    display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(410px, 1fr));
    grid-template-rows: repeat(1, 1fr);

}
@media (max-width: 600px) {
    .services .all__services__wrapper {
        padding: 0 20px;
    }
}
.services .all__services li {
    border-radius: 6px;
    background: var(--bg-color);
    box-shadow: var(--box-shadow-light);
    transition: 0.15s all;
}
.services .all__services li:hover {
    box-shadow: var(--box-shadow-100);
}
.services .all__services li a {
    padding: 20px;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--text-color);
}
.services .all__services li .title {
    font-weight: 500;
    font-size: 16px;
}
.services .all__services li .subtitle {
    font-size: 14px;
    color: var(--text-color-100);
}
.services .all__services li .icon {
    position: relative;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: block;
    margin-right: 18px;
}
.services .all__services li .icon:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.services .all__services li.domain .icon {
    background: var(--main-red);
}
.services .all__services li.domain .icon:after {
    width: 20px;
    height: 19px;
    background: url(../media/services/domain.svg) center center no-repeat;
}
.services .all__services li.hosting .icon {
    background: var(--main-orange);
}
.services .all__services li.hosting .icon:after {
    width: 16px;
    height: 17px;
    background: url(../media/services/vps.svg) center center no-repeat;
}
.services .all__services li.ssl .icon {
    background: var(--main-blue);
}
.services .all__services li.ssl .icon:after {
    width: 15px;
    height: 17px;
    background: url(../media/services/ssl.svg) center center no-repeat;
}
.services .all__services li.licenses .icon {
    background: var(--main-blue);
}
.services .all__services li.licenses .icon:after {
    width: 16px;
    height: 14px;
    background: url(../media/services/license.svg) center center no-repeat;
}


.jconfirm .jconfirm-box {
    border: 0
}

.input__wrapper.edit-pen i {
    position: absolute;
    right: 12px;
    top: 42px;
    z-index: 99;
    cursor: pointer;
    transition: 0.15s all;
    color: #374151;
}
.input__wrapper.edit-pen i:active {
    transform: scale(0.8) translateX(1px);
}

#email-edit-alert .badge-red {
    padding: 10px 15px;
}



.basket.v3 .items {
    background: var(--bg-color);
}
.basket.v3 .items .item {
    border-bottom: 1px solid var(--border-color);
    padding: 15px 35px;
}
.basket.v3 .items .item .item__header {
    display: flex;
    align-items: center;
}
.basket.v3 .items .item .block {
    margin-right: auto;
}
.basket.v3 .items .item .block .title {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
}
.basket.v3 .items .item select {
    width: auto;
    flex: 0;
    margin-right: 20px;
}
.basket.v3 .items .item .price {
    min-width: 110px;
    font-size: 18px;
    font-weight: 500;
    margin-right: 20px;
    text-align: right;
    color: var(--text-color);
}
.basket.v3 .items .item a.del i {
    color: #b9b9b9;
    font-size: 18px;
}
.basket.v3 .basket__footer .final {
    padding: 15px 35px;
    display: flex;
    background: var(--bg-color-table);
    justify-content: flex-end;
    border-bottom: 1px solid var(--border-color);
}
.basket.v3 .basket__footer .final .itog {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-weight: 500;
}
.basket.v3 .basket__footer .basket__footer__btns {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    padding: 15px 35px;
    background: var(--bg-color);
}



.basket.v3  table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    color: var(--text-color);
}
.basket.v3  table thead {
    background: var(--bg-color-table);
    border-bottom: 1px solid var( --border-color);
    border-left: none;
    border-right: none;
    border-top: none;
    color: var( --text-color);
    font-weight: 500;
    height: 60px;
}
.basket.v3  table tfoot {
    background: var(--bg-color-table);
    border: 1px solid var( --border-color);
    border-left: none;
    border-right: none;
    color: var( --text-color);
    font-weight: 500;
    height: 60px;
}
.basket.v3  table tfoot .fin {
    text-align: right;
    font-size: 20px;
}
.basket.v3  table tfoot .fin__val {
    text-align: right;
    font-size: 20px;
}
.basket.v3  table tfoot td {
    padding: 0 35px;
}

.basket.v3  table thead tr th {
    padding: 0 35px;
    text-align: left;
    font-weight: 500;
}


.basket.v3 table thead tr th.period {
    text-align: left;
    width: 300px;
    padding-right: 100px;
}
.basket.v3 table thead tr th.price {
    text-align: left;
    width: 205px;
}
.basket.v3 table .price .wrap {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}
.basket.v3 table .price .wrap .price {
    font-size: 18px;
    font-weight: 500;
    color: var(--text-color);
}
.basket.v3 table .price .wrap i {
    color: #b9b9b9;
    font-size: 18px;
}
.basket.v3 table .price .wrap a.del {
    display: flex;
    align-items: center;
}

.basket.v3 table tbody tr {
    border-bottom: 1px solid var(--border-color);
    height: 60px;
}
.basket.v3 table tbody tr td {
    padding: 0 35px;
}
.basket.v3 table tbody tr td.period {
    padding-right: 40px;
}
.basket.v3 .controls {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    padding: 0 35px;
}
.basket.v3 .controls .act {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.basket.v3>.content {
    background: var(--bg-color);
    padding: 0 0 20px 0;
}

.settings .emails__block .email__alert {
    margin-bottom: 20px;
}
.settings .emails__block .email__alert p {
    color: var(--badge-red-text);
    padding: 15px;
}
.settings .emails__block .email__alert p a {
    display: block;
    font-weight: 500;
    margin-top: 5px;
}


.ssl-main .tariff.v2 .tariff__section .item {
    display: flex;
    flex-direction: column;
}
.ssl-main .tariff.v2 .tariff__section .item .info {
    flex: 1;
}


.ssl-main.ssl-detail {
    background: none;
}
.ssl-main.ssl-detail .container {
    padding: 0;
    background: #f8f9fc;
    box-shadow: none;
    border-radius: 6px;
}
.ssl-detail .ssl-filters .filter__item {
    border: 1px solid var(--darktheme-border-color);
    border-radius: 6px;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    box-shadow: var(--button-shadow);
    flex: none;
    user-select: none;
}
.ssl-detail .ssl-filters .filter__item.active {
    background: var(--main-blue);
    color: #fff;
}
.ssl-detail .filter-clear {
    font-weight: 500;
}



.ssl-table tbody td.info i {
    --fa-primary-opacity: 0.3;
}
.ssl-table tbody td.info i.secured {
    --fa-primary-opacity: 1;
    color: var(--main-green-darker);
}


.ssl-table thead td.sort {
    cursor: pointer;
}
.ssl-table thead td.sort i {
    transition: 0.15s all;
}
.ssl-table thead td.sort.up i {
    transform: rotateX(0);
}
.ssl-table thead td.sort.down i {
    transform: rotateX(180deg);
}
.ssl-table td.price {
    text-align: right;
}


.ssl-main .tariff.v2 .tariff__section .item .secure__lvl {
    border-radius: 6px;
    height: 10px;
    width: 100%;
    position: relative;
    background: var(--bg-300);
    margin-bottom: 20px;
}
.ssl-main .tariff.v2 .tariff__section .item .secure__lvl .secure__lvl__line {
    background-color: var(--main-blue);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 6px;
}





.ssl-main.ssl-detail .block__search .filter__section {
    max-width: 300px;
    flex: 1 1 auto;
}
.ssl-main.ssl-detail .block__search .filter__section .filter__row label {
    align-items: flex-start;
}
.ssl-main.ssl-detail .block__search .filter__section .filter__row label [type=checkbox] {
    margin-top: 1px;
}
label.range__wrapper {
    display: flex ;
    flex-direction: column;
}
label.range__wrapper .flex>div:nth-child(1) input {
    border-radius: 6px 0 0 6px;
}
label.range__wrapper .flex>div:nth-child(2) input {
    border-radius: 0 6px 6px 0;
}


.popular-cert .fa-lock {
    --fa-primary-opacity: 0.3;
}
.popular-cert .fa-lock.secured {
    --fa-primary-opacity: 1;
    color: var(--main-green-darker);
}


@media (max-width: 500px) {
    .basket.order-page #basket .content {
        padding: 0 20px 20px;
    }
    .basket #basket.payment-data .content {
        padding: 0 20px 20px 20px;
    }
}

.block__search .filter__list .btns  {
    position: absolute;
    bottom: 20px;
    right: 48px;
    display: flex;
    gap: 20px;
}
@media (max-width: 750px) {
    .block__search .filter__list .btns {
        position: relative;
        bottom: auto;
        right: auto;
        width: 100%;
        justify-content: center;
    }
}
@media (max-width: 500px) {
    .block__search .filter__list .btns {
        position: relative;
        flex-direction: column;
        gap: 10px;
    }
    .block__search .filter__list .btns button {
        justify-content: center;
    }
    .block__search .filter__list .btns a.clear.button {
        width: 100%;
        justify-content: center;
    }
}




.tariff.licenses .tariff__section .item {
    display: flex;
    flex-direction: column;
}
.tariff.licenses .tariff__section .item .info {
    flex: 1;
}

.tariff.licenses .type__togglers {
    justify-content: flex-start;
    margin-bottom: 30px;
}
.tariff.licenses .type__togglers .licenses__btns {
    display: flex;
    align-items: center;
}
.tariff.licenses .type__togglers .licenses__btns button:nth-child(1) {
    border-radius: 6px 0 0 6px;
}
.tariff.licenses .type__togglers .licenses__btns button:nth-child(2) {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
}
.tariff.licenses .type__togglers .licenses__btns button:nth-child(3) {
    border-radius: 0 6px 6px 0;
}

.tariff.licenses .tabs {
    background: transparent;
}


.tariff.licenses .tariff__section {
    justify-items: stretch;
}



.ssl-detail .block__search .filter__list {
    padding: 20px 48px;
    /*row-gap: px;*/
    column-gap: 30px;
}


.block__search form.focused .filter__item {
    border-top-color: var(--main-blue);
    border-bottom-color: var(--main-blue);
}
.block__search form.focused [type="text"] {
    border-top-color: var(--main-blue);
    border-bottom-color: var(--main-blue);
    border-left-color: rgb(209, 213, 219);
}



.ssl-detail .ssl-table {
    box-shadow: var(--box-shadow-light);
}
.tariff.licenses .container {
    border-radius: 6px 6px 0 0;
}
.tariff.licenses .container.tab-ex {
    padding-top: 0;
    border-radius: 0 0 6px 6px;
}

.swiper.p-licenses.tariff__section {
    display: block;
}

.swiper.p-licenses .swiper-slide {
    height: auto;
    display: flex;
}
.swiper.p-licenses .swiper-pagination {
    position: relative;
    bottom: auto;
    margin-top: 20px;
}
.tariff .item.listener {
    outline: 2px solid var(--main-blue);
}




#basket .complete form .items>.auth__alert {
    margin-top: 10px;
}


@media (max-width: 640px) {
    .tariff.licenses .tabs li {
        padding: 4px 0 12px 0;
        width: calc(100% / 2 - 10px);
        text-align: center;
    }
    .tariff.licenses .type__togglers .licenses__btns {
        flex-wrap: wrap;
        flex: auto;
    }
    .tariff.licenses .container {
        padding: 20px 14px;
    }
}
@media (max-width: 940px) {
    .tariff.licenses .type__togglers {
        align-items: center;
    }
}



@media (max-width: 900px) {
    .basket.v3 table tbody tr {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        height: auto;
        position: relative;
        padding-right: 20px;
    }
    .basket.v3 table tbody tr td.name {
        width: 100%;
        padding-right: 60px;
    }


    .basket.v3 table .price .wrap a.del {
        position: absolute;
        top: 15px;
        right: 20px;
    }
    .basket.v3 table tbody tr td.period {
        padding-right: 0;
        width: 50%;
    }
    .basket.v3 table tbody tr td.price {
        flex: auto;
        display: flex;
        justify-content: flex-end;
        padding-right: 0;
    }


    .basket.v3 table tbody tr td.period select {
        width: 100%;
    }
    .basket.v3 table tbody {
        border-bottom: 0;
        border-top: 0;
    }
    .basket.v3 table tfoot {
        display: flex;
        align-items: center;
        border-top: 0;
        justify-content: flex-end;
    }
    .basket.v3 table tfoot td {
        padding: 0 20px;
    }
    .basket.v3 .controls .act a {
        flex: auto;
        justify-content: center;
    }
    .basket.v3 .controls {
        padding: 0 20px;
    }
}
@media (max-width: 500px) {
    .basket.v3 table tbody tr td {
        padding: 0 20px;
    }
    .basket.v3 .controls {
        justify-content: space-between;
    }
}


.whois.v2 .search form input[type="text"] {
    padding-top: 13px;
    font-size: 20px ;
    line-height: 22px ;
    padding-left: 13px;
}

.balance-up .balance-input {
    width: 100%;
}
.balance-up .balance-up__other li {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
}
.balance-up .balance-up__other li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
.balance-up .balance-up__other li img {
    max-width: 140px;
    width: 100%;
    display: flex;
    border-radius: 6px;
    align-items: center;
    justify-content: center;
}



.balance-up.history table thead td {
    padding: 0 35px;
}
.balance-up.history table td.entrance {
    width: 190px;
    padding-right: 0;
    text-align: right;
}
.balance-up.history table td.charge {
    width: 190px;
    text-align: right;
}
.balance-up.history table td.sort {
    cursor: pointer;
}
.balance-up.history table thead td.sort i {
    transition: 0.15s all;
}
.balance-up.history table thead td.sort.up i {
    transform: rotateX(0);
}
.balance-up.history table thead td.sort.down i {
    transform: rotateX(180deg);
}
.balance-up.history .block__search {
    margin-top: 20px;
    padding: 0 35px;
}



#basket .input__wrapper.with-check .checkbox__label {
    flex: none;
    width: auto;
}
#basket .input__wrapper.with-check .checkbox__label input[type="checkbox"] {
    flex: none;
}



.balance-up .pay {
    border: 1px solid var(--border-color);
    border-radius: 6px;
    width: fit-content;
    padding: 6px;
}
.balance-up .pay form {
    display: flex;
    align-items: center;
    gap: 10px;
}
.balance-up .pay .balance-input {
    border: 0;
    font-size: 20px ;
    padding: 0 10px;
    box-shadow: none;
}

.balance-up .pay.is-focused {
    --ring-opacity: 1;
    --ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
    border-color: transparent;
    outline: 2px solid transparent;
    outline-offset: 1px;
    --ring-inset: var(--tw-empty, );
    --ring-offset-width: 1px;
    --ring-offset-color: #fff;
    --ring-color: var(--main-blue);
    --ring-offset-shadow: var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--ring-offset-color);
    --ring-shadow: var(--ring-inset) 0 0 0 calc(2px + var(--ring-offset-width)) var(--ring-color);
    box-shadow: var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000);
}

.balance-up.history .block__search .filter__list {
    column-gap: 60px;
    padding: 20px 45px;
}




@media (max-width: 1280px) {
    .ssl-detail .ssl-table .cert {
        display: none;
    }
    .ssl-detail .ssl-table .info {
        display: none;
    }
}

@media (max-width: 900px) {
    .ssl-main .container .ssl-table tbody .item {
        height: auto;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    .ssl-detail .ssl-table td {
        display: flex;
    }


    .ssl-detail .ssl-table td.name {
        grid-column: span 2 / span 2;
        order: 1;
    }
    .ssl-detail .ssl-table td.info {
        display: flex;
        order: 2;
    }
    .ssl-detail .ssl-table td.price {
        justify-content: flex-end;
        font-size: 20px;
        font-weight: 500;
        order: 3;
    }
    .ssl-detail .ssl-table td.ex {
        order: 4;
        align-items: flex-start;
        line-height: 15px;
    }

    .ssl-detail .ssl-table td.actions {
        justify-content: flex-end;
        order: 5;
    }



    .ssl-detail .ssl-table td.verify {
        display: none;
    }

    .ssl-detail .block__search {
        padding: 0 15px;
    }
}




[data-expand-icon] {
    transition: 0.2s all;
}
[data-expand="lazy"].expanded {
    outline: 2px solid var(--main-blue);
}
[data-expand-button].opened [data-expand-icon] {
    transform: rotate(-180deg);
}

[data-expand-button] {
    cursor: pointer;
}




.domain-transfer .alert.transfer__codes input[type="text"] {
    width: 100%;
}

[type=submit].action[disabled] {
    cursor: not-allowed;
}



textarea {
    scrollbar-color: var(--main-blue) #e9e9e9;
    scrollbar-width: thin;
}

.domain-check .search__map textarea::-webkit-scrollbar {
    width: 3px;
    background: #e9e9e9;
}
.domain-check .search__map textarea::-webkit-scrollbar-thumb {
    background-color: var(--main-blue);
    border-radius: 9px;
}
.domain-check .search__map textarea::-webkit-scrollbar-thumb:hover {
    background-color: #253861;
}



@media (max-width: 900px) {
    .block__search form .filter__item {
        display: none;
    }
    .block__search form .filter {
        position: relative;
    }
    .block__search form .filter::after {
        content: '';
        position: absolute;
        top: 7px;
        right: 7px;
        width: 8px;
        height: 8px;
        border-radius: 9999px;
        background-color: var(--main-red);
    }
}



.swiper.p-ssl .swiper-slide {
    display: flex;
    height: auto;
}
.swiper.p-ssl .swiper-pagination {
    position: relative;
    bottom: auto;
    margin-top: 20px;
}
.tariff.v2 .swiper.p-ssl.tariff__section {
    display: block;
}


.header__top__theme {
    display: none;
}
header .mh__menu .mh__menufooter .mh__theme {
    display: none;
}
.balance-up.history table tbody {
    background: var(--bg-color);
}
@media (max-width: 900px) {
    .balance-up.history table td.entrance {
        width: 100%;
        padding: 0 20px;
    }
    .balance-up.history table td.charge {
        width: 100%;
    }
}
@media (max-width: 500px) {
    .balance-up .pay form {
        justify-content: space-between;
    }
    .balance-up .pay form .btn {
        width: auto;
    }
    .balance-up .pay form .btn input {
        width: auto;
        justify-content: center;
    }
    .balance-up .pay {
        width: 100%;
    }
    .balance-up.history .block__search {
        padding: 0 20px;
    }
    .balance-up.history .block__search .filter__list {
        padding: 15px 20px;
        column-gap: 30px;
        row-gap: 20px;
    }
}




section.transfer-list .container {
    padding: 40px 0 0 0;
    background: #f8f9fc;
    box-shadow: var(--box-shadow-light);
    border-radius: 6px 6px 0 0;
}
section.transfer-list h2 {
    text-align: center;
    margin-bottom: 45px;
}




.transfer-list table thead {
    border-top: none;
}
.transfer-list table thead td {
    padding: 0 35px;
}
.transfer-list table .domain {

}
.transfer-list table .status {
    width: 300px;
    text-align: right;
}
.transfer-list table .status>div {
    margin-left: auto;
}
.transfer-list table .date {
    width: 200px;
}

.whois.domain-transfer.domain-check .search__map {
    padding: 0;
}
.whois .alert {
    max-width: none;
    margin: 0 auto;
}


@media (max-width: 768px) {
    .domain-check .result li {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    .domain-check .result li .btn {
        grid-column: span 2 / span 2;
    }
    .domain-check .result li .status {
        margin-right: 0;
    }
    .domain-check .result li .status .price {
        justify-content: flex-end;
    }
    .domain-check.v2 .result li .btn a {
        margin-left: auto;
        margin-right: 0;
    }
    .domain-check .result .info {
        max-width: none;
    }
    .domain-check .search__map {
        padding: 0 20px;
    }
    .domain-check .result {
        padding: 0 20px;
    }
    .domain-check .tabs {
        padding: 0 20px;
    }
    .domain-check.v2 .result li.not-available .status {
        font-weight: 500;
        font-size: 13px;
        padding: 3px 10px;
        margin-top: 0;
        order: 3;

    }
    .domain-check .result .info {
        justify-content: flex-end;
        order: 2;
    }
    .domain-check.v2 .result li.not-available .name {
        order: 1;
    }
    .domain-check .tabs.mt-6 {
        background: none;
        border: none;
    }
}
@media (max-width: 500px) {
    .domain-check .result li.available {
        display: flex;
        grid-template-columns: none;
        flex-direction: column;
        align-items: flex-start;
    }
    .domain-check.v2 .result li.not-available .status {
        margin-right: auto;
        margin-left: 0;
        grid-column: span 2 / span 2;
    }
    .domain-check .result .info {
        grid-column: auto;
        justify-content: flex-end;
    }
    .domain-check .result li .btn {
        grid-column: none;
        width: 100%;
    }
    .domain-check.v2 .result li .btn a {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        justify-content: center;
    }
    .domain-check .tabs {
        flex-direction: column;
        gap: 10px;
        padding: 0 8px 20px;
    }
    .domain-check .tabs li {
        border-radius: 6px ;
        border: 1px solid var(--border-color) ;
        text-align: center ;
    }
    .domain-check .tabs li>* {
        color: var(--main-blue);
    }
    .domain-check.v2 form .field {
        flex-direction: column-reverse;
        border: none;
    }
    .domain-check .search {
        border: none;
    }
    .domain-check .search .input__wrapper {
        padding: 20px 20px 20px 20px;
        border: none;
    }
    .domain-check.transfer-check .search .input__wrapper {
        padding: 20px;
    }
    .domain-check.v2 .search .input__wrapper textarea {
        padding: 10px;
        flex: none;
    }
    .domain-check>.container {
        box-shadow: none;
    }

    .domain-check .section .container {
        box-shadow: none;
    }
    .domain-transfer .many {
        width: 100%;
        padding: 10px 0;
        text-align: center;
        border-bottom: 1px solid var(--border-color-table);
    }
    .domain-check.v2 .search .input__wrapper.is-focused .field {
        flex-direction: column-reverse;
        border: none;
    }
    .domain-transfer.v2 .many {
        display: none;
    }

}
@media (max-width: 380px) {
    .domain-transfer .alert .top {
        padding: 20px 10px;
        gap: 10px;
    }
    .domain-transfer .alert .top .icon i {
        font-size: 16px;
    }
}

@media (max-width: 900px) {
    .transfer-list tr {
        background: #fff;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .transfer-list table .status>div {
        margin-left: 0;
    }
    .transfer-list tbody {
        border-top: none;
    }
}


#tickets .actions {
    padding: 20px 35px;
    background: #fff;
}
#tickets .actions form.search {
    display: flex;
    gap: 10px;
}
#tickets .actions .check {
    display: flex;
    align-items: center;
    justify-content: center;
}
#tickets table thead td {
    padding: 0 35px;
}
#tickets table tbody tr {
    background: #fff;
    transition: 0.15s all;
}
#tickets table tbody tr:hover {
    background: var(--bg-100);
}
#tickets table td.num {
    width: 130px;
    padding-right: 10px;
    position: relative;
    z-index: 10;
    user-select: all;
}
#tickets table td.date {
    padding: 0 10px;
    width: 220px;
}
#tickets table td.status {
    padding: 0 35px 0 10px;
}
#tickets table td.theme {
    max-width: 450px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#tickets table td.department {

}
#tickets .block__search {
    margin-top: 20px;
    padding: 0 35px;
    flex: 1;
}
#tickets a.button.action {
    margin: 20px 35px 20px 0;
}
#tickets .liner {
    display: flex;
}
#tickets  table thead td.sort {
    cursor: pointer;
}
#tickets  table thead td.sort i {
    transition: 0.15s all;
}
#tickets  table thead td.sort.up i {
    transform: rotateX(0);
}
#tickets  table thead td.sort.down i {
    transform: rotateX(180deg);
}
#tickets .block__search .filter__list {
    padding: 20px 45px;
    column-gap: 80px;
    row-gap: 20px;
}

.tickets-page .dom__header__info {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
#ticket-create form {
    padding: 0 35px 20px;
    background: #fff;
}
#ticket-create form .form__btns__inline {
    justify-content: flex-start;
}
#ticket-create form textarea {
    height: 150px;
}
@media (max-width: 1200px) {
    .domain-check .container {
        box-shadow: none;
    }
    .domain-check .section .container {
        box-shadow: none;
    }
	.ssl-detail .block__search .filter__list {
        padding: 20px 20px 75px 20px;
    }
}



.tariff.next-gen .tariff__section {
    display: block;
}
.swiper.vds-swiper .swiper-pagination {
    position: relative;
    bottom: auto;
    margin-top: 20px;
}
.swiper.bitrix-swiper .swiper-pagination {
    position: relative;
    bottom: auto;
    margin-top: 20px;
}
.swiper.virtual-swiper .swiper-pagination {
    position: relative;
    bottom: auto;
    margin-top: 20px;
}
.tariff.next-gen .tariff__section .item .info .sub__info i {
    color: var(--main-green);
    font-size: 16px;
}
.tariff.next-gen .tariff__section .item .info .main__info {
    border-bottom: 1px dashed var(--text-color-300);
    cursor: help;
}
.tariff.next-gen .tariff__section .item .info .main__info:hover {
    border-bottom: 1px dashed transparent;
}



.tariff.next-gen .tariff__section .item .main__disk {
    cursor: help;
}
.tariff.next-gen .tariff__section .item .main__disk .dropdown {
    position: absolute;
    top: 120px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    box-shadow: var(--box-shadow-100);
    width: 280px;
    z-index: 99;
    border-radius: 10px;
    height: auto;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
    color: var(--text-color);
    font-size: 16px;
    font-weight: 500;
}
.tariff.next-gen .tariff__section .item .main__disk .dropdown .line {
    display: flex;
    justify-content: space-between;
    padding: 2px 0px;
}
.tariff.next-gen .tariff__section .item .main__disk .dropdown .line .name {
    font-size: 13px;
    color: var(--text-color);
}
.tariff.next-gen .tariff__section .item .main__disk .dropdown .line .value {
    font-size: 13px;
    color: var(--text-color);
}
.tariff.next-gen .tariff__section .item .main__disk:hover .dropdown {
    opacity: 1;
    visibility: visible;
}

.tariff.virtual .type__togglers {
    justify-content: flex-start;
    margin-bottom: 30px;
}
.tariff.virtual .type__togglers .licenses__btns {
    display: flex;
    align-items: center;
}
.tariff.virtual .type__togglers .licenses__btns button:nth-child(1) {
    border-radius: 6px 0 0 6px;
}
.tariff.virtual .type__togglers .licenses__btns button:nth-child(2) {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
}
.tariff.virtual .type__togglers .licenses__btns button:nth-child(3) {
    border-radius: 0 6px 6px 0;
}

.tariff.virtual .tabs {
    background: transparent;
}


.tariff .item {
    border: 1px solid var(--border-color);
}

@media (max-width: 640px) {
    .tariff.virtual .tabs li {
        padding: 4px 0 12px 0;
        flex: auto;
        text-align: center;
    }
    .tariff.virtual .type__togglers .licenses__btns {
        flex-wrap: wrap;
        flex: 1;
    }
    .tariff.virtual .container {
        padding: 20px 14px;
    }
}
@media (max-width: 940px) {
    .tariff.virtual .type__togglers {
        align-items: center;
    }
}
@media (max-width: 991px) {
    .tariff.virtual .container {
        padding: 20px 14px;
    }
}


.tariff.next-gen .tariff__section .item .info>div .dropdown {
    font-weight: 400;
    font-size: 14px;
}
.tariff.next-gen .tariff__section .item .main__disk .dropdown {
    font-weight: 400;
    font-size: 14px;
}

#ticket-create .liner-page .input__wrapper.line:first-child {
    border-top: none;
}

@media (max-width: 500px) {
    #ticket-create form {
        padding: 0 20px 20px 20px;
    }
}



.swiper-control-wrapper {
    position: relative;
}
.swiper-control-wrapper .swiper-button-next {
    top: 50%;
    right: -40px;
    transform: translateY(-65%);
    width: auto;
    padding: 0 15px 0 30px;
    transition: 0.2s all;
    height: 30%;
    border-radius: 6px 0 0 6px;
    margin-top: 0;
    color: #356dd4b0;
}
.swiper-control-wrapper .swiper-button-next:hover {
    background: #356dd417;
}
.swiper-control-wrapper .swiper-button-prev {
    top: 50%;
    left: -40px;
    transform: translateY(-65%);
    width: auto;
    padding: 0 30px 0 15px;
    transition: 0.2s all;
    height: 30%;
    border-radius: 0 6px 6px 0;
    margin-top: 0;
    color: #356dd4b0;
}

@media (max-width: 550px) {
    .swiper-control-wrapper .swiper-button-next {
        right: -29px;
    }
    .swiper-control-wrapper .swiper-button-prev {
        left: -29px;
    }
}
.swiper-control-wrapper .swiper-button-prev:hover {
    background: #356dd417;
}

.swiper-control-wrapper .swiper-button-next:after, .swiper-control-wrapper .swiper-rtl .swiper-button-prev:after {
    font-size: 26px;
}
.swiper-control-wrapper .swiper-button-prev:after, .swiper-control-wrapper .swiper-rtl .swiper-button-next:after {
    font-size: 26px;
}









@media (max-width: 1170px) {
    #tickets table thead {
        display: none;
    }
    #tickets table tr td {
        display: block;
    }
    #tickets table tbody tr {
        display: flex;
        height: auto;
        padding: 10px 35px;
        gap: 5px;
        flex-wrap: wrap;
    }
    #tickets table td.num {
        width: auto;
        word-break: normal;
        order: 1;
        padding: 0
    }
    #tickets table td.date {
        padding: 0;
        text-align: right;
        width: auto;
        flex: 1;
        order: 5;
    }
    #tickets table td.status {
        padding: 0;
        width: auto;
        order: 3;
    }
    #tickets table td.theme {
        padding: 0;
        text-align: right;
        order: 2;
    }
    #tickets table td.department {
        padding: 0;
        width: 100%;
        order: 4;
        display: none;
    }
}

@media (max-width: 500px) {
    #tickets table tbody tr {
        padding: 10px 20px;
    }
    #tickets .block__search {
        padding: 0 20px;
    }
    #tickets .block__search .filter__list {
        padding: 20px;
    }
}



.input__wrapper.line label {
    grid-column: span 2 / span 2;
}
.input__wrapper.line label.checkbox__label {
    grid-column: 1 / -1;
}










.tariff.v2.vds .tariff__section .item .info .sub__info {
    border-bottom: none;
    cursor: default;
}
.tariff.v2.vds .tariff__section .item .info .sub__info:hover {
    border-bottom: none;
}
.tariff.v2.vds .tariff__section .item .main__disk {
    font-size: 26px;
}

.ticket-single .dom__header__info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


#ticket-create .input__wrapper.serv {
    padding-bottom: 0;
    border-bottom: 0;
}
#ticket-create .input__wrapper.serv + .input__wrapper {
    padding-top: 0;
    align-items: flex-start;
}
#ticket-create .input__wrapper.serv + .input__wrapper label {
    margin-top: 6px;
}




.swiper-preloader {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #ffffffa8;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}
.swiper-preloader i {
    animation: rotate 1s linear infinite;
    font-size: 50px;
}





#ticket-create .serv-wrapper {
    border-bottom: 1px solid var(--border-color);
}
#ticket-create .deleter-wrapper {
    position: relative;
}



@media (max-width: 991px) {
    .tariff.next-gen .swiper-button-next {
        right: -20px;
    }
    .tariff.next-gen .swiper-button-prev {
        left: -20px;
    }
}
@media (max-width: 768px) {
	.whois .search .sd {
		padding-bottom: 15px;
	}

    .tariff.next-gen {
        padding: 20px 15px 0;
    }
    .tariff.next-gen .type__togglers {
        margin-bottom: 0;
    }
}
@media (max-width: 1000px) {
    header .mobile__header {
        padding: 0 25px;
    }
    .acc__info {
        padding-left: 35px;
    }
    .mobile__table tr td.check {
        padding: 0px 20px 0 25px;
    }
    .mobile__table tr td.options {
        padding: 0 25px 0 20px;
    }
    .block__search {
        padding: 0 25px;
    }

    .underhead__wrap .breadcrumbs {
        padding: 10px 25px;
    }

    header .mh__menu .mh__secmenulist .mh__secmenu__item {
        padding: 15px 25px ;
    }
    header .mh__menu .mh__menufooter {
        padding: 0 25px ;
    }
    header .mh__menu .whois__wrap {
        padding: 0 25px ;
    }
    header .mh__menu .mh__menulist .mh__menu__item>div {
        padding: 17px 25px ;
    }
    header .mh__menu .mh__menulist .mh__menu__item>ul>li {
        padding: 15px 45px ;
    }

}



.input__wrapper .inner__fa {
    opacity: 0.1;
    transition: 0.3s all;
}
.input__wrapper.is-focused .inner__fa {
    opacity: 1;
}

.tariff.v2.bitrix-hosting .tariff__section .item .main__disk {
    font-size: 24px;
}



@media (max-width: 1170px) {
    #tickets table td.theme {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        flex: 1 1 calc(100% - 100px);
        max-width: none;
    }
    #tickets table {
        display: block;
    }
    #tickets table tbody {
        display: block;
    }

}
@media (max-width: 400px) {
    #tickets table td.theme {
        flex: auto;
        width: 100%;
    }

}




@media (max-width: 800px) {
    .input__wrapper.line .info {
        grid-column: 1 / -1;
    }
    .input__wrapper.line .input__liner {
        grid-column: span 6 / span 6;
    }
    #basket .complete .auth__alert {
        margin-top: 20px;
        grid-column: 1 / -1;
    }

}
@media (max-width: 550px) {
    .input__wrapper.line .input__liner {
        grid-column: 1 / -1;
    }
    .input__wrapper.line label {
        grid-column: 1 / -1;
    }
}



.support-page .search {
    border-radius: 0 6px 6px 6px;
}
.support-page .search .input__wrapper {
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
}
.support-page .search form {
    display: flex;
    align-items: flex-start;
    gap: 0px;
    border: 1px solid var(--border-color-table);
    border-radius: 6px;
    background: #fff;
}
.support-page .search form .field {
    display: flex;
    align-items: flex-start;
    flex: 1;
    border: 1px solid transparent;
    border-radius: 0;
    transition: 0.15s all;
}
.support-page .search form .btn {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 5px;
}
.support-page .search form .btn input {
    box-shadow: none;
    border: none;
    height: 42px;
    padding: 0 20px 2px;
}
.support-page .search form .field input {
    box-shadow: none;
    border: none;
    height: 50px;
    font-size: 20px;
    line-height: 38px;
    padding-bottom: 8px;
}
.support-page .search .input__wrapper.is-focused form {
    --ring-opacity: 1;
    --ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
    border-color: transparent;
    outline: 2px solid transparent;
    outline-offset: 1px;
    --ring-inset: var(--tw-empty, );
    --ring-offset-width: 1px;
    --ring-offset-color: #fff;
    --ring-color: var(--main-blue);
    --ring-offset-shadow: var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--ring-offset-color);
    --ring-shadow: var(--ring-inset) 0 0 0 calc(2px + var(--ring-offset-width)) var(--ring-color);
    box-shadow: var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000);
}

.support-page .search__map {
    position: relative;
}
.support-page .dropdown-results {
    position: absolute;
    left: 0;
    top: 53px;
    width: 100%;
    height: 300px;
    overflow: auto;
    border: 1px solid var(--border-color);
    box-shadow: var(--box-shadow);
    list-style: none;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    background: #fff;
    transition: 0.15s all;
    border-radius: 0 0 6px 6px;
}
.support-page .dropdown-results.showed {
    opacity: 1;
    visibility: visible;
    transform: translateY(-2px);
}
.support-page .dropdown-results a {
    display: block;
    width: 100%;
    padding: 5px 15px;
    transition: 0.15s all;
}
.support-page .dropdown-results a:hover {
    background: var(--bg-color-table);
}
.tariff.bitrix-hosting .container {
    padding-bottom: 20px;
}

.ticket-single .dom__header__info button.close-ticket {
    font-size: 13px;
    padding: 5px 10px;
    line-height: 32px;
    height: 32px;
    margin: 0 auto;
}
.basket.v3 {
    background: #fff;
}

.google_translate_element .goog-te-gadget {
    height: 40px;
    overflow: hidden;
}
.google_translate_element .goog-te-gadget select {
    height: 32px;
    width: 160px;
    line-height: 32px;
}




.login-wrap .input__wrapper .pass__generator input {
    padding-right: 37px;
}
.login-wrap .input__wrapper .pass__generator .view {
    right: 11px;
}





button:disabled {
    background: var(--bg-100);
    user-select: none;
    cursor: not-allowed;
    opacity: 0.45;
}
button.action:disabled {
    background: var(--main-blue-darker);
    user-select: none;
    cursor: not-allowed;
    opacity: 0.45;
}
a.button.disabled {
    background: var(--bg-100);
    user-select: none;
    cursor: not-allowed;
    opacity: 0.45;
}
a.button.action.disabled {
    background: var(--main-blue-darker);
    user-select: none;
    cursor: not-allowed;
    opacity: 0.45;
}





div.title-search-result {
    border: 1px solid var(--border-color-table);
	display: none;
	background: #fff;
	overflow: hidden;
	z-index: 205;
	border-radius: 6px;
	transform: translateY(-3px);
	z-index: 999;
}
table.title-search-result td.title-search-item a {
    color: var(--text-color);
    padding-left: 8px;
}
table.title-search-result td.title-search-more {
    font-size: 15px;
	padding-right: 14px;
	padding-left: 5px;
}
table.title-search-result td.title-search-more a {
    padding-left: 12px;
	padding-right: 15px;
	text-decoration: none;
	color: var(--text-color-100);
}
table.title-search-result td.title-search-all {
	padding-left: 12px;
	padding-right: 15px;
}
table.title-search-result td.title-search-all a {
	padding-left: 4px;
	text-decoration: none;
	color: var(--main-blue);
	font-size: 15px;
	font-weight: 500;
}
table.title-search-result tr.title-search-selected td, table.title-search-result tr.title-search-selected a, table.title-search-result tr.title-search-selected td.title-search-more a {
    background-color: var(--bg-color-table);
}


.bubble-tooltip {
    position: relative;
    cursor: help;
}
.bubble-tooltip:after {
    content: attr(data-text);
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: 0.15s all;
    left: auto;
    right: 0;
    top: -160%;
    width: 240px;
    padding: 4px 4px 4px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 14px;
    background: var(--main-blue);
    color: #fff;
    font-weight: 400;
    font-family: Inter var,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color emoji;
}
.bubble-tooltip:hover:after {
    opacity: 1;
    visibility: visible;
}



.main-page .tariff .item:hover {
    border: 1px solid transparent;
    outline: 2px solid var(--main-blue);
}





.page-content .main-con * {
    font-size: 16px;
}
.page-content .main-con h2 {
    margin-bottom: 20px;
}
.page-content .main-con h3 {
    margin-bottom: 20px;
}
.page-content .main-con h4 {
    margin-bottom: 20px;
}
.page-content .main-con h5 {
    margin-bottom: 20px;
}
.page-content .main-con h6 {
    margin-bottom: 20px;
}
.page-content .main-con p {
    color: var(--text-color);
	font-size: 16px;
	line-height: 20px;
    margin-bottom: 20px;
}
.page-content .main-con ol {
    color: var(--text-color);
    padding-left: 20px;
	list-style: auto;
    margin-bottom: 20px;
}
.page-content .main-con a.zoom-picture {
    display: block;
    width: fit-content;
    box-shadow: var(--box-shadow-100);
}
.page-content .main-con img {
    display: block;
    width: 100%;
    max-width: 800px;
}
.page-content .main-con ul {
	color: var(--text-color);
    padding-left: 20px;
	list-style: disc;
    margin-bottom: 20px;
}

.page-content .main-con table {
    width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
	color: var(--text-color);
    border: 1px solid var(--border-color);
}

.page-content .main-con table thead {
    background: var(--bg-color-table);
    border: 1px solid var( --border-color);
    border-left: none;
    border-right: none;
    color: var( --text-color);
    font-weight: 500;
    height: 60px;
}
.page-content .main-con table thead tr th {
    padding: 0 15px;
    text-align: left;
    font-weight: 500;
}
.page-content .main-con table thead tr th:first-child {
    font-weight: 500;
}
.page-content .main-con table tbody tr th {
    padding: 0 15px;
    text-align: left;
    font-weight: 500;
}
.page-content .main-con table tbody tr th:first-child {
    font-weight: 500;
}
.page-content .main-con table tbody tr {
    border-bottom: 1px solid var(--border-color);
    height: 60px;
}
.page-content .main-con table tbody tr td {
    padding: 0 15px;
}
.page-content .main-con table tbody tr td:first-child {
    font-weight: 500;
}
.page-content .main-con table tfoot {
    background: var(--bg-color-table);
    border: 1px solid var( --border-color);
    border-left: none;
    border-right: none;
    color: var( --text-color);
    font-weight: 500;
    height: 60px;
}
.page-content .main-con table tfoot tr td {
    padding: 0 35px;
}


.page-content .main-con .comand-line {
    color: #fff;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 20px;
    padding: 15px;
    background: #000;
    border-radius: 6px;
}
.page-content .main-con .comand-line a {
    all: unset
}










.page-content .main-con table.simple_table tbody tr:first-child {
    background: var(--bg-color-table);
	border: 1px solid var( --border-color);
	border-left: none;
	border-right: none;
	color: var( --text-color);
	font-weight: 500;
	height: 60px;
}


@media (max-width: 900px) {
    .page-content .main-con table thead {
        display: none;
    }
    .page-content .main-con table.simple_table tbody tr:first-child {
        display: none;
    }
    .page-content .main-con table tfoot {
        display: none;
    }
    .page-content .main-con table tbody {
        border-bottom: 1px solid var(--border-color);
        border-top: 1px solid var(--border-color);
    }
    .page-content .main-con table tbody tr {
        height: auto;
        display: block;
        padding: 10px 0;
    }
    .page-content .main-con table tr th {
        display: block;
    }
    .page-content .main-con table tr td {
        display: block;
    }
    .page-content .main-con table tbody tr:last-child {
        border-bottom: none;
    }
}
@media (max-width: 550px) {
    .page-content .main-con table tbody tr td {
        padding: 0 20px;
    }
}


.input__wrapper.is-disabled .checkbox__label {
    cursor: not-allowed;
    user-select: none;
}
.input__wrapper.is-disabled [type="checkbox"] {
    cursor: not-allowed;
}











/* @media (max-width: 1024px) {
    h1 {
        font-size: 24px;
        line-height: 30px;
    }
} 
@media (max-width: 768px) {
    h1 {
        font-size: 30px !important;
	    line-height: 34px !important;
    }
    h2 {
        font-size: 28px !important;
	    line-height: 32px !important;
    }
    h3 {
        font-size: 25px !important;
	    line-height: 29px !important;
    }
    h4 {
        font-size: 22px !important;
	    line-height: 26px !important;
    }
    h5 {
        font-size: 19px !important;
	    line-height: 23px !important;
    }
    h6 {
        font-size: 16px !important;
	    line-height: 20px !important;
    }
    .dom .dom__sets ul li .set__wrap h3 {
        font-size: 18px !important;
        line-height: 20px !important;
    }
}
@media (max-width: 640px) {
    h1 {
        font-size: 26px !important;
	    line-height: 30px !important;
    }
    h2 {
        font-size: 23px !important;
	    line-height: 27px !important;
    }
    h3 {
        font-size: 20px !important;
	    line-height: 24px !important;
    }
    h4 {
        font-size: 19px !important;
	    line-height: 23px !important;
    }
    h5 {
        font-size: 16px !important;
	    line-height: 20px !important;
    }
    h6 {
        font-size: 14px !important;
	    line-height: 18px !important;
    }
}
@media (max-width: 400px) {
    h1 {
        font-size: 22px !important;
        line-height: 26px !important;
    }
    h2 {
        font-size: 20px !important;
	    line-height: 24px !important;
    }
    h3 {
        font-size: 18px !important;
	    line-height: 22px !important;
    }
    h4 {
        font-size: 16px !important;
	    line-height: 20px !important;
    }
}*/


.mobile__header .fa-basket-shopping {
    color: var(--text-color)
}










.container.public-page {
    background: #fff;
    max-width: none !important;
}

.container.public-page .con {
    all: unset;
}
.container.public-page .breads {
    background: #fff;
    max-width: 1280px;
    margin: 0 auto;
    padding: 20px 16px 0;
    margin-bottom: 20px;
}





.public-page.main-page section.place .domain-check>.container {
    background: #f8f9fc;
	box-shadow: var(--box-shadow-light);
	border-radius: 6px 6px 0 0;
    padding-top: 40px;
}
 .search .btn {
    flex-direction: column;
    position: relative;
}
 .search .sd {
    overflow: hidden;
}
 .clear-list {
    position: absolute;
	top: 50%;
	transform: translateY(-50%);
    left: -158px;
	cursor: pointer;
	width: max-content;
	user-select: none;
}
 .clear-list.vis-only {
    display: none;
}


.mtb__form {
    display: none !important;
}





.basket.v3 table tbody tr.js--tmp_row td.name {
    display: flex;
    height: 60px;
    align-items: center;
    gap: 10px;
    padding-right: 40px;
}
@media (max-width: 900px) {
    .basket.v3 table tbody tr.js--tmp_row td.name {
        height: auto;
    }
}



 .domain-transfer.v2 .many {
    position: relative;
}





#invoice-canceled {
    padding: 100px 0;
}
#invoice-canceled .alert__block {
    max-width: 920px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    border-radius: 8px;
    padding: 0 20px;
}
#invoice-canceled .title {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}
#invoice-canceled .info {
    color: var(--text-color);
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
}

#invoice-canceled .icon {
    border-radius: 9999px;
    background-color: var(--badge-red-bg);
    justify-content: center;
    display: flex;
    align-items: center;
    width: 48px;
    height: 48px;
}
#invoice-canceled .icon i {
    color: var(--badge-red-text);
    font-size: 18px;
}
#invoice-canceled .actions {
    display: flex;
    gap: 10px;
    width: 100%;
    flex-direction: column;
}
#invoice-canceled .actions a {
    text-align: center;
    justify-content: center;
    width: 100%;
    max-width: 220px;
    margin: 0 auto;
}

@media (max-width: 1030px) {
    .clear-list {
        position: relative;
        left: 22px;
        transform: translateY(-2px);
    }
    .domain-check.v2 .search .input__wrapper textarea.multi + .many {
        margin-top: 0;
    }
}

.header__top__account  {
    height: 45%;
}
.header__top__lang {
    margin-left: 30px;
}
.header__top__phone {
    margin-left: auto;
}
#language {
    height: 100%;
	display: flex;
	align-items: center;
	position: relative;
}
#language ul {
    position: absolute;
	width: max-content;
    top: 99%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99;
	background: #fff;
	padding: 5px 0;
	border-radius: 6px;
	border: 1px solid var(--border-color);
    opacity: 0;
    visibility: hidden;
    transition: 0.15s all;
}
#language .current-lang {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: 500;
}
#language:hover ul {
    opacity: 1;
    visibility: visible;
}
#language ul li {
    cursor: pointer;
    padding: 2px 25px;
}
#language ul li:hover {
    background: var(--bg-100);
}
#language ul li.active {
    font-weight: 700;
    background: var(--bg-100);
}

.language-selector-mobile>div>div {
    display: flex;
	align-items: center;
	font-weight: 500;
}
.language-selector-mobile>div>div i {
    font-size: 18px;
}
.language-selector-mobile [data-google-lang] {
    width: 100%;
    display: block;
}
header .mh__menu .mh__menulist .mh__menu__item.language-selector-mobile>ul>li {
    padding: 10px 45px;
}
.skiptranslate {
    display: none;
}

@media (min-width: 1200px) {
    body {
        top: 0px !important;
    }
}


.domain-multiple .clear-list {
    position: relative;
    top: 0;
    transform: none;
    left: 0;
    font-weight: 500;
}

.domain-check .domain-top-place {
    display: flex;
	align-items: center;
	padding: 0 32px;
}

@media (max-width: 678px) {

    .domain-check.v2 .search .actions {
        position: relative;
        padding: 6px;
        width: 100%;
        bottom: 0;
        right: 0 !important;
        display: block;
    }
    .domain-check.v2 .search .input__wrapper input {
        width: 100%;
        justify-content: center;
    }
    .domain-check.v2 .search .input__wrapper input[type="text"] {
        flex: auto;
    }
    .domain-check.domain-multiple form.can-clear .field {
        border-bottom: 1px solid var(--border-color-table) !important;
        padding-bottom: 12px !important;
    }
    .domain-check.domain-multiple .search .actions .clear-list {
        color: var(--text-color-400);
        margin: 5px auto 10px;
    }
    .domain-check.v2 .search .input__wrapper textarea {
        padding-right: 15px;
    }
}

.domain-check.domain-multiple.v2 .result ul {
    border-radius: 0 0 6px 6px;
}
.login.v2 .pass__generator input {
    padding-right: 37px;
}
.login.v2 .pass__generator .view {
    right: 11px;
}
.form__btns {
    margin-top: 20px;
}




@media (max-width: 550px) {
    header .mh__menu {
        padding-bottom: 100px;
    }
}



@media (max-width: 900px) {
    .basket.v3 table tfoot tr td {
        padding: 0 20px;
    }
}




.fixed-navigation {
    position: fixed !important;
	width: 100%;
	top: 0;
    transition: 0.3s all;
    background-color: #f8f8f8bd !important;
	backdrop-filter: blur(10px);
	box-shadow: 0 0px 10px rgba(0,0,0,.1);
    z-index: 10 !important;
}
.fixed-navigation nav a {
    color: #333333 !important;
}
.fixed-navigation .header__footer__menu__item__title {
    color: #333333 !important;
}

.header__footer__logo {
    opacity: 0;
    visibility: hidden;
    width: 0px;
    transition: 0.3s all;
    flex: none;
}
.fixed-navigation .header__footer__logo {
    opacity: 1;
    visibility: visible;
    width: 45px;

}

.header__footer__actions {
    color: #fff;
    display: flex;
    gap: 22px;
    align-items: center;
    transition: 0.3s all;
    opacity: 0;
    visibility: hidden;
    width: 0px;
    flex: none;
}
.header__footer__actions i {
    color: #333;
    font-size: 20px;
    transition: 0.3s all;
}
.header__footer__actions a:hover i {
    color: var(--main-blue);
}
.fixed-navigation .header__footer__actions {
    opacity: 1;
    visibility: visible;
    width: 65px;
}

.tariff.v2 .tariff__section .item .info.ssl {
    border-bottom: none;
}

.tariff.v2 .tariff__section .swiper-slide {
    height: auto;
}
.tariff.v2 .tariff__section .item {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.tariff.v2 .tariff__section .item .price {
    margin-top: auto;
}


.public-page.domain-transfer ul.tabs {
    padding: 0 32px;
}
.grecaptcha-badge {
    z-index: 99;
}


p.alert a {
    font-size: 16px;
	line-height: 20px;
	display: block;
	font-weight: 500;
}
.tickets-page #tickets {
    margin-bottom: 40px;
}

.public-page.whois .search .input__wrapper input[type="text"] {
    padding-top: 4px;
}


.dom .dom__sets ul li.comment textarea::-webkit-scrollbar-thumb {
	background-color: var(--main-blue);
	border-radius: 9px;
}
.dom .dom__sets ul li.comment textarea::-webkit-scrollbar {
	width: 3px;
	background: #e9e9e9;
}

@media (max-width: 767px) {
	.domain-action-section .md\:p-\[25px\] {
		padding-left: 15px;
	}
}
@media (max-width: 678px) {
    .management-page.server-page table {
        border-top: 0;
    }
    .management-page.server-page table thead {
        display: none;
    }
    .management-page.server-page table tr {
        display: block
    }
    .management-page.server-page table td {
        display: block;
    }
    .management-page.server-page table tr td:first-child {
        padding-bottom: 10px;
    }
    .management-page.server-page table tr td:last-child {
        padding-top: 0;
    }
    .management-page.server-page table tr td[colspan="2"] {
        padding: 20px;
    }
}


.js--position_properties {
    display: flex;
	gap: 5px;
}

.js--position_properties select {
    flex: 4
}
.js--position_properties input {
    flex: 1
}









.support-page .table__pagination__target {
    margin-left: 20px;
}

#tickets table td.theme a.link-layer {
    position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#tickets table tbody tr {
    position: relative;
}



@media (max-width: 1200px) {
    .dom.invoice .act form:nth-child(2), .dom.invoice .act form:nth-child(3) {
        display: none;
    }
}


form.transfer .alert.blue a {
    display: inline;
}


@media (max-width: 1200px) {
    #tickets {
        margin-bottom: 40px;
    }
}


.modal form .input__wrapper div.relative + span.error {
    bottom: 7px;
}


@media (max-width: 678px) {
    .management-page.server-page table {
        border-top: 0;
    }
    .management-page.server-page table thead {
        display: none;
    }
    .management-page.server-page table tr {
        display: block
    }
    .management-page.server-page table td {
        display: block;
    }
    .management-page.server-page table tr td:first-child {
        padding-bottom: 10px;
    }
    .management-page.server-page table tr td:last-child {
        padding-top: 0;
    }
    .management-page.server-page table tr td[colspan="2"] {
        padding: 20px;
    }


    .support-page.support-price #non-free table {
        border-top: 0;
    }
    .support-page.support-price #non-free table thead {
        display: none;
    }
    .support-page.support-price #non-free table tr {
        display: block
    }
    .support-page.support-price #non-free table td {
        display: block;
    }
    .support-page.support-price #non-free table tr td:first-child {
        padding-bottom: 10px;
    }
    .support-page.support-price #non-free table tr td:last-child {
        padding-top: 0;
    }
    .support-page.support-price #non-free table tr td[colspan="2"] {
        padding: 20px;
    }
}


@media (max-width: 800px) {
    #ticket-create .input__file.isolate {
        margin-bottom: 10px;
    }
}



blocked {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    background: #000;
    padding: 20px;
}
blocked .blocked__container {
    border-radius: 0.5rem;
    background-color: #ffffff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
blocked .blocked__inner {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

@media (min-width: 640px) {
    blocked .blocked__inner  {
        padding: 1.5rem;
    }
}
blocked .blocked__title {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: #111827;
}
blocked .blocked__text {
    margin-top: 0.5rem;
    max-width: 36rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #6B7280;
}
blocked .blocked__bottom {
    margin-top: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
blocked .blocked__bottom__text {
    font-weight: 500;
    color: #374151;
}

html[lang='kk'] .tariff__section font span.text-4xl {
    font-size: 35px;
}

.con .block__search {
    padding: 0 35px;
}




@media (max-width: 768px) {
    .overflow-h {
        padding: 0;
    }
}
@media (max-width: 1200px) {
    header .mh__contact .phone__drop__social.rect>a {
        width: calc(100% / 3 - 5px);
    }
}


.ip-settings .radio__label {
    height: 100%;
	font-weight: 500;
	line-height: 16px;
    margin: 0;
    flex: none !important;
}
.ip-settings .radio__label input {
    flex: none !important;
}
#basket label {
    margin-bottom: 5px;
}



.input__wrapper.is-required label.radio__label:after {
    display: none;
}
.input__liner .input__wrapper span.error {
    bottom: 0 !important;
}
#basket.cloud-hosting .input__wrapper.line {
    align-items: flex-start;
}


.dom__sets.cloud-hosting ul li.comment {
    padding: 0;
    height: 90px;
}
.dom__sets.cloud-hosting ul li.comment .set__wrap {
    align-items: center;
}





.dom .dom__sets ul li.delete .set__wrap .icon {
    background: var(--main-red);
}
.dom .dom__sets ul li.delete .set__wrap .icon i {
    background: var(--main-red);
}
.dom .dom__sets ul li.delete .set__wrap h3 {
    color: var(--main-red);
}


.cloud-pages form .form__content {
    background: var(--bg-color);
	padding: 20px 35px 0;
	border-bottom: 1px solid var(--border-color);
	border-top: 1px solid var(--border-color);
}
.cloud-pages h2 {
    margin-bottom: 20px;
	padding: 0 35px;
}
.cloud-pages .info {
    color: var(--text-color-100);
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}
/* .cloud-pages .pass__generator .view {
    right: 15px;
} */
.cloud-pages label.radio__label {
    line-height: 1rem;
}
@media (max-width: 500px) {
    .cloud-pages h2 {
        padding: 0 20px;
    }
    .cloud-pages form .form__content {
        padding: 20px 20px 0;
    }
}

.cloud-pages>.content {
    background: var(--bg-color);
    padding: 0 0 20px 0;
}
.firewall-setting .firewall__actions {
    padding: 0 35px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.firewall-setting span.type {
    display: none;
    font-weight: 500;
}
.firewall-setting table {
    margin-bottom: 20px;
}





.firewall-setting .firewall__header {
    margin-bottom: 20px;
    padding: 0 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.firewall-setting>.content {
    background: var(--bg-color);
    padding: 0 0 20px 0;
}
.firewall-setting table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    color: var(--text-color);
}
.firewall-setting table thead tr td{
    padding: 0 35px;
}

.firewall-setting table tbody tr td.name {
    font-weight: 500;
}
.firewall-setting table tbody tr td.actions {
    padding: 0 35px;
}
.firewall-setting table tbody tr td.actions a {
    text-decoration: none;
}
.firewall-setting table tbody tr td.actions a:nth-child(1) {
    margin-right: 10px;
}
.firewall-setting table tbody tr td.actions i {
    font-size: 18px;
}
.firewall-setting .firewall__actions {
    padding: 0 35px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.firewall-setting span.type {
    display: none;
    font-weight: 500;
}
@media (max-width: 800px) {
    .firewall-setting span.type {
        display: block;
        font-weight: 500;
    }
    .firewall-setting table thead {
        display: none;
    }
    .firewall-setting table tbody tr {
        display: flex;
        flex-direction: column;
        gap: 5px;
        min-height: 60px;
        height: auto;
        padding: 20px 0;
    }
    .firewall-setting table tbody tr:nth-child(1) {
        border-top: 1px solid var(--border-color);
    }
}
@media (max-width: 500px) {
    .firewall-setting table tbody tr td {
        padding: 5px 20px;
    }
    .firewall-setting .firewall__header {
        padding: 0 20px;
    }
    .firewall-setting table tbody tr td.actions {
        padding: 0 20px;
    }
    .firewall-setting .firewall__actions {
        padding: 0 20px;
    }
}

.firewall-setting .tabs {
    padding: 0 35px;
    border-bottom: none;
}


.ip-setting form .form__content {
    padding: 20px 35px;
}


body {
    display: flex;
    flex-direction: column;
}
body>.container {
    flex: 1;
}


.emails__block span.error {
    position: relative;
}


.bx-session-message {
    display: none !important;
}
@media (max-width: 900px) {
    .dom .dom__sets ul li>.set__wrap .info {
        display: block;
    }
}
@media (max-width: 678px) {
    .dom .dom__sets ul li .set__wrap .icon {
        display: none;
    }
}
@media (max-width: 500px) {
    .dom .dom__sets ul li .set__wrap {
        flex-wrap: wrap;
    }
    .dom .dom__sets ul li .set__wrap .text {
        order: 1;
        width: 80%;
    }
    .dom .dom__sets ul li .set__wrap .info {
        order: 3;
        width: 100%;
        flex: none;
        margin-top: 5px;
    }
    .dom .dom__sets ul li .set__wrap .arrow {
        order: 2;
        width: 20%;
    }
    .dom .dom__sets ul li.comment .set__wrap .text {
        width: 100%;
        margin: 0;
    }
    .dom .dom__sets ul li.comment .set__wrap .arrow {
        display: none;
    }
}


#reinstall-os .steps-wrapper {
    width: 100%;
    display: flex;
    transition: 0.15s all;
}
#reinstall-os form {
    width: 100%;
    overflow: hidden;
}
#reinstall-os .steps-wrapper .step {
    width: 100%;
    flex: none;
    height: 100%;
}
#reinstall-os.step-2-active .steps-wrapper {
    transform: translateX(-100%);
}
#reinstall-os button.submit {
    display: none;
}
#reinstall-os.step-2-active button.submit {
    display: flex;
    margin: 0;
}
#reinstall-os.step-2-active button.next {
    display: none;
}
#reinstall-os .step-2 {
    padding-bottom: 10px;
}




html {
    height: auto !important;
}


.grecaptcha-badge {
    display: none !important;
}



.select-server-actions {
    position: relative;
}
.select-server-actions .actions-dropdown {
    position: absolute;
    top: 110%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(4px);
    transition: 0.15s all;
    background: #fff;
    border-radius: 6px;
    display: grid;
    width: max-content;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 5%);
    border: 1px solid rgb(209, 213, 219);
}
.select-server-actions .actions-dropdown button {
    box-shadow: none;
    border: none;
    border-bottom: 1px solid var(--border-color);
    flex: none;
    border-radius: 0;
    padding: 6px 16px;
    height: 42px;
}
.select-server-actions .actions-dropdown button:last-child {
    border: none;
}
.select-server-actions .actions-dropdown.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.dom__header__btn {
    display: flex;
    align-items: center;
    column-gap: 15px;
    row-gap: 10px;
}


.snapshot {
    padding-top: 20px;
}
.snapshot .snapshot-wrapper {
    border-radius: 10px;
    margin: 0 35px 20px 35px;
}
.snapshot p {
    margin-bottom: 00px;
}
.snapshot h3 {
    margin-bottom: 10px;
    font-weight: 600;
}
.snapshot form.validate {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
}
.snapshot form [type="submit"] {
    margin-top: 10px;
}
.snapshot table thead td {
    padding: 0 35px;
}
.snapshot table td .actions {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: flex-end;
}
.snapshot table .badge-green {
    margin-left: 8px;
}
.snapshot table .recovery {
    padding: 6px 8px;
}
.snapshot table .recovery svg {
    width: 23px;
}
.snapshot table .recovery svg path {
    fill:#374151;
}
.snapshot form .input__wrapper {
    width: 100%;
    max-width: 400px;
}


@media (max-width: 550px) {
    .snapshot .snapshot-wrapper {
        margin: 0 20px 20px 20px;
    }
    .snapshot form.validate {
        flex-direction: column;
        gap: 5px;
        align-items: flex-start;
    }
    .snapshot form.validate [type="submit"] {
        margin-top: 0;
    }
    .snapshot table td .actions {
        justify-content: flex-start;
        margin-top: 5px;
    }

}
@media (max-width: 900px) {
    .container:not(.public-page) .snapshot table tr {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
}
@media (max-width: 700px) {
    .dom__header__btn {
        column-gap: 15px;
    }
}


.copy-possible {
    cursor: alias;
}
.copy-possible-btn {
    position: absolute;
    display: none;
    padding: 3px 6px;
    height: 22px;
    z-index: 9999;
    transition: none;
    font-size: 12px;
}
.copy-possible-btn.active {
    display: flex;
}

.empty-cart-services>.bg-gray-50 {
    background: none;
}



.editor_dialog {
    height: auto !important;
}
.bx-file-dialog img {
    display: inline;
}
@media (max-width: 1200px) {
    header .mh__acc .acc__dropdown__reg {
        display: block !important;
        opacity: 1 !important;
    }
}


.cloud-tariffs .cloud-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
    color: var(--text-color);
}
.cloud-tariffs .cloud-table thead {
    background: var(--bg-color-table);
    border: 1px solid var( --border-color);
    border-left: none;
    border-right: none;
    color: var( --text-color);
    font-weight: 500;
    height: 60px;
}
.cloud-tariffs .cloud-table tbody tr {
    background: var(--bg-color);
    transition: 0.15s all;
}
.cloud-tariffs .cloud-table tbody tr:hover {
    background: var(--bg-100);
}
.cloud-tariffs .cloud-table thead td {
    padding: 0 15px;
}
.cloud-tariffs .cloud-table tbody .item {
    border-bottom: 1px solid var(--border-color);
    height: 60px;
}
.cloud-tariffs .cloud-table tbody td {
    padding: 0 15px;
}
.cloud-tariffs .cloud-table tbody .name {
    font-weight: 500;
    max-width: 330px;
}
.cloud-tariffs .cloud-table tbody .name i {
    margin-right: 5px;
    --fa-primary-color: var(--main-red);
    --fa-secondary-color: var(--main-orange);
    font-size: 20px;
}
.cloud-tariffs .cloud-table tbody .cert img {
    max-width: 100px;
}

.cloud-tariffs .cloud-table tbody .actions a {
    justify-content: center;
}
.cloud-tariffs .cloud-table tbody .info {
    position: relative;
}
.cloud-tariffs .cloud-table tbody .info>.line {
    margin-bottom: 5px;
    display: flex;
    gap: 5px;
}

.cloud-tariffs .ssl-table tbody .actions a {
    margin-left: auto;
}
.cloud-tariffs .ssl-table tbody .actions {
    width: 165px;
}
.cloud-tariffs .ssl-table tbody .price {
    width: 165px;
}
.cloud-tariffs .ssl-table tbody td {
    font-weight: 500;
}

.all-cloud-tariffs.opened i {
    transform: rotate(180deg);
}






















.account-switch {
    position: fixed;
    z-index: 1000;
    bottom: 67vh;
    right: 40px;
    border-radius: 9999px;
    background: #fff;
    box-shadow: var(--box-shadow-100);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    font-size: 24px;
    transition: 0.15s all;
}
.account-switch:hover {
    background: var(--badge-gray-bg);
}
.account-switch:active {
    transform: scale(0.9);
}



.tariff__section .hide-title .main__disk, .tariff__section .hide-title .main__info{
    cursor: default !important;
    border: none !important;
}





.detail__records__table td.content {
    max-width: 350px;
}

.mh__acc .close {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 0px;
    right: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    cursor: pointer;
    text-decoration: none;
    font-size: 24px;
    color: var(--text-color);
    transition: 0.15s all;
}
.mh__acc .close:active {
    font-size: 18px;
}



@media (max-width: 600px) {
    .services .block__search .filter__section {
		flex: 0 0 100%;
		max-width: none;
	}
}

@media (max-width: 1200px) {
    .container.public-page section.place {
        margin-top: 0;
    }
}

@media (max-width: 500px) {
    .domain-check.v2 .search .input__wrapper input[type="text"]::placeholder {
        font-size: 15px;
    }
}


.domain-check .tabs {
    flex-wrap: wrap;
}
@media (max-width: 600px) {
    .domain-check .tabs li {
        flex: none;
    }
    .domain-check .tabs {
        gap: 10px;
        padding-bottom: 15px !important;
    }
    .domain-check .tabs li.active {
        border: none;
        border-bottom: 2px solid var(--main-blue);
        background: none;
    }
    .domain-check .tabs li a {
        text-align: center;
    }
}
@media (max-width: 500px) {
    .domain-check .tabs li {
        border: none;
        padding: 0;
    }
    .domain-check .tabs li a {
        color: rgb(107, 114, 128);
        font-size: 15px !important;
        white-space: nowrap;
        width: fit-content;
    }
    .domain-check .tabs li.active a {
        color: var(--main-blue);
    }
    .domain-check .tabs {
        flex-direction: row;
        justify-content: space-between;
    }
    .domain-check .tabs.ordering {
        padding: 0;
    }
}

@media (max-width: 678px) {
    .domain-check .domain-top-place {
        padding: 0 15px;
    }
}

@media (max-width: 500px) {
    .selected-domains-container {
        padding-top: 20px;
    }
    .services .block__search {
        padding: 0 20px;
    }
}

#tickets table tbody tr {
    transform: translate(0);
    clip-path: inset(0);
}

.domain-action-section .domain-action-section-actions a.active {
    background: var(--main-blue);
    color: #FFFFFF;
    pointer-events: none;
}
@media (min-width: 1200px) {
	.acc__dropdown__reg .fa-xmark {
		display: none
	}
}


.skiptranslate {
    display: none !important;
}
.translated-ltr font {
    background-color: transparent !important;
    box-shadow: none !important;
}