html, body {
    margin: 0;
    padding: 0;
}

html {
    font-size: 1.15vw;
}

@media (min-width: 1430px) {
    html {
        font-size: 14px;
    }
}

@media (max-width: 1024px) {
    html {
        font-size: 1.3vw;
    }
}

@media (max-width: 767px) {
    html {
        font-size: 2vw;
    }
}

@media (max-width: 580px) {
    html {
        font-size: 2.3vw;
    }
}

@media (max-width: 580px) {
    html {
        font-size: 2.5vw;
    }
}

@media (max-width: 420px) {
    html {
        font-size: 2.7vw;
    }
}

article, aside, details, figcaption, figure, address, main,
footer, header, menu, nav, section, summary, blockquote {
    display: block;
}

img {
    border: none;
    vertical-align: top;
    max-width: 100%;
}

svg:not(:root) {
    overflow: hidden;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    background: #fff;
    color: #000;
    line-height: 1.5;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color: #007bff;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:active,
a:hover,
a:focus {
    outline: 0;
}

sub,
sup {
    font-size: 60%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.65em;
}

address {
    font-style: normal;
    line-height: inherit;
}

iframe {
    border: none;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

h1, h2, h3, h4, h5, h6, p, ol, ul, li, a, span,
table, th, td, blockquote, figure, figcaption {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    list-style-type: none;
    text-decoration: none;
}

strong, b {
    font-weight: bold;
}

span {
    font-weight: inherit;
}

.popularItemH1 > span {
    font-size: 2rem;
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    text-align: inherit;
}

button,
select {
    text-transform: none;
}

body.overflow-hidden {
    overflow: hidden;
    padding-right: 17.5px;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto.woff2') format('woff2'),
    url('../fonts/Roboto.woff') format('woff'),
    url('../fonts/Roboto.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Robotoitalic.woff2') format('woff2'),
    url('../fonts/Robotoitalic.woff') format('woff'),
    url('../fonts/Robotoitalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Robotobold.woff2') format('woff2'),
    url('../fonts/Robotobold.woff') format('woff'),
    url('../fonts/Robotobold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Robotobolditalic.woff2') format('woff2'),
    url('../fonts/Robotobolditalic.woff') format('woff'),
    url('../fonts/Robotobolditalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Robotolight.woff2') format('woff2'),
    url('../fonts/Robotolight.woff') format('woff'),
    url('../fonts/Robotolight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Robotolightitalic.woff2') format('woff2'),
    url('../fonts/Robotolightitalic.woff') format('woff'),
    url('../fonts/Robotolightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.woff2') format('woff2'),
    url('../fonts/Roboto-Thin.woff') format('woff'),
    url('../fonts/Roboto-Thin.ttf') format('truetype');
    font-weight: 200;
    font-style: thin;
    font-display: block;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-ThinItalic.woff2') format('woff2'),
    url('../fonts/Roboto-ThinItalic.woff') format('woff'),
    url('../fonts/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: block;
}

/*Типографика*/

.page {
    overflow: hidden;
    min-height: 100vh;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.bx-breadcrumb {
    margin: 0.5rem 0 1rem;
    line-height: 4.5rem;
}

.bx-breadcrumb-item-text {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 300;
}

a > .bx-breadcrumb-item-text, .bx-breadcrumb-item-angle {
    color: #000;
}

div > .bx-breadcrumb-item-text {
    color: #969492;
}

.content {
    flex-grow: 1;
    position: relative;
}

.wrap {
    max-width: 1430px;
    padding: 0 1.875rem;
    margin: 0 auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.wrap-small {
    position: relative;
    max-width: 920px;
    padding: 0 00px;
    margin: 0 auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.text-justify {
    text-align: justify;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    display: block;
    margin: 0 auto;
    text-align: center;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: bold;
    line-height: 1.2;
    color: inherit;
}

h1, .h1 {
    font-size: 2.25rem;
}

h2, .h2 {
    font-size: 1.875rem;
}

h3, .h3 {
    font-size: 1.5rem;
}

h4, .h4 {
    font-size: 1.25rem;
}

h5, .h5 {
    font-size: 1.125rem;
}

h6, .h6 {
    font-size: 1rem;
}

.icon {
    width: 1em;
    height: 1em;
    display: inline-block;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

section {
    padding: 0px 0;
}

.btn {
    padding: 0 25px;
    min-width: 130px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    height: 2.375rem;
    line-height: 2.25rem;
    color: #999;
    font-weight: 300;
    border: 2px solid #d2d1d0;
    border-radius: 2px;
    -webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
}

.btn:active {
    border-color: #000;
    background: #000;
    color: #fff;
}

.btn-big {
    height: 76px;
    line-height: 76px;
    font-size: 1.875rem;
    min-width: 250px;
}

.btn-dark {
    background: #000;
    border-color: #000;
    color: #fff;
}

.d-flex {
    display: flex;
}

/*Типографика*/

/*Блок с текстом*/

.text_block {
    font-size: 1.125rem;
    line-height: 1.2;
}

.text_block > *:first-child {
    margin-top: 0;
}

.text_block h1, .text_block .h1,
.text_block h2, .text_block .h2,
.text_block h3, .text_block .h3,
.text_block h4, .text_block .h4,
.text_block h5, .text_block .h5,
.text_block h6, .text_block .h6 {
    margin: 3.75rem 0 3.125rem;
    font-weight: normal;
}

.text_block h3, .text_block .h3,
.text_block h4, .text_block .h4,
.text_block h5, .text_block .h5,
.text_block h6, .text_block .h6 {
    margin: 2.5rem 0 1.875rem;
}

.text_block a[href] {
    color: #000;
    border-bottom: 1px solid #000;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.text_block a[href]:hover {
    border-color: transparent;
}

.text_block p {
    margin-bottom: 25px;
}

figure {
    position: relative;
}

.text_block figure {
    text-align: center;
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
}

.text_block figure + figure {
    margin-top: -20px;
}

.text_block ul,
.text_block ol {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
}

.text_block ul > li {
    position: relative;
    padding-left: 1.875rem;
    margin-bottom: 25px;
}

.text_block ul > li:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    left: 8px;
    top: 6px;
}

.text_block ol {
    counter-reset: list;
}

.text_block ol > li {
    position: relative;
    padding-left: 1.875rem;
    margin-bottom: 25px;
}

.text_block ol > li:before {
    content: counter(list) ".";
    counter-increment: list;
    color: inherit;
    position: absolute;
    left: 0;
    top: 0;
}

.video-responsive {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 1.875rem;
    height: 0;
    overflow: hidden;
    margin: 3.125rem 0;
}

.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Блок с текстом*/

/*Шапка сайта*/

.header {
    padding-top: 2.125rem;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

h1.main, .blog-section__header h1, .contact-section h1, .page__header h1 {
    color: #1E1C1B;
    font-size: 4.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 5.5rem;
}

.page__header h1 {
    padding-bottom: 4.5rem;
}

.main__subheader {
    margin: 0.625rem 0 1.1875rem;
    color: #1E1C1B;
    font-size: 3rem;
    font-style: normal;
    font-weight: 300;
    line-height: 4rem;
}

.logo a {
    display: block;
    width: 100%;
    height: 100%;
}

.logo-text {
    color: #1E1C1B;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.25rem;
}

.menu {
    display: inline-block;
    vertical-align: middle;
}

.menu li {
    display: inline-block;
    vertical-align: top;
    margin-left: 3.125rem;
}

.menu li:first-child {
    margin-left: 0;
}

.menu a {
    display: block;
    position: relative;
    color: #1E1C1B;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.25rem;
    text-decoration: none;
}

.menu a:before, .header__language-selector:before {
    content: "";
    width: 0;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.content:has(.background-image) .menu a:before, .content:has(.background-image) .header__language-selector:before {
    background: #fff;
}

.bx-editor-iframe body {
    border-color: red;
}

.menu a:hover:before,
.menu li.active a:before, .header__language-selector.active:before {
    width: 100%;
    visibility: visible;
}

.social {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 0;
    left: 0;
}

.social a {
    margin-left: -2px;
    display: inline-block;
    vertical-align: top;
    color: #000;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.375rem;
    text-align: center;
    opacity: 0.3;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.social a:hover {
    opacity: 1;
}

.social a:first-child {
    margin-left: 0;
}

.social a .icon {
    vertical-align: middle;
}

.social .vk-icon {
    font-size: 1.1875rem;
}

.header__language-selector {
    display: flex;
    align-items: center;
    gap: 3px;
    color: #969492;
    font-family: Roboto;
    font-size: 1.1875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.25rem;
    position: relative;
}

.header__language-selector.active {
    color: #1E1C1B;
}

.header__language-selector .icon {
    width: 0.6875rem;
    height: 0.4375rem;
    fill: #969492;
}

.header__language-selector.active .icon {
    fill: #1E1C1B;
}

.header__mobile-menu {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background: #DAD3D0;
    z-index: 10;
    padding: 1.3125rem 0;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-100%);
    transition: 0.3s ease;
    overflow-y: auto;
}

.header__mobile-menu.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.header__mobile-menu-button .icon {
    width: 3.4375rem;
    height: 4rem;
}

@media (min-width: 768px) {
    .header__mobile-menu-button, .header__mobile-menu {
        display: none;
    }
}

.header__mobile-menu__top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.3125rem;
}

.header__mobile-menu__close .icon {
    width: 1.75rem;
    height: 1.5625rem;
}

.header__mobile-menu__list a {
    color: #1E1C1B;
    font-size: 1.1875rem;
    font-style: normal;
    font-weight: 300;
    display: block;
}

.header__mobile-menu__list li:not(:last-child) a {
    margin-bottom: 1.125rem;
}

.header__mobile-menu__list {
    margin-bottom: 2.875rem;
}

.header__mobile-menu__social .social__list {
    display: flex;
    gap: 0.625rem;
}

.header__mobile-menu__social p {
    color: #1E1C1B;
    font-family: Roboto;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 1.875rem;
    opacity: 0.6;
}

.header__mobile-menu__social a {
    border-radius: 3px;
    background: #363433;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767px) {
    .menu {
        display: none;
    }
}

/*Шапка сайта*/

/*Поиск*/

.header__search {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    transform: translateY(-100%);
    visibility: hidden;
    opacity: 0;
    transition: 0.5s ease;
}

.header__search.active {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.header__search-button .icon {
    width: 1.25rem;
    height: 1.25rem;
    fill: #222222;
}

.header__search-wrapper {
    padding-top: 13.75rem;
}

.header__search-wrapper .h2 {
    color: #1E1C1B;
    font-size: 4.875rem;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 4.8rem;
}

.header__search-form form {
    display: flex;
    position: relative;
}

.header__search-form__input {
    flex: 1 1 auto;
    border-radius: 6px;
    border: 1px solid #000;
    background: #FFF;
    height: 4.4375rem;
    padding-left: 2rem;
    font-size: 1.875rem;
}

.header__search-form__input::placeholder {
    color: #1E1C1B;
    font-size: 1.875rem;
    font-style: italic;
    font-weight: 300;
    opacity: 0.6;
}

.header__search-form__submit {
    color: #FFF;
    background-color: #000;
    text-align: center;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    position: absolute;
    right: 0;
    height: 100%;
    padding: 0 2.7rem;
    border: none;
    border-radius: 6px;
}

.search-page-section__header {
    padding-bottom: 3.6875rem;
}

.search-page-section__header h1 {
    color: #1E1C1B;
    font-size: 4.875rem;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 3.875rem;
}

.search-page__block:not(:last-child) {
    margin-bottom: 2.625rem;
}

.search-page__block-iblock-name {
    color: #797978;
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 300;
    border-radius: 3px;
    border: 1px solid #797978;
    margin-bottom: 0.875rem;
    width: fit-content;
    padding: 0.4rem 1.9rem;
}

.search-page__block-name {
    display: block;
    color: #1E1C1B;
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.25rem;
    margin-bottom: 0.875rem;
}

.search-page__block-text {
    color: #1E1C1B;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 0.875rem;
}

.search-page__block-modified {
    color: #bbbbbb;
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 400;
}

.search-page__top {
    margin-bottom: 2rem;
}

.search-page__top a {
    color: #E00000;
    text-decoration: underline;
}

.search-page {
    margin-bottom: 4.6875rem;
}

.search-page .h2 font.notetext {
    color: #1E1C1B !important;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 4.8rem;
}

/*Поиск*/

/*Языки*/

.header__languages {
    position: absolute;
    width: 100%;
    left: 0;
    top: calc(100% + 1rem);
    background: #FFF;
    padding: 1.25rem 1rem;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-10rem);
    transition: 0.5s ease;
}

.header__languages.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}


.header__languages-blocks {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2rem;
    row-gap: 1rem;
}

.header__languages-block {
    display: flex;
    align-items: center;
    column-gap: 0.625rem;
}

.header__languages-block span {
    color: #222;
    font-size: 1.1875rem;
    font-style: normal;
    font-weight: 400;
    opacity: 0.3;
}

.header__languages-block__list {
    display: flex;
    align-items: center;
    column-gap: 0.5625rem;
}

.header__languages-block__list a {
    color: #222;
    font-size: 1.1875rem;
    font-style: normal;
    font-weight: 400;
}

.header__languages-block__list a:not(:first-child) {
    color: #7a7a7a;
    font-size: 0.9375rem;
}

/*Языки*/

/*Главная*/

.main__top {
    margin-bottom: 1.875rem;
}

.main-news__tags {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.875rem;
    margin-bottom: 2.25rem;
}

.main-news__tags a {
    color: #000;
    font-size: 1rem;
    font-style: normal;
    font-weight: 100;
}

.main-news__block {
    padding: 1.5rem 3.125rem 2.5rem;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 31.25rem;
    border-radius: 0 250px 0 0;
    display: flex;
    align-items: end;
    justify-content: space-between;
    position: relative;
}

.main-news__one-block .main-news__block:after, .blog-items:first-child .main-news__block:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(30, 28, 27, 0.60) 0%, rgba(30, 28, 27, 0.60) 100%);
    border-radius: 0 250px 0 0;
    transition: 0.4s ease;
}

.main-news__one-block .main-news__block:hover:after, .blog-items:first-child .main-news__block:hover:after {
    background: linear-gradient(0deg, rgba(30, 28, 27, 0.80) 0%, rgba(30, 28, 27, 0.60) 100%);
}

.blog-items:first-child .main-news__block:after {
    border-radius: 0 0 0 0;
}

.main-news__block-left {
    width: 60%;
}

.main-news__block-left, .main-news__block-right {
    position: relative;
    z-index: 1;
}

.main-news__location {
    color: #FFF;
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.75rem;
    border-radius: 3px;
    border: 1px solid #F5F5F5;
    display: flex;
    width: fit-content;
    padding: 0 1.125rem;
    margin-bottom: 1rem;
    z-index: 2;
    transition: 0.3s ease;
}

.main-news__header {
    margin-bottom: 1rem;
    z-index: 2;
}

.main-news__header a {
    color: #FFF;
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.375rem;
    transition: 0.3s ease;
}

.main-news__text {
    z-index: 2;
}

.main-news__text, .main-news__text p {
    color: #FFF;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.75rem;
    transition: 0.3s ease;
}

.main-news__date {
    color: #FFF;
    font-family: Roboto;
    font-size: 1rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.75rem;
    margin-bottom: 1.875rem;
    z-index: 2;
}

.main-news__views, .main-news__comments {
    color: #FFF;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.75rem;
    position: relative;
    z-index: 2;
}

.main-news__views {
    margin-right: 1.25rem;
    z-index: 2;
}

.main__middle {
    margin-bottom: 1.875rem;
}

.main__middle-wrapper {
    display: flex;
    gap: 2.125rem;
}

.main__middle-wrapper > * {
    flex: 0 0 calc(50% - 1.0625rem);
}

.main-news__two-blocks {
    position: relative;
    transition: 0.3s ease;
}

.main-news__two-blocks .main-news__block {
    height: 33rem;
    flex-direction: column;
    align-items: start;
    justify-content: end;
    padding: 0 3.125rem 2.125rem;
    border-radius: 0;
}

.main__middle-wrapper .blog-items:nth-child(2) .main-news__two-blocks:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s ease;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(230, 225, 222, 0.93);
}

.main__middle-wrapper .blog-items:nth-child(2) .main-news__two-blocks:hover:after {
    background: rgba(230, 225, 222, 0.99);
}

.main-news__two-blocks:hover:after {
    opacity: 1;
    visibility: visible;
}

.main__middle-wrapper .blog-items:nth-child(2) .main-news__location {
    color: #1E1C1B;
    border-color: #1E1C1B;
}

.main__middle-wrapper .blog-items:nth-child(2) .main-news__header a {
    color: #1E1C1B;
}

.main__middle-wrapper .blog-items:nth-child(2) .main-news__text, .main__middle-wrapper .blog-items:nth-child(2) .main-news__text p, .main__middle .blog-items:nth-child(2) .main-news__date, .main__middle .blog-items:nth-child(2) .main-news__views {
    color: #1E1C1B;
}

.main__middle .blog-items:nth-child(2) .main-news__block {
    border-radius: 0px 0px 100px 0px;
}

.main__middle .blog-items:first-child .main-news__date, .main__middle .blog-items:first-child .main-news__views, .main__middle .blog-items:first-child .main-news__comments {
    color: #fff;
}

.main__middle .blog-items:nth-child(2) .main-news__two-blocks:after {
    border-radius: 0px 0px 100px 0px;
}

.main-news__two-blocks .main-news__header a {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.main-news__header a .icon {
    width: 4.75rem;
    height: 1.25rem;
    margin-left: 8px;
    fill: #fff;
    transition: 0.3s ease;
}

.main__middle-wrapper .blog-items:nth-child(2) a .icon {
    fill: #1E1C1B;
}

.main__middle-wrapper .blog-items:nth-child(2), .main__middle-wrapper .blog-items:nth-child(2) .main-news__views, .main__middle-wrapper .blog-items:nth-child(2),
.main__middle-wrapper .blog-items:nth-child(2) .main-news__comments, .main__middle-wrapper .blog-items:nth-child(2), .main__middle-wrapper .blog-items:nth-child(2) .main-news__date {
    color: #1E1C1B;
}

.blog-item .blog-item__image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(30, 28, 27, 0.60) 0%, rgba(30, 28, 27, 0.60) 100%);
    transition: 0.4s ease;
    visibility: hidden;
    opacity: 0;
}

.blog-item:hover .blog-item__image:after {
    visibility: visible;
    opacity: 1;
}

.main-news__two-blocks .main-news__header {
    margin-bottom: 14px;
}

.main-news__two-blocks .main-news__date {
    margin-bottom: 0;
}

.main-news__two-blocks .main-news__text, .main-news__two-blocks .main-news__text p {
    font-size: 1rem;
    line-height: 1.5rem;
}

.main-news__bottom {
    margin-top: 14px;
    display: flex;
    gap: 1.25rem;
}

.main-news__bottom .main-news__date {
    opacity: 0.6;
}

.main-news__bottom .main-news__views {
    margin-right: 0;
}

@media (max-width: 1024px) {
    .main__middle .blog-items:nth-child(2) .main-news__block {
        border-radius: 0;
    }

    .main-news__one-block .main-news__block {
        margin: 0 -1.875rem;
    }

    .main-news__block, .main__middle .blog-items:nth-child(2) .main-news__two-blocks:after, .main-news__one-block .main-news__block:after {
        border-radius: 0;
    }

    .main__middle-wrapper {
        margin: 0 -1.875rem;
    }
}

@media (max-width: 767px) {
    .main__middle-wrapper {
        flex-wrap: wrap;
    }

    .main__middle-wrapper > * {
        flex: 1 1 100%;
    }

    .main-news__block, .main-news__one-block .main-news__block:after {
        border-radius: 0 150px 0 0;
    }

    .main__top {
        margin-bottom: 0;
    }

    .main__middle-wrapper {
        gap: 0;
    }

    .main-news__one-block .main-news__block {
        flex-direction: column;
        justify-content: end;
        gap: 1.6875rem;
        padding: 1rem 1.875rem 2.6875rem;
    }

    .main-news__block-left {
        width: 100%;
    }

    .main-news__block-right {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .main-news__date {
        margin-bottom: 0;
    }

    .main-news__two-blocks .main-news__block {
        padding: 1rem 1.875rem 3.5rem;
        height: auto;
    }
}

/*Главная*/

/*Страница*/

.page-padding {
    position: relative;
    padding-top: 9.3125rem;
}

.background-gradient {
    background: url("/local/templates/PersonalSite/img/background-gradient.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

/*Страница*/

/*Информация о человеке*/

.main-about {
    padding-top: 3.125rem;
    margin-bottom: -150px;
}

.main-about .h2 {
    margin-bottom: 45px;
}

.man-photo {
    margin-top: -510px;
    margin-left: -230px;
}

.main-about-descr {
    padding-bottom: 100px;
}

/*Информация о человеке*/

/*Блог*/

.blog-row {
    display: flex;
    gap: 1.875rem;
}

.blog-row > * {
    flex: 0 0 calc(50% - 0.9375rem);
}

.blog__items {
    display: flex;
    flex-wrap: wrap;
    gap: 2.0625rem;
}

.blog-section .blog__items {
    display: flex;
    flex-wrap: wrap;
    gap: 2.0625rem;
}

.blog.items2 .blog-item {
    flex: 0 0 calc(50% - 1.03125rem);
    max-width: calc(50% - 1.03125rem);
}

.blog.items2 .blog__items {
    height: calc(100% - 6rem);
}

.blog.items4 .blog-item {
    flex: 0 0 calc(25% - 1.55rem);
}

.blog-item {
    display: flex;
    flex-direction: column;
    transition: 0.3s ease;
    border-radius: 3px;
    border: 1px solid rgba(234, 227, 224, 0.93);
}

.blog-item:not(.video .blog-item):hover .blog-item__inner {
    background-color: #faf8f9;
}

.blog-item__image {
    height: 252px;
    position: relative;
    transition: 0.3s ease;
}

.blog-item__image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 3px;
}

.blog-item__text {
    color: #1E1C1B;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.4375rem;
    margin-bottom: 0.9375rem;
    flex: 1 1 auto;
}

.blog .h2 {
    color: #1E1C1B;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 4rem;
    margin-bottom: 2rem;
}

.blog-item__inner {
    padding: 1.34375rem 0.9375rem 1.75rem;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: 0.3s ease;
}

.blog__themes {
    display: flex;
    gap: 2rem;
    margin-bottom: 2.125rem;
}

.blog-article .blog__themes {
    margin: 2.5rem 0 1.5rem;
}

.blog__themes-wrapper {
    display: flex;
    gap: 0.6875rem;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 4.67%, #FFF 100%);
    transition: 0.5s ease;
    visibility: hidden;
}

.blog__themes-wrapper.visible {
    overflow: hidden;
    visibility: visible;
}

.blog__themes-wrapper.active {
    flex-wrap: wrap;
}

.blog__themes-elem {
    border: 1px solid #efeeec;
    color: #000;
}

.blog__themes-elem:hover {
    background-color: #fdfbfc;
    border-color: #fdfdfd;
}

.blog__themes-show-more {
    background-color: #1d1c1b;
    color: #FFF;
    visibility: hidden;
}

.blog__themes-show-more.visible {
    visibility: visible;
}

.blog__themes-show-more, .blog__themes-elem, .blog__themes-show-more {
    text-align: center;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 300;
    padding: 0.4rem 0.95rem;
    white-space: nowrap;
}

.blog__themes-elem.active {
    border: 1px solid #959492;
    background-color: #f2f1ef;
}

.video .blog-item {
    border: none;
}

.video .blog-item__inner {
    padding: 1.5625rem 0 0.5rem;
}

.main-video {
    margin: 1.25rem 0 4.6875rem;
}

.blog-item__title a {
    color: #1E1C1B;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2rem;
    display: block;
    margin-bottom: 1.34375rem;
}

.video .blog-item__title a {
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin-bottom: 1.34375rem;
}

.video .blog-item__text {
    margin-bottom: 2.0625rem;
}

.video .blog-item__text, .video .blog-item__text p {
    color: #1E1C1B;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.75rem;
}

.blog-item__bottom {
    display: flex;
    justify-content: space-between;
}

.blog-module {
    margin-bottom: 2.75rem;
}

.blog-item__date {
    color: #1E1C1B;
    font-family: Roboto;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
    opacity: 0.6;
}

.blog-item__views, .blog-item__comments {
    color: #1E1C1B;
    font-family: Roboto;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.75rem;
    opacity: 0.4;
}

.views {
    position: relative;
}

.views:before {
    content: "";
    background: url(/local/templates/PersonalSite/img/icons/eye.svg) no-repeat;
    background-size: contain;
    width: 1.5rem;
    height: 0.8125rem;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.4375rem;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.main__middle-wrapper .blog-items:nth-child(2) .views:before {
    background: url(/local/templates/PersonalSite/img/icons/eye-grey.svg) no-repeat;
}

.blog-item__views.views:before, .blog-article__views:before {
    background: url(/local/templates/PersonalSite/img/icons/eye-grey.svg) no-repeat;
}

.main__middle-wrapper .main-news__views, .main__middle-wrapper .main-news__comments {
    opacity: 0.5;
}

.comments {
    position: relative;
}

.views, .comments {
    padding-left: 1.875rem;
}

.comments:before {
    content: "";
    background: url(/local/templates/PersonalSite/img/icons/comments.svg) no-repeat;
    background-size: contain;
    width: 1.0625rem;
    height: 1.0625rem;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.4375rem;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.blog-item__comments.comments:before, .blog-article__comments:before {
    background: url(/local/templates/PersonalSite/img/icons/comments-grey.svg) no-repeat;
}

.main__middle-wrapper .blog-items:nth-child(2) .comments:before {
    background: url(/local/templates/PersonalSite/img/icons/comments-grey.svg) no-repeat;
}

.blog-section__header, .contact-section__header {
    padding-bottom: 3.9375rem;
}

.blog-article__top-text p, .blog-article__top-text li, .blog-article__top-text div {
    color: #1E1C1B;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    padding-bottom: 1.3rem;
}

.blog-article__top-text a {
    color: #1E1C1B;
}

.blog-article__top-text ul {
    padding-inline-start: 20px;
}

.blog-article__top-text li > p {
    padding-bottom: 0;
}

.blog-article__top-text li {
    list-style-type: disc;
}

.blog-article__top-text h2 {
    color: #1E1C1B;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 700;
    padding-bottom: 2.25rem;
}

.blog-article__top-text h3 {
    color: #1E1C1B;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    padding-bottom: 2.5rem;
}

.blog-article__top-text h4 {
    color: #1E1C1B;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    padding-bottom: 2.5rem;
}

.blog-article__top-text {
    table {
        thead {
            p {
                padding-bottom: 0;
            }

            th {
                padding: 20px 5px;

                &:first-child {
                    padding-left: 5px;
                }
            }
        }

        tbody {
            td {
                padding: 10px 5px;
            }
        }
    }
}

.blog-article__top {
    display: flex;
    margin-bottom: 2.5rem;
}

.blog-article__top > * {
    display: flex;
    color: #1E1C1B;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
    opacity: 0.4;
}

.blog-article__date {
    margin-right: 3.4375rem;
}

.blog-article__views {
    margin-right: 1rem;
}

.blog-article__text-image {
    float: right;
    margin: 0 0 5rem 5rem;
    width: 40rem;
}

.blog-article__tags {
    margin: 3.25em 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 1rem;
}

.blog-article__tags a {
    color: #1E1C1B;
    font-size: 1.25rem;
    font-style: italic;
    font-weight: 100;
    line-height: 2.25rem;
}

.blog-article__nav {
    padding: 3.1875rem 0 7.25rem;
    display: flex;
    justify-content: space-between;
}

.blog-article__nav a {
    color: #1E1C1B;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.9375rem;
    display: flex;
    align-items: center;
    gap: 2rem;
}

.blog-article__nav a .icon {
    width: 3.0625rem;
    height: 0.75rem;
    fill: #1E1C1B;
}

.blog-article__nav a:hover .icon {
    fill: #E00000;
}

.blog-article__nav a.next .icon {
    rotate: 180deg;
}

.quote {
    padding: 3.125rem 6rem 3.125rem 3.125rem;
    border: 1px solid #000;
    box-shadow: 3px 4px #000;
    border-radius: 6px;
    position: relative;
    margin-bottom: 2.5rem;

    img {
        max-width: 400px;
    }
}

.clearfix {
    display: table;
    clear: both;
    visibility: hidden;
}

.quote-new {
    img {
        float: right;
        padding: 0 0 15px 15px;
    }
}

.quote:after {
    content: "“";
    position: absolute;
    color: #000;
    font-size: 7.5rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1.5rem;
    top: 3.125rem;
    right: 3.125rem;
}

.warning {
    padding: 3.125rem 6rem 3.125rem 3.125rem;
    border: 1px solid #E00000;
    box-shadow: 3px 4px #E00000;
    border-radius: 6px;
    position: relative;
    margin-bottom: 2.5rem;
}

.warning:after {
    content: "!";
    position: absolute;
    color: #E00000;
    font-size: 5rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1.5rem;
    top: 3.125rem;
    right: 3.125rem;
}

.pagination {
    margin: 4.0625rem auto 8.5625rem;
    width: calc(50% - 2.0625rem);
}

.pagination__show-more {
    color: #6C6C6C;
    text-align: center;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: 2.25rem;
    border: 1px solid #969492;
    background-color: transparent;
    width: 100%;
    padding: 1.95rem 0;
    margin-bottom: 2rem;
    cursor: pointer;
    transition: 0.3s ease;
}

.pagination__show-more:hover {
    background-color: #f5f5f5;
}

.pagination ul {
    display: flex;
    justify-content: space-between;
}

.pagination a {
    color: #969492;
    text-align: center;
    font-family: Roboto;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 300;
    line-height: 2.25rem;
}

.pagination .active a {
    color: #000;
}

.content:has(.background-image) .logo-text, .content:has(.background-image) .menu a, .content:has(.background-image) .header__language-selector {
    color: #fff;
}

.content:has(.background-image) .header__language-selector .icon, .content:has(.background-image) .header__search-button .icon {
    fill: #fff;
}

.content:has(.background-image) .menu a:before {
    background: #fff;
}

.blog-article__header h1 {
    color: #FFF;
    font-family: Roboto;
    font-size: 4rem;
    font-style: normal;
    font-weight: 700;
    padding: 4.5rem 0;
    position: relative;
    z-index: 1;
}

.blog-article__header {
    background-image: url(/upload/iblock/c79/yyg7nhceeviqu994s93znbedusa9lwdw.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.blog-article__header:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(30, 28, 27, 0.60) 0%, rgba(30, 28, 27, 0.60) 100%);
}

@media (max-width: 1024px) {
    .blog-row {
        flex-wrap: wrap;
    }

    .blog-row > * {
        flex: 0 0 100%;
    }

    .video.blog.items2 .blog-item {
        flex: 0 0 100%;
        max-width: 100%;
        flex-direction: row;
        gap: 2rem;
    }

    .blog-item__video {
        flex: 0 0 calc(50% - 1rem);
        max-width: calc(50% - 1rem);
    }

    .blog.items4 .blog-item {
        flex: 0 0 calc(50% - 1.55rem);
    }

    .quote {
        img {
            max-width: 250px;
        }
    }
}


@media (max-width: 767px) {
    .blog.items2 .blog-item {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .video.blog.items2 .blog-item {
        flex-direction: column;
        gap: 2rem;
    }

    .blog-item__video {
        flex: unset;
        max-width: unset;
        margin: 0 -1.875rem;
    }

    .video .blog-item__inner {
        padding: 0;
    }

    .blog.items4 .blog-item {
        flex: 0 0 100%;
    }

    .pagination {
        width: 100%;
    }

    .blog-article__text-image {
        text-align: center;
        margin: 0 0 1rem;
        width: 100%;
    }

    .reviews-reply-buttons {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    .reviews-reply-buttons .agree-checkbox {
        width: 100%;
    }

    .quote {
        display: flex;
        flex-direction: column;

        img {
            margin-top: 20px;
            max-width: unset;
        }
    }
}

/*Блог*/

/*Статья*/


/*Статья*/

/*Подвал сайта*/

.footer {
    background: #1E1C1B;
    padding: 4.875rem 0 3.4375rem;
}

.footer__logo {
    color: #FFF;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.25rem;
}

.footer__logo, .footer__bottom-name {
    flex: 1 1 27.5rem;
    max-width: 27.5rem;
}

.footer__social, .footer__bottom-sitemap-link {
    flex: 1 1 auto;
    text-align: right;
}

.footer__wrapper {
    display: flex;
    padding-bottom: 1.875rem;
}

.footer-menu a {
    color: #FFF;
    font-family: Roboto;
    font-size: 1.13rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.25rem;
}

.footer-menu {
    column-count: 2;
    column-gap: 14rem;
}


.footer-menu li {
    margin-bottom: 1.6875rem;
}

.footer__social > p {
    color: #FFF;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.25rem;
    margin-bottom: 1.1875rem;
    opacity: 0.6;
}

.footer__bottom {
    display: flex;
    border-top: 1px solid #363433;
    padding-top: 2.625rem;
}

.footer__bottom-name, .footer__bottom a {
    color: rgba(255, 255, 255, 0.60);
    font-family: Roboto;
    font-size: 1rem;
    font-style: normal;
    font-weight: 300;
    line-height: 2.25rem;
}

.footer .social__list {
    display: flex;
    justify-content: end;
    gap: 0.625rem;
}

.footer .social__list a {
    width: 2rem;
    height: 2rem;
    border-radius: 3px;
    background: #363433;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social__list .vkplay .icon {
    width: 1.5rem;
    height: 1.5rem;
}

.social__list .vk .icon {
    width: 1.06rem;
    height: 1.06rem;
}

.social__list .rutube .icon {
    width: 1.13rem;
    height: 0.94rem;
}

.social__list .instagram .icon {
    width: 1.13rem;
    height: 1.13rem;
}

.social__list .fb .icon {
    width: 0.88rem;
    height: 0.88rem;
}

.social__list .linkedin .icon {
    width: 0.94rem;
    height: 0.94rem;
}

@media (max-width: 1024px) {
    .footer__logo, .footer__bottom-name {
        flex: 1 1 21.5rem;
        max-width: 21.5rem;
    }
}

@media (max-width: 767px) {
    .footer__wrapper {
        flex-direction: column;
    }

    .footer__logo {
        margin-bottom: 2.5rem;
    }

    .footer__logo, .footer__bottom-name {
        flex: unset;
        max-width: unset;
    }

    .footer-menu {
        column-gap: 6rem;
        margin-bottom: 3.25rem;
    }

    .footer__social, .footer__bottom-sitemap-link {
        flex: unset;
        text-align: left;
    }

    .footer .social__list {
        justify-content: start;
        margin-bottom: 2.25rem;
    }

    .footer__bottom {
        display: block;
        border-top: none;
        padding-top: 0;
    }

    .footer__bottom a {
        display: block;
        margin-bottom: 1.05rem;
    }

    .footer {
        background: #1E1C1B;
        padding: 2.5rem 0 1.5rem;
    }
}

/*Подвал сайта*/

/*Контакты*/

.contact__info .h2 {
    color: #1E1C1B;
    font-family: Roboto;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 4rem;
}

.contact__address {
    color: #1E1C1B;
    font-family: Roboto;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    margin-bottom: .8rem;
}

.contact__email {
    display: block;
    color: #1E1C1B;
    font-family: Roboto;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 300;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin-bottom: 3rem;
}

.contact__social .social__list a:not(:last-child) {
    margin-bottom: 0.875rem;
}

.contact__social .social__list a span {
    color: #1E1C1B;
    font-family: Roboto;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 300;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.contact__social .social__list a {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.contact__social .social__list a div {
    width: 2rem;
    height: 2rem;
    border-radius: 3px;
    background: rgba(234, 227, 224, 0.93);
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact__form {
    margin-top: 4.8125rem;
    background: #1E1C1B;
}

.contact__form .slam-easyform {
    padding: 4.375rem 0 2rem;
}

.contact__form .slam-easyform .h2 {
    color: #FFF;
    font-family: Roboto;
    font-size: 4.875rem;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 4.4375rem;
}

.slam-easyform__inputs {
    display: flex;
    flex-wrap: wrap;
    column-gap: 3.6875rem;
}

.input-form-group {
    flex: 1 1 calc(30% - 1.84375rem);
}

.textarea-form-group {
    flex: 1 1 auto;
}

.slam-easyform__inputs input.form-control {
    padding: 0 0.5rem 0 2.375rem;
    height: 5.1rem;
}

.slam-easyform__inputs textarea.form-control {
    padding: 2.375rem 0.5rem 0 2.375rem;
    height: 10.3rem;
}

.slam-easyform__inputs input.form-control, .slam-easyform__inputs textarea.form-control {
    border-radius: 6px;
    border: 1px solid #969492;
    background-color: transparent;
    color: #969492;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.75rem;
    visibility: visible !important;
}

.slam-easyform__inputs input.form-control::placeholder, .slam-easyform__inputs textarea.form-control::placeholder {
    color: #969492;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.75rem;
}

.slam-easyform__inputs .slam-easyform .form-group {
    margin-bottom: 2.0625rem;
}

.slam-easyform__buttons {
    display: flex;
    align-items: center;
    gap: 3.3125rem;
}

.slam-easyform .slam-easyform__buttons .btn {
    color: #1E1C1B;
    text-align: center;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 700;
    padding: 0.9rem 7.6rem;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: unset;
}

.slam-easyform .checkbox-inline {
    color: #FFF;
    font-family: Roboto;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 300;
    float: none;
    margin: 0;
}

.slam-easyform .has-success .checkbox-inline {
    color: #FFF;
}

.slam-easyform .has-error .checkbox-inline a {
    color: #a94442;
}

.slam-easyform .checkbox-inline input, .agree-checkbox input {
    width: 1rem;
    height: 1rem;
    vertical-align: top;
    border-radius: 4px;
    border: 1px solid rgba(128, 128, 128, 0.55);
    appearance: none;
    flex-shrink: 0;
    margin: 0;
}

.checkbox-inline input:checked, .agree-checkbox input:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3e%3cpath d='M9.22587 1.89696C9.07977 1.90212 8.94571 1.97946 8.86837 2.10321L4.72962 8.43509L2.04837 6.11821C1.93321 5.99876 1.76047 5.95407 1.60149 6.00391C1.44337 6.0529 1.32563 6.18696 1.29813 6.35024C1.27063 6.51438 1.3368 6.67938 1.47087 6.77821L4.53712 9.43196C4.63337 9.5136 4.76055 9.5497 4.88516 9.53165C5.01063 9.51274 5.12149 9.44141 5.19024 9.33571L9.61087 2.58446C9.7054 2.4461 9.71313 2.26735 9.63149 2.12126C9.54985 1.97602 9.39258 1.88923 9.22587 1.89696Z' fill='white'/%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0.75rem;
}

.agree-checkbox input:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 9 9' fill='none'%3e%3cpath d='M8.22684 0.89745C8.08075 0.902606 7.94669 0.97995 7.86934 1.1037L3.73059 7.43557L1.04934 5.1187C0.934186 4.99925 0.761452 4.95456 0.602467 5.0044C0.444342 5.05339 0.326608 5.18745 0.299108 5.35073C0.271608 5.51487 0.33778 5.67987 0.471842 5.7787L3.53809 8.43245C3.63434 8.51409 3.76153 8.55018 3.88614 8.53214C4.01161 8.51323 4.12247 8.4419 4.19122 8.3362L8.61184 1.58495C8.70637 1.44659 8.71411 1.26784 8.63247 1.12175C8.55083 0.976512 8.39356 0.889715 8.22684 0.89745Z' fill='%231E1C1B'/%3e%3c/svg%3e");
}

.slam-easyform .checkbox-inline a {
    color: #FFF;
    text-decoration: underline;
}

.warning-buy, .warning-buy a {
    color: #FFF;
}

.warning-buy a {
    text-decoration: underline
}


@media (max-width: 767px) {
    .input-form-group {
        flex: 1 1 100%;
    }

    .slam-easyform__buttons {
        flex-direction: column;
        gap: 2rem;
    }

    .slam-easyform .slam-easyform__buttons .btn {
        width: 100%;
    }

    .warning-buy {
        width: 100%;
    }
}

/*Контакты*/

