@font-face {
    font-family: 'Merriweather';
    font-weight: 700;
    font-style: normal;
    /*font-display: swap;*/
    src:    url('/fonts/Merriweather-Bold.woff2') format('woff2'),
    url('/fonts/Merriweather-Bold.woff') format('woff'),
    url('/fonts/Merriweather-Bold.ttf') format('truetype');

}

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

@font-face {
    font-family: 'Merriweather Sans';
    font-weight: 400;
    font-style: normal;
    src:    url('/fonts/Merriweather_Sans-Regular.woff2') format('woff2'),
    url('/fonts/Merriweather_Sans-Regular.woff') format('woff'),
    url('/fonts/Merriweather_Sans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-weight: 700;
    font-style: normal;
    /*font-display: swap;*/
    src:    url('/fonts/Montserrat-Bold.woff2') format('woff2'),
    url('/fonts/Montserrat-Bold.woff') format('woff'),
    url('/fonts/Montserrat-Bold.ttf') format('truetype');
}

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

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

@font-face {
    font-family: 'Montserrat';
    font-weight: 600;
    font-style: normal;
    /*font-display: swap;*/
    src: url('/fonts/Montserrat-SemiBold.woff2') format('woff2'),
    url('/fonts/Montserrat-SemiBold.woff') format('woff'),
    url('/fonts/Montserrat-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat';
    font-weight: 700;
    font-style: italic;
    src: url('/fonts/Montserrat-BoldItalic.woff2') format('woff2'),
    url('/fonts/Montserrat-BoldItalic.woff') format('woff'),
    url('/fonts/Montserrat-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Rubik';
    font-weight: 700;
    font-style: normal;
    src: url('/fonts/Rubik-Bold.woff2') format('woff2'),
    url('/fonts/Rubik-Bold.woff') format('woff'),
    url('/fonts/Rubik-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Rubik';
    font-weight: 500;
    font-style: normal;
    src: url('/fonts/Rubik-Medium.woff2') format('woff2'),
    url('/fonts/Rubik-Medium.woff') format('woff'),
    url('/fonts/Rubik-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Fira Sans';
    src: local('Fira Sans Regular'), local('Fira-Sans-Regular'),
    url('/fonts/FiraSans-Regular.woff2') format('woff2'),
    url('/fonts/FiraSans-Regular.woff') format('woff'),
    url('/fonts/FiraSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Fira Sans';
    src: local('Fira Sans Medium'), local('Fira-Sans-Medium'),
    url('/fonts/FiraSans-Medium.woff2') format('woff2'),
    url('/fonts/FiraSans-Medium.woff') format('woff'),
    url('/fonts/FiraSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
/** {*/
/*    outline: 1px solid red;*/
/*}*/

* {
    box-sizing: border-box;
}

html, body {
    max-width: 100%;
    /*overflow-x: hidden;*/
}

body {
    height: 100%;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    color: #000;
    padding: 0;
    background-color: #f1efef;
}

a {
    text-decoration: none;
    color: #7d5f32;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}
p {
    margin-bottom: 10px;
}
input:focus,
select:focus,
textarea:focus {
    background-color: transparent;
    outline: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

progress {
    vertical-align: baseline;
}

template,
[hidden] {
    display: none;
}

a:active,
a:hover {
    outline-width: 0;
}
b,
strong {
    font-weight: inherit;
}
b,
strong {
    font-weight: bolder;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

img {
    border-style: none;
}

button,
input,
select,
textarea {
    font: inherit;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
.centered-text {
    text-align: center;
}
.selected-text {
    font-weight: bold;
}
.text--marker {
    color: #927549;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    /* padding: 0 7px; */
}
@media (max-width: 1240px) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 1160px) {
    .container {
        max-width: 780px;
    }
}
@media (max-width: 767px) {
    .container {
        width: 100%;
    }
}

.wrapper {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    margin: 0;
    padding: 0;
    min-height: 100vh;
    overflow: hidden;
}

.title {
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: clamp(20px, 4vw, 30px);
    line-height: clamp(25px, 4vw, 38px);
    text-align: center;
    color: #000;
    margin-bottom: 28px;
}
.title--medium {
    font-size: 24px;
}
.title--brown {
    margin-bottom: 15px;
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 700;
    font-size: 18px;
    color: rgba(146, 117, 73, 1);
}
@media (max-width: 767px) {
    .title--big {
        font-size: 24px;
        line-height: 130%;
    }
}
@media (max-width: 1160px) {
    .main-content {
        font-size: 24px;
    }
}

.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    width: 175px;
    height: 40px;
    color: #fff;
    letter-spacing: 0.1em;
    font-size: 24px;
    text-transform: uppercase;
    border: none;
    border-radius: 20px;
    background-color: #ad8c5a;
    opacity: 1;
    cursor: pointer;
}
.btn:hover,
.btn:focus,
.btn:active {
    border: 2px solid rgba(125, 95, 50, 0.7);
}

.header {
    width: 100%;
    background-color: #f1efef;
}
.header--new-year {
    background: linear-gradient(0deg, rgba(241, 239, 239, 1), rgba(90, 138, 173, 1));
}
.new-year-decor {
    position: absolute;
    z-index: 9;
}
.new-year-decor--left {
    width: 34%;
    left: 4%;
    top: 7%;
}
.new-year-decor--right {
    width: 35%;
    right: 3%;
    top: 20%;
}
@media (max-width: 1160px) {
    .new-year-decor--left {
        width: 48%;
        left: -8%;
        top: -4%;
    }
    .new-year-decor--right {
        width: 55%;
        right: -20%;
        top: -6%;
    }
}
@media (max-width: 1115px) {
    .new-year-decor--left {
        width: 53%;
        left: -22%;
        top: -4%;
    }
    .new-year-decor--right {
        width: 60%;
        right: -31%;
        top: -10%;
    }
}
@media (max-width: 767px) {
    .new-year-decor--left {
        width: 42%;
        left: -13%;
        top: -15%;
    }
    .new-year-decor--right {
        width: 52%;
        right: -20%;
        top: -20%;
    }
}
@media (max-width: 420px) {
    .new-year-decor--left {
        width: 59%;
        left: -22%;
        top: -14%;
    }
    .new-year-decor--right {
        width: 52%;
        right: -20%;
        top: -10%;
    }
}
.header .header-body {
    position: relative;
    padding-top: 25px;
    padding-bottom: 28px;
}
@media (max-width: 767px) {
    .header .header-body {
        padding-top: 20px;
    }
}
.header-top {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 35px;
    z-index: 9999;
}
@media (max-width: 767px) {
    .header-top {
        flex-direction: column-reverse;
        justify-content: center;
        padding-top: 0;
    }
}

@media (max-width: 767px) {
    .header-top .search {
        width: 60%;
    }
}

.header-top .header-search {
    position: relative;
    display: flex;
    width: 285px;
    height: 41px;
    border: 1px solid #ad8c5a;
    border-radius: 20px;
    padding-bottom: 1px;
    background-color: #f1efef;
}
.header-top .header-search:hover {
    border: 2px solid rgba(125, 95, 50, 0.7);
}
@media (max-width: 1160px) {
    .header-top .header-search {
        width: 255px;
    }
}
@media (max-width: 767px) {
    .header-top .header-search {
        width: auto;
    }
}
.header-top .header-search .header-search-field {
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    background-color: #f1efef;
    box-shadow: inset 0 0 0 1px #f1efef, inset 0 0 0 100px #f1efef;
    width: 75%;
    border: 0;
}
@media (max-width: 767px) {
    .header-top .header-search .header-search-field  {
        width: 60%;
    }
}

.header-top .header-search .header-search-btn {
    width: 20px;
    height: 20px;
    margin: 10px;
    order: -1;
    background-image: url(/img/icons/search.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border: none;
    font-size: 0;
    cursor: pointer;
}

.modal {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.modal-content {
    position: relative;
    background-color: #fefefe;
    padding: 30px 40px 40px 40px;
    border: 1px solid #888;
    width: 65%;
    max-width: 780px;
    min-width: 500px;
    height: auto;
}
@media (max-width: 767px) {
    .modal-content {
        width: 95%;
        min-width: 0;
        height: auto;
        padding: 30px 20px 30px 20px;
    }
}
.modal-form {
    width: 100%;
    height: 100%;
}

.modal-content .modal-title{
    text-align: center;
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 43px;
}
@media (max-width: 767px) {
    .modal-content .modal-title {
        margin-bottom: 13px;
        font-size: 18px;
        line-height: 23px;
    }
}

.modal-content label{
    display: block;
    padding-left: 20px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.modal-content .email{
    padding-left: 10px;
    padding-right: 10px;
    font-weight: normal;
    width: 50%;
    height: 40px;
    border: 1px solid #AD8C5A;
    border-radius: 20px;
    margin-bottom: 24px;
}
.modal-content .modal-btn {
    font-size: 12px;
    line-height: 15px;
}

@media (max-width: 767px) {
    .modal-content #email {
        width: 100%;
    }
    .modal-content .modal-btn {
        width: 100%;
    }
}

.modal-content .message-text{
    font-weight: normal;
    padding: 10px;
    width: 100%;
    height: 95px;
    border: 1px solid #AD8C5A;
    border-radius: 20px;
    margin-bottom: 24px;
    resize: none;
}
.modal-content #message-text:focus{
    outline: none;
}
.modal-content .email-inner,
.modal-content .msg-inner {
    position: relative;
}

.modal-content .error-email,
.modal-content .error-msg {
    position: absolute;
    left: 150px;
    color: red;
    font-size: 12px;
}
@media (max-width: 767px) {
    .modal-content .error-email,
    .modal-content .error-msg {
        left: 123px;
        color: red;
        font-size: 12px;
    }
}

.input-field:hover {
    border: 2px solid rgba(125, 95, 50, 0.7);
}
.js-error-msg {
    display: none;
}
.closeBtn {
    position: absolute;
    top: 7%;
    right: 5%;
    width: 19px;
    height: 19px;
    padding: 0;
    border: none;
    font: inherit;
    color: inherit;
    background: url("/img/icons/closeBtn.svg") center no-repeat;
    cursor: pointer;
    transition: 0.1s;
}
.closeBtn:hover,
.closeBtn:focus,
.closeBtn:active{
    transform: scale(1.1, 1.1);
    opacity: 0.7;
}
.header-logo {
    display: block;
    position: relative;
    width: 222px;
}
@media (max-width: 767px) {
    .header-logo {
        width: 220px;
        margin-bottom: 7px;
    }
}

.header-logo img {
    max-width: 100%;
    height: auto;
}

.header-bottom {
    /*width: 1024px;*/
    position: relative;
    margin: 0 auto;
    padding-top: 28px;
    z-index: 999;
}
@media (max-width: 767px) {
    .header-bottom {
        display: none;
        position: absolute;
        top: 240px;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #F1EFEF;
        z-index: 2;
    }
    .header-bottom.show {
        position: sticky;
        top: 0;
        margin-top: 10px;
        z-index: 999;
        overflow: auto;
    }
}
@media (max-width: 330px) {
    .header-bottom {
        top: 255px;
    }
}

@media (max-width: 1160px) and (min-width: 767px) {
    .header-bottom {
        width: 515px;
    }
}

.header-bottom .header-menu-list {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
@media (max-width: 767px) {
    .header-bottom .header-menu-list {
        flex-direction: column;
        margin-top: 20px;
    }
}
.header-bottom .header-menu-list .header-menu-items {
    display: inline-block;
    padding-bottom: 3px;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-bottom: 2px solid #ad8c5a;
    margin-bottom: 10px;
}
.header-bottom .header-menu-list .header-menu-items:hover {
    color: #303030;
    border: none;
}
@media (max-width: 767px) {
    .header-bottom .header-menu-list .header-menu-items {
        align-self: stretch;
        padding-left: 20px;
        padding-top: 30px;
        font-size: 14px;
        border-bottom: 1px solid #AD8C5A;
    }
}

.hamb {
    display: none;
}
@media (max-width: 767px) {
    .hamb {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: 0;
        top: 80px;
        width: 40px;
        height: 40px;
        border: 1px solid #ad8c5a;
        box-sizing: border-box;
        border-radius: 20px;
        cursor: pointer;
    }
    .hamb span:nth-child(2) {
        margin-top: 4px;
        margin-bottom: 4px;
    }
    .hamb .namb-line {
        transition: all 0.1s;
        display: block;
        width: 20px;
        height: 4px;
        background-color: #ad8c5a;
        cursor: pointer;
    }
    .hamb-active {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: 0;
        top: 80px;
        z-index: 999;
        width: 60px;
        height: 60px;
        border: none;
        cursor: pointer;
    }
    .hamb-active span {
        transition: all 0.1s;
        display: block;
        width: 40px;
        height: 4px;
        background-color: #ad8c5a;
        cursor: pointer;
    }

    .hamb-active span:first-child {
        transform: translate(3px, 2px) rotate(45deg);
        transform-origin: left top;
    }
    .hamb-active span:nth-child(2) {
        transform: scale(0);
    }
    .hamb-active span:last-child {
        transform: translate(-3px, -15px) rotate(-45deg);
        transform-origin: right bottom;
    }
}
@media (max-width: 330px) {
    .hamb-active {
        top: 75px;
    }
}
.header-feedback-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 175px;
    height: 40px;
    font-weight: bold;
    font-style: normal;
    font-size: 12px;
    line-height: 15px;
    margin-left: 85px;
}
@media (max-width: 1160px) {
    .header-feedback-btn {
        width: 155px;
    }
}
@media (max-width: 767px) {
    .header-feedback-btn {
        display: none;
    }
}
.header-feedback-mobile {
    display: none;
}
@media (max-width: 767px) {
    .header-feedback-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 0;
        top: 80px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #ad8c5a;
        cursor: pointer;
    }
    .header-feedback-mobile img {
        width: 20px;
        height: 20px;
    }
}

.card {
    display: flex;
    height: 160px;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    background-color: #fff;
}

@media (max-width: 1160px) {
    .card {
        display: block;
        height: 100%;
    }
}

.card .card-block {
    padding-top: 20px;
    padding-bottom: 20px;
}

.card .card-main-inner {
    padding-left: 14px;
    padding-right: 15px;
    border-right: 1px solid rgba(173,140,90,0.4);
}

@media (max-width: 1160px) {
    .card .card-main-inner {
        width: 100%;
        border: none;
        padding: 0;
    }
}
.card .card-main-inner .card-main {
    display: flex;
    width: 336px;
    justify-content: space-between;
}
@media (max-width: 1160px) {
    .card .card-main-inner .card-main {
        align-items: start;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
}
.card .card-main-inner .card-main .card_position {
    position: relative;
    width: 31px;
}
.card .card-main-inner .card-main .card_position span {
    display: block;
    margin-top: 12px;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
}
.card .card-main-inner .card-main .card_position img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
}
.card .card-main-inner .card-main .card_title {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 0 15px;
}
.card .card-main-inner .card-main .card-hostig-title {
    justify-content: flex-start;
}
@media (max-width: 1160px) {
    .card .card-main-inner .card-main .card_title {
        display: block;
        padding: 0;
    }
}
.card .card-main-inner .card-main .card_title .card_title-img-wrap {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 113px;
    height: 50px;
    text-align: center;

}
.card .card-main-inner .card-main .card-hosting-img {
    justify-content: flex-start;
    margin-top: 10px;
}

.card .card-main-inner .card-main .card_title img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.card .card-main-inner .card-main .card_info {
    width: 125px;
}

.card .card-main-inner .card-main .card_info-rating {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 30px;
    line-height: 24px;
    color: #a0803f;
}
.card .card-main-inner .card-main .card_info-site {
    display: block;
    text-decoration: underline;
    color: #7d5f32;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.card .card-main-inner .card-main .card_info-site:hover {
    color: #303030;
    text-decoration: none;
}
.card .card-main-inner .card-main .card_info-feedback {
    margin-top: 12px;
    line-height: 17px;
    text-decoration: underline;
    color: #7d5f32;
}

@media (max-width: 1160px) {
    .card .card-details-inner-main {
        display: none;
        width: 100%;
    }
}

.card .card-details-inner .card-progress {
    display: flex;
    flex-direction: column;
    justify-content: start;
    flex: none;
    width: 230px;
    padding-left: 5px;
}
.card .card-details-inner .card-progress .card-progress-title {
    display: inline-block;
    width: 90px;
    margin-right: 7px;
}
.card .card-details-inner .card-progress .progress-bar {
    display: inline-block;
    width: 100px;
    height: 5px;
    background: #e0e0e0;
    overflow: hidden;
}
.card .card-details-inner .card-progress .bar {
    background: #ad8c5a;
    height: 2rem;
}

.card .card-details-inner .card-specifications {
    display: flex;
    flex-direction: column;
    justify-content: start;
    min-width: 270px;
    padding-left: 5px;
}

@media (max-width: 1160px) {
    .card .card-specifications {
        padding-bottom: 0;
    }
}

.card .card-details-inner .card-specifications span {
    opacity: 0.6;
    margin-right: 6px;
}
.card .card-details-inner .card-specifications div {
    display: inline-block;
}
.card .card-details-inner .card-specifications div .ansYes {
    color: #00a52e;
}
.card .card-details-inner .card-specifications div .ansNo {
    color: #e65451;
}
.card .card-details-inner .card-characteristic {
    display: flex;
    flex-direction: column;
    padding-right: 30px;
    padding-left: 5px;
}
.card .card-details-inner .card-characteristic span:first-child {
    font-weight: 500;
}

.card-characteristic-title.rates{
    font-size: 0;
}
.card-characteristic-title.rates span{
    font-size: 14px;
}

@media (max-width: 1160px) {
    .hosting-card {
        flex-direction: column;
        height: auto;
    }
}
.card-details-inner {
    display: flex;
    padding-left: 5px;
}

@media (max-width: 767px) {
    .hosting-card-details-inner {
        flex-direction: column;
    }
    .card .card-main-inner .card-main .card-hosting-img {
        width: 250px;
        height: 70px;
    }
}
@media (max-width: 767px) {
    .card .card-main-inner .card-main .card-hosting-img {
        width: 113px;
        height: 50px;
    }
}
.hosting-anchors {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 37px;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .hosting-anchors {
        margin-bottom: 16px;
    }
}

.hosting-anchors a {
    margin-right: 30px;
    border-bottom: 1px dashed #7d5f32;
}
.hosting-anchors a:hover {
    color: #303030;
    border: none!important;
}

@media (max-width: 767px) {
    .hosting-anchors a {
        margin-right: 12px;
    }
}

.hosting-anchors a:last-child {
    margin-right: 0;
}

.expert-review {
    margin-top: 50px;
    margin-bottom: 24px;
}

.expert-review .expert-review-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media (max-width: 1160px) {
    .expert-review .expert-review-wrap {
        margin-left: 15px;
    }
}

.expert-review .expert-review-wrap .review-dropdown {
    display: inline-block;
    width: 590px;
    margin-top: 13px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
}
@media (max-width: 1160px) {
    .expert-review .expert-review-wrap .review-dropdown {
        width: 100%;
    }
}

.expert-review label {
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
}
.expert-review .review-dropdown-text {
    margin-top: 13px;
}
.expert-review input[type="checkbox"] {
    display: none;
}

@media (max-width: 1160px) {
    .expert-review .review-dropdown {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: center;
    }
    .expert-review .review-dropdown-text {
        height: 0;
        overflow: hidden;
        order: 0;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        color: black;
    }

    .expert-review input[type="checkbox"]:checked + .review-dropdown-text {
        height: auto;
    }
    .expert-review label {
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        color: #7D5F32;
        order: 1;
        border-bottom: 1px dashed #7D5F32;
        cursor: pointer;
    }
}

.tariff {
    margin-top: 40px;
}
.tariff .tarif-wrap {
    display: flex;
    justify-content: center;
}
@media (max-width: 767px) {
    .tariff .tarif-wrap {
        flex-direction: column;
        align-items: center;
    }
}

.tariff .tarif-wrap .tariff-allocated {
    width: 277px;
    height: auto;
    background-color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
}
.tariff .tarif-wrap .tariff-ip {
    margin-right: 19px;
}

@media (max-width: 767px) {
    .tariff .tarif-wrap .tariff-ip {
        margin-right: 0;
        margin-bottom: 4px;
    }
}

.tariff table {
    width: 1200px;
    margin: 0;
    padding: 0;
    margin-top: 40px;
    border-collapse: collapse;
    text-align: left;
}

.tariff table th {
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-bottom: 3px solid #6a6a6a;
    padding: 10px 8px;
}

.tariff table td {
    font-weight: 600;
    font-size: 14px;
    padding: 9px 8px;
    transition: 0.3s linear;
}
.tariff .table-container {
    padding-bottom: 15px;
}

/*стили для скролла у таблицы */
.simplebar-scrollbar::before {
    width: 145px;
    background: #AD8C5A;
    opacity: 1;
}
.simplebar-scrollbar .simplebar-visible::before {
    opacity: 1;
}
.simplebar-track {
    background: #DCCECE;
}
.simplebar-vertical {
    display: none;
    visibility: hidden;
}


.contacts {
    margin-top: 70px;
}

.contacts .contacts-info-list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: #fff;
}
@media (max-width: 767px) {
    .contacts .contacts-info-list {
        flex-direction: column;
        padding-top: 10px;
        padding-left: 10px;
        padding-bottom: 30px;
    }
}

.contacts .contacts-info-list .contacts-info-item {
    display: block;
    width: 33%;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 19px;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .contacts .contacts-info-list .contacts-info-item {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }
}

.contacts .contacts-info-list .contacts-info-item * {
    margin-top: 10px;
    margin-bottom: 6px;
}

.contacts .contacts-info-list .contacts-info-email {
    margin-top: 9px;
}

.contacts .contacts-info-list .contacts-info-item *:last-of-type {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-transform: none;
}

.feedback {
    margin-top: 60px;
}

.feedback label {
    display: block;
    margin-bottom: 10px;
    margin-left: 10px;
}

.feedback .feedback-form {
    padding: 43px 20px 34px 19px;
    width: 100%;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background-color: #fff;
}

.feedback .feedback-form .form-user {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}
@media (max-width: 767px) {
    .feedback .feedback-form .form-user {
        flex-direction: column;
    }
}

.feedback .feedback-form .form-user .feedback-form-group-item {
    width: 32%;
}
@media (max-width: 767px) {
    .feedback .feedback-form .form-user .feedback-form-group-item {
        width: 100%;
        margin-top: 20px;
    }
}

.feedback .feedback-form input {
    width: 100%;
    height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #ad8c5a;
    border-radius: 20px;
}

.feedback .feedback-form .form-comment {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
@media (max-width: 767px) {
    .feedback .feedback-form .form-comment {
        display: block;
    }
}
.feedback .feedback-form .form-comment .comment-wrap {
    width: 773px;
    height: 95px;
}
@media (max-width: 767px) {
    .feedback .feedback-form .form-comment .comment-wrap {
        width: 100%;
    }
}

.feedback .feedback-form .form-comment .comment {
    width: 100%;
    height: 100%;
    border: 1px solid #ad8c5a;
    border-radius: 20px;
    resize: none;
}

.feedback .feedback-form .form-comment .comment[placeholder] {
    padding-top: 20px;
    padding-left: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.feedback .feedback-form .form-comment .star-rating-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 200px;
    margin-left: 20px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
}
@media (max-width: 767px) {
    .feedback .feedback-form .form-comment .star-rating-wrapper {
        margin-top: 23px;
    }
}

.feedback .feedback-form .form-comment .star-rating-wrapper .star-rating-wrap {
    display: flex;
    justify-content: space-between;
}

.rating-area {
    display: flex;
    flex-direction: row-reverse;
    overflow: hidden;
}

.rating-area label{
    margin-left: 4px;
    margin-bottom: 7px;
}

.rating-area:not(:checked) > input {
    display: none;
}

.rating-area:not(:checked) > label {
    float: right;
    width: 13px;
    padding: 0;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    color: #C4C4C4;
}

.rating-area:not(:checked) > label:before {
    content: '★';
}
.rating-area > input:checked ~ label {
    color: #ad8c5a;
}
.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {
    color: #ad8c5a;
}
.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {
    color: #ad8c5a;
}
.rate-area > label:active {
    position: relative;
}

.error-rating-star {
    text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red!important;
}

.feedback .form-user-reactions {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
@media (max-width: 767px) {
    .feedback .form-user-reactions {
        display: block;
    }
}

.feedback .form-user-reactions .assessment {
    width: 773px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 767px) {
    .feedback .form-user-reactions .assessment {
        display: block;
        width: 100%;
    }
}

.feedback .form-user-reactions .assessment .feedback-input-group {
    position: relative;
    width: 50%;
}
@media (max-width: 767px) {
    .feedback .form-user-reactions .assessment .feedback-input-group {
        width: 100%;
        margin-top: 20px;
    }
}
.feedback .form-user-reactions .assessment .feedback-input-group:first-child {
    margin-right: 20px;
}

.feedback .form-user-reactions .assessment .feedback-input-group .minus {
    position: absolute;
    left: 11px;
    bottom: 17px;
}

.feedback .form-user-reactions .assessment .feedback-input-group .plus {
    position: absolute;
    left: 10px;
    top: 35px;
}

.feedback .form-user-reactions .assessment .feedback-input-group input[placeholder] {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding-left: 40px;
}

.feedback .form-user-reactions .recommendation {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 15px;
}
@media (max-width: 767px) {
    .feedback .form-user-reactions .recommendation {
        display: block;
        width: 100%;
    }
}

.feedback .form-user-reactions .recommendation .radio {
    position: relative;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
}
@media (max-width: 767px) {
    .feedback .form-user-reactions .recommendation .radio {
        margin-top: 20px;
    }
}

.feedback .form-user-reactions .recommendation .radio .radio-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    border: none;
    cursor: pointer;
}

.feedback .form-user-reactions .recommendation .radio .radio-input:checked + label:before {
    border-color: #ad8c5a;
}

.feedback .form-user-reactions .recommendation .radio .radio-input:checked + label:after {
    opacity: 1;
}

.feedback .form-user-reactions .recommendation .radio label {
    padding-left: 25px;
    border: none;
    cursor: pointer;
}

.feedback .form-user-reactions .recommendation .radio label:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid #ad8c5a;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: border 0.1s linear;
}

.feedback .form-user-reactions .recommendation .radio label:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-color: #ad8c5a;
    border-radius: 50%;
    opacity: 0;
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 2;
    transition: opacity 0.1s linear;
}

.feedback .feedback-form-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
    font-size: 12px;
    line-height: 15px;
}
@media (max-width: 767px) {
    .feedback .feedback-form-btn {
        margin-top: 20px;
        width: 123px;
        height: 40px;
    }
}

.feedback .feedback-form input:hover,
.feedback .feedback-form input:active {
    border: 2px solid rgba(125, 95, 50, 0.7);
}
.feedback .feedback-form input:focus,
.feedback .feedback-form .form-comment textarea:focus {
    border: 1px solid #7d5f32;
}

.feedback .feedback-form .form-comment textarea:hover,
.feedback .feedback-form .form-comment textarea:active {
    border: 2px solid rgba(125, 95, 50, 0.7);
}

.reviews {
    margin-top: 67px;
}
@media (max-width: 767px) {
    .reviews {
        margin-top: 30px;
    }
}

.review {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    padding: 30px 20px;
    background-color: #fff;
}
.review .review-body-top {
    display: flex;
    justify-content: space-between;
    align-items: start;
}
@media (max-width: 1160px) {
    .review .review-body-top {
        flex-direction: column;
    }
}
.review .review-body-wrap {
    width: 875px;
}
@media (max-width: 1160px) {
    .review .review-body-wrap {
        width: 100%;
    }
}

.review .review-body-top .review-body-info {
    display: flex;
    margin-bottom: 17px;
}
@media (max-width: 767px) {
    .review .review-body-top .review-body-info {
        flex-direction: column;
    }
}
.review .review-body-top .review-body-info .review-body-info-wrap {
    display: flex;
}

.review .review-body-top .review-body-info-wrap {
    display: flex;
}
@media (max-width: 767px) {
    .review .review-body-top .review-body-info-wrap {
        justify-content: space-between;
    }
}
@media (max-width: 767px) {
    .review .review-body-top .review-body-site-wrap {
        display: flex;
        justify-content: center;
        margin-top: 6px;
    }
}
.review .review-body-top .review-body-info .review-body-rating {
    margin-right: 34px;
    font-weight: 600;
    font-size: 30px;
    line-height: 24px;
    color: #a0803f;
}

.review .review-body-top .review-body-info .review-body-name {
    margin-right: 16px;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
}

.review .review-body-top .review-body-info .review-body-date,
.review .review-body-top .review-body-info .review-body-site {
    margin-right: 20px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}
.review .review-body-top .review-body-info .review-body-site {
    color: #7d5f32;
}
@media (max-width: 767px) {
    .review .review-body-top .review-body-info .review-body-date {
        margin-right: 0;
    }
}

.review .review-body-top .review-body-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
}
.review .review-body-top .review-rating {
    display: block;
    margin-right: 64px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}
@media (max-width: 1160px) {
    .review .review-body-top .review-rating {
        margin-top: 30px;
    }
}

.review .review-body-top .review-rating .review-rating-rec {
    margin-bottom: 17px;
}

.review .block-progress {
    display: flex;
    flex-direction: column;
    justify-content: start;
    flex: none;
}
.review .block-progress-title {
    display: inline-block;
    width: 90px;
    margin-right: 7px;
}
.review .progress-bar {
    display: inline-block;
    width: 100px;
    height: 5px;
    background: #E0E0E0;
    overflow: hidden;
}
.review .bar {
    background: #AD8C5A;
    height: 2rem;
    width: 40%;
}

.review .review-body-bottom {
    display: flex;
    justify-content: space-between;
    width: 875px;
    margin-top: 30px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
}
@media (max-width: 1160px) {
    .review .review-body-bottom {
        flex-direction: column;
        width: 100%;
    }
}

.review .review-body-bottom .review-body-plus {
    position: relative;
    width: 372px;
    margin-left: 27px;
}
@media (max-width: 1160px) {
    .review .review-body-bottom .review-body-plus {
        width: 211px;
    }
}

.review .review-body-bottom .review-body-plus img {
    position: absolute;
    top: 0;
    left: -27px;
}

.review .review-body-bottom .review-body-minus {
    position: relative;
    width: 372px;
    margin-right: 34px;
    margin-left: 25px;
}
@media (max-width: 1160px) {
    .review .review-body-bottom .review-body-minus {
        margin-top: 15px;
        margin-left: 27px;
        width: 211px;
    }
}

.review .review-body-bottom .review-body-minus img {
    position: absolute;
    top: 9px;
    right: 387px;
}
@media (max-width: 1160px) {
    .review .review-body-bottom .review-body-minus img {
        top: 9px;
        right: 220px;
    }
}

.filter-form-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 85px;
    height: 40px;
    margin-top: 20px;
    font-size: 16px;
}
@media (max-width: 1160px) {
    .filter-form-btn {
        margin-left: 15px;
        margin-bottom: 30px;
    }
}

.btn-host {
    width: 113px;
    height: 40px;
    padding: 13px;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
}
@media (max-width: 1160px) {
    .btn-host {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 200px;
        height: 50px;
    }
}
@media (max-width: 767px) {
    .btn-host {
        display: block;
        width: 113px;
        height: 40px;
        padding: 13px;
        font-size: 12px;
        line-height: 15px;
    }
}
.btn-more {
    margin-top: 17px;
    width: 100%;
    height: 40px;
    background-color: #fff;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #838383;
}
.btn.btn-more:hover{
    border: 2px solid rgba(125, 95, 50, 0.7);
}
.btn-more:focus {
    outline: none;
}

.select {
    position: relative;
    display: flex;
    margin-top: 5px;
    padding-right: 50px;
    width: 200px;
    height: 40px;
    font-family: Merriweather, sans-serif;;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #ad8c5a;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.select::after {
    content: '\25BC';
    width: 8px;
    height: 8px;
    position: absolute;
    bottom: 35px;
    right: 10px;
    padding: 0 10px;
    background: #fff;
    cursor: pointer;
    pointer-events: none;
    transition: 0.25s all ease;
}

.select:hover {
    border: 2px solid rgba(125, 95, 50, 0.7);
}

.select:hover::after {
    color: #ad8c5a;
}

.title.catalog-title{
    margin-top: 20px;
}

.main-content-text {
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
}

.main-content-text ol,
.expert-review-wrap ol,
.additional-text ol,
.description-text ol{
    list-style: decimal;
    padding-left: 40px;
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    .description-text ol {
        padding-left: 20px;
    }
}
.description-text ol li {
    margin-bottom: 10px;
}
.main-content-text ul,
.expert-review-wrap ul,
.additional-text ul,
.description-text ul{
    list-style: disc;
    padding-left: 40px;
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    .description-text ul {
        padding-left: 20px;
    }
}
.description-text ul li {
    margin-bottom: 10px;
}
.additional-text {
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
}

.additional-text p {
    margin-top: 20px;
}

.catalog-form {
    width: 100%;
    height: 107px;
    margin-top: 37px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #fff;
}

@media (max-width: 1160px) {
    .catalog-form {
        flex-direction: column;
        height: auto;
        width: auto;
        margin-top: 0;
        margin-right: 15px;
        margin-left: 15px;
    }
}

.catalog-form label {
    padding-left: 15px;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000000;
    opacity: 0.7;
}
.catalog-form-group-search {
    position: relative;
    width: 835px;
}

@media (max-width: 1160px) {
    .catalog-form-group-search {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.catalog-search-field {
    width: 835px;
    height: 40px;
    margin-top: 5px;
    padding-left: 20px;
    padding-right: 35px;
    background-color: #fff;
    border: 1px solid #ad8c5a;
    border-radius: 20px;
    font-family: 'Merriweather', sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
}

.catalog-search-field:hover {
    border: 2px solid rgba(125, 95, 50, 0.7);
}

@media (max-width: 1160px) {
    .catalog-search-field {
        width: 100%;
    }
}

.catalog-body {
    margin-top: 44px;
}

.catalog-body-wrap {
    display: inline-block;
    column-width: 190px;
    column-count: 6;
}

.catalog-body .catalog-item-inner {
    page-break-inside: avoid;
    margin-bottom: 30px;
}

/*.catalog-body-wrap {*/
/*    display: flex;*/
/*    justify-content: flex-start;*/
/*    flex-wrap: wrap;*/
/*}*/

/*.catalog-body .catalog-item-inner {*/
/*    page-break-inside: avoid;*/
/*    margin-right: 20px;*/
/*    margin-bottom: 30px;*/
/*}*/

.catalog-body .catalog-item-inner .catalog-title {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000;
    opacity: 0.7;
}

.catalog-body .catalog-item-inner .catalog-list {
    width: 100%;
    padding-top: 8px;
    border-top: 2px solid #ad8c5a;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
}

@media (max-width: 767px) {
    .catalog-body .catalog-item-inner .catalog-list .catalog-item {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.catalog-body .catalog-item-inner .catalog-list .catalog-item a:hover {
    color: #303030;
}

.main-content {
    padding-bottom: 73px;
}

@media (max-width: 1160px) {
    .main-content {
        padding-bottom: 30px;
    }
}

.top {
    margin-top: 40px;
    padding-bottom: 23px;
}

.top .section-top-title {
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
}

.top .top-subtitle {
    margin-top: 4px;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000;
}

.top .cards {
    margin-top: 20px;
}


.not-found>p{
    text-align: center;
    margin-top: 40px;
    font-size: 1.2rem;
    font-weight: normal;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.not-found>p+p{
    margin-top: 20px;
}

.section-title {
    margin-top: 25px;
    margin-bottom: 25px;
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: clamp(18px, 4vw, 24px);
    line-height: clamp(23px, 4vw, 30px);
    color: #000;
    text-align: center;
}
.section-subtitle {
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: 'Merriweather', sans-serif;
    font-size: clamp(16px, 4vw, 20px);
    font-weight: 400;
    line-height: 25px;
    text-align: center;
}
.ratings {
    margin-top: 70px;
}

.ratings .rating-box {
    display: inline-block;
    column-width: 183px;
    column-count: 6;
}

.ratings .rating-box .rating-item-inner {
    page-break-inside: avoid;
    margin-bottom: 25px;
}

.ratings .rating-box .rating-item-inner .rating-title {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000;
    opacity: 0.7;
}

.ratings .rating-box .rating-item-inner .rating-list {
    margin-top: 4px;
    padding-top: 8px;
    width: 183px;
    border-top: 2px solid #ad8c5a;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
}

.ratings .rating-box .rating-item-inner .rating-list .rating-item a {
    color: #000;
}

.categories-body {
    margin-top: 44px;
}

.categories-body-wrap {
    display: inline-block;
    column-width: 190px;
    column-count: 6;
}

.categories-item-inner {
    margin-bottom: 30px;
}

.categories-title {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000;
    opacity: 0.7;
}

.categories-list {
    width: 100%;
    padding-top: 8px;
    border-top: 2px solid #ad8c5a;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
}

@media (max-width: 767px) {
    .categories-list .categories-item {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.categories-list a {
    color: black;
}
.categories-list a:hover {
    color: #7d5f32;
}

.description {
    margin-top: 55px;
}
@media (max-width: 1160px) {
    .description {
        display: flex;
        flex-direction: column;
    }
}
@media (max-width: 767px) {
    .description {
        margin-top: 10px;
    }
}
@media (max-width: 1160px) {
    .description .section-title {
        margin-top: 15px;
        margin-bottom: 15px;
        order: 3;
    }
}
.description .description-lead {
    margin-top: 28px;
    font-weight: 600;
    font-size: clamp(16px, 4vw, 18px);
    line-height: clamp(20px, 4vw, 22px);
}
@media (max-width: 1160px) {
    .description .description-lead {
        margin-top: 5px;
        order: 3;
    }
}
.description-text {
    display: inline-block;
    font-weight: 500;
    font-size: clamp(14px, 4vw, 16px);
    line-height: clamp(18px, 4vw, 22px);
}
.description-text--small {
    margin-right: 56px;
    width: 586px;
}
@media (max-width: 1160px) {
    .description-text {
        order: 4;
    }
    .description-text--small {
        margin-right: 0;
        width: auto;
    }
}
.description-text__lesson {
    width: 100%;
    margin-right: 0;
}

.description .description-text p {
    margin-top: 10px;
}
@media (max-width: 1160px) {
    .description .description-text p {
        margin-top: 8px;
    }
}
.description .description-text a:hover {
    color: #303030;
}
/*.description img {*/
/*    float: right;*/
/*}*/
@media (max-width: 1160px) {
    .description img {
        width: 100%;
        height: auto;
        order: 1;
    }
}

.features {
    margin-top: 82px;
}
@media (max-width: 1160px) {
    .features {
        margin-top: 30px;
    }
}
@media (max-width: 1160px) {
    .features .section-title {
        font-size: 18px;
        line-height: 23px;
    }
}

.features .features-list {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    margin-top: 22px;
    background-color: #fff;
}
@media (max-width: 1160px) {
    .features .features-list {
        flex-wrap: wrap;
    }
}
.features .features-list .break {
    display: none;
}
@media (max-width: 1160px) {
    .features .features-list .break {
        display: block;
        flex-basis: 100%;
        height: 0;
    }
}

.features .features-list .features-item {
    width: 20%;
    padding-top: 45px;
    padding-bottom: 30px;
}
@media (max-width: 1160px) {
    .features .features-list .features-item {
        width: 136px;
    }
}

@media (max-width: 767px) {
    .features .features-list .features-item {
        padding-top: 24px;
        padding-bottom: 15px;
    }
}

.features .features-list .features-item p {
    margin-top: 20px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
}
@media (max-width: 1160px) {
    .features .features-list .features-item p {
        font-size: 16px;
        line-height: 20px;
    }
}
@media (max-width: 767px) {
    .features .features-list .features-item img {
        max-width: 67px;
    }
}
.footer {
    margin-top: auto;
    border-top: 1px solid #c4c4c4;
}
.footer-inner {
    display: flex;
    justify-content: space-between;
    flex: 0 0 auto;
    margin-top: 14px;
    margin-bottom: 46px;
}
@media (max-width: 1160px) {
    .footer-inner {
        flex-direction: column-reverse;
        margin-top: 25px;
    }
}

.footer-inner .copyright {
    width: 55%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
}
@media (max-width: 1160px) {
    .footer-inner .copyright {
        width: 100%;
        font-size: 14px;
        line-height: 16px;
    }
}

.footer-inner .copyright .footer-logo {
    position: relative;
}
@media (max-width: 1160px) {
    .footer-inner .copyright .footer-logo {
        display: none;
    }
}

.footer-inner .copyright .footer-logo .footer-logo-img {
    width: 123px;
    height: 53px;
}

.footer-inner .footer-menu-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 1160px) {
    .footer-inner .footer-menu-list {
        margin-bottom: 20px;
    }
}

.footer-inner .footer-menu-list .footer-menu-item {
    display: inline-block;
    padding-bottom: 3px;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-bottom: 2px solid #ad8c5a;
    float: right;
}
.footer-inner .footer-menu-list .footer-menu-item:hover {
    border: none;
    color: #303030;
}

.disable-scroll {
    overflow: hidden;
}
.main-content .filter-form {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 107px;
    color: #000;
    background-color: #fff;
}
@media (max-width: 1160px) {
    .main-content .filter-form {
        display: none;
    }
}
.main-content .filter-component label {
    padding-left: 10px;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000000;
    opacity: 0.7;
}
@media (max-width: 1160px) {
    .main-content .filter-component label {
        margin-top: 15px;
    }
}

.main-content .filter-form-active {
    display: flex;
    flex-direction: column;
    width: auto;
    height: auto;
    align-items: start;
    margin-left: 15px;
    margin-right: 15px;
}

.filter-component{
    position: relative;
    display: inline-block;
    width: 200px;
}
@media (max-width: 1160px) {
    .filter-component {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.filter-form .select[placeholder] {
    padding-left: 16px;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    font-weight: 400;
}

@media (max-width: 1160px) {
    .filter-form .select {
        width: 100%;
    }
}


.filter-component:after{
    font-size: 20px;
    color: black;
    content: attr(data-arrow-icon);
    width: 8px;
    height: 8px;
    position: absolute;
    top: 1.5em;
    right: 20px;
    background: #fff;
    cursor: pointer;
    pointer-events: none;
    transition: 0.3s all ease;
}
@media (max-width: 1160px) {
    .filter-component:after {
        right: 30px;
        top: 40px;
    }
}
.filter-component:hover:after{
    color: #AD8C5A;
}
.filter-mobile {
    display: none;
}
@media (max-width: 1160px) {
    .filter-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        /*width: 100%;*/
        height: 40px;
        margin-left: 15px;
        margin-right: 15px;
        background-color: white;
    }
    .filter-mobile:after {
        position: absolute;
        content: '▼';
        width: 8px;
        height: 8px;
        top: 4px;
        right: 30px;
    }
}
.filter-mobile-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}
.filter-mobile-wrap span {
    margin-left: 13px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000000;
    opacity: 0.7;
}
.filter-mobile-wrap .filter-img {
    width: 18px;
}
.filter-mobile-wrap .filter-img img {
    width: 100%;
    height: auto;
}
.dropdown-content{
    padding-top: 13px;
    padding-bottom: 13px;

    /*Высота выпадающего списка*/
    max-height: 400px;
    overflow: auto;

    /* Hide scrollbar for IE, Edge and Firefox */
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */

    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 200px;
    border-radius: 20px;
    box-shadow: 0 4px 30px rgba(0,0,0,0.25);
    z-index: 1;
    font-size: 16px;
    line-height: 20px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.dropdown-content::-webkit-scrollbar {
    display: none;
}
@media (max-width: 1160px) {
    .dropdown-content {
        width: calc(100% - 30px);
    }
}

.dropdown-content p{
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 36px;
    cursor: pointer;
    padding-left: 13px;
}
.dropdown-content p:hover{
    background-color: #AD8C5A;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.clear-input{
    cursor: pointer;
    position: absolute;
    display: none;
    top: 50%;
    right: 33px;
}
@media (max-width: 1160px) {
    .clear-input {
        right: 50px;
        top: 35px;
    }
}
.catalog-form-group-search .clear-input {
    right: 20px;
}
@media (max-width: 1160px) {
    .catalog-form-group-search .clear-input {
        right: 30px;
    }
}
.header-search .clear-input {
    position: absolute;
    top: 7px;
    right: 20px;
}

.clear-input::after{
    font-size: 10px;
    font-weight: bold;
    color: red;
    content: '\2573';
    cursor: pointer;
    pointer-events: none;
    transition: 0.25s all ease;
}
.clear-input:hover::after{
    color: darkred;
    transform: scale(1.5);
}
.statusMessage {
    width: 90%;
    margin: auto;
    text-align: center;
    padding-top: 30px;
    color: black;
}
.form-error {
    border: 2px solid red!important;
}
.popup-message {
    position: fixed;
    top: 40%;
    left: 25%;
    margin: auto;
    overflow: auto;
    height: auto;
    padding: 30px 40px 30px 40px;
    background-color: #AD8C5A;
    border: 1px solid #888;
    border-radius: 20px;
    text-align: center;
    font-size: 20px;
    visibility: hidden;
    z-index: 99;
}
@media (max-width: 1160px) {
    .popup-message {
        right: 15%;
        font-size: 16px;
        padding: 20px 10px 20px 10px;
    }
}
.popup-message-wrap {
    position: relative;
    width: 100%;
    height: 100%;
}
.popup-message-wrap .popup-text{
    display: inline-block;
    margin-top: 10px;
}
.popup-message-wrap .popup-close {
    position: absolute;
    top: -20px;
    right: -10px;
    cursor: pointer;
}
@media (max-width: 1160px) {
    .popup-message-wrap .popup-close {
        top: -15px;
        right: 10px;
    }
}
.popup-message-open {
    visibility: visible;
    /*opacity: 1;*/
}
.error>p{
    width: 100%;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    height: 100px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.5em;
    text-align: center;
}

.show {
    display:block!important;
}

.hide {
    display: none!important;
}
.clear-show {
    display:block;
}

.visually-hidden {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
}

.modal-error-border {
    border: 2px solid red!important;
}
.banner {
    position: relative;
    z-index: 999;
}
.banner-youtube {
    display: block;
    width: 100%;
    height: auto;
    background-color: #EDD4B0;
    /*background-image: url(/img/banner-decor-2.svg);на новый год*/
    background-repeat: no-repeat;
    background-position: top;
    /*cursor: pointer;*/
}

.banner-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    gap: 15px;
    padding-top: 5px;
    padding-bottom: 12px;
}
.banner-img__wrapper {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
}
.banner-wrap img{
    margin-left: 80px;
}
.banner-img--youtube {
    width: 70px;
    height: auto;
}
.banner-img--vk {
    width: 40px;
    height: auto;
}
.banner-text {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
}
.banner-btn__wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.btn-youtube {
    display: inline-block;
    margin-right: 20px;
    padding: 10px 23px;
    background: linear-gradient(180deg, #FF3E3E 0%, #F60303 100%);
    box-shadow: 0 3px 0 #CE0000;
    border-radius: 20px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    text-decoration:none;
}
.btn-youtube:hover {
    background:linear-gradient(180deg, #ce0000 0%, #F60303 100%);
}
.btn-vk {
    display: inline-block;
    margin-right: 20px;
    padding: 10px 23px;
    background: linear-gradient(180deg, #293133 0%, #000 100%);
    box-shadow: 0 3px 0 #293133;
    border-radius: 20px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    text-decoration:none;
}
.btn-vk:hover {
    background:linear-gradient(180deg, #000 0%, #131313 100%);
}

@media (max-width: 1160px) {
    .banner-youtube {
        background-image: url(/img/banner-decor-mobi.svg);
        background-position: left top;
        background-origin: content-box;
    }
    .banner-wrap {
        display: grid;
        grid-template-areas: "title bannerImg"
                             "bannerBtn bannerImg";
        padding-bottom: 20px;
        padding-right: 17px;
        padding-left: 17px;
    }
    .banner-text {
        margin-top: 20px;
        font-size: 16px;
        line-height: 20px;
    }
    .banner-text-title {
        grid-area: title;
    }
    .banner-img__wrapper {
        /*flex-direction: row;*/
        grid-area: bannerImg;
    }
    .banner-wrap img {
        margin: 0;
    }
    .banner-img--youtube {
        width: 80px;
        height: auto;
    }
    .banner-img--vk {
        width: 55px;
        height: auto;
    }
    .banner-btn__wrapper {
        flex-direction: row;
    }
    .btn-youtube,
    .btn-vk{
        grid-area: bannerBtn;
        justify-self: center;
        margin: 0;
        margin-top: 15px;
        font-size: 14px;
        line-height: 17px;
    }
}
@media (max-width: 767px) {
    .banner-youtube {
        background-position: top;
    }
    .banner-wrap {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .banner-img__wrapper {
        width: 100%;
        flex-direction: row;
        justify-content: center;
        gap: 15px;
    }
    .banner-wrap img {
        width: 75px;
        height: auto;
    }
    .banner-wrap img.banner-img--vk {
        width: 40px;
        height: auto;
    }
    .banner-text-title {
        text-align: center;
    }
    .banner-text {
        margin-top: 0;
    }
    .banner-text-subscription {
        display: none;
    }
    .banner-text-title span {
        font-size: 12px;
        line-height: 15px;
        font-weight: bold;
        text-transform: uppercase;
    }
    .btn-youtube,
    .btn-vk{
        margin-top: 0;
    }
}
.banner-ihc {
    cursor: pointer;
}
.banner-ihc__wrapper {
    display: grid;
    grid-template-columns: repeat(14, 1fr) [last];
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 0;
    gap: 12px;
    background-color: #fff;
}
@media (max-width: 767px) {
    .banner-ihc__wrapper {
        grid-template-columns: repeat(8, 1fr) [last];
    }
}
@media (max-width: 660px) {
    .banner-ihc__wrapper {
        display: flex;
        flex-direction: column-reverse;
        gap: 6px;
        padding-right: 10px;
    }
}
.banner-ihc__inner {
    grid-column-end: span 13;
    display: grid;
    grid-template-columns: repeat(8, 1fr) [last];
    padding-top: 20px;
    background-color: #631E76;
    padding-left: 25px;
    gap: 16px;
}
@media (max-width: 1160px) {
    .banner-ihc__inner {
        padding-top: 10px;
        padding-left: 10px;
        gap: 8px;
    }
}
@media (max-width: 767px) {
    .banner-ihc__inner {
        grid-column-end: span 7;
    }
}
@media (max-width: 660px) {
    .banner-ihc__inner {
        display: flex;
        flex-direction: column;
        padding-top: 10px;
        padding-left: 10px;
        padding-bottom: 30px;
        padding-right: 0px;
    }
}
.banner-ihc__logo {
    grid-column-end: span 1;
    width: 147px;
    padding-top: 15px;
    padding-right: 20px;
    height: auto;
    justify-self: center;
}
@media (max-width: 1160px) {
    .banner-ihc__logo {
        width: 120px;
        padding-right: 10px;
    }
}
@media (max-width: 660px) {
    .banner-ihc__logo {
        width: 34%;
    }
}
.banner-ihc__content {
    grid-column-end: span 6;
    padding-left: 20px;
    color: #fff;
}
@media (max-width: 1160px) {
    .banner-ihc__content {
        padding-left: 10px;
    }
}
@media (max-width: 767px) {
    .banner-ihc__content {
        grid-column-end: span 7;
    }
}
@media (max-width: 660px) {
    .banner-ihc__content {
        padding-left: 0;
    }
}
.banner-ihc__title .break__two {
    display: none;
}
.banner-ihc__title {
    font-family: 'Rubik';
    font-weight: 700;
    font-size: 31px;
    line-height: 169.5%;
}
@media (max-width: 1160px) {
    .banner-ihc__title {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .banner-ihc__title {
        font-size: 16px;
    }
}
@media (max-width: 660px) {
    .banner-ihc__title {
        font-size: 20px;
        line-height: 30.4px;
    }
    .banner-ihc__title .break__one {
        display: none;
    }
    .banner-ihc__title .break__two {
        display: inline;
    }
}
.banner-ihc__link {
    padding: 8px;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    background-color: #FDEE3A;
    color: #222222;
    white-space: nowrap;
}
@media (max-width: 1160px) {
    .banner-ihc__link {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .banner-ihc__link {
        font-size: 16px;
    }
}
@media (max-width: 660px) {
    .banner-ihc__link {
        font-size: 20px;
        padding: 7px;
        line-height: 30.4px;
        padding-top: 3px;
    }
}
.banner-ihc__list {
    margin-top: 20px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}
@media (max-width: 1160px) {
    .banner-ihc__list {
        margin-top: 13px;
        font-size: 18px;
        line-height: 21px;
    }
}
@media (max-width: 767px) {
    .banner-ihc__list {
        margin-top: 8px;
        font-size: 16px;
        line-height: 13px;
    }
}
@media (max-width: 660px) {
    .banner-ihc__list {
        margin-top: 20px;
    }
}
.banner-ihc__item {
    position: relative;
    margin-left: 10px;
    padding: 5px;
    padding-left: 20px;
}
@media (max-width: 1160px) {
    .banner-ihc__item {
        margin-left: 5px;
        padding-left: 15px;
    }
}
@media (max-width: 767px) {
    .banner-ihc__item {
        margin-top: 8px;
        font-size: 16px;
    }
}
@media (max-width: 660px) {
    .banner-ihc__item {
        margin-top: 5px;
        font-size: 16px;
    }
}
.banner-ihc__item:before {
    content: '•';
    position: absolute;
    left: 0;
}
.banner-ihc__squares {
    grid-column-end: span 1;
}
@media (max-width: 1160px) {
    .banner-ihc__squares img{
        width: 160px;
        height: auto;
    }
}
@media (max-width: 767px) {
    .banner-ihc__squares img{
        width: 147px;
    }
}
@media (max-width: 660px) {
    .banner-ihc__squares img {
        width: 100%;
    }
}

.banner-majordomo__wrapper,
.banner-vps1__wrapper{
    display: grid;
    grid-template-columns: repeat(14, 1fr) [last];
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #fff;
}
.banner-vps1__wrapper {
    background: linear-gradient(90deg, rgba(42, 54, 140, 1), rgba(42, 121, 183, 1));
    border: 10px solid #fff;
}
@media (max-width: 920px) {
    .banner-majordomo__wrapper,
    .banner-vps1__wrapper {
        display: flex;
        flex-direction: column;
    }
}
@media (max-width: 920px) {
    .banner-vps1__wrapper {
        background: linear-gradient(180deg, rgba(42, 54, 140, 1), rgba(42, 121, 183, 1));
    }
}
@media (max-width: 1160px) {
    .banner-majordomo,
    .banner-vps1{
        max-width: none;
    }
}
.banner-majordomo__img,
.banner-vps1__img{
    grid-column-end: 5;
    grid-column-start: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-majordomo__img {
    border: 5px solid rgba(42, 54, 140, 1);
    background-color: #fff;
}
@media (max-width: 920px) {
    .banner-majordomo__img {
        border: 5px solid transparent;
        border-image: linear-gradient(90deg, rgba(42, 54, 140, 1), rgba(42, 121, 183, 1));
        border-image-slice: 1;
        border-bottom: none;
    }
}
.banner-majordomo__img img,
.banner-vps1__img img{
    max-width: 100%;
    height: auto;
}
.banner-majordomo__content,
.banner-vps1__content{
    grid-column-end: 15;
    grid-column-start: 5;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 55px;
    padding-right: 55px;
    color: white;
}
.banner-majordomo__content {
    background: linear-gradient(90deg, rgba(42, 54, 140, 1), rgba(42, 121, 183, 1));
}
.banner-vps1__content {
    padding-left: 30px;
}
@media (max-width: 767px) {
    .banner-majordomo__content,
    .banner-vps1__content {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.banner-majordomo__title,
.banner-vps1__title{
    margin-bottom: 20px;
    font-family: 'Fira Sans', sans-serif;
    font-size: clamp(18px, 3vw, 36px);
    line-height: clamp(36px, 3vw, 43px);
    font-weight: 400;
}
@media (max-width: 767px) {
    .banner-majordomo__title,
    .banner-vps1__title {
        margin-bottom: 7px;
        line-height: 26px;
    }
}
.banner-majordomo__link,
.banner-vps1__link{
    color: #fff;
}
.banner-list__inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
@media (max-width: 580px) {
    .banner-list__inner {
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }
}
.banner-majordomo__list,
.banner-vps1__list{
    font-family: 'Fira Sans', sans-serif;
    font-size: 24px;
    font-weight: 500;
}
.banner-vps1__list {
    list-style: disc;
    font-size: 18px;
}
@media (max-width: 767px) {
    .banner-majordomo__list,
    .banner-vps1__list {
        font-weight: 400;
    }
}
.banner-majordomo__item,
.banner-vps1__item{
    position: relative;
    margin-left: 10px;
    padding: 5px;
    padding-left: 20px;
}
.banner-vps1__item {
    padding-left: 0;
}
@media (max-width: 1160px) {
    .banner-majordomo__item {
        margin-left: 5px;
        padding-left: 15px;
    }
}
@media (max-width: 767px) {
    .banner-majordomo__item,
    .banner-vps1__item {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 16px;
        line-height: 22px;
    }
}
@media (max-width: 660px) {
    .banner-majordomo__item,
    .banner-vps1__item {
        margin-top: 5px;
        font-size: 16px;
    }
}
.banner-majordomo__item:before {
    content: '-';
    position: absolute;
    left: 0;
}
/*.banner-vps1__item:before {*/
/*    list-style: circle;*/
/*    color: #fff;*/
/*}*/
/*Стили для табов*/

.tab-header {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.tab-header__item {
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    color: #7D5F32;
    border-bottom: 1px dashed #7D5F32;
    cursor: pointer;
}

.tab-header__item.active {
    color: #000000;
    border-bottom: none;
}

.tab-header__item:first-child {
    margin-right: 20px;
}

.tab-content__item {
    display: none;
}

/* Стили для активного контейнера вкладки */
.tab-content__item.active {
    display: grid;
}
.article-content__item {
    display: grid;
}
/*Стили для главной страницы с уроками*/
.articles-wrapper {
    margin-bottom: 210px;
}
.articles {
    display: grid;
    margin-bottom: 30px;
}
.lesson-list,
.articles{
    grid-template-columns: repeat(auto-fit, minmax(385px, 1fr));
    grid-gap: 20px;
}
@media (max-width: 1220px) {
    .lesson-list, .articles {
        grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
    }
}
@media (max-width: 640px) {
    .lesson-list, .articles {
        grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    }
}

.lesson-list_articles, .articles-list {
    grid-auto-flow: unset;
}
.lesson-title,
.article__title{
    display: inline-block;
    text-decoration: underline;
}
.lesson-title:hover,
.article__title:hover{
    color: #303030;
    text-decoration: none;
}
.lesson-title__article,
.article__title{
    padding: 20px;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 24px;
}
.lesson-title__video {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 22px;
    color: #7d5f32;
    text-decoration: underline;
}
.lesson-title__video:hover {
    color: #7d5f32;
    text-decoration: underline;
}
.lesson-list__item,
.articles__item{
    background-color: #fff;
}
.lesson-list__item_article,
.articles__item{
    padding-right: clamp(10px, 4vw, 40px);
}
.lesson-description__article,
.article__description{
    padding: 20px;
    padding-top: 0;
    font-size: 16px;
    line-height: 22px;
}
.lesson-list__image-wrapper {
    display: inline-block;
    width: 100%;
}
.lesson-list__image-wrapper img{
    width: 100%;
    height: auto;
    background-color: white;
    background-repeat: no-repeat;
    background-size: contain;
}

/*Стили для страницы с одним уроком или статьей*/
.lesson-page__wrapper,
.article-page__wrap{
    margin-bottom: clamp(30px, 4vw, 100px);
}
.article-data {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    background-color: white;
}
@media (max-width: 620px) {
    .article-data {
        flex-direction: column;
    }
}
.article-data__text {
    font-size: 14px;
    font-weight: normal;
}
.article-data__text--bold, .article__text--bold {
    font-weight: bold;
}
.article-data__share {
    display: flex;
    align-items: center;
}
@media (max-width: 620px) {
    .article-data__share {
        margin-top: 20px;
    }
}
@media (max-width: 360px) {
    .article-data__share {
        flex-direction: column;
        align-items: flex-start;
    }
}
.article-data__social {
    margin-left: 20px;
}
@media (max-width: 360px) {
    .article-data__social {
        margin-left: 0;
    }
}
.article-data__img {
    margin-right: 20px;
    cursor: pointer;
}
@media (max-width: 360px) {
    .article-data__img {
        margin-top: 20px;
    }
}
.article-data__img:last-child {
    margin-right: 0;
}
.article-page__wrapper {
    display: flex;
    align-items: baseline;
    margin-bottom: clamp(30px, 4vw, 50px);;
}
@media (max-width: 1160px) {
    .article-page__wrapper {
        flex-direction: column;
    }
}
.article-page__nav {
    max-width: 295px;
    flex-shrink: 0;
    width: 100%;
    top: 104px;
    position: sticky;
    display: grid;
    /*overflow-y: auto;*/
    max-height: calc(100vh - 160px);
}
@media (max-width: 1260px) {
    .article-page__nav {
        margin-left: 20px;
    }
}
@media (max-width: 1160px) {
    .article-page__nav {
        position: static;
        max-width: 100%;
        margin-top: 20px;
        font-size: 16px;
    }
}
.article-page__nav-title {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.article-page__nav-list li {
    margin-bottom: 20px;
}
.article-page__nav-item {
    border-bottom: 1px dashed #7d5f32;
}
.article-page__nav-item.active {
    border-bottom: 2px solid #7d5f32;
}
.article-page__nav-item.i2 {
    font-size: 14px;
    margin-left: 15px;
}

.article-page--article {
    margin-top: 20px;
    margin-left: 45px;
}
@media (max-width: 1260px) {
    .article-page--article {
        margin-left: 20px;
    }
}
.article-page__title {
    margin-top: 30px;
    margin-bottom: 20px;
    font-family: 'Merriweather', sans-serif;
    font-size: clamp(18px, 4vw, 24px);
    font-weight: 400;
    line-height: clamp(20px, 4vw, 30px);
    text-align: center;
}
.article-page__subtitle {
    margin-top: 30px;
    margin-bottom: 20px;
    font-family: 'Merriweather', sans-serif;
    font-size: clamp(14px, 4vw, 18px);
    font-weight: 400;
    line-height: clamp(20px, 4vw, 30px);
    text-align: center;
}
.article-page__lead {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
}
.article-page p {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
}
.article-page__banner {
    margin-bottom: 10px;
    padding: clamp(10px,2vw,30px);
    color: #fff;
    background: #7d5f32;
}
.article-page__banner p {
    font-size: clamp(16px,2vw,24px);
    line-height: clamp(24px,2vw,30px);
    font-weight: 700;
}
.article-page__banner a {
    color: white;
}
.article-page a{
    text-decoration: underline;
}
.article-page a:hover {
    color: #303030;
    text-decoration: none;
}
.article-page__image {
    display: block;
    max-width: 100%;
    width: 100%;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
.article-page__list {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
}
.article-page__list--numbered {
    list-style: decimal;
    margin-left: 28px;
}
.article-page__list--unordered li:before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 2px;
    width: 7px;
    height: 7px;
    border-radius: 50px;
    background-color: #000000;
}
.article-data__rating-area:not(:checked) > label {
    width: 24px;
    font-size: 24px;
}
.article-other__title {
    margin-top: 30px;
    margin-bottom: 20px;
    font-family: 'Merriweather', sans-serif;
    font-size: clamp(18px, 4vw, 24px);
    font-weight: 400;
    line-height: clamp(20px, 4vw, 30px);
    text-align: center;
}
.article-other__links {
    display: grid;
}
.article-form__stars {
    display: flex;
    align-items: unset;
}
.article-video.active {
    display: block;
}
.articles-pagination {
    display: flex;
    margin-bottom: 35px;
}
.articles-pagination__item{
    width: 47px;
    height: 40px;
}
.articles-pagination__item a{
    display: flex;
    justify-content: center;
    align-items: center;
    /*padding: 8px 20px;*/
    width: 100%;
    height: 100%;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(196, 196, 196, 1);
    cursor: pointer;
}
.articles-pagination__item a:focus,
.articles-pagination__item a:hover{
    background-color: rgba(125, 95, 50, 0.2);
}
.articles-pagination__item a:active{
    background-color: rgba(102, 84, 57, 1);
    color: rgba(255, 255, 255, 1);
}
.articles-pagination__item.active a{
    color: rgba(255, 255, 255, 1);
    background-color: rgba(125, 95, 50, 1);
}
/*.articles-pagination__item svg{*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/
.articles-pagination__end,
.articles-pagination__start{
    width: 65px;
}
.articles-pagination__end a,
.articles-pagination__start a{
    width: 65px;
    border: 1px solid #C4C4C4;
}
.articles-pagination__start a {
    border-radius: 5px 0px 0px 5px;
}
.articles-pagination__end a {
    border-radius: 0px 5px 5px 0px;
}
.articles-pagination__prev.disabled path,
.articles-pagination__next.disabled path,
.articles-pagination__end.disabled path,
.articles-pagination__start.disabled path{
    fill: #C4C4C4;
}
.articles-pagination__prev a:active path,
.articles-pagination__next a:active path,
.articles-pagination__end a:active path,
.articles-pagination__start a:active path{
    fill: white;
}
.videowrap {
    max-width: 945px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: clamp(20px, 4vw, 40px);
}
.videoblock {
    position: relative;
    padding-bottom: 56.25%; /*для видео из соотношением экрана 16:9*/
    height: 0;
    overflow: hidden;
}
.videoblock iframe, object, embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.videoblock__item img{
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}
.videoblock__item span{
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1.5em;
    text-align: center;
    font: 48px/1.5 sans-serif;
    color: white;
    text-shadow: 0 0 0.5em black;
}
/*MODAL STYLE*/

.overlay {

    /* Скрываем подложку  */
    opacity: 0;
    visibility: hidden;

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 20;
    transition: .3s all;
}


/* Стили для модальных окон */

.modal__video {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    max-width: 950px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 30;
    transition: 0.3s all;
    overflow: hidden;
}
.modal__video.active,
.overlay.active{
    opacity: 1;
    visibility: visible;
}
.modal__cross {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 10px;
    right: 10px;
    fill: white;
    cursor: pointer;
}
.player-wrap {
    width: 100%;
    height: 540px;
    background-color: rgba(0,0,0,0.4);
}
#player {
    width: 100%;
    height: 100%;
}

/*Стили для звездного рейтинга статьи*/
.article-rating {
    display: flex;
    align-items: center;
    font-size: 22px;
    line-height: 0.75;
    transition: opacity 0.3s ease 0s;
}
.article-rating.rating_sending {
    opacity: 0.6;
}
.article-rating.rating_set .article-rating__active,
.article-rating.rating_set .article-rating__item {
    cursor: pointer;
}
.article-rating__body {
    position: relative;
    margin-left: 10px;
}
.article-rating__body::before {
    content: "★★★★★";
    display: block;
    color: #4f4f4f;
    letter-spacing: 5px;
}
.article-rating__active {
    position: absolute;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}
.article-rating__active::before {
    content: "★★★★★";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #ad8c5a;
    letter-spacing: 5px;
}
.article-rating__items {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.article-rating__item {
    flex: 0 0 20%;
    height: 100%;
    opacity: 0;
    width: 40px;
    margin-right: 0;
    margin-left: 0;
}
.article-rating__value {
    font-size: 55%;
    line-height: 1;
    padding-left: 10px;
}
.criterias {
    margin-bottom: 50px;
}
.criterias__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 2fr));
    gap: 20px;
}
@media (max-width: 1218px) {
    .criterias__list {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 556px) {
    .criterias__list {
        grid-template-columns: repeat(1, 1fr);
    }
}
.criterias__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 30px 10px;
    background-color: #fff;
    border-radius: 50px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    color: #927549;
}
.increase-chances {
    margin-bottom: 50px;
}
.numbered-list__big {
    display: grid;
    gap: 15px;
}
.numbered-item__big {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    justify-content: center;
    align-items: center;
    padding: 45px 35px;
    background-color: white;
}
@media (max-width: 1160px) {
    .numbered-item__big {
        grid-template-columns: repeat(12, 1fr);
        padding: 30px 20px;
    }
}
@media (max-width: 767px) {
    .numbered-item__big {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(6, 1fr);
        padding: 23px 10px;
    }
}
.numbered-item__content {
    grid-column: 2 / span 16;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
}
@media (max-width: 767px) {
    .numbered-item__content {
        grid-row: 2/7;
        margin-top: 10px;
        font-size: 15px;
    }
}
.numbered-item__num{
    grid-column: 1 / span 1;
    font-family: 'Merriweather Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 62px;
    line-height: 22px;
    color: #AD8C5A;
}
@media (max-width: 767px) {
    .numbered-item__num {
        grid-column: 1 / 17;
        grid-row: 1/ 1;
        font-size: 40px;
        text-align: center;
    }
}
.promo-materials {
    margin-bottom: 60px;
}
.promo-materials__image {
    max-width: 100%;
    height: auto;
}
/*SWIPER*/
.promo-materials__wrapper {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 100%;
}
.promo-materials__swiper {
    min-width: 1240px;
    display: flex;
}
.promo-materials__item {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-right: 20px;
}
.promo-materials__item:last-child{
    margin-right: 0;
}
.slider-active .swiper-wrapper {
    justify-content: flex-start;
}
.swiper-container {
    position: initial;
    overflow-x: hidden;
}
/* .swiper-wrapper:last-child {
    margin-right: 20px;
} */
.swiper-wrapper .swiper-slide {
    /* width: auto; */
    height: auto;
    max-width: 183px;
}
@media (max-width: 1160px) {
    .swiper-wrapper .swiper-slide {
        max-width: 170px;
    }
}
@media (max-width: 767px) {
    .swiper-wrapper .swiper-slide {
        max-width: 135px;
    }
}
.promo-materials__link {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    text-decoration: underline;
}
@media (max-width: 767px) {
    .promo-materials__link  {
        padding-right: 20px;
        padding-left: 20px;
    }
}
.promo-materials__link:hover {
    text-decoration: none;
    color: #000000;
}
.promo-materials__link:focus {
    opacity: 0.6;
}
.swiper-button-prev::after {
    display: none;
}
.swiper-button-next::after {
    display: none;
}
.swiper-button__promo {
    width: 32px;
    height: 32px;
    background-color: rgba(255, 255, 255, 0.6);
    background-image: none;
}
.swiper-button__promo--prev {
    left: 10px;
}
.swiper-button__promo--next {
    right: 10px;
}
.attention {
    padding: 35px 93px 40px 112px;
    background-color: #fff;
}
@media (max-width: 1160px) {
    .attention  {
        padding: 25px 30px 30px 30px;
    }
}
@media (max-width: 767px) {
    .attention  {
        padding: 25px 10px 30px 10px;
    }
}
.attention__text {
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
}
@media (max-width: 767px) {
    .attention__text  {
        font-size: 15px;
        line-height: 20px;
        text-align: inherit;
    }
}
.announcement {
    margin-top: clamp(20px, 4vw, 40px);
    margin-bottom: clamp(20px, 4vw, 40px);
    background-color: rgba(173, 140, 90, 1);
}
.announcement__content {
    padding-top: clamp(15px, 4vw, 20px);
    padding-bottom: clamp(15px, 4vw, 20px);
    padding-left: 10px;
    padding-right: 10px;
    font-size: clamp(16px, 4vw, 18px);
    line-height: 22px;
    font-weight: 600;
    text-align: center;
    color: white;
}
.announcement__link {
    color: white;
    text-decoration: underline;
}
.announcement__link:hover {
    text-decoration: none;
}
/*FAQ*/
.faq {
    margin-top: clamp(30px, 4vw, 70px);
}
.faq__item p {
    margin: 0;
}
.faq__item ul,
.faq__item ol{
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
}
.faq__item ul {
    list-style: disc;
}
.faq__item ol {
    list-style: decimal;
}
.faq__item li{
    padding-bottom: 10px;
}
.faq__question {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px 20px 20px 0;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: clamp(16px, 4vw, 18px);
    color: #000000;
    line-height: 22px;
    border-bottom: 2px solid #AD8C5A;
    cursor: pointer;
}
@media (max-width: 1160px) {
    .faq__question  {
        padding: 15px 20px 15px 0;
    }
}
.faq__item:first-child {
    border-top: 2px solid #AD8C5A;
}
.faq__question.active {
    border-bottom: 2px solid #AD8C5A;
}
.plus-minus {
    position: absolute;
    width: 15px;
    height: 15px;
    margin: 0;
    transition: all .15s ease-in-out;
    top: 50%;
    right: -10px;
    transform: translate(-50%, -50%);
}
.plus-minus span {
    background: black;
    position: absolute;
}
.horiz {
    height: 2px;
    width: 70%;
    top: 50%;
    margin-top: -1px;
    left: 15%;
    opacity: 1;
    transition: all .2s ease-out;
}
.vert {
    width: 2px;
    height: 70%;
    left: 50%;
    margin-left: -0.5px;
    top: 15%;
}
.faq__question.active .vert {
    opacity: 0;
}
.faq__answer {
    opacity: 0;
    padding: 0 20px;
    max-height: 0;
    overflow: hidden;
    transition: line-height 0.5s, color 0.5s;
    font-size: clamp(14px, 4vw, 16px);
    font-weight: 500;
}
.faq__answer.active {
    opacity: 1;
    padding: 10px 0 20px 0;
    max-height: 100%;
    transition: line-height 0.5s, color 0.5s;
}