@font-face {
    font-family: 'Unbounded';
    src: url('fonts/Unbounded-Bold.woff2') format('woff2'),
        url('fonts/Unbounded-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Unbounded';
    src: url('fonts/Unbounded-Regular.woff2') format('woff2'),
        url('fonts/Unbounded-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Unbounded';
    src: url('fonts/Unbounded-Black.woff2') format('woff2'),
        url('fonts/Unbounded-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Unbounded';
    src: url('fonts/Unbounded-Medium.woff2') format('woff2'),
        url('fonts/Unbounded-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Unbounded';
    src: url('fonts/Unbounded-Light.woff2') format('woff2'),
        url('fonts/Unbounded-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

html {
    min-width: 320px;
}

body {
    position: relative;
    margin: 0;
    padding: 0px 0 0 0;
    min-height: 100dvh;
    width: 100%;
    font-family: 'Unbounded', sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #1D1D1D;
    -webkit-text-size-adjust: 100%;
}


html>body {
    padding: 0;
}

img {
    padding: 0;
    margin: 0;
    border: 0;
}

.cleaner {
    clear: both;
}

a:hover {
    text-decoration: none;
}

input::-moz-placeholder {
    opacity: 0.5;
}

input::-webkit-input-placeholder {
    opacity: 0.5;
}

input:focus::-moz-placeholder {
    opacity: 0;
}

input:focus::-webkit-input-placeholder {
    opacity: 0;
}

a {
    color: #0056F3;
}

* {
    box-sizing: border-box;
    outline: none;
    max-height: 9999999px;
    -webkit-appearance: none !important;
}

.all {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 40px;
    box-sizing: border-box;
}

form {
    padding: 0;
    margin: 0;
    border: 0;
}

form fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

button,
a {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    max-width: 100%;
    padding-top: 64px;
}

.container.inner {
    padding-top: 126px;
    min-height: 100vh;
}

p {
    padding: 0;
    margin: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}



.suggest-block .fadeIn {
    opacity: 0 !important;
    transition: all 0.25s ease;
    transform: translateY(30px);
}

.suggest-block.show .animated.fadeIn {
    opacity: 1 !important;
    transform: none;
}

.suggest-block:not(.show) .animated.fadeIn {
    opacity: 0 !important;
    transform: translateY(30px);
}

.fadeIn {
    opacity: 0 !important;
    transition: all 0.25s ease;
    transform: translateY(30px);
}

.animated.fadeIn {
    opacity: 1 !important;
    transform: none;
}


body.pop-open {
    max-height: 100dvh;
    overflow: hidden;
}

header {
    background: #fff;
    position: fixed;
    z-index: 80;
    top: 0;
    left: 0;
    width: 100%;
}

header .all {
    height: 64px;
    display: flex;
    align-items: center;
}

header .menu-ic {
    display: none;
}

header .logo {
    display: block;
    height: 24px;
    margin: 0 60px 0 0;
}

header .left+a .logo,
header .page-title+a .logo {
    display: none;
}

header nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
}

header nav ul li+li {
    margin-left: 20px;
}

header nav ul li a {
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    color: inherit;
}

header nav ul li a:hover {
    color: #1E5CFF;
}

header nav ul li.active a {
    color: #0056F3;
}

header .btn {
    font-weight: normal;
    padding: 0 24px;
    line-height: 48px;
    font-size: 14px;
    margin-left: auto;
    background: #E5EEFE;
    color: #0056F3;
}

header .btn:not(:disabled, .disabled):hover {
    background: #0056F3;
    color: #fff;
}

header .btn.blue {
    background: #0056F3;
    color: #fff;
}

header .btn.blue:not(:disabled, .disabled):hover {
    background: #E5EEFE;
    color: #0056F3;
}

header .btn:hover {
    background: #1E5CFF;
    color: #fff;
}

header .btn.try {
    position: absolute;
    left: -9999px;
    top: -9999px;
    opacity: 0;
    transition: opacity 0.3s ease, background 0.3s ease;
}

header.scrolled .btn.try {
    background: #1E5CFF;
    color: #fff;
    position: relative;
    top: auto;
    left: auto;
    opacity: 1;
}

header.scrolled .btn.try:hover {
    background: #E5EEFE;
    color: #0056F3;
}

header.scrolled .btn:not(.try) {
    display: none;
}

header .right {
    display: flex;
    align-items: stretch;
}

header .right.center {
    align-items: center;
}

header .left {
    display: flex;
    align-items: center;
}

header .left .btn+.btn {
    margin-left: 12px;
}

header .page-title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    margin: 0 48px 0 0;
}

header .count {
    display: flex;
    align-items: center;
    font-size: 24px;
    line-height: 30px;
}

header .count small {
    display: block;
    margin: 0 0 0 8px;
    font-size: 14px;
    line-height: 20px;
    color: #8A8A8A;
    font-weight: 300;
}

header .buy {
    position: relative;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 0 20px;
    display: table;
}

header .buy:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 1px;
    transition: all 0.3s ease;
    background: #0056F3;
}

header .buy:hover:after {
    opacity: 0;
}

.counter-wrap.mini:not(:last-child) {
    margin: 0 20px 0 0;
}

.counter-wrap.mini {
    height: auto;
}

.counter-wrap.mini .counter-block {
    border-radius: 10px;
    padding: 8px;
    width: 262px;
    font-size: 10px;
}

.counter-wrap.mini .counter-block .top {
    font-size: 20px;
    margin: 0 0 4px;
}

.counter-wrap.mini .counter-block .block {
    margin: 0 8px;
}

.counter-wrap.mini .title {
    display: none;
}

.inner header .all {
    height: 76px;
    justify-content: space-between;
}

.inner header {
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 50px;
}

.inner header .btn {
    border-radius: 12px;
}

.inner .all {
    max-width: 1254px;
    padding: 0 60px;
}

.leftpanel {
    padding: 28px 12px;
    z-index: 81;
    position: fixed;
    top: 0;
    bottom: 0;
    right: calc(50% + 628px);
    width: 1500px;
    background: #F6F6F6;
}

.leftpanel .in {
    margin-left: auto;
    width: 162px;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.leftpanel .in .btn {
    margin: 0 auto 32px;
    line-height: 34px;
    font-size: 12px;
    padding: 0 16px;
    border-radius: 12px;
}

.leftpanel .in .btn.gift,
header .btn.gift,
.menu-page nav .row .drop .flex-title .btn.gift {
    background: none;
    border: 1px solid #0056F3;
    color: #0056F3;
}

.leftpanel .in .btn.gift:hover,
header .btn.gift:hover {
    background: #0056F3;
    color: #fff;
}

.leftpanel nav ul {
    display: block;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.leftpanel nav ul li+li {
    margin-top: 32px;
}

.leftpanel nav ul li a {
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
    color: #BFBFBF;
    text-align: center;
    display: block;
}

.leftpanel nav ul li .ic {
    width: 24px;
    height: 24px;
    margin: 0 auto 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.leftpanel nav ul li .ic img {
    transition: all 0.3s ease;
    filter: grayscale(100%);
    opacity: 0.3;
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.leftpanel nav ul li.active a .ic img,
.leftpanel nav ul li:hover a .ic img {
    filter: none;
    opacity: 1;
}

.leftpanel nav ul li.active a,
.leftpanel nav ul li:hover a {
    color: #0056F3;
}

.leftpanel .bottom {
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    margin-top: auto;
}

.leftpanel .bottom .exit {
    text-decoration: none;
    color: #BFBFBF;
}

.leftpanel .bottom .exit:hover {
    color: #0056F3;
}

.progress-panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    height: 58px;
    z-index: 10;
}

.progress-panel .all {
    width: 100%;
    max-width: 706px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.progress-panel .back {
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: url(/local/templates/.default/assets/img/back-ic.svg) center center no-repeat;
}

.progress-panel .close {
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: url(/local/templates/.default/assets/img/close-ic.svg) center center no-repeat;
}

.progress-panel .progress-line {
    overflow: hidden;
    width: calc(100% - 80px);
    position: relative;
    height: 4px;
    background: #F6F6F6;
    border-radius: 3px;
}

.progress-panel .progress-line .fill {
    transition: all 0.3s ease;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #0056F3;
}

.first-screen {
    min-height: 500px;
    margin: 0 0 120px;
    height: 680px;
    display: flex;
    align-items: center;
    background: #f6f6f6 url(/local/templates/.default/assets/img/deskBanner.png) center right/auto 100% no-repeat;
}

.first-screen .txt {
    max-width: 490px;
}

.first-screen h1 {
    font-size: 60px;
    line-height: 100%;
    font-weight: 500;
    padding: 0;
    margin: 0 0 20px;
}

.first-screen .descr {
    max-width: 500px;
}

.first-screen .btn {
    margin-top: 28px;
}

.btn {
    cursor: pointer;
    border: 0;
    font-family: inherit;
    transition: all 0.3s ease;
    display: table;
    color: #fff;
    text-decoration: none;
    line-height: 52px;
    background: #1E5CFF;
    padding: 0 40px;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 500;
}

.btn:not(:disabled, .disabled):hover {
    background: #E5EEFE;
    color: #0056F3;
}

.btn.long {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}

.btn:disabled,
.btn.disabled {
    cursor: default;
    background: #EDEDED;
    color: #BFBFBF;
}

.typing-wrap {
    margin: 0 0 120px;
    position: relative;
    font-size: 32px;
    line-height: 44px;
    font-weight: 500;
}

.typing-wrap .text {
    opacity: 0;
}

.typing-text {
    transition: all 0.3s ease;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.typing-text.typed.fadedown {
    transform: translateY(30px);
    opacity: 0;
}

.typing-wrap span {
    color: #0056F3;
}

.content {
    padding: 0 0 100px;
    overflow: hidden;
    font-size: 16px;
    line-height: 140%;
}

.content h2 {
    font-size: 60px;
    line-height: 100%;
    text-align: center;
    margin: 0 0 68px;
    font-weight: 500;
}

.content h2.blue {
    color: #0056F3;
}

.content h2.red {
    color: #FF4D4D;
}

.content .suggest-block h2 {
    text-align: left;
}

.content h2.right {
    text-align: right;
}

.suggest-block {
    max-width: 954px;
    margin: 0 auto;
    position: relative;
}

.suggest-block .list {
    margin: 0 0 120px;
}

.suggest-block .list .block {
    margin: 0 0 40px;
    border-radius: 12px;
    display: table;
    position: relative;
    background: #F6F6F6;
    padding: 12px 20px;
    font-size: 18px;
    line-height: 26px;
}

.suggest-block .list .block>.emoj {
    transition-delay: 0.1s;
    max-width: 78px;
    position: absolute;
    left: calc(100% + 24px);
    display: table;
    top: 50%;
    transform: translateY(-50%);
}

.suggest-block .list .block .emoj.videos {
    max-width: 110px;
    left: calc(100% - 56px);
    top: auto;
    bottom: calc(100% - 100px);
}

.suggest-block .list .block .emoj.eye {
    max-width: 73px;
}

.suggest-block .list .block .words {
    transition-delay: 0.5s;
    position: absolute;
    left: calc(100% + 24px);
    display: flex;
    top: 50%;
    transform: translateY(-50%);
}

.suggest-block .list .block .words span {
    width: 73px;
    height: 78px;
    display: block;
    background: url(/local/templates/.default/assets/img/emoj06.png) center center/contain no-repeat;
}

.suggest-block .list .block .words span+span {
    margin-left: 16px;
}

.suggest-block .list .block.blue {
    background: #0056F3;
    color: #fff;
}

.suggest-block .list .block .emojs {
    transition-delay: 0.5s;
    display: flex;
    position: absolute;
    left: calc(100% + 24px);
    top: 50%;
    transform: translateY(-50%);
}

.suggest-block .list .block .emojs .emoj {
    max-height: 76px;
}

.suggest-block .not-block {
    opacity: 0;
    transition: opacity 0.3s ease;
    transform: translate(-55%, -56%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1000px;
    height: 1000px;
}

.suggest-block .not-block.animated {
    opacity: 1;
}

.suggest-block .not-block:before {
    top: 50%;
    left: 0;
    transform: rotate(45deg);
    transform-origin: center center;
    content: '';
    display: block;
    position: absolute;
    width: 1000px;
    height: 6px;
    background: #FF7A7A;
}

.suggest-block .not-block:after {
    top: 50%;
    left: 0;
    transform: rotate(-45deg);
    transform-origin: center center;
    content: '';
    display: block;
    position: absolute;
    width: 1000px;
    height: 6px;
    background: #FF7A7A;
}


.lk-questions-page {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

ul.tabs-list {
    background: #F6F6F6;
    border-radius: 12px;
    padding: 4px;
    display: flex;
    justify-content: center;
    margin: 0 0 40px;
    list-style-type: none;
}

ul.tabs-list li {
    width: 270px;
    max-width: 50%;
}

ul.tabs-list li a {
    display: table;
    text-decoration: none;
    line-height: 40px;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    font-size: 14px;
    color: inherit;
    font-weight: 300;
}

ul.tabs-list li.active a {
    background: #fff;
    color: #0056F3;
    font-weight: 500;
}

.tabs-content {
    width: 100%;
}


.no-block {
    font-size: 36px;
    font-weight: 500;
    width: 100%;
    text-align: center;
    min-height: calc(100dvh - 340px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.prices-block {
    padding: 110px 0 100px 0;
    position: relative;
    margin: 0 auto;
    max-width: 953px;
    position: relative;
}

.prices-header {
    position: absolute;
    top: 0;
    left: 50%;
    width: 953px;
    transform: translateX(-50%);
}

.fix-top .prices-header {
    position: fixed;
    z-index: 90;
    /*top: 100px;*/
}

.prices-header ul {
    border-radius: 12px;
    padding: 4px;
    margin: 0;
    list-style-type: none;
    display: flex;
    background: #F6F6F6;
}

.prices-header ul li {
    position: relative;
    width: calc(100% / 3);
}

.prices-header ul li a {
    border-radius: 10px;
    display: block;
    line-height: 44px;
    font-size: 18px;
    color: #1D1D1D;
    text-align: center;
    text-decoration: none;
}

.prices-header ul li.active a {
    color: #0056F3;
    font-weight: 500;
    background: #fff;
}

.prices-header .sale {
    position: absolute;
    line-height: 28px;
    padding: 0 8px;
    border-radius: 8px;
    background: #FF4D4D;
    font-size: 16px;
    color: #fff;
    left: 0;
    top: -18px;
}

.prices-cols {
    justify-content: space-between;
    font-size: 22px;
    line-height: 26px;
    display: flex;
    flex-wrap: wrap;
}

.prices-cols .col.fullw {
    color: inherit;
    border-bottom: 1px solid #E8E8E8;
    margin: 0 0 32px;
    padding: 0 0 12px;
    width: 100%;
}

.prices-cols .col {
    margin: 0 0 60px;
    color: #BFBFBF;
    width: calc(100% /3 - 18px);
}

.prices-cols .col.active {
    color: inherit;
}

.prices-cols .col small {
    display: block;
    margin: 12px 0 0 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
}

.prices-cols .price {
    display: flex;
    align-items: center;
    font-size: 40px;
    line-height: 100%;
    font-weight: 500;
    color: #BFBFBF;
}

.prices-cols .price small {
    font-size: 16px;
    line-height: 20px;
    text-decoration: line-through;
    margin: 0 0 0 16px;
}

.prices-cols .active .price {
    color: #0056F3;
}

.prices-cols .active .price small {
    color: #99BBFA;
}

.prices-cols .inf {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #F6F6F6;
    position: relative;
}

.prices-cols .inf:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: url(/local/templates/.default/assets/img/inf-ic.svg) center center no-repeat;
    filter: grayscale(100%);
    opacity: 0.4;
}

.prices-cols .active .inf:after {
    filter: none;
    opacity: 1;
}

.prices-cols .active .inf {
    background: #E5EEFE;
}

.prices-cols .not {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #F6F6F6;
    position: relative;
}

.prices-cols .not:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: url(/local/templates/.default/assets/img/not-ic.svg) center center no-repeat;
}

.prices-cols .yes {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #F6F6F6;
    position: relative;
}

.prices-cols .yes:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: url(/local/templates/.default/assets/img/check-ic.svg) center center no-repeat;
    filter: grayscale(100%);
    opacity: 0.4;
}

.prices-cols .active .yes:after {
    filter: none;
    opacity: 1;
}

.prices-cols .active .yes {
    background: #E5EEFE;
}

.vars-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.vars-block .block {
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    padding: 0 0 92px;
    position: relative;
    width: calc(50% - 14px);
}

.vars-block .block .pic {
    background: #D9D9D9 center center/cover no-repeat;
    border-radius: 20px;
    height: 380px;
    margin: 0 0 28px;
}

.vars-block .block .title {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 12px;
}

.vars-block .block .btn {
    font-size: 14px;
    position: absolute;
    left: 0;
    bottom: 0;
    font-weight: 300;
}

h2 .count {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    text-decoration: none;
    display: table;
    line-height: 26px;
    width: 36px;
    text-align: center;
    background: #0056F3;
    border-radius: 14px;
    font-size: 16px;
}

.main-cols {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.main-cols:not(:last-child) {
    margin-bottom: 80px;
}

.main-cols .col {
    width: calc(50% - 10px);
}

.inner h2 {
    text-align: left;
    margin: 0 0 28px;
    font-size: 36px;
    line-height: 100%;
    position: relative;
}

.grey-bg {
    min-height: 148px;
    background: #F6F6F6;
    border-radius: 12px;
    padding: 20px;
}

.progress-block {
    font-size: 14px;
    line-height: 20px;
    color: #8A8A8A;
    display: flex;
    justify-content: space-between;
}

.progress-block .left {
    font-weight: 300;
    max-width: calc(100% - 110px);
}

.progress-block .left p+p {
    margin-top: 12px;
}

.progress-block .left p b {
    display: block;
    line-height: 26px;
    font-weight: 500;
    color: #1D1D1D;
}

.progress-block .left a {
    line-height: 26px;
    position: relative;
    color: #0056F3;
    display: table;
    text-decoration: none;
}

/* .progress-block .left a:after {transition: opacity 0.3s ease; content: ''; display: block; position: absolute; bottom: 2px; left: 0; width: 100%; height: 1px; background: #0056F3;} */
.progress-block .left a:hover:after {
    opacity: 0;
}

.progress-block .right .progressbar {
    width: 108px;
    height: 108px;
    position: relative;
}

.progress-block .right .progressbar-wrap {
    position: relative;
}

.progress-block .right .progressbar-wrap .cup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.progress-block .right .progressbar-wrap .cup img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}


.progressbar {
    min-width: 20px;
    min-height: 20px;
}

.staff-progress-list .top {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    margin: 0 0 16px;
    color: #8A8A8A;
}

.staff-progress-list .progressbar {
    width: 20px;
    height: 20px;
}

.staff-progress-list .block {
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
    justify-content: space-between;
    margin: 0 0 8px;
    padding: 8px 16px;
    display: flex;
    align-items: flex-start;
}

.staff-progress-list .block.bg {
    margin: 0 0 16px;
    padding: 16px;
    border-radius: 12px;
    background: #F6F6F6;
}

.staff-progress-list .block .num {
    width: 21px;
    line-height: 26px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    margin: 0 12px 0 0;
}

.staff-progress-list .block .ava {
    font-size: 12px;
    background: center center/cover no-repeat;
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0;
    border-radius: 50%;
    background: #D9D9D9;
    line-height: 24px;
    text-align: center;
}

.staff-progress-list .block .inf {
    width: calc(100% - 180px);
}

.staff-progress-list .block .name {
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    margin: 0 0 2px;
}

.staff-progress-list .block .progress {
    width: 110px;
    justify-content: flex-end;
    font-size: 12px;
    line-height: 24px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.staff-progress-list .block .progress .progressbar {
    margin: 0 8px 0 0;
}

.staff-progress-list .block .progress .cup {
    width: 100%;
    text-align: right;
    padding: 10px 0 0 0;
}

.staff-progress-list .block .progress .cup img {
    height: 24px;
    display: table;
    margin: 0 0 0 auto;
}

.days-serie {
    padding: 16px 0 0 0;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    justify-content: center;
    color: #8A8A8A;
}

.days-serie .block {
    position: relative;
    margin: 0 15px;
    text-align: center;
}

.days-serie .block .num {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 39px;
    color: #1D1D1D;
    font-size: 14px;
}

.days-serie .block.finished .num {
    opacity: 0;
}

.days-serie .block.finished:after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 39px;
    background: url(/local/templates/.default/assets/img/fire.png) center center/14px auto no-repeat;
}

.days-serie .progressbar {
    margin: 12px auto 0;
    width: 39px;
    height: 39px;
}

footer {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #99BBFA;
    background: #0056F3;
    padding: 80px 0;
}

footer .all {
    position: relative;
}

footer .dev {
    position: absolute;
    top: 0;
    right: 40px;
    display: table;
    text-decoration: none;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
}

footer nav ul {
    padding: 0;
    margin: 0 0 28px;
    list-style-type: none;
    display: flex;
}

footer nav ul li+li {
    margin-left: 28px;
}

footer nav ul li a {
    text-decoration: none;
    font-size: 16px;
    line-height: 22px;
    display: table;
    color: #fff;
    font-weight: 500;
}

footer nav ul li a:hover {
    color: #E5EEFE;
}

footer .corp {
    margin: 0 0 60px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    display: table;
    text-decoration: none;
    font-weight: 300;
}

footer .corp:hover {
    border-color: rgba(255, 255, 255, 0);
}

footer .rek {
    padding: 0 0 16px;
    font-weight: 300;
    display: flex;
    flex-wrap: wrap;
    max-width: 790px;
}

footer .rek span {
    margin: 0 16px 16px 0;
    color: #4080F6;
}

footer .rek div {
    margin: 0 16px 16px 0;
}

footer .rek a {
    color: inherit;
    text-decoration: none;
}

footer .rek a:hover {
    color: #fff;
}

footer .links {
    display: flex;
}

footer .links a {
    font-weight: 300;
    display: flex;
    align-items: center;
    color: #99BBFA;
    text-decoration: none;
}

footer .links a+a {
    margin-left: 15px;
}

footer .links a:hover {
    color: #fff;
}

footer .links a:hover:before {
    filter: brightness(800%);
}

footer .links a:before {
    transition: all 0.1s ease;
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 8px 0 0;
    background: url(/local/templates/.default/assets/img/doc-ic.svg) center center no-repeat;
}

.tabs-content .tab {
    position: absolute;
    left: -99999px;
    top: -0000px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.tabs-content .tab.active {
    opacity: 1;
    position: relative;
    top: auto;
    left: auto;
}

.modules-list {
    padding: 4px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.modules-list .block {
    margin: 0 0 20px;
    overflow: hidden;
    justify-content: space-between;
    display: flex;
    color: inherit;
    text-decoration: none;
    width: calc(50% - 10px);
    height: 129px;
    background: #F6F6F6;
    border-radius: 12px;
    align-items: center;
}

.modules-list .block .pic {
    height: 100%;
    width: 129px;
    position: relative;
}

.modules-list .block .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.modules-list .block .progressbar {
    width: 29px;
    height: 29px;
}

.modules-list .block .progressbar-wrap {
    margin: 0 20px 0 0;
}

.modules-list .block .inf {
    width: calc(100% - 180px);
    padding: 0 20px;
}

.modules-list .block .inf .title {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 12px;
    font-weight: 500;
}

.modules-list .block .inf .chars {
    font-weight: 300;
    margin: 0 0 -8px;
    display: flex;
    flex-wrap: wrap;
}

.modules-list .block .inf .chars div {
    border-radius: 12px;
    line-height: 24px;
    background: #fff;
    padding: 0 8px;
    font-size: 14px;
    margin: 0 0 8px;
}

.modules-list .block .inf .chars div+div {
    margin-left: 8px;
}

.popup {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: auto;
    padding: 28px 0 60px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    z-index: 100;
    height: 100dvh;
    background: #fff;
}

.popup::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.popup.enter-popup.visible {
    display: flex;
    align-items: center;
    padding: 0;
}

.popup.visible {
    display: block;
}

.popup .title {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 8px;
    font-weight: 500;
}

.popup .form-block .title {
    text-align: center;
}

.popup .subtitle {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 60px;
    text-align: center;
    font-weight: 300;
}

.popup .form-block {
    max-width: 400px;
    margin: 0 auto;
}

.popup .prices-header {
    width: 626px;
}

.popup .prices-block {
    margin-top: 60px;
}

.popup .prices-block {
    padding-top: 80px;
    padding-bottom: 0;
}

.popup .prices-header ul {
    position: relative;
}

.popup .prices-header ul li a {
    font-size: 14px;
    line-height: 40px;
}

.popup .prices-header:before {
    content: '';
    display: block;
    position: absolute;
    height: 30px;
    left: -5px;
    width: calc(100% + 10px);
    top: -20px;
    background: #fff;
}

.popup .prices-cols.main-prices {
    align-items: flex-end;
}

.prices-cols .price {
    align-items: flex-start;
    font-size: 32px;
    line-height: 100%;
    flex-direction: column;
}

.prices-cols .price small {
    order: 1;
    margin: 0;
}

.prices-cols .price span {
    order: 2;
}

.popup.nocourse-info {
    border-radius: 20px;
    padding: 0;
}

.popup.nocourse-info .close {
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: url(img/close-ic.svg) center center no-repeat;
}

.popup.nocourse-info .top-panel {
    border-bottom: 1px solid #E8E8E8;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.popup.nocourse-info .top-panel .title {
    margin: 0;
}

.popup.nocourse-info .top-panel .all {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 72px;
}

.nocourse-info-cols {
    margin-top: 72px;
    display: flex;
    align-items: stretch;
    position: relative;
    height: calc(100dvh - 72px);
}

.nocourse-info-cols .leftcol {
    padding: 32px 0;
    border-right: 1px solid #E8E8E8;
    position: relative;
    width: 200px;
}

.nocourse-info-cols .leftcol nav ul {
    font-size: 14px;
    line-height: 20px;
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 0;
    margin: 0 0 36px;
    list-style-type: none;
}

.nocourse-info-cols .leftcol nav ul li a {
    color: #BFBFBF;
    text-decoration: none;
}

.nocourse-info-cols .leftcol nav ul li.active a,
.nocourse-info-cols .leftcol nav ul li:hover a {
    color: #0056F3;
}

.nocourse-info-cols .leftcol nav .title,
.nocourse-info-cols .leftcol nav .nav-close {
    display: none;
}

.nocourse-info-cols .leftcol .btn {
    padding: 0 24px;
    line-height: 40px;
    font-size: 12px;
    font-weight: normal;
}

.nocourse-info-cols .leftcol .mob-btn {
    display: none;
}

.nocourse-info-cols .rightcol {
    width: calc(100% - 200px);
}

.nocourse-info-cols .rightcol .right-tabs {
    display: flex;
    padding: 0;
    align-items: center;
    margin: 0 0 30px;
    list-style-type: none;
    gap: 12px;
}

.nocourse-info-cols .rightcol .right-tabs a {
    display: table;
    line-height: 32px;
    padding: 0 12px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 12px;
    background: #F6F6F6;
    color: #1D1D1D;
}

.nocourse-info-cols .rightcol .right-tabs li.active a {
    background: #0056F3;
    color: #fff;
}

.nocourse-info-cols .rightcol .right-tabs li:not(.active) a:hover {
    background: #E6E6E6;
}

.nocourse-info-cols .rightcol .tabs-content .tab {}

.nocourse-info-cols .rightcol h2 {
    font-size: 22px;
    line-height: 26px;
    font-weight: normal;
    margin: 0 0 24px;
    padding: 0;
}

.nocourse-info-cols .rightcol .tab {
    max-height: calc(100dvh - 148px);
    overflow: auto;
}

.nocourse-info-cols .rightcol .feedbacks-list .tags-list {
    padding: 0 0 2px;
    margin: 0;
}

.nocourse-info-cols .rightcol .feedbacks-list h2 {
    margin: 0 0 18px;
}

.nocourse-info-cols .rightcol .feedbacks-list .tags-list .tag {
    background: #fff;
    cursor: default;
    font-size: 12px;
    line-height: 32px;
}

.nocourse-info-cols .rightcol .feedbacks-list .tags-list .tag:hover {
    color: #1D1D1D;
}

.nocourse-info-cols .rightcol .feedbacks-list .fback-item {
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    display: table;
    background: #F6F6F6;
    margin: 0 0 36px;
    padding: 12px;
    border-radius: 12px;
}

.global-tab {
    padding: 14px 28px;
    position: absolute;
    left: -99999px;
    top: -0000px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.global-tab.active {
    opacity: 1;
    position: relative;
    top: auto;
    left: auto;
}

ul.icons-list {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

ul.icons-list li {
    position: relative;
    padding-left: 36px;
}

ul.icons-list li .ic {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -4px;
    left: 0;
    width: 24px;
    height: 24px;
}

ul.icons-list li .ic img {
    display: block;
    max-width: 100%;
}

.pains-list {
    margin: 0 0 50px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pains-list .block {
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    border-radius: 12px;
    background: #F6F6F6;
    padding: 18px 12px 16px;
}

.pains-list .block.blue {
    background: #E5EEFE;
}

.pains-list .block .title {
    position: relative;
    padding: 0 0 0 34px;
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}

.pains-list .block .ic {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -2px;
    left: 0;
    width: 24px;
    height: 24px;
}

.pains-list .block .ic img {
    display: block;
    max-width: 100%;
}

.popup.buy-days.small .into {
    padding: 32px 40px 40px;
}

.popup.buy-days.small .into .title {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 40px;
    text-align: left;
}

.popup.buy-days.small label.radio {
    font-weight: 500;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #F6F6F6;
    border: 1px solid #F6F6F6;
    border-radius: 12px;
    width: 100%;
    padding: 12px;
}

.popup.buy-days.small label.radio small {
    font-weight: 300;
    margin: 4px 0 0 0;
    color: inherit;
}

.popup.buy-days.small label.radio:hover {
    border-color: #0056F3;
}

.popup.buy-days.small label.radio+label {
    margin-top: 20px;
}

.popup.buy-days.small label.radio input {
    width: 20px;
    height: 20px;
    margin: 0 12px 0 0;
    position: relative;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
}

.popup.buy-days.small label.radio .t {
    width: calc(100% - 32px);
}

.popup.buy-days.small label.radio .i {
    display: block;
    position: absolute;
    top: 50%;
    left: 12px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border-radius: 50%;
    border: 1px solid #E8E8E8;
    transition: all 0.3s ease;
}

.popup.buy-days.small label.radio input:checked+.i {
    border: 6px solid #0056F3;
    background: #fff;
}

.popup.buy-days.small .form-block {
    padding: 0;
    margin: 0;
}

.popup.buy-days.small .form-block .outer {
    margin: 0 0 20px;
}

.special-terms {
    text-align: center;
    width: 100%;
    font-size: 16px;
    line-height: 22px;
}

.checkbox {
    margin: 0 0 40px;
    font-weight: 300;
    font-size: 10px;
    line-height: 16px;
    color: #8A8A8A;
    position: relative;
    display: flex;
}

.checkbox input {
    width: 20px;
    height: 20px;
    margin: 0 12px 0 0;
    display: block;
    cursor: pointer;
    padding: 0;
    opacity: 0;
    position: relative;
    z-index: 2;
}

.checkbox a {
    color: #1D1D1D;
}

.checkbox a:hover {
    color: #0056F3;
}

.checkbox .i {
    background: center center no-repeat;
    transition: all 0.3s ease;
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
    border: 1px solid #D8D8D8;
}

.checkbox input:hover+.i {
    border-color: #0056F3;
}

.checkbox input:checked+.i {
    background-image: url(/local/templates/.default/assets/img/b-check-ic.svg);
    border-color: #0056F3;
}

.checkbox .t {
    max-width: calc(100% - 32px);
    padding-top: 2px;
}

.pop-step {
    width: 100%;
    opacity: 0;
    position: absolute;
    top: -999999px;
    left: -9999px;
    transition: opacity 0.3s ease;
}

.pop-step.active {
    position: relative;
    top: auto;
    left: auto;
    opacity: 1;
}

.form-block .outer {
    margin: 0 0 20px;
    position: relative;
}

.form-block .inp-txt {
    resize: none;
    overflow: hidden;
    color: #1D1D1D;
    font-size: 12px;
    font-weight: 300;
    transition: all 0.3s ease;
    border: 1px solid #D8D8D8;
    height: 52px;
    border-radius: 12px;
    display: block;
    width: 100%;
    font-family: inherit;
    padding: 8px 20px 0;
}

.form-block div.inp-txt {
    height: auto;
}

.form-block .inp-txt:focus+label:not(.radio),
.form-block .inp-txt.ok+label:not(.radio) {
    font-size: 10px;
    color: #8A8A8A;
    line-height: 24px;
}

.form-block .inp-txt:focus,
.form-block .inp-txt:hover {
    border-color: #0056F3;
}

.form-block .inp-txt.open-pop {
    cursor: pointer;
    padding-top: 0;
    background: url(/local/templates/.default/assets/img/drop-arr.svg) center right 16px no-repeat;
    color: #D8D8D8;
}

.form-block .inp-txt.open-pop.changed {
    color: #1d1d1d;
}

.form-block .outer label:not(.radio) {
    font-weight: 300;
    top: 0;
    left: 20px;
    line-height: 52px;
    font-size: 12px;
    color: #D8D8D8;
    pointer-events: none;
    position: absolute;
    transition: all 0.3s ease;
}

.form-block .btn {
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    width: 100%;
}

.form-block.tg-code {
    max-width: 400px;
}

.form-block .btn.close {
    width: auto;
    margin: 48px auto 0;
}

.form-block .outer.radios-list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-bottom: -20px;
    width: calc(100% + 20px);
}

.form-block .outer.radios-list label.radio {
    margin: 0 20px 20px 0;
    font-size: 12px;
    cursor: pointer;
    min-height: 24px;
    display: flex;
    align-items: center;
}

.form-block .outer.radios-list label.radio input {
    width: 20px;
    height: 20px;
    margin: 0 8px 0 0;
    position: relative;
    top: auto;
    left: auto;
}

.form-block .outer.radios-list label.radio .i {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #E8E8E8;
    transition: all 0.3s ease;
}

.form-block .outer.radios-list label.radio input:checked+.i {
    border-color: #0056F3;
    border-width: 6px;
}

.form-block .outer.radios-list label.radio:hover .i {
    border-color: #0056F3;
}

.form-block .outer.radios-list label.radio+label {
    margin-top: 0;
}

.form-block.write-que {
    flex-wrap: wrap;
    padding: 0 0 40px !important;
    margin: 0;
    max-width: 100%;
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: flex-end;
}

.form-block.write-que .outer {
    margin: 0 !important;
    width: calc(100% - 150px);
}

.form-block.write-que .outer .inp-txt:focus+label,
.form-block.write-que .outer .inp-txt.good+label {
    opacity: 0;
}

.form-block.write-que .outer label {
    position: absolute !important;
    line-height: 48px !important;
    top: 0;
    left: 20px;
    pointer-events: none;
}

.form-block.write-que textarea {
    position: absolute;
    left: -999999px;
    top: -999999px;
}

.form-block.write-que .btn {
    line-height: 48px;
    width: 142px;
    padding: 0;
    text-align: center;
}

.form-block.write-que .inp-txt {
    border-color: #F6F6F6;
    background: #F6F6F6;
    font-size: 14px;
    padding: 9px 20px;
    width: 100%;
}

.inp-txt.error {
    border-color: #FF4D4D !important;
}

.form-block.write-que .err {
    display: none;
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    color: #FF4D4D;
    margin: 0 0 12px;
}

.popup.small .form-block.write-que .title {
    margin: 0 0 20px;
}

.thanks-block {
    font-weight: 300;
    padding: 44px 0 0;
    text-align: center;
}

.thanks-block .btn {
    width: 100%;
    text-align: center;
    margin: 16px 0 0 0;
}

.popup .thanks-block .title {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 12px;
}


.tg-inputs {
    position: relative;
    margin: 0 0 40px;
    display: flex;
    justify-content: space-between;
}

.tg-inputs.error {
    margin-bottom: 84px;
}

.tg-inputs .inp-txt {
    text-align: center;
    width: 56px;
    padding: 0;
}

.tg-inputs .inp-txt.ok {
    border-color: #0056F3;
}

.tg-inputs.error .inp-txt {
    border-color: #FF4D4D;
}

.tg-inputs .err {
    font-weight: 300;
    position: absolute;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    left: 0;
    width: 100%;
    position: absolute;
    display: block;
    color: #FF4D4D;
    top: calc(100% + 20px);
}

.cookie-popup {
    position: fixed;
    /*top: 64px;*/
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    background: rgba(0, 0, 0, 0.4);
}

.cookie-popup .wrap {
    font-size: 14px;
    line-height: 20px;
    color: #202020;
    margin: 0 80px 0 0;
    background: #fff;
    max-width: 463px;
    border-radius: 16px 16px 0 0;
    padding: 28px 40px 40px;
}

.cookie-popup .wrap .title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    margin: 0 0 8px;
}

.cookie-popup .wrap a:not(.btn) {
    color: inherit;
}

.cookie-popup .wrap .btn {
    font-size: 14px;
    margin: 28px 0 0 0;
    font-weight: normal;
}

.content.short {
    padding: 48px 0 100px 0;
    max-width: 703px;
    margin: 0 auto;
}

.content h1 {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 28px;
    padding: 0;
    font-weight: 500;
}

.questions-list {
    padding: 0 0 28px;
    max-width: 834px;
    margin: 0 auto;
}

.question-item {
    transform: translateY(50px);
    opacity: 0;
    transition: all 0.3s ease;
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: 1px solid #E8E8E8;
}

.question-item.visible {
    opacity: 1;
    transform: none;
}

.questions-list .question-title {
    cursor: pointer;
    padding: 0 36px 0 0;
    position: relative;
    font-size: 16px;
    line-height: 28px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.questions-list .question-title:after {
    transition: all 0.3s ease;
    content: '';
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: url(/local/templates/.default/assets/img/que-arr.svg) center center no-repeat;
}

.questions-list .question-item.open .question-title:after {
    transform: scale(1, -1);
}

.questions-list .question-item.open .question-title {
    -webkit-line-clamp: 999;
}

.questions-list .question-item.open .answer {
    opacity: 1;
}

.questions-list .answer {
    font-weight: 300;
    opacity: 0;
    transition: opacity 0.3s ease;
    font-size: 14px;
    line-height: 26px;
    max-width: 690px;
    border-radius: 8px;
    margin: 20px 0 0 auto;
    background: #F6F6F6;
    display: none;
    padding: 20px 24px;
}

.questions-list .answer .answer-title {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 12px;
    font-weight: 500;
}

.pop-descr {
    padding: 8px 0 40px 0;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
}

.pop-descr a {
    text-decoration: none;
}

.title+.choose-course {
    margin-top: 40px;
}

.choose-course label {
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    padding: 16px 12px 16px 76px;
    border-radius: 12px;
    background: #F6F6F6;
    display: block;
    position: relative;
}

.choose-course label .i {
    display: block;
    position: absolute;
    width: 44px;
    border-radius: 8px;
    background: #585858;
    height: 44px;
    top: 16px;
    left: 12px;
}

.choose-course label+label {
    margin-top: 12px;
}

.choose-course label .ovlay {
    box-sizing: border-box;
    border-radius: 12px;
    opacity: 0;
    border: 2px solid #0056F3;
    transition: all 0.3s ease;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
}

.choose-course label:hover .ovlay {
    opacity: 1;
}

.choose-course label input {
    cursor: pointer;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
    opacity: 0;
}

.choose-course label input:disabled {
    cursor: default;
}

.choose-course label input:disabled+.ovlay {
    opacity: 0;
}

.choose-course label input:checked+.ovlay {
    opacity: 1;
}

.choose-course label input:disabled~* {
    color: #BFBFBF;
}

.choose-course label .soon {
    position: absolute;
    line-height: 28px;
    padding: 0 8px;
    border-radius: 8px;
    background: #FF4D4D;
    font-size: 16px;
    color: #fff !important;
    right: 8px;
    top: -8px;
}

.choose-course label .title {
    font-size: 22px;
    line-height: 26px;
    margin: 0 0 12px;
}

.popup .reg-block {
    display: flex;
    align-items: center;
    min-height: calc(100dvh - 100px);
    max-width: 550px;
    margin: 0 auto;
    text-align: center;
}

.popup .reg-block .title {
    margin: 0 0 20px;
}

.popup .reg-block .pic {
    width: 299px;
    height: 299px;
    border-radius: 8px;
    background: #585858 center center/cover no-repeat;
    margin: 0 auto 40px;
}


.fix-btn-wrap {
    z-index: 10;
    position: fixed;
    bottom: 0;
    left: -99999999px;
    width: 100%;
    padding: 12px 16px;
    background: #fff;
    border-top: 1px solid #E8E8E8;
}

.fix-btn-wrap .all {
    max-width: 626px;
    display: flex;
    justify-content: space-between;
    padding: 0;
}

.fix-btn-wrap .all .btn:nth-last-child(2) {
    margin: 0;
    width: calc(50% - 14px);
}

.fix-btn-wrap .all .btn+.btn {
    margin: 0;
    width: calc(50% - 14px);
    background: #E5EEFE;
    color: #0056F3;
}

.fix-btn-wrap .all .btn+.btn:hover {
    background: #0056F3;
    color: #fff;
}

.fix-btn-wrap .btn {
    width: 100%;
    text-align: center;
    max-width: 626px;
    margin: 0 auto;
}

.fix-btn-wrap.visible {
    left: 0;
}

.pop-step.active .fix-btn-wrap {
    left: 0;
}

.quotes-list {
    padding: 0 0 30px;
}

.quotes-list .block {
    margin: 0 0 12px;
    font-size: 12px;
    line-height: 24px;
    font-weight: 300;
    padding: 12px 46px 12px 12px;
    position: relative;
    background: #F6F6F6;
    border-radius: 12px;
}

.quotes-list .block .remove {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    display: block;
    cursor: pointer;
    background: url(/local/templates/.default/assets/img/del-ic.svg) center center no-repeat;
}

.quotes-list.full .block {
    font-size: 14px;
    line-height: 26px;
}

.popup.small.module-menu .into {
    width: 613px;
    padding: 32px 32px 0;
}

.popup.small.module-menu .into .title {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 30px;
}

.module-menu .wrap {
    -ms-overflow-style: none;
    scrollbar-width: none;
    height: calc(100dvh - 250px);
    max-height: 500px;
    overflow: auto;
}

.module-menu .wrap::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.module-menu nav ul {
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.module-menu nav>ul>li {
    padding-bottom: 16px;
    margin: 0 0 16px;
    border-bottom: 1px solid #E8E8E8;
}

.module-menu nav>ul>li:last-child {
    border: 0;
}

.module-menu nav ul a {
    color: inherit;
    text-decoration: none;
}

.module-menu nav ul a:hover,
.module-menu nav ul li.active>a {
    color: #0056F3;
}

.module-menu nav ul span {
    color: #BFBFBF;
}

.module-menu nav ul li ul {
    padding: 0 0 0 20px;
}

.module-menu nav ul li ul li {
    margin-top: 16px;
}

.popup.small {
    left: -99999px;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup.small.visible {
    left: 0;
}

.popup.small .into {
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 448px;
    background: #fff;
    border-radius: 20px;
    padding: 32px 40px 40px;
}

.popup.small .form-block .title {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 40px;
    text-align: left;
}

.popup.small .form-block .outer {
    margin: 0 0 32px;
}

.popup.small p {
    font-size: 16px;
    line-height: 22px;
    padding: 0 0 16px;
}

.popup.small p.smallmargin {
    padding: 0 0 4px;
}

.popup.small .list label:not(.checkbox) {
    font-weight: 300;
    display: table;
    font-size: 14px;
    line-height: 20px;
    position: relative;
}

.popup.small .list label+label {
    margin-top: 12px;
}

.popup.small .list label:not(.checkbox) input {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
}

.popup.small small {
    font-size: 12px;
    line-height: 16px;
    color: #8A8A8A;
    display: block;
    margin: 0 0 20px;
}

.popup.small .form-block {
    -ms-overflow-style: none;
    scrollbar-width: none;
    max-height: 604px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 20px;
    padding-top: 40px;
}

.popup.small .form-block::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.popup.small .btn-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px 40px;
    border-top: 1px solid #E8E8E8;
    background: #fff;
}

.popup.small .btn-wrap .btn {
    width: 100%;
    text-align: center;
}

.popup.small .into .close:not(.btn),
.popup.small .into .close-review:not(.btn) {
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: url(/local/templates/.default/assets/img/close-ic.svg) center center no-repeat;
    top: 34px;
    right: 40px;
    position: absolute;
}

.popup.consult .title {
    padding-right: 40px;
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 20px;
}

.popup.consult .into {
    width: 613px;
    padding: 32px 32px 0;
}

.popup .questions-rules {
    padding: 0 0 32px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    height: 420px;
    max-height: calc(100dvh - 140px);
    overflow: auto;
    font-size: 14px;
    line-height: 26px;
    font-weight: 300;
}

.popup .questions-rules::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.popup .questions-rules .block {
    margin: 0 0 24px;
}

.popup .questions-rules .title {
    padding: 0;
    font-size: 14px;
    line-height: 26px;
    margin: 0 0 4px;
}

.popup .questions-rules .btn {
    width: 100%;
    text-align: center;
}

.popup .rate-block {
    margin: 15px 0 30px;
    display: flex;
    justify-content: center;
}

.popup .rate-block label {
    margin: 0;
    width: 48px;
    height: 48px;
    position: relative;
}

.popup .rate-block label.color:before {
    opacity: 0;
}

.popup .rate-block label.color:after {
    opacity: 1;
}

.popup .rate-block label:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    background: url(/local/templates/.default/assets/img/star.svg) center center no-repeat;
    transition: opacity 0.3s ease;
}

.popup .rate-block label:after {
    opacity: 0;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    background: url(/local/templates/.default/assets/img/star-f.svg) center center no-repeat;
    transition: opacity 0.3s ease;
}

.popup .rate-block label+label {
    margin: 0;
}

.popup .rate-block label input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
}

.popup .poor-emoj {
    display: block;
    height: 40px;
    margin: 0 0 12px;
}

.popup.poor .thanks-block .title {
    margin: 0 0 28px;
    text-align: left;
}

.popup.edit-acc-info .into {
    padding: 20px 40px 40px;
}

.popup.edit-acc-info .into .title {
    padding: 12px 0;
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 20px;
}

.popup.edit-acc-info .into .form-block {
    padding: 0;
}

.popup.edit-acc-info .into .close {
    top: 32px;
    right: 40px;
}

.popup.edit-acc-info .into .outer {
    margin: 0 0 20px;
}

.popup.edit-acc-info .into .outer label:not(.radio) {
    position: absolute;
    line-height: 52px;
}

.popup.edit-acc-info .into .outer input:focus+label,
.popup.edit-acc-info .into .outer input.ok+label {
    line-height: 22px;
}

.popup.edit-acc-info .into.center {
    text-align: center;
}

.popup.edit-acc-info .into.center .title {
    padding: 68px 0 0 0;
    margin: 0 0 12px;
}

.popup.edit-acc-info .into.center p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
}

.popup.edit-acc-info .into.center p span {
    color: #0056F3;
}

.popup.edit-acc-info .into.center p span.light {
    color: #8A8A8A;
}

.popup.edit-acc-info .into.center .in>.btn {
    font-weight: 300;
    width: 100%;
    margin: 24px 0 0 0;
    text-align: center;
}

.popup.edit-acc-info#gift-got .into.center .btn {
    margin-top: 40px;
}

.popup.edit-acc-info .title+.btns-flex {
    margin-top: 40px;
}

.popup.edit-acc-info .btns-flex {
    margin: 24px 0 0 0;
    display: flex;
    justify-content: space-between;
}

.popup.edit-acc-info .btns-flex .btn {
    width: calc(50% - 14px);
    text-align: center;
    line-height: 52px;
}

.popup.edit-acc-info .btns-flex .btn+.btn {
    background: #E5EEFE;
    color: #0056F3;
}

.popup.edit-acc-info .btns-flex .btn+.btn:hover {
    background: #0056F3;
    color: #fff;
}

.popup.edit-acc-info .into .descr {
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 16px;
    font-weight: 300;
}

.popup.edit-acc-info#add-staff .into .outer {
    margin-bottom: 12px;
}

.popup.edit-acc-info#add-staff .into .outer label {
    font-size: 12px;
}

.popup .gift-pic {
    display: table;
    width: 220px;
    margin: 40px auto 28px;
}

.popup .gift-pic+.title {
    padding-top: 0 !important;
}

.popup#gift-window .into {
    padding-top: 0;
}

.popup#gift-window .title {
    text-align: center;
    margin: 0 0 8px;
}

.popup#gift-window .descr {
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 40px;
    text-align: center;
    font-weight: 300;
}

.popup#gift-window .subtitle {
    text-align: left;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 20px;
    font-weight: 500;
}

.popup#gift-window .in {
    -ms-overflow-style: none;
    scrollbar-width: none;
    height: calc(100dvh - 200px);
    max-height: 620px;
    overflow: auto;
    padding: 40px 0 60px 0;
}

.popup#gift-window .in::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.popup#gift-window.buy-days.small label.radio+label {
    margin-top: 12px;
}

.popup.small.notice {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
}

.popup.small.notice p.selected {
    display: table;
    background: #BADEFE;
    padding: 0;
}

.popup.small.notice p {
    padding: 0;
}

.popup.small.notice .into {
    padding: 40px;
}

.popup.small.notice .btn {
    width: 100%;
    text-align: center;
    margin: 28px 0 0 0;
}

.add-q {
    font-size: 14px;
    font-weight: normal;
    margin: 12px 0;
    border-radius: 8px;
    background: #EDEDED url(/local/templates/.default/assets/img/q-ic.svg) center left 18px no-repeat;
    padding: 10px 20px 10px 52px;
    display: table;
    position: relative;
}

.add-q:before {
    content: '';
    display: block;
    left: 20px;
    top: -16px;
    position: absolute;
    border: 8px solid transparent;
    border-bottom: 10px solid #EDEDED;
}

.add-q-info {
    font-size: 14px;
    font-weight: normal;
    margin: 12px 0;
    border-radius: 8px;
    background: #EDEDED url(/local/templates/.default/assets/img/q-ic.svg) center left 18px no-repeat;
    padding: 10px 20px 10px 52px;
    display: table;
    position: relative;
}

.add-q-info:before {
    content: '';
    display: block;
    left: 20px;
    top: -16px;
    position: absolute;
    border: 8px solid transparent;
    border-bottom: 10px solid #EDEDED;
}

.popup.small.module-menu#send-review .into {
    width: 680px;
}

.popup .review-block {
    padding: 0 0 16px;
}

.popup .review-block .descr {
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 300;
}

.popup .review-block .review-wrap {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: auto;
    height: 180px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 300;
    margin: 0 0 20px;
    position: relative;
    border-radius: 12px;
    background: #F6F6F6;
    padding: 12px;
}

.popup .review-block .review-wrap::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.popup .review-block .review-wrap .in {
    width: 100%;
    position: relative;
}

.popup .review-block .review-wrap .inp-txt {
    min-height: 160px;
    position: relative;
}

.popup .review-block .review-wrap .in .inp-txt:focus+label,
.popup .review-block .review-wrap .in .inp-txt.good+label {
    opacity: 0;
}

.popup .review-block .review-wrap .in label {
    transition: opacity 0.3s ease;
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    color: #8A8A8A;
}

.popup .review-block textarea.inp-txt {
    position: absolute !important;
    top: -9999px;
    left: -9999px;
}


.popup.consultation .form-block .inp-txt:focus+label:not(.radio),
.popup.consultation .form-block .inp-txt.ok+label:not(.radio) {
    opacity: 0;
}


.popup.consultation .into {
    width: auto;
    padding: 32px 40px;
}

.popup.consultation .into p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
}

.popup.consultation .into .title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    margin: 0 0 30px;
}

.popup.consultation .into .subtitle {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 8px;
    font-weight: 500;
    text-align: left;
}

.popup.consultation .cols {
    display: flex;
    justify-content: space-between;
}

.popup.consultation .cols .col {
    position: relative;
    width: 383px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    max-height: 530px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 20px 0 0;
}

.popup.consultation .cols .col.disabled:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: -1000px;
    background: rgba(255, 255, 255, 0.8);
}

.popup.consultation .cols .col.disabled {
    overflow: hidden;
}

.popup.consultation .cols .col.hidden {
    display: none;
}

.popup.consultation .cols .col::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.popup.consultation .cols .col+.col {
    border-left: 1px solid #E8E8E8;
    padding: 10px 0 0 20px;
}

.popup.consultation .cols .col+.col+.col {
    padding-top: 0;
    margin-left: 20px;
}

.popup.consultation .calendar {
    padding: 16px 20px;
    margin-top: 16px;
}

.popup.consultation .calendar .subtitle {
    font-weight: normal;
}

.popup.consultation .values-block {
    padding: 16px 12px;
    border-radius: 12px;
    background: #F6F6F6;
    margin: 20px 0 12px;
}

.popup.consultation .values-block p+p {
    padding-top: 14px;
}

.popup.consultation .values-block p {
    padding: 0;
}

.popup.consultation .values-block b {
    margin: 0 5px 0 0;
    font-weight: 300;
    color: #8A8A8A;
}

.popup.consultation .form-block {
    padding-top: 12px;
}

.popup.consultation .form-block .outer {
    margin: 0 0 12px;
}

.popup.consultation .form-block .checkbox {
    margin: 0;
}

.btn.change-datas {
    padding: 0 16px;
    line-height: 34px;
    color: #0056F3;
    background: #E5EEFE;
    font-size: 12px;
    border-radius: 12px;
    font-weight: normal;
    margin: 0 0 48px;
}

.btn.change-datas:hover {
    background: #0056F3;
    color: #fff;
}

.popup.consultation .cost {
    white-space: nowrap;
    padding: 0 20px;
    font-weight: 300;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #0056F3;
}

.popup.consultation .cost span {
    color: #99BBFA;
}

.popup.consultation .btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup.consultation .btn-wrap .btn {
    font-weight: normal;
    display: none;
}

.popup.consultation .btn-wrap .btn.visible {
    display: table;
}

.popup.consultation textarea.inp-txt {
    padding-top: 18px;
}

.popup.consultation .btn-wrap {
    z-index: 5;
}

.time-blocks {
    padding: 24px 0;
}

.time-blocks label {
    margin: 0 0 8px;
    border-radius: 16px;
    text-align: center;
    font-size: 14px;
    line-height: 48px;
    background: #EDEDED;
    color: #1D1D1D;
    transition: all 0.3s ease;
    display: block;
    position: relative;
    width: 100%;
    height: 48px;
}

.time-blocks label:hover {
    background: #0056F3;
    color: #fff;
}

.time-blocks label input {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    cursor: pointer;
    width: 100%;
    bottom: 0;
    opacity: 0;
    z-index: 2;
}

.tags-list {
    padding: 0 0 32px;
    display: flex;
    flex-wrap: wrap;
    margin-right: -8px;
    width: calc(100% + 8px);
}

.tags-list .tag {
    position: relative;
    transition: all 0.3s ease;
    cursor: pointer;
    display: flex;
    align-items: center;
    background: #F6F6F6;
    line-height: 36px;
    padding: 0 12px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 300;
    margin: 0 8px 8px 0;
}

.tags-list .tag .del {
    display: none;
}

.tags-list:not(.selected-tags) .tag:hover {
    background: #0056F3;
    color: #fff;
}

.tags-list .tag img {
    display: block;
    width: 14px;
    margin: 0 5px 0 0;
}

.tags-list.selected-tags {
    padding: 0;
    display: none;
}

.tags-list.selected-tags .tag {
    margin-right: 36px;
    cursor: default;
}

.tags-list.selected-tags .tag .del {
    display: block;
    position: absolute;
    top: 50%;
    left: calc(100% + 8px);
    width: 16px;
    height: 16px;
    background: url(/local/templates/.default/assets/img/close-ic.svg) center center/contain no-repeat;
    cursor: pointer;
    transform: translateY(-50%);
}

.tags-list.selected-tags.visible {
    display: flex;
}

.tags-list.selected-tags .tag {
    background: #fff;
}

.rituals-list {
    padding: 0 0 16px;
}

.rituals-list .block {
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    margin: 0 0 24px;
    display: flex;
    align-items: center;
}

.rituals-list .block .ic {
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rituals-list .block .ic img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.rituals-list .block .txt {
    width: calc(100% - 32px);
}

.relax-pic {
    width: 100%;
    display: block;
    margin: 0 0 60px;
}

.phrases-block {
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    padding: 0 0 100px;
}

.phrases-block p {
    padding: 0 0 25px;
}

.phrases-block .title {
    max-width: 450px;
}

a.copy-link span+span {
    display: none;
}

a.copy-link.copied span+span {
    display: inline;
}

a.copy-link.copied span {
    display: none;
}

.drop-block {
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: -999999px;
    left: -999999px;
    opacity: 0;
    transition: opacity 0.3s ease;
    width: 100%;
    height: 100dvh;
    background: rgba(0, 0, 0, 0.4);
}

.drop-block.date .drop-wrap {
    padding-bottom: 40px;
}

.drop-block.visible {
    opacity: 1;
    left: 0;
    top: 0;
}

.drop-block .drop-wrap {
    position: relative;
    width: 448px;
    background: #fff;
    padding: 52px 40px 67px;
    border-radius: 20px;
    max-width: 100%;
}

.drop-block .drop-wrap .title {
    max-width: calc(100% - 40px);
    margin: 0 0 32px;
    text-align: left;
}

.popup.edit-acc-info#add-staff .into .drop-wrap .title {
    padding: 0;
    margin: 0 0 32px;
}

.edit-acc-info .drop-block .drop-wrap {
    padding: 40px;
}

.drop-block .drop-wrap .close-drop {
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: url(/local/templates/.default/assets/img/close-ic.svg) center center no-repeat;
    position: absolute;
    top: 52px;
    right: 40px;
    cursor: pointer;
}

.drop-block label.radio:hover {
    color: #0056F3;
}

.drop-block label.radio {
    transition: all 0.3s ease;
}

.calendar {
    padding: 16px 32px;
    background: #F6F6F6;
    border-radius: 20px;
    margin: 0 0 20px;
}

.calendar .days {
    display: flex;
    justify-content: space-between;
    margin: 0 0 4px;
}

.calendar .days div {
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-weight: 300;
    font-size: 12px;
    color: #8A8A8A;
    text-transform: uppercase;
    text-align: center;
}

.calendar table {
    width: 100%;
    border: 0;
    border-collapse: collapse;
}

.calendar table td {
    width: calc(100% / 7);
    text-align: center;
}

.calendar table td .d {
    position: relative;
    border-radius: 50%;
    transition: all 0.3s ease;
    display: table;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    line-height: 40px;
    font-weight: 300;
    text-align: center;
    font-size: 14px;
    color: #1D1D1D;
}

.calendar table td .d.available {
    cursor: pointer;
    font-weight: normal;
    background: #E5EEFE;
}

.calendar table td .d.today:after {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    bottom: 7px;
    left: 50%;
    margin-left: -2px;
    border-radius: 50%;
    background: #0056F3;
}

.calendar table td .d.today.active:after {
    background: #fff;
}

.calendar table td .d:not(.active):hover {
    color: #0056F3;
}

.calendar table td .d.active {
    color: #fff;
    background: #0056F3;
}

.calendar .block+.block {
    margin-top: 14px;
}

.calendar .subtitle {
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    color: #616161;
    margin: 0 0 12px;
}

.calendar .monthes {
    -ms-overflow-style: none;
    height: 290px;
    overflow: auto;
    overflow-x: visible;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.calendar .monthes::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

.drop-block small {
    display: block;
    font-size: 12px;
    line-height: 24px;
    margin: 0 0 8px;
    color: inherit;
    font-weight: 300;
}

.drop-block .btn {
    width: auto;
    padding: 0 24px;
}

.drop-block .btns-flex {
    display: flex;
    justify-content: space-between;
}

.drop-block .btns-flex .btn {
    width: calc(50% - 14px);
    text-align: center;
    line-height: 52px;
}

.drop-block .btns-flex .btn+.btn {
    background: #E5EEFE;
    color: #0056F3;
}

.drop-block .btns-flex .btn+.btn:hover {
    background: #0056F3;
    color: #fff;
}

.drop-block.other-users .drop-wrap {
    width: 455px;
}

.drop-block.other-users .title {
    width: 100%;
    max-width: 100%;
    padding-top: 68px;
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 40px;
}

.counter-wrap {
    height: calc(100dvh - 200px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.counter-wrap h1 {
    font-weight: 500;
    margin: 0 0 48px;
    font-size: 32px;
    line-height: 40px;
    padding: 0;
}

.counter-block {
    display: flex;
    justify-content: center;
    background: #F6F6F6;
    border-radius: 24px;
    padding: 20px 55px;
    max-width: 630px;
    margin: 0 auto;
    font-size: 24px;
    line-height: 100%;
    color: #99BBFA;
    font-weight: 300;
}

.counter-block .block {
    margin: 0 19px;
    text-align: center;
}

.counter-block .top {
    font-size: 48px;
    font-weight: normal;
    color: #0056F3;
    line-height: 100%;
    margin: 0 0 10px;
}

.chat-block {
    padding: 0 0 120px;
}

.chat-block .block {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 300;
    width: calc(100% - 86px);
    max-width: 690px;
    position: relative;
    border-radius: 8px;
    background: #F6F6F6;
    padding: 24px;
}

.chat-block .block:not(:first-child) {
    transform: translateY(50px);
    opacity: 0;
    transition: all 0.3s ease;
}

.chat-block .block.visible {
    opacity: 1;
    transform: none;
}

.chat-block .block.out {
    margin-left: auto;
}

.chat-block .block .name {
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin: 0 0 8px;
}

.chat-block .block .name .ava {
    font-size: 12px;
    background: center center/cover no-repeat;
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0;
    border-radius: 50%;
    background: #D9D9D9;
    line-height: 24px;
    text-align: center;
}

.chat-block .block .txt:after {
    display: inline-block;
    content: '';
    width: 35px;
    height: 10px;
}

.chat-block .block .time {
    position: absolute;
    display: block;
    bottom: 28px;
    right: 12px;
    font-size: 12px;
    line-height: 16px;
    color: #8A8A8A;
}

.chat-block .date {
    transform: translateY(50px);
    opacity: 0;
    transition: all 0.3s ease;
    margin: 28px 0 28px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #8A8A8A;
    font-weight: 300;
}

.chat-block .date.visible {
    opacity: 1;
    transform: none;
}

.chat-block .btn {
    margin-bottom: 12px;
    transform: translateY(50px);
    opacity: 0;
    transition: all 0.3s ease;
}

.chat-block .btn.visible {
    opacity: 1;
    transform: none;
}

.chat-block .rating {
    transform: translateY(50px);
    opacity: 0;
    transition: all 0.3s ease;
    display: flex;
    margin: 0 0 16px;
}

.chat-block .rating.visible {
    opacity: 1;
    transform: none;
}

.chat-block .rating span {
    margin: 0;
    width: 28px;
    height: 28px;
    position: relative;
}

.chat-block .rating span.fill:before {
    opacity: 0;
}

.chat-block .rating span.fill:after {
    opacity: 1;
}

.chat-block .rating span:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    background: url(/local/templates/.default/assets/img/star.svg) center center/26px auto no-repeat;
    transition: opacity 0.3s ease;
}

.chat-block .rating span:after {
    opacity: 0;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    background: url(/local/templates/.default/assets/img/star-f.svg) center center/26px auto no-repeat;
    transition: opacity 0.3s ease;
}


.all-pdf {
    display: table;
    position: relative;
    margin: 0 0 28px;
    color: inherit;
    text-decoration: none;
    padding-left: 34px;
    font-size: 14px;
    line-height: 20px;
}

.all-pdf:before {
    width: 24px;
    height: 24px;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: url(/local/templates/.default/assets/img/donwload-ic.svg) center center no-repeat;
    transition: all 0.3s ease;
    filter: grayscale(100%) brightness(0%);
}

.all-pdf:hover {
    color: #0056F3;
}

.all-pdf:hover:before {
    filter: none;
}

.menu-page .quotes-count {
    display: none;
}

.menu-page {
    min-height: calc(100dvh - 178px);
    margin: 0 0 -50px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.menu-page nav {
    width: 50%;
    padding: 0 20px 0px 0;
}

.menu-page nav .row {
    font-size: 16px;
    line-height: 22px;
    color: inherit;
    text-decoration: none;
}

.menu-page nav .row>span {
    padding: 15px 0;
    cursor: pointer;
    transition: all 0.3s ease;
    display: block;
    position: relative;
    width: 100%;
}

.menu-page nav .row>span:after {
    display: block;
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(/local/templates/.default/assets/img/menu-arr.svg) center center no-repeat;
    transition: all 0.3s ease;
    filter: grayscale(100%) brightness(50%);
}

.menu-page nav .row>span:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #0056F3;
    transition: opacity 0.3s ease;
    opacity: 0;
}

.menu-page nav .row>.btn {
    display: none;
}

.menu-page nav .row:hover>span,
.menu-page nav .row.open>span {
    color: #0056F3;
}

.menu-page nav .row.open>span:before {
    opacity: 1;
}

.menu-page nav .row:hover span:after,
.menu-page nav .row.open span:after {
    filter: none;
}

.menu-page nav .drop {
    border-left: 1px solid #E8E8E8;
    -ms-overflow-style: none;
    scrollbar-width: none;
    height: calc(100dvh - 100px);
    overflow: auto;
    padding: 8px 0 80px 20px;
    position: absolute;
    left: -999999px;
    width: 50%;
    top: -99999px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.menu-page nav .drop::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.menu-page nav .row.open .drop {
    left: 50%;
    opacity: 1;
    top: 0;
}

.menu-page nav .drop h2 {
    margin: 0 0 32px;
}

.menu-page nav .drop h2.cloned {
    display: none;
}

.menu-page nav .row.quoterow {
    box-sizing: content-box;
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0 0 12px;
    height: 68px;
    border-radius: 12px;
    border: 1px solid #fff;
}

.menu-page nav .row.quoterow.open {
    color: inherit;
    border: 1px solid #0056F3;
}

.menu-page nav .row.quoterow.open>span {
    color: inherit;
    border: 0;
}

.menu-page nav .row.quoterow>span:before {
    display: none;
}

.menu-page nav .row.quoterow>span:hover {
    color: inherit;
}

.menu-page nav .row.quoterow>span:after {
    right: 16px;
}

.menu-page nav .row.quoterow .pic {
    min-width: 68px;
    height: 68px;
    border-radius: 12px;
    overflow: hidden;
    margin: 0 16px 0 0;
}

.menu-page nav .row.quoterow .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.menu-page nav .row.quoterow .title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}

.menu-page nav .row.quoterow .title small {
    display: block;
    position: relative;
    margin: 4px 0 0 0;
    font-size: 12px;
    line-height: 24px;
    font-weight: 300;
    padding-left: 20px;
    background: url(/local/templates/.default/assets/img/flag-ic.svg) left center no-repeat;
}


.menu-page .bottom {
    width: calc(50% - 20px);
    padding: 40px 0 0 0;
    max-width: 540px;
    font-weight: 300;
    font-size: 12px;
    line-height: 24px;
    margin: auto 0 0 0;
}

.menu-page .bottom a {
    color: inherit;
}

.menu-page .bottom p+p {
    padding-top: 28px;
}

.menu-page .bottom .dev {
    color: #8A8A8A;
}

.menu-page .bottom .dev a {
    text-decoration: none;
}

.menu-page .bottom a.mail {
    display: table;
    position: relative;
    padding-left: 32px;
}

.menu-page .bottom a.mail:hover {
    color: #0056F3;
}

.menu-page .bottom a.mail:before {
    transition: all 0.3s ease;
    filter: grayscale(100%) brightness(50%);
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url(/local/templates/.default/assets/img/mail-ic.svg) center center no-repeat;
}

.menu-page .bottom a.mail:hover:before {
    filter: none;
}

.menu-page .grey-bg {
    margin: 0 0 60px;
    align-items: center;
}

.menu-page .flex-title {
    margin: 0 0 34px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu-page nav .drop .flex-title h2 {
    margin: 0;
}

.menu-page .can-add {
    text-align: center;
    font-size: 24px;
    line-height: 32px;
}

h2+.acc-block {
    padding-top: 12px;
}

.acc-block+.acc-block {
    padding-top: 32px;
}

.acc-block h3 {
    font-size: 23px;
    line-height: 30px;
    margin: 0 0 28px;
    padding: 0;
    font-weight: 500;
}

.acc-block .outer {
    padding: 0 0 12px;
    border-bottom: 1px solid #D8D8D8;
    font-size: 12px;
    line-height: 24px;
    position: relative;
    margin: 0 0 28px;
}

.acc-block .outer small {
    display: block;
    font-size: 10px;
    line-height: 20px;
    color: #8A8A8A;
    font-weight: 300;
}

.acc-block .outer .edit {
    filter: grayscale(100%) brightness(50%);
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    right: 0;
    bottom: 20px;
    background: url(/local/templates/.default/assets/img/edit-ic.svg) center center no-repeat;
}

.acc-block .outer .edit:hover {
    filter: none;
}

.acc-block .outer .lock {
    cursor: default;
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    right: 0;
    bottom: 20px;
    background: url(/local/templates/.default/assets/img/lock-ic.svg) center center no-repeat;
}

.acc-block>small {
    display: block;
    margin: -16px 0 28px 0;
    font-weight: 300;
    font-size: 12px;
    line-height: 24px;
    color: #A9A9A9;
}

.docs-list {
    margin: 0 0 24px;
}

.docs-list a {
    display: table;
    position: relative;
    font-size: 16px;
    line-height: 22px;
    color: inherit;
    text-decoration: none;
    padding: 12px 0 12px 32px;
}

.docs-list a:hover {
    color: #0056F3;
}

.docs-list a:hover:before {
    filter: none;
}

.docs-list a:before {
    transition: all 0.3s ease;
    filter: grayscale(100%) brightness(50%);
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    background: url(/local/templates/.default/assets/img/doc-big-ic.svg) center center no-repeat;
}

.requisites {
    font-weight: 300;
    font-size: 12px;
    line-height: 24px;
}

.requisites p+p {
    padding-top: 8px;
}

.requisites a {
    color: inherit;
    text-decoration: none;
}

.requisites .light {
    color: #8A8A8A;
}

.dark,
.dark .module-page {
    background: #424242;
    color: #fff;
}

.dark .module-page header {
    background: #232323;
}

.dark .module-page header .back,
.dark .module-page header .close {
    filter: invert(1);
}

.dark .module-page header .tools>*:not(:hover) {
    filter: invert(1) brightness(700%);
}

.module-page .content {
    padding-top: 60px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
}

.module-page .content.small {
    font-size: 12px;
    line-height: 145%;
}

.module-page .content.small p {
    padding: 0 0 20px;
}

.module-page .content.large {
    font-size: 20px;
    line-height: 145%;
}

.module-page .content p {
    padding: 0 0 30px;
}

.module-page .content p::selection {
    background: #BADEFE;
}

.module-page .content .btn {
    font-weight: 300;
    margin-left: auto;
    margin-right: auto;
}

.module-page header {
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 80px;
    background: #F6F6F6;
    height: 76px;
    z-index: 50;
    text-align: center;
}

.module-page header .close {
    display: none;
}

.module-page header .title {
    width: 100%;
    padding: 0 0px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}

.module-page header .back {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 80px;
    top: 20px;
    background: url(/local/templates/.default/assets/img/back-ic.svg) center center no-repeat;
}

.module-page header .tools {
    position: absolute;
    display: flex;
    align-items: center;
    right: 80px;
    top: 20px;
}

.module-page header .tools>* {
    cursor: pointer;
    width: 24px;
    height: 24px;
    position: relative;
    transition: all 0.3s ease;
}

.module-page header .tools>*+* {
    margin-left: 24px;
}

.module-page header .tools>*:after {
    filter: grayscale(100%) brightness(50%);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    transition: all 0.3s ease;
}

.module-page header .tools .progressline {
    filter: none !important;
}

.module-page header .tools>*:hover:after,
.module-page header .tools>*.open:after {
    filter: none;
}

.module-page header .tools .menu:after {
    background: url(/local/templates/.default/assets/img/module-menu-ic.svg) center center no-repeat;
}

.module-page header .tools .font:after {
    background: url(/local/templates/.default/assets/img/font-ic.svg) center center no-repeat;
}

.module-page header .tools .quotes:after {
    background: url(/local/templates/.default/assets/img/quotes-ic.svg) center center no-repeat;
}

.module-page header .tools .theme:after {
    background: url(/local/templates/.default/assets/img/theme-ic.svg) center center no-repeat;
}

.module-page header .tools .fonts {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    cursor: default;
    transform: translateX(-50%);
    z-index: 55;
    position: absolute;
    left: 50%;
    top: calc(100% + 10px);
    border-radius: 16px;
    background: #fff;
    padding: 16px;
}

.module-page header .tools .fonts:before {
    content: '';
    display: block;
    left: 50%;
    top: -16px;
    position: absolute;
    margin-left: -4px;
    border: 8px solid transparent;
    border-bottom: 10px solid #fff;
}

.module-page header .tools .fonts .title,
.module-page header .tools .fonts .close {
    display: none;
}

.module-page header .tools .open .fonts {
    visibility: visible;
    opacity: 1;
}

.module-page header .tools .fonts .wrap {
    display: flex;
    border-radius: 12px;
    height: 48px;
    border: 1px solid #E8E8E8;
}

.module-page header .tools .fonts .wrap div {
    cursor: pointer;
    font-weight: 300;
    font-size: 28px;
    color: #BFBFBF;
    line-height: 48px;
    text-align: center;
    position: relative;
    width: 94px;
}

.module-page header .tools .fonts .wrap div:not(:last-child):after {
    content: '';
    display: block;
    height: 40px;
    width: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #E8E8E8;
}

.module-page header .tools .fonts .wrap div.small {
    font-size: 16px;
}

.module-page header .tools .fonts .wrap div.large {
    font-size: 40px;
}

.module-page header .tools .fonts .wrap div.selected {
    color: #0056F3;
}

.module-page header .progressline {
    position: absolute;
    left: 80px;
    width: calc(100% - 160px);
    bottom: 12px;
    height: 2px;
    background: #E6E6E6;
}

.module-page header .progressline .fill {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    background: #0056F3;
}

.module-page .content span.selected {
    background: #BADEFE;
    position: relative;
}

.module-page .content .add-q {
    white-space: nowrap;
    position: absolute;
    top: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

.module-page .content .add-q:before {
    left: 50%;
    margin-left: -5px;
}

.fixed-module-block {
    justify-content: space-between;
    text-decoration: none;
    color: #1D1D1D;
    font-size: 12px;
    line-height: 20px;
    position: fixed;
    z-index: 40;
    bottom: 20px;
    left: calc(50% + 194px);
    width: 375px;
    display: flex;
    align-items: center;
    border-radius: 12px;
    border: 1px solid #E8E8E8;
    background: #fff;
    height: 72px;
    padding: 12px 16px;
}

.fixed-module-block .pic {
    width: 48px;
    height: 48px;
}

.fixed-module-block .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fixed-module-block .btn {
    border-radius: 12px;
    background: #E5EEFE;
    color: #0056F3;
    line-height: 34px;
    font-size: 12px;
    width: 84px;
    padding: 0;
    text-align: center;
}

.fixed-module-block .btn:hover {
    background: #0056F3;
    color: #fff;
}

.fixed-module-block .inf {
    width: calc(100% - 160px);
}

.fixed-module-block .inf .progressline {
    width: 100%;
    height: 2px;
    margin: 0 0 7px;
    position: relative;
    background: #E6E6E6;
}

.fixed-module-block .inf .progressline .fill {
    transition: all 0.3s ease;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #0056F3;
}


.err404 small {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
}

.err404 .big {
    display: flex;
    align-items: center;
    font-size: 200px;
    line-height: 100%;
    margin: 0 0 20px;
    justify-content: center;
    font-weight: 500;
}

.err404 .btn {
    margin: 60px auto 0;
    font-weight: normal;
}

.attantion-block {
    background: #aadaaa;
    border: 1px solid #83ab83;
    display: flex;
    align-items: center;
    border-radius: 8px;
    padding: 16px;
    margin: 20px 0 40px;
}

.attantion-block .ic {
    width: 20px;
    margin: 0 10px 0 0;
    font-size: 18px;
}

.attantion-block .ic img {
    display: block;
    width: 100%;
}

.attantion-block .txt {
    width: calc(100% - 30px);
}

.attantion-block.blue {
    background: #d6f1f7;
    border-color: #9ccdd8;
}

.attantion-block.yellow {
    background: #edf2b6;
    border-color: #dcef14;
}

.attantion-block.red {
    background: #f7d8d8;
    border-color: #cd8f7a;
}

.level-titles {
    text-align: left;
    margin: 20px 0 40px;
    padding: 0 0 0 30px;
    position: relative;
}

.level-titles:before {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    top: 2px;
    bottom: 0px;
    background: #0056F3;
    left: 0;
}

.level-titles h2 {
    text-align: left;
    font-size: 26px;
    line-height: 125%;
    padding: 0 0 10px;
    margin: 0 !important;
}

.level-titles h3 {
    text-align: left;
    font-size: 20px;
    line-height: 125%;
    padding: 0;
    margin: 0;
    font-weight: 300;
}

bloquote {
    margin: 20px 0 40px;
    display: block;
    padding: 0 0 0 30px;
    position: relative;
}

bloquote:before {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    top: 2px;
    bottom: 0px;
    background: #e9ecef;
    left: 0;
}

.bigletter {
    margin: 0 3px 0 0;
    float: left;
    color: #0056F3;
    font-size: 50px;
    line-height: 100%;
}

.selected-text {
    background: #BADEFE;
}

.preloader {
    z-index: 10;
    position: relative;
    width: 100%;
    height: 300px;
}

.preloader .preloader-round {
    top: 50%;
    left: 50%;
    margin: - 25px 0 0 -25px;
    animation: rotate 1s 0s linear infinite;
    position: absolute;
    width: 50px;
    height: 50px;
    border: 2px solid #0056F3;
    border-radius: 50%;
    border-bottom-color: transparent;
}


@keyframes rotate {
    0% {
        transform: rotate(0) scale(1)
    }

    50% {
        transform: rotate(180deg) scale(.6)
    }

    100% {
        transform: rotate(360deg) scale(1)
    }
}


.standart-table-block {
    margin: 20px 0 40px;
}

.standart-table-block table {
    font-size: 14px;
    line-height: 125%;
    width: 100%;
    border-collapse: collapse;
    border: 0;
}

.standart-table-block table th {
    text-align: left;
    border-bottom: 1px solid #e9ecef;
    padding: 15px 20px;
    font-weight: 500;
}

.standart-table-block table th:first-child,
.standart-table-block table td:first-child {
    padding-left: 0;
}

.standart-table-block table th:last-child,
.standart-table-block table td:last-child {
    padding-right: 0;
}

.standart-table-block table td {
    border-bottom: 1px solid #e9ecef;
    padding: 10px 20px;
    font-weight: 300;
}

.big-table-block {
    margin: 20px 0 40px;
}

.table-wrap {
    overflow-x: auto;
    overflow-y: visible;
}

.table-wrap::-webkit-scrollbar {
    width: 6px;
    height: 4px;
    margin: 10px 0 0 0;
}

.table-wrap::-webkit-scrollbar-track {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.table-wrap::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #0056F3;
}

.big-table-block table {
    font-size: 12px;
    line-height: 135%;
    width: 100%;
    border-collapse: collapse;
    border: 0;
    border-bottom: 1px solid #e9ecef;
    border-left: 1px solid #e9ecef;
}

.big-table-block table th {
    position: relative;
    text-align: left;
    border-top: 1px solid #e9ecef;
    border-right: 1px solid #e9ecef;
    padding: 10px 40px 10px 10px;
    font-weight: 500;
}

.big-table-block table td {
    border-right: 1px solid #e9ecef;
    border-top: 1px solid #e9ecef;
    padding: 10px 10px;
    font-weight: 300;
}

.big-table-block table tr:nth-child(even) td {
    background: #f8f8f8;
}

.big-table-block .sorting-arrows {
    display: flex;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.big-table-block .sorting-arrows .up {
    cursor: pointer;
    opacity: 0.5;
    display: block;
    transform: scale(1, -1);
    display: block;
    width: 10px;
    height: 16px;
    background: url(/local/templates/.default/assets/img/down-arr.svg) center center/contain no-repeat;
}

.big-table-block .sorting-arrows .down {
    cursor: pointer;
    opacity: 0.5;
    display: block;
    display: block;
    width: 10px;
    height: 16px;
    background: url(/local/templates/.default/assets/img/down-arr.svg) center center/contain no-repeat;
}

.big-table-block .sorting-arrows .down.active,
.big-table-block .sorting-arrows .up.active {
    opacity: 1;
}

.big-table-block .big-table-block-top {
    font-weight: 300;
    font-size: 12px;
    line-height: 145%;
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px;
}

.big-table-block .big-table-block-top .show-block {
    display: flex;
    align-items: center;
}

.big-table-block .big-table-block-top .show-block .select-outer {
    width: 60px;
    margin: 0 10px;
}

.big-table-block .big-table-block-top .show-block .select-outer select {
    background: url(/local/templates/.default/assets/img/sel-arr.svg) right 5px center/14px auto no-repeat;
    cursor: pointer;
    padding: 0 10px;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    line-height: 30px;
    width: 100%;
}

.big-table-block .big-table-block-top .search-data-block {
    display: flex;
    align-items: center;
}

.big-table-block .big-table-block-top .search-data-block input {
    margin: 0 0 0 10px;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 8px;
    font-family: inherit;
    border: 1px solid #e9ecef;
    font-weight: normal;
    font-size: 14px;
}

.feautres-boxes-list {
    display: flex;
    flex-wrap: wrap;
    margin: 20px -20px 40px 0;
    width: calc(100% + 20px);
}

.feautres-boxes-list.shadow .feautres-boxes-item {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    background: none;
}

.feautres-boxes-list.border .feautres-boxes-item {
    background: none;
    border: 1px solid #e9ecef;
}

.feautres-boxes-list.center .feautres-boxes-item {
    text-align: center;
}

.feautres-boxes-list.center .feautres-boxes-item .feature-ic {
    margin-left: auto;
    margin-right: auto;
}

.feautres-boxes-list .feautres-boxes-item {
    font-size: 14px;
    line-height: 140%;
    font-weight: 300;
    padding: 20px;
    border-radius: 8px;
    background: #f8f8f8;
    width: calc(100% / 3 - 20px);
    margin: 0 20px 20px 0;
}

.feautres-boxes-list.two-cols .feautres-boxes-item {
    width: calc(50% - 20px);
}

.feautres-boxes-list .feautres-boxes-item.with-ic {
    display: flex;
    align-items: flex-start;
}

.feautres-boxes-list .feautres-boxes-item .feature-ic {
    min-width: 30px;
    width: 30px;
    margin: 0 20px 0 0;
}

.feautres-boxes-list .feautres-boxes-item:not(.with-ic) .feature-ic {
    margin-bottom: 10px;
}

.feautres-boxes-list .feautres-boxes-item .feature-ic img {
    display: block;
    width: 100%;
}

.feautres-boxes-list .feautres-boxes-item .feautres-boxes-title {
    font-weight: normal;
    font-size: 16px;
    line-height: 130%;
    margin: 0 0 10px;
}

hr {
    margin: 40px 0;
    border: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #e9ecef;
}

ul.stylish-ul {
    Padding: 0;
    margin: 0;
    list-style-type: none;
    padding: 0;
    margin: 20px 0 40px;
}

ul.stylish-ul.columns {
    columns: 2;
}

ul.stylish-ul.columns li {
    padding-right: 20px;
}

ul.stylish-ul li {
    break-inside: avoid;
    background: url(/local/templates/.default/assets/img/checked-ic.svg) top 4px left/16px auto no-repeat;
    position: relative;
    padding-left: 24px;
}

ul.stylish-ul li+li {
    margin-top: 12px;
}

.pie-chart-block {
    margin: 20px 0 40px;
}

.pie-chart-block.small {
    width: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.pie-chart-block.small .data-list {
    visibility: hidden;
}

.pie-chart-block.small .piechart.inner {
    border: 1px solid #fff;
    width: 125px;
    height: 125px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pie-chart-block .data-list {
    justify-content: center;
    margin: 0 0 20px;
    display: flex;
    flex-wrap: wrap;
}

.pie-chart-block .data-list .data-pie-block {
    align-items: center;
    line-height: 125%;
    font-weight: 300;
    display: flex;
    font-size: 12px;
    margin: 0 20px 10px 0;
}

.pie-chart-block .data-list .data-pie-block .bg {
    width: 30px;
    height: 10px;
    border-radius: 3px;
    margin: 0 6px 0 0;
    display: block;
}

.piechart {
    transform: scale(0);
    transition: all 1s ease;
    margin: 0 auto;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.piechart.visible {
    transform: scale(1);
}

.piechart .piechart {
    position: absolute;
    top: 0;
    left: 0;
}

.small .piechart {
    transition-delay: 0.5s;
}

.comparison-piecharts {
    position: relative;
}

.nocources-slider {
    margin: 0 0 135px;
    transition: all 0.3s ease;
    transform: translateY(100px);
    opacity: 0;
}

.nocources-slider:last-child {
    margin-bottom: 0;
}

.nocources-slider.animated {
    transform: none;
    opacity: 1;
}

.nocources-slider .owl-carousel {
    overflow: visible;
}

.nocources-slider .owl-carousel .owl-nav {
    margin: 28px 0 0 0;
    gap: 12px;
    display: flex;
    justify-content: center;
}

.nocources-slider .owl-carousel .owl-nav button.owl-prev,
.nocources-slider .owl-carousel .owl-nav button.owl-next {
    transition: all 0.3s ease;
    border: 1.5px solid #F6F6F6;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #F6F6F6;
    position: relative;
}

.nocources-slider .owl-carousel .owl-nav button.owl-prev:not(.disabled):hover,
.nocources-slider .owl-carousel .owl-nav button.owl-next:not(.disabled):hover {
    border: 1.5px solid #0056F3;
}

.nocources-slider .owl-carousel .owl-nav button.owl-prev:not(.disabled):hover:after,
.nocources-slider .owl-carousel .owl-nav button.owl-next:not(.disabled):hover:after {
    filter: none;
}

.nocources-slider .owl-carousel .owl-nav button.owl-prev:after,
.nocources-slider .owl-carousel .owl-nav button.owl-next:after {
    filter: grayscale(100%) brightness(50%);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: url(img/slider-arr.svg) center left 9px no-repeat;
}

.nocources-slider .owl-carousel .owl-nav button.owl-prev.disabled:after,
.nocources-slider .owl-carousel .owl-nav button.owl-next.disabled:after {
    opacity: 0.3;
}

.nocources-slider .owl-carousel .owl-nav button.owl-prev:after {
    transform: scale(-1, 1);
}

.nocources-slider .owl-carousel .owl-nav button.disabled {
    cursor: default !important;
}

.nocources-slider .owl-carousel .owl-dots {
    display: none;
}

.nocources-slider .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.nocources-slider .item {
    text-decoration: none;
    color: inherit;
    padding: 48px;
    border-radius: 20px;
    background: #F6F6F6;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 600px;
}

.nocources-slider .item .soon {
    z-index: 3;
    position: absolute;
    line-height: 28px;
    padding: 0 8px;
    border-radius: 8px;
    background: #FF4D4D;
    font-size: 16px;
    color: #fff !important;
    left: 48px;
    top: -8px;
}

.nocources-slider .item h2 {
    margin: 0 0 24px;
    padding: 0;
    text-align: left;
    font-size: 28px;
    line-height: 34px;
}

.nocources-slider .item h2 .blue {
    color: #0056F3;
}

.nocources-slider .item .txt {
    transition: opacity 0.3s ease;
    opacity: 0;
    position: relative;
    z-index: 2;
    max-width: 550px;
}

.nocources-slider.animated .item .txt {
    opacity: 1;
    transition-delay: 0.4s;
}

.nocources-slider .item .tags {
    margin: 0 0 40px;
    gap: 12px;
    display: flex;
    flex-wrap: wrap;
}

.nocources-slider .item .tags>* {
    text-decoration: none;
    color: inherit;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 20px;
    background: #fff;
    font-size: 14px;
}

.nocources-slider .item .pic {
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}

.nocources-slider.animated .item .pic img {
    transform: none;
    opacity: 1;
    transition-delay: 0.5s;
}

.nocources-slider .item .pic img {
    transform: translateX(100px);
    transition: all 0.3s ease;
    opacity: 0;
    display: block;
    width: 100%;
}

/*Owl carousel*/
.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}


@media all and (max-width:1620px) {
    .leftpanel {
        right: auto;
        left: 0;
        width: 186px;
    }

    .inner .all {
        margin-left: 186px;
    }

    .fixed-module-block {
        left: 1000px;
    }
}




@media all and (max-width:1440px) {
    .first-screen {
        height: 600px;
    }

    .inner .all {
        max-width: 100%;
        padding: 0 40px 0 226px;
        margin: 0;
    }

    .module-page header {
        padding: 0 40px;
    }

    .module-page header .progressline {
        left: 40px;
        width: calc(100% - 80px);
    }

    .module-page header .back {
        left: 40px;
    }

    .module-page header .tools {
        right: 40px;
    }

    .fixed-module-block {
        left: auto;
        right: 40px;
    }
}

@media all and (max-width:1300px) {
    .first-screen {
        height: 500px;
        min-height: 500px;
    }

    .first-screen h1 {
        font-size: 50px;
    }

    .first-screen .txt {
        max-width: 400px;
    }

    .days-serie .block {
        margin: 0 0px;
    }

    .days-serie {
        justify-content: space-between;
    }
}

@media all and (max-width:1200px) {

    .nocources-slider .item {
        min-height: 500px;
    }

    .nocources-slider .item .pic {
        top: 50px;
    }

    .nocources-slider .item .pic img {
        margin-left: 150px;
        max-height: 100%;
        width: auto;
        max-width: 100%;
    }

    .nocources-slider .item .txt {
        max-width: 50%;
    }


    .popup.consultation .into p {
        font-size: 12px;
        line-height: 135%;
    }

    .popup.consultation .into {
        padding: 30px;
    }

    .popup.consultation .cols .col.datas,
    .popup.consultation .cols .col.timecol {
        width: 300px;
    }

    header .buy,
    header .count small {
        font-size: 12px;
    }

    header .count {
        font-size: 20px;
    }

    header .left .btn {
        font-size: 12px;
        line-height: 42px;
        padding: 0 16px;
    }

    header .page-title {
        font-size: 20px;
        margin: 0 20px 0 0;
    }

    .progress-block .right .progressbar {
        width: 90px;
        height: 90px;
    }

    .progress-block .left {
        width: calc(100% - 110px);
    }

    .modules-list .block {
        height: 100px;
    }

    .modules-list .block .pic {
        width: 100px;
    }

    .modules-list .block .inf {
        width: calc(100% - 150px);
    }

    .modules-list .block .inf .chars div {
        font-size: 12px;
    }

    h2 .count {
        line-height: 20px;
        font-size: 12px;
        width: 28px;
        bottom: 4px;
    }

    .modules-list .block .inf .title {
        font-size: 18px;
    }

    .inner h2,
    .inner .content h2 {
        margin-bottom: 28px;
        font-size: 26px;
    }

    header nav ul li a {
        font-size: 15px;
    }

    .all {
        padding: 0 20px;
    }
}


@media all and (max-width:1000px) {

    .nocources-slider .item .soon {
        left: auto;
        right: 16px;
    }

    .nocources-slider .owl-carousel {
        width: calc(100vw - 60px);
        overflow: visible;
    }

    .nocources-slider .owl-carousel .owl-stage-outer {
        overflow: visible;
    }

    .nocources-slider .owl-carousel .owl-stage {
        display: flex;
        flex-wrap: wrap;
    }

    .nocources-slider .owl-carousel .owl-item {
        display: flex;
        align-items: stretch;
    }

    .nocources-slider .item {
        width: 100%;
        height: 700px;
        min-height: 700px;
        align-items: flex-start;
        padding: 40px;
    }

    .nocources-slider .item .txt {
        max-width: 100%;
    }

    .nocources-slider .item .pic {
        justify-content: center;
        top: auto;
        height: 400px;
    }

    .nocources-slider .item .pic img {
        max-width: 99999px;
        width: auto;
        margin-left: -370px;
        height: 370px;
    }

    .nocourse-info-cols .rightcol .tab {
        max-height: calc(100dvh - 230px);
    }

    .nocourse-info-cols .rightcol .feedbacks-list .fback-item {
        font-size: 12px;
    }

    .nocourse-info-cols .rightcol .feedbacks-list .fback-item .tag {
        font-size: 12px;
    }

    ul.icons-list {
        gap: 20px;
    }

    ul.icons-list li {
        font-size: 12px;
    }

    .pains-list {
        margin-bottom: 40px;
    }

    .pains-list .block {
        padding: 12px;
        font-size: 12px;
    }

    .pains-list .block .title {
        font-size: 14px;
        line-height: 16px;
        padding-left: 30px;
    }

    .pains-list .block .ic {
        width: 20px;
        height: 20px;
    }

    .nocourse-info-cols {
        margin-top: 64px;
        height: calc(100dvh - 64px);
    }

    .nocourse-info-cols .leftcol {
        border: 0;
        margin: 0;
        width: 100%;
        z-index: 5;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 0 0px;
        background: #fff;
        position: absolute;
        height: 76px;
        left: 0;
        top: auto;
        bottom: 0;
    }

    .nocourse-info-cols .leftcol .btn {
        line-height: 52px;
        text-align: center;
        font-size: 14px;
        width: calc(50% - 4px);
    }

    .nocourse-info-cols .leftcol .mob-btn {
        height: 52px;
        border: 1px solid #D8D8D8;
        border-radius: 12px;
        padding: 10px 20px;
        position: relative;
        font-size: 12px;
        line-height: 24px;
        display: block;
        width: calc(50% - 4px);
    }

    .nocourse-info-cols .leftcol .mob-btn:after {
        content: '';
        display: block;
        width: 24px;
        height: 24px;
        background: url(img/up-arr.svg) center center no-repeat;
        right: 12px;
        top: 50%;
        margin-top: -12px;
        position: absolute;
    }

    .nocourse-info-cols .leftcol .mob-btn small {
        display: block;
        font-size: 10px;
        color: #8A8A8A;
        line-height: 10px;
    }

    .nocourse-info-cols .leftcol nav {
        transition: all 0.3s ease;
        transform: translateY(100%);
        border-radius: 16px 16px 0 0;
        padding: 24px 24px 48px;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
    }

    .nocourse-info-cols .leftcol.open nav {
        transform: none;
    }

    .nocourse-info-cols .leftcol.open:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        background: rgba(0, 0, 0, 0.3);
    }

    .nocourse-info-cols .leftcol nav .title {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 25px;
        display: block;
    }

    .nocourse-info-cols .leftcol nav .nav-close {
        position: absolute;
        top: 24px;
        right: 24px;
        display: block;
        width: 24px;
        height: 24px;
        cursor: pointer;
        background: url(img/close-ic.svg) center center no-repeat;
    }

    .nocourse-info-cols .rightcol {
        width: 100%;
    }

    .nocourse-info-cols .rightcol h2 {
        margin-bottom: 16px;
        font-size: 16px;
        line-height: 22px;
    }

    .popup.nocourse-info .top-panel .all {
        height: 64px;
        padding-top: 15px;
    }

    .global-tab {
        padding: 24px 0 0 0;
    }

    .popup.consultation .cols .col.mobile-hidden {
        display: none;
    }

    .popup.consultation .cols .col+.col+.col {
        margin-left: 0;
    }

    .popup.consultation .cols .col.datas,
    .popup.consultation .cols .col.timecol {
        width: 383px;
        padding: 0;
        border: 0;
    }

    .popup.consultation .cols .col.datas {
        padding-bottom: 40px;
    }

    .popup.consultation .cols .col.timecol:not(.visible) {
        display: none;
    }

    .popup.consultation .cols .col:first-child {
        padding-bottom: 40px;
    }

    .level-titles h2 {
        font-size: 22px !important;
        font-weight: 500;
    }

    .level-titles h3 {
        font-size: 16px !important;
        font-weight: normal;
    }

    .feautres-boxes-list .feautres-boxes-item {
        width: calc(50% - 20px);
    }

    .menu-page nav {
        padding-right: 0;
    }

    .menu-page nav .row.quoterow {
        background: #F6F6F6;
    }

    .menu-page .quotes-count {
        display: block;
        font-size: 16px;
        line-height: 22px;
        margin: 0 0 20px;
        font-weight: 500;
    }

    .all-pdf {
        font-size: 12px;
    }

    .quotes-list.full .block {
        font-size: 12px;
        line-height: 24px;
    }

    .menu-page nav .quoterow .drop h2:not(.cloned) {
        font-size: 24px;
    }

    .fixed-module-block {
        right: 0;
        left: 0;
        bottom: 80px;
        width: 100%;
        border: 0;
        border-radius: 0;
    }

    .module-page header .back {
        top: 8px;
    }

    .menu-page .can-add {
        font-size: 16px;
        line-height: 22px;
        display: flex;
        align-items: center;
        min-height: calc(100dvh - 540px);
    }

    .menu-page .flex-title {
        margin: 0;
    }

    .menu-page nav .drop h2.cloned {
        display: block;
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 22px;
        text-align: left;
    }

    .menu-page nav .drop .flex-title h2:after,
    .menu-page nav .drop .flex-title h2:not(.cloned):after {
        display: none;
    }

    .menu-page nav .drop .flex-title h2 {
        width: 100%;
    }

    .menu-page nav .drop .staff-progress-list {
        padding-bottom: 80px;
    }

    .menu-page nav .row .drop .flex-title .btn:not(.subscribe, .gift) {
        line-height: 48px;
        position: fixed;
        left: 120vw;
        transition: left 0.3s ease;
        width: calc(100% - 32px);
        z-index: 100;
        bottom: 100px;
        text-align: center;
    }

    .menu-page nav .row.open .drop .flex-title .btn:not(.subscribe, .gift) {
        left: 16px;
    }

    .menu-page nav .row .drop .flex-title .btn.subscribe {
        border-radius: 12px;
        width: auto;
        padding: 0 16px;
        display: table;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .menu-page nav .row .drop .flex-title .btn.gift {
        border-radius: 12px;
        width: auto;
        padding: 0 16px;
        display: table;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .menu-page nav .row>.btn {
        line-height: 34px;
        padding: 0 16px;
        font-size: 12px;
        border-radius: 12px;
        background: #E5EEFE;
        color: #0056F3;
        display: table;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .menu-page nav .row {
        position: relative;
    }

    .acc-block h3 {
        font-size: 18px;
    }

    .menu-page nav .drop h2:not(.cloned) {
        line-height: 50px;
        text-align: center;
        margin: 0 0 28px;
        font-size: 20px;
        position: relative;
    }

    .menu-page nav .drop h2:not(.cloned):before {
        content: '';
        display: block;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        cursor: pointer;
        background: url(/local/templates/.default/assets/img/back-ic.svg) center center no-repeat;
    }

    .menu-page nav .drop h2:not(.cloned):after {
        content: '';
        display: block;
        right: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        cursor: pointer;
        background: url(/local/templates/.default/assets/img/close-ic.svg) center center no-repeat;
    }

    .menu-page nav .row .drop {
        -ms-overflow-style: none;
        scrollbar-width: none;
        height: 100dvh;
        overflow: auto;
        padding: 0 16px 150px;
        z-index: 90;
        background: #fff;
        position: fixed;
        top: 0;
        left: 100vw;
        bottom: 0;
        width: 100%;
        opacity: 1;
        transition: left 0.3s ease;
    }

    .menu-page nav .row .drop::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .menu-page nav .row .drop:before {
        display: none;
    }

    .menu-page nav .row.open .drop {
        left: 0;
    }

    .menu-page {
        padding-bottom: 80px;
        -ms-overflow-style: none;
        scrollbar-width: none;
        min-height: calc(100dvh - 140px);
        overflow: auto;
    }

    .menu-page nav {
        width: 100%;
    }

    .menu-page::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .menu-page nav .bottom {
        padding-bottom: 120px;
    }

    header .right .counter-wrap,
    header .right .buy-days-btn {
        display: none !important;
    }

    header .page-title+a .logo {
        display: block;
    }

    header .left {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 12px 16px;
        position: fixed;
        z-index: 100;
        bottom: 80px;
        left: 0;
        width: 100%;
        background: #fff;
    }

    header .left .btn {
        margin: 0 0 8px;
        width: calc(50% - 6px);
        line-height: 40px;
        padding: 0;
        font-size: 12px;
        text-align: center;
        border-radius: 16px;
    }

    header .left+a .logo {
        display: block;
    }

    header .page-title {
        display: none;
    }

    .main-cols {
        display: block;
    }

    .main-cols .col+.col {
        margin-top: 52px;
    }

    .main-cols .col {
        width: 100%;
    }

    .modules-list .block {
        width: 100%;
    }

    .inner .content {
        padding-bottom: 100px;
    }

    .btn.buy-days-btn {
        margin: 0 0 48px;
        width: 100%;
        text-align: center;
        background: #E5EEFE;
        line-height: 48px;
        color: #0056F3;
    }

    .counter-wrap.mini .title {
        display: block;
        font-size: 26px;
        line-height: 100%;
        margin: 0 0 20px;
        text-align: left;
        font-weight: 500;
    }

    .counter-wrap.mini .counter-block {
        border-radius: 10px;
        height: 83px;
        align-items: center;
        max-width: 100%;
        width: 100%;
    }

    .counter-wrap.mini .counter-block .block .top {
        font-size: 24px;
        margin: 0 0 8px;
    }

    .counter-wrap.mini .counter-block .block {
        margin: 0 12px;
    }

    .counter-wrap.mini,
    .counter-wrap.mini:not(:last-child) {
        margin: 0 0 20px;
        display: block;
        width: 100%;
    }

    .container.inner {
        padding-top: 84px;
    }

    .inner header .all {
        height: 64px;
    }

    .inner header {
        border: 0;
    }

    header .btn.subscribe {
        background: #0056F3;
        color: #fff;
    }

    .inner .all {
        padding: 0 16px;
    }

    .leftpanel {
        border-top: 1px solid #E8E8E8;
        padding: 10px 20px;
        width: 100%;
        bottom: 0;
        left: 0;
        top: auto;
        height: 80px;
        z-index: 91;
    }

    .leftpanel .in {
        width: 100%;
    }

    .leftpanel .in nav ul {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .leftpanel nav ul li+li {
        margin: 0 0 0 40px;
    }

    .leftpanel .bottom {
        display: none;
    }

    .drop-block.other-users .title {
        padding-top: 52px;
    }

    .drop-block.other-users .drop-wrap {
        padding-left: 32px;
        padding-right: 32px;
    }

    .drop-block .btns-flex .btn {
        line-height: 48px;
        width: calc(50% - 7px);
    }

    .content h2 {
        font-size: 35px;
        line-height: 36px;
        margin: 0 0 40px;
    }

    header .logo {
        margin: 0;
    }

    header .menu-ic {
        display: block;
        width: 24px;
        height: 24px;
        margin: 0 20px 0 0;
        background: url(/local/templates/.default/assets/img/menu-ic.svg) center center no-repeat;
    }

    .inner header .menu-ic {
        display: none;
    }

    header.menu-open .menu-ic {
        background-image: url(/local/templates/.default/assets/img/close-ic.svg);
    }

    /* header nav {padding: 36px 17px; z-index: 50; position: fixed; top: 64px; left: -100vw;  height: calc(100dvh - 64px); transition: left 0.3s ease; width: 100vw; background: #fff;} */
    header nav ul {
        display: block;
    }

    header nav ul li+li {
        margin: 20px 0 0 0;
    }

    header nav ul li a {
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;
    }

    header.menu-open nav {
        left: 0;
    }

    .all {
        padding: 0 17px;
        margin-top: 35px;
    }

    .btn {
        line-height: 48px;
        font-weight: normal;
    }

    .typing-wrap {
        font-size: 16px;
        line-height: 28px;
        margin: 0 0 80px;
    }

    .suggest-block.first .block:nth-child(2) {
        max-width: calc(100% - 100px);
    }

    .suggest-block.first .block:nth-child(4) {
        max-width: calc(100% - 100px);
    }

    .suggest-block .list .block .words span:nth-child(n+5) {
        display: none;
    }

    .suggest-block .not-block.visible {
        transform: translate(-50%, -43%);
    }

    .suggest-block .list .block .words span {
        width: 40px;
        height: 40px;
    }

    .suggest-block .list .block .words span+span {
        margin-left: 12px;
    }

    .suggest-block.second .block:nth-child(3) {
        max-width: calc(100% - 260px);
    }

    .suggest-block.second .block:nth-child(4) {
        max-width: calc(100% - 110px);
    }

    .suggest-block.second .block:nth-child(5) {
        max-width: calc(100% - 100px);
    }

    .suggest-block.second .block:nth-child(7) {
        max-width: calc(100% - 130px);
    }

    .suggest-block.second .block:last-child {
        max-width: calc(100% - 150px);
    }

    .suggest-block.second .block:first-child {
        max-width: calc(100% - 150px);
    }

    .prices-cols .price {
        font-size: 26px;
    }

    .content.questions-page {
        padding-bottom: 180px;
    }

    ul.stylish-ul.columns li {
        padding-right: 0;
    }

    ul.stylish-ul.columns {
        columns: 1;
    }

    .first-screen h1 {
        font-size: 36px;
    }

    .first-screen {
        height: 400px;
        min-height: 1px;
        background-size: auto 75%;
    }
}

@media all and (max-width:800px) {
    .module-page header {
        padding: 0 17px;
    }

    .module-page header .progressline {
        left: 17px;
        width: calc(100% - 34px);
    }

    .module-page header .back {
        left: 17px;
    }

    .module-page header .tools {
        right: 17px;
    }
}

@media all and (max-width:700px) {

    .nocources-slider .item .txt {
        position: static;
    }

    .nocources-slider .item {
        margin-bottom: 58px;
        height: auto;
        min-height: 1px;
        padding: 20px 20px 70vw;
    }

    .nocources-slider .item h2 {
        font-size: 16px;
        line-height: 22px;
        margin: 0 0 16px;
    }

    .nocources-slider .item .tags {
        margin-bottom: 20px;
        gap: 8px;
    }

    .nocources-slider .item .tags>* {
        line-height: 32px;
        font-size: 12px;
    }

    .nocources-slider .item .btn {
        position: absolute;
        top: calc(100% + 12px);
        left: 0;
        font-size: 14px;
        width: 100%;
        text-align: center;
    }

    .nocources-slider .item .pic {
        justify-content: center;
        top: auto;
        height: 76vw;
    }

    .nocources-slider .item .pic img {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-72%) !important;
        margin: 0;
        max-width: 99999px;
        width: auto;
        height: 80vw;
    }


    .first-screen {
        margin: 0 0 60px;
        align-items: flex-end;
        padding: 85vw 0 78px;
        height: auto;
        background: #f6f6f6 url(/local/templates/.default/assets/img/mobBanner.png) top center/100% auto no-repeat;
    }

    .first-screen h1 {
        font-size: 36px;
        line-height: 100%;
        margin: 0 0 12px;
    }

    .first-screen .descr {
        font-size: 14px;
        line-height: 20px;
    }

    .popup.small .form-block {
        max-height: calc(100dvh - 100px);
    }

    .popup.small .into {
        padding-right: 20px;
        padding-left: 20px;
    }

    .edit-acc-info .drop-block .drop-wrap {
        padding-top: 24px;
    }

    .popup.consultation .cols .col {
        max-height: calc(100dvh - 240px);
    }

    .popup.consultation .into p {
        font-size: 14px;
        line-height: 20px;
    }

    .popup.consultation .cols .col {
        width: 100%;
        padding-right: 0;
    }

    .popup.small.consultation .into {
        bottom: 0;
        min-height: calc(100dvh - 50px);
        padding: 30px 16px;
        border-radius: 16px 16px 0 0;
        left: 0;
        top: auto;
        transform: translateY(150dvh);
        height: auto;
        transition: transform 0.3s ease;
    }

    .popup.small.consultation.visible .into {
        transform: none;
    }

    .popup.small.consultation .btn-wrap {
        display: block;
    }

    .popup.small.consultation .btn-wrap .btn {
        display: block;
        margin-top: 10px;
    }

    .big-table-block .big-table-block-top {
        font-size: 10px;
    }

    .big-table-block .big-table-block-top .search-data-block input {
        width: 100px;
        font-size: 10px;
    }

    .big-table-block .big-table-block-top .show-block .select-outer select {
        padding: 0 5px;
        font-size: 10px;
    }

    .big-table-block .big-table-block-top .show-block .select-outer {
        width: 50px;
    }

    .content {
        font-size: 14px;
    }

    .attantion-block {
        margin: 10px 0 20px;
    }

    .feautres-boxes-list .feautres-boxes-item,
    .feautres-boxes-list.two-cols .feautres-boxes-item {
        width: 100%;
        margin: 0 0 10px;
    }

    .feautres-boxes-list {
        margin-right: 0;
        width: 100%;
    }

    .err404 small {
        font-size: 14px;
        line-height: 20px;
    }

    .err404 .big {
        font-size: 112px;
    }

    .err404 img {
        height: 120px;
    }

    .err404 .btn {
        margin: 48px auto 0;
        width: 100%;
        max-width: 400px;
    }

    .tags-list .tag {
        font-size: 12px;
        line-height: 32px;
    }

    .popup .btn-mob-wrap {
        left: -20px;
        position: absolute;
        bottom: 0;
        width: calc(100% + 40px);
        padding: 12px 36px;
        border-top: 1px solid #E8E8E8;
    }

    .popup .btn-mob-wrap .btn {
        font-size: 14px;
        width: 100%;
        text-align: center;
    }

    .popup .review-block .descr {
        font-size: 12px;
        line-height: 20px;
        margin: 0 0 20px;
    }

    .popup .review-block .review-wrap .in label {
        font-size: 12px;
    }

    .popup .review-block .review-wrap .inp-txt {
        font-size: 12px;
    }

    .popup.small.notice .into {
        height: auto;
        padding: 20px 12px;
        width: calc(100% - 32px);
        border-radius: 16px;
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
    }

    .popup.small.notice .into .add-q,
    .popup.small.notice .into .add-q-info {
        margin-left: 20px;
    }

    .popup.small .btn-wrap {
        padding: 12px 16px;
        line-height: 48px;
        font-size: 14px;
        width: 100%;
    }

    .popup.small .btn-wrap .btn {
        font-size: 14px;
    }

    .rituals-list .block {
        margin: 0 0 16px;
        font-size: 12px;
        line-height: 16px;
    }

    .relax-pic {
        margin-bottom: 40px;
    }

    .popup.small .phrases-block,
    .popup.small .phrases-block p {
        font-size: 12px;
        line-height: 16px;
    }

    .phrases-block {
        padding-bottom: 120px;
    }

    .dark .module-page header .tools {
        background: #232323;
    }

    .module-page header .tools>*+* {
        margin: 0;
    }

    .module-page header .tools .fonts .close {
        z-index: 3;
        display: block;
        position: absolute;
        top: 28px;
        right: 16px;
        width: 24px;
        height: 24px;
        background: url(/local/templates/.default/assets/img/close-ic.svg) center center no-repeat;
    }

    .module-page header .tools .fonts:before {
        visibility: hidden;
        pointer-events: none;
        transition: all 0.1s ease;
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        bottom: 0;
        background: rgba(0, 0, 0, 0.4);
    }

    .module-page header .tools .fonts:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        bottom: 0;
        border-radius: 16px 16px 0 0;
        background: #fff;
    }

    .module-page header .tools .fonts .title {
        text-align: left;
        z-index: 2;
        position: relative;
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;
        margin: 0 0 28px;
        display: block;
    }

    .module-page header .tools .fonts .wrap {
        z-index: 2;
        position: relative;
        justify-content: center;
    }

    .module-page header .tools .fonts .wrap div {
        width: calc(100% / 3);
        max-width: 110px;
    }

    .module-page header .tools .fonts {
        z-index: 200;
        padding: 30px 16px;
        opacity: 1;
        visibility: visible;
        transform: none;
        transition: bottom 0.3s ease;
        position: fixed;
        left: 0;
        bottom: -50dvh;
        top: auto;
        width: 100%;
        border-radius: 16px 16px 0 0;
    }

    .module-page header .tools>*.open .fonts {
        left: 0;
        transform: none;
        bottom: 0;
    }

    .module-page header .tools>*.open .fonts:before {
        visibility: visible;
        left: 0;
        top: 0;
        opacity: 1;
    }

    .popup.small.module-menu .into {
        padding: 24px 16px 30px;
        border-radius: 16px 16px 0 0;
        left: 0;
        transform: translateY(150dvh);
        transition: transform 0.3s ease;
    }

    .popup.small.module-menu .into .title {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 30px;
        padding-right: 30px;
        padding-bottom: 0;
        font-weight: 500;
    }

    .module-menu .wrap {
        height: calc(100dvh - 65px);
        max-height: calc(100dvh - 65px);
    }

    .popup.small.module-menu.visible .into {
        transform: none;
    }

    .module-page .content .btn {
        line-height: 48px;
        font-size: 14px;
    }

    .module-page .content.short {
        padding-top: 0;
        padding-bottom: 140px;
    }

    .module-page header .close {
        display: block;
        position: absolute;
        top: 8px;
        right: 17px;
        width: 24px;
        height: 24px;
        background: url(/local/templates/.default/assets/img/close-ic.svg) center center no-repeat;
    }

    .module-page header .title {
        padding: 0;
        font-size: 12px;
        line-height: 16px;
        width: 100%;
    }

    .module-page header .tools {
        top: auto;
        position: fixed;
        height: 80px;
        padding: 0 17px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 100;
        background: #F6F6F6;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .module-page header {
        background: #fff;
        height: 40px;
    }

    .module-page header .progressline {
        bottom: 72px;
        top: auto;
        position: fixed;
        z-index: 100;
        background: #E6E6E6;
    }

    .popup#gift-window .in {
        height: calc(100dvh - 150px);
        max-height: calc(100dvh - 150px);
    }

    .popup.small#referal-link .into {
        transition: opacity 0.3s ease;
        opacity: 0;
        justify-content: center;
        display: flex;
        align-items: center;
        transform: none;
        border-radius: 0;
        top: -99999px;
        left: -9999px;
    }

    .popup.small#referal-link .into .in {
        max-width: 350px;
    }

    .popup.small#referal-link .into .close {
        height: 48px;
        right: 0;
        top: 0;
        width: 100%;
        background: url(/local/templates/.default/assets/img/close-ic.svg) center right 16px no-repeat, url(/local/templates/.default/assets/img/back-ic.svg) center left 16px no-repeat;
    }

    .popup.small#referal-link.visible .into {
        opacity: 1;
        top: 0;
        left: 0;
    }

    .requisites p+p {
        padding-top: 4px;
    }

    .popup.edit-acc-info .into.center .title {
        padding-top: 48px;
        font-size: 24px;
        line-height: 30px;
    }

    .popup.edit-acc-info .into .title {
        font-size: 24px;
        line-height: 30px;
        padding: 0;
        font-weight: 500;
        margin: 0 0 30px;
        padding-right: 30px;
    }

    .popup.edit-acc-info .btns-flex .btn {
        width: calc(50% - 6px);
    }

    .popup.edit-acc-info .into .outer label:not(.radio) {
        font-size: 12px;
    }

    .menu-page nav .row.open .drop .btn {
        width: 100%;
        font-size: 12px;
        line-height: 34px;
        text-align: center;
    }

    .acc-block h3 {
        font-size: 16px;
        line-height: 22px;
        margin: 0 0 16px;
    }

    .menu-page nav .drop h2 {
        line-height: 40px;
        font-size: 12px;
    }

    .menu-page .bottom {
        width: 100%;
    }

    .menu-page {
        padding-bottom: 70px;
    }

    .popup.small#rate-answer .into,
    .popup.small#poor .into,
    .popup.edit-acc-info.small .into,
    .popup.small#cons-thanks .into {
        padding: 30px 16px 48px;
        left: 0;
        bottom: 0;
        height: auto;
        transform: translateY(150dvh);
        transition: transform 0.3s ease;
        top: auto;
        border-radius: 16px 16px 0 0;
    }

    .popup.small#cons-thanks.visible .into {
        transform: none;
    }

    .popup.small#rate-answer.visible .into,
    .popup.small#poor.visible .into,
    .popup.edit-acc-info.visible.small .into {
        transform: none;
    }

    .popup.small#rate-answer .into .title {
        text-align: left;
        font-size: 16px;
        line-height: 22px;
    }

    .popup.small#rate-answer .thanks-block,
    .popup.small#poor .thanks-block {
        padding-top: 0;
    }

    .chat-block .btn {
        line-height: 34px;
        border-radius: 12px;
        background: #E5EEFE !important;
        padding: 0 16px;
        font-size: 12px;
        color: #0056F3 !important;
    }

    .chat-block .block .time {
        font-size: 10px;
        line-height: 16px;
        right: 12px;
        bottom: 12px;
    }

    .chat-block .date {
        margin: 16px 0;
        font-size: 12px;
    }

    .chat-block .block .name,
    .chat-block .block .name .ava {
        font-size: 12px;
    }

    .chat-block .block {
        font-size: 12px;
        line-height: 24px;
        padding: 12px;
    }

    .chat-block {
        padding-bottom: 150px;
    }

    .no-block {
        min-height: calc(100dvh - 400px);
    }

    .questions-list .answer {
        width: calc(100% - 32px);
        padding: 12px;
        font-size: 12px;
        line-height: 24px;
    }

    .questions-list .answer .answer-title {
        margin: 0 0 8px;
        font-size: 12px;
        line-height: 24px;
    }

    .popup.small#thanks .into {
        border-radius: 16px;
        width: 100%;
        max-width: 375px;
        top: auto;
        height: auto;
        bottom: auto;
        position: relative;
    }

    .popup.small#thanks {
        display: flex;
        align-items: center;
    }

    .popup.small#thanks p {
        font-size: 12px;
        line-height: 24px;
    }

    .thanks-block .btn {
        font-size: 14px;
    }

    .popup.small .form-block.write-que .title {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 30px;
        font-weight: 500;
    }

    .popup.small .form-block.write-que .outer {
        width: calc(100% - 40px);
    }

    .popup.small .form-block.write-que .outer label {
        font-size: 12px;
        line-height: 36px !important;
    }

    .popup.small .form-block.write-que .inp-txt {
        font-size: 12px;
        padding: 3px 16px;
    }

    .form-block.write-que .btn {
        position: relative;
        margin-bottom: 2px;
        width: 32px;
        line-height: 32px;
        text-indent: 9999px;
        display: block;
        overflow: hidden;
        border-radius: 50%;
    }

    .form-block.write-que .btn:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        bottom: 0;
        background: url(/local/templates/.default/assets/img/send-arr.svg) center center no-repeat;
        filter: brightness(800%);
    }

    .form-block.write-que .btn.disabled:after,
    .form-block.write-que .btn:disabled:after {
        filter: none;
    }

    .popup.small .form-block.write-que {
        padding-bottom: 0 !important;
    }

    .popup.small .into .close:not(.btn) {
        top: 28px;
        right: 16px;
    }

    .popup .questions-rules {
        height: auto;
        padding: 0;
    }

    .popup.consult .title {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 30px;
        font-weight: 500;
        padding-right: 30px;
    }

    .popup .questions-rules .title {
        font-size: 12px;
        line-height: 16px;
    }

    .popup .questions-rules {
        font-size: 12px;
        line-height: 16px;
    }

    .popup .questions-rules .block {
        margin: 0 0 20px;
    }

    .popup.small.consult .into {
        padding: 24px 12px 48px;
        left: 0;
        bottom: 0;
        height: auto;
        transform: translateY(150dvh);
        transition: transform 0.3s ease;
        top: auto;
        border-radius: 16px 16px 0 0;
    }

    .popup.small.consult.visible .into {
        transform: none;
    }

    .no-block {
        font-size: 24px;
        line-height: 30px;
    }

    ul.tabs-list li {
        width: 50%;
    }

    ul.tabs-list li a {
        font-size: 12px;
        line-height: 28px;
    }

    ul.tabs-list {
        padding: 2px;
        width: 100%;
    }

    .popup.buy-days.small label.radio+label {
        margin-top: 12px;
    }

    .popup.buy-days.small .form-block .outer {
        margin: 0 0 16px;
    }

    .popup.small.buy-days .into {
        padding: 24px 12px 48px;
        left: 0;
        bottom: 0;
        height: auto;
        transform: translateY(150dvh);
        transition: transform 0.3s ease;
        top: auto;
        border-radius: 16px 16px 0 0;
    }

    .popup.small.buy-days .into .close {
        top: 28px;
        right: 12px;
    }

    .popup.buy-days.small .into .title {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 30px;
        font-weight: 500;
        padding-right: 30px;
    }

    .popup.buy-days.small label.checkbox {
        margin-bottom: 32px;
    }

    .popup.small.buy-days.visible .into {
        transform: none;
    }

    .modules-list .block {
        margin: 0 0 8px;
        align-items: flex-start;
        height: 84px;
    }

    .modules-list .block .progressbar {
        width: 20px;
        height: 20px;
    }

    .modules-list .block .progressbar-wrap {
        margin: 10px 10px 0 0;
    }

    .modules-list .block .pic {
        width: 84px;
    }

    .modules-list .block .inf {
        width: calc(100% - 114px);
        padding: 10px 15px;
    }

    .modules-list .block .inf .title {
        font-size: 16px;
        line-height: 22px;
        margin: 0 0 12px;
    }

    .main-cols:not(:last-child) {
        margin-bottom: 48px;
    }

    .grey-bg {
        padding: 10px;
        min-height: 1px;
    }

    .days-serie {
        font-size: 12px;
        padding-top: 0;
    }

    .days-serie .block .num {
        font-size: 12px;
    }

    h2 .count {
        width: 36px;
        line-height: 26px;
        font-size: 14px;
    }

    .grey-bg {
        padding: 22px 12px;
    }

    .progress-block {
        font-size: 12px;
    }

    .progress-block .right .progressbar {
        width: 108px;
        height: 108px;
    }

    .counter-wrap.mini .title {
        font-size: 17px;
        line-height: 22px;
    }

    .inner h2,
    .inner .content h2 {
        font-size: 16px;
        line-height: 22px;
        margin: 0 0 20px;
    }

    .leftpanel .in nav ul {
        justify-content: space-between;
    }

    .leftpanel nav ul li+li {
        margin: 0;
    }

    .counter-wrap h1 {
        font-size: 16px;
        line-height: 22px;
        margin: 0 0 20px;
    }

    .counter-block {
        font-size: 10px;
        padding: 20px 40px;
        max-width: 100%;
        width: 400px;
        border-radius: 10px;
    }

    .counter-block .top {
        font-size: 24px;
        margin: 0 0 8px;
    }

    .counter-block .block {
        margin: 0 12px;
    }

    .drop-block {
        align-items: flex-end;
    }

    .drop-block .drop-wrap {
        padding: 30px 16px 48px;
        border-radius: 16px 16px 0 0;
        transform: translateY(150dvh);
        transition: opacity 0.3s ease, transform 0.3s ease;
    }

    .drop-block.visible .drop-wrap {
        transform: none;
    }

    .drop-block .drop-wrap .close-drop {
        top: 28px;
        right: 16px;
    }

    .popup.small .form-block .title {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 28px;
        font-weight: 500;
        padding-right: 30px;
    }

    .popup.small .into {
        width: 100%;
        position: fixed;
        top: 0;
        left: -999999px;
        width: 100%;
        border-radius: 0;
        height: 100dvh;
    }

    .popup.small.visible .into {
        left: 0;
    }

    .popup.small .into .form-block {
        max-width: 100%;
    }

    .suggest-block .not-block {
        transform: translate(-50%, -49%);
    }

    .suggest-block .not-block.animated {
        transform: translate(-50%, -55%);
    }

    .popup .reg-block .title {
        margin: 0 0 8px;
    }

    .fix-btn-wrap .all .btn+.btn,
    .fix-btn-wrap .all .btn:nth-last-child(2) {
        width: calc(50% - 5px);
    }

    .popup .prices-block {
        padding-top: 72px;
    }

    .popup .prices-cols .price {
        font-size: 18px;
        line-height: 20px;
    }

    .popup .prices-header ul li a {
        font-size: 12px;
        line-height: 28px;
    }

    .popup .prices-block {
        margin-top: 40px;
    }

    .choose-course label .title {
        font-size: 16px;
        line-height: 22px;
    }

    .choose-course label {
        font-size: 12px;
        line-height: 20px;
    }

    .choose-course label .soon {
        line-height: 20px;
        font-size: 12px;
        padding: 0 6px;
        top: -6px;
    }

    .form-block .tg-inputs .inp-txt {
        max-width: calc(100% / 6 - 8px);
    }

    .progress-panel {
        height: 48px;
    }

    .popup .subtitle {
        font-size: 12px;
    }

    .form-block .inp-txt {
        height: 48px;
    }

    .form-block .btn-wrapper {
        position: fixed;
        bottom: 0;
        left: -99999999px;
        width: 100%;
        padding: 12px 16px;
        background: #fff;
        border-top: 1px solid #E8E8E8;
    }

    .pop-step.active .form-block .btn-wrapper {
        left: 0;
    }

    .form-block .btn-wrapper .btn {
        width: 100%;
    }

    .popup .title {
        font-size: 24px;
        line-height: 30px;
    }

    .content.short {
        padding-bottom: 68px;
    }

    .questions-list .question-title {
        font-size: 14px;
        line-height: 24px;
        padding-right: 32px;
    }

    .prices-cols .price {
        align-items: flex-start;
        font-size: 18px;
        line-height: 20px;
        flex-direction: column;
    }

    .prices-cols .price span {
        order: 2;
    }

    .prices-header+.prices-cols {
        align-items: center;
    }

    .prices-cols .price small {
        order: 1;
        font-size: 12px;
        line-height: 20px;
        margin: 0;
    }

    footer {
        padding: 40px 0;
        font-size: 12px;
        line-height: 24px;
    }

    footer nav ul {
        margin: 0 0 20px;
        display: block;
    }

    footer .dev {
        font-size: 12px;
        line-height: 24px;
        margin: 40px 0 0 0;
        position: relative;
        top: auto;
        right: auto;
    }

    footer nav ul li a {
        font-size: 14px;
        line-height: 26px;
    }

    footer nav ul li+li {
        margin: 8px 0 0 0;
    }

    footer .corp {
        font-size: 12px;
        line-height: 24px;
        margin: 0px;
        display: inline;
    }

    footer .rek {
        display: block;
        margin: 40px 0 0 0;
    }

    footer .rek span {
        margin: 0 0 4px;
        display: block;
    }

    footer .rek div {
        margin: 0 0 4px;
    }

    footer .links {
        display: block;
    }

    footer .links a+a {
        margin: 10px 0 0 0;
    }

    .content {
        padding: 0 0 68px;
    }

    .vars-block {
        display: block;
    }

    .vars-block .block {
        padding: 0;
        font-size: 12px;
        line-height: 20px;
        width: 100%;
    }

    .vars-block .block+.block {
        margin-top: 60px;
    }

    .vars-block .block .pic {
        margin: 0 0 28px;
        border-radius: 0;
        height: auto;
    }

    .vars-block .block .pic:before {
        content: '';
        display: block;
        padding-top: 48%;
    }

    .vars-block .block .title {
        font-size: 24px;
        line-height: 30px;
    }

    .vars-block .block .btn {
        position: relative;
        width: 100%;
        text-align: center;
        left: auto;
        bottom: auto;
        margin: 28px 0 0 0;
    }

    .prices-cols .col small {
        font-size: 12px;
    }

    .prices-cols .col.fullw {
        margin: 0 0 20px;
    }

    .prices-cols .col {
        margin: 0 0 40px;
    }

    .prices-cols .col.colspan3 small {
        width: calc(300% + 60px);
        color: #1d1d1d;
    }

    .prices-cols .col.colspan3+.col small,
    .prices-cols .col.colspan3+.col+.col small {
        display: none;
    }

    .prices-cols .col.colspan2 small {
        width: calc(200% + 40px);
    }

    .prices-cols .col:not(.active)+.col.colspan2 small,
    .prices-cols .col.colspan2:first-child.active small,
    .prices-block[active-price="mini"] .prices-cols .col.colspan2 small {
        color: #1d1d1d;
    }

    .prices-cols .col.colspan2+.col small {
        display: none;
    }

    .prices-cols {
        font-size: 16px;
        line-height: 22px;
    }

    .prices-header {
        max-width: calc(100vw - 34px);
    }

    .prices-block {
        padding: 86px 0 36px;
        max-width: 100%;
    }

    .prices-header ul li a {
        font-size: 12px;
        line-height: 28px;
        border-radius: 8px;
    }

    .prices-header ul {
        padding: 2px;
        border-radius: 10px;
    }

    .prices-header .sale {
        line-height: 20px;
        border-radius: 6px;
        padding: 0 6px;
        font-size: 12px;
        top: -13px;
    }

    .desktop-only {
        display: none;
    }

    .suggest-block .list {
        margin-bottom: 68px;
    }

    .suggest-block .list .block {
        margin: 0 0 20px;
        padding: 4px 8px;
        font-size: 12px;
        line-height: 20px;
    }

    .suggest-block.first .block:first-child {
        max-width: 206px;
    }

    .suggest-block .list .block .emoj {
        max-width: 40px;
        left: calc(100% + 8px);
    }

    .suggest-block.first .block:nth-child(4) {
        max-width: calc(100% - 60px);
    }

    .suggest-block.first .block:nth-child(6) {
        margin-top: 36px;
    }

    .suggest-block.first .block:last-child {
        max-width: calc(100% - 60px);
    }

    .suggest-block .list .block .emoj.videos {
        max-width: 60px;
        top: 0;
        left: calc(100% + 8px);
        transform: none;
    }

    .suggest-block .list .block .emoj.eye {
        max-width: 40px;
    }

    .suggest-block .list .block .words {
        left: calc(100% + 8px);
        top: 6px;
    }

    .suggest-block.second {
        margin-top: 68px;
    }

    .suggest-block .not-block:after {
        height: 3px;
        transform: rotate(-55deg);
        width: 588px;
    }

    .suggest-block .not-block:before {
        height: 3px;
        transform: rotate(55deg);
        width: 588px;
    }

    .suggest-block .not-block {
        overflow: hidden;
        width: 600px;
        max-height: 110%;
    }

    .suggest-block.second .block:first-child {
        max-width: calc(100% - 80px);
    }

    .suggest-block.second .block:nth-child(2) {
        max-width: calc(100% - 120px);
    }

    .suggest-block.second .block:nth-child(3) {
        max-width: 100%;
        margin: 0 0 74px;
    }

    .suggest-block.second .block .emojs {
        left: 0;
        top: calc(100% + 8px);
        transform: none;
    }

    .suggest-block.second .block .emojs img {
        max-height: 46px;
    }

    .suggest-block.second .block:nth-child(4) {
        max-width: calc(100% - 90px);
    }

    .suggest-block.second .block:nth-child(5) {
        max-width: calc(100% - 60px);
    }

    .suggest-block.second .block:nth-child(6) {
        max-width: calc(100% - 65px);
    }

    .suggest-block.second .block:nth-child(7) {
        max-width: calc(100% - 90px);
    }

    .suggest-block.second .block:last-child {
        max-width: calc(100% - 80px);
    }

    .cookie-popup .wrap {
        font-size: 12px;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 28px 16px;
        min-height: 262px;
    }

    .cookie-popup .wrap .title {
        font-size: 24px;
        line-height: 30px;
    }

    .cookie-popup .wrap .btn {
        padding: 0 24px;
    }
}