@font-face {
font-display: swap;
font-family: "Cooper";
src: url("../fonts/woff/Cooper-Light/Cooper-Light.eot");
src: url("../fonts/woff/Cooper-Light/Cooper-Light.eot?#iefix") format("embedded-opentype"),
url("../fonts/woff/Cooper-Light/Cooper-Light.woff2") format("woff2"),
url("../fonts/woff/Cooper-Light/Cooper-Light.woff") format("woff"),
url("../fonts/Cooper Light BT.ttf") format("ttf"),
url("../fonts/woff/Cooper-Light/Cooper-Light.svg#Cooper-Light") format("svg");
font-style: normal;
font-weight: 300;
}
/* Light */
@font-face {
font-family: 'Akkurat LL Cyrillic';
src: url('../fonts/ak/AkkuratLLCyr-Light.otf') format('opentype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Akkurat LL Cyrillic';
src: url('../fonts/ak/AkkuratLLCyr-Lightitalic.otf') format('opentype');
font-weight: 300;
font-style: italic;
}
/* Regular (по умолчанию — Black, но можно задать как normal) */
@font-face {
font-family: 'Akkurat LL Cyrillic';
src: url('../fonts/ak/AkkuratLLCyr-Regular.otf') format('opentype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Akkurat LL Cyrillic';
src: url('../fonts/ak/AkkuratLLCyr-Blackitalic.otf') format('opentype');
font-weight: 400;
font-style: italic;
}
/* Bold */
@font-face {
font-family: 'Akkurat LL Cyrillic';
src: url('../fonts/ak/AkkuratLLCyr-Bold.otf') format('opentype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Akkurat LL Cyrillic';
src: url('../fonts/ak/AkkuratLLCyr-Bolditalic.otf') format('opentype');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: 'Bona Nova';
src: url('../fonts/font/BonaNova-Italic.eot');
src: url('../fonts/font/BonaNova-Italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/font/BonaNova-Italic.woff2') format('woff2'),
url('../fonts/font/BonaNova-Italic.woff') format('woff'),
url('../fonts/font/BonaNova-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
font-display: swap;
}
body {
font-family: "Cooper"!important;
margin: 0 !important;
margin: 0 !important;
background: #fff;
min-width: 280px!important
}
.wrp {
margin-left: auto;
margin-right: auto;
width: 1370px;
}
body .ak {
font-family: 'Akkurat LL Cyrillic'!important;
}
body .cop{
font-family: "Cooper"!important;
}
body .bona {
font-family: 'Bona Nova'!important;
}
div
a {
cursor: pointer;
text-decoration: none!important;
}
a:active, a:focus { outline: none; text-decoration: none; }
input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
button:active, button:focus {
outline: none;
}
button:active, button:focus {
outline: none;
}
button, input , textarea{
-webkit-appearance: none;
}
::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: rgba(51, 51, 51, 0.1);
border-radius: 9em;
}
::-webkit-scrollbar-thumb {
background-color: #FF3B00;
border-radius: 9em;
}
::-webkit-scrollbar-thumb:hover {
background-color:#FF3B00;
}
.headerwrapper {
position: fixed;
z-index: 200;
top: 28px;
left: 0;
width: 100%;
}
.bodywrapper{
background: #fff;
}
.donate.donatemb , .donate#donate{
margin-bottom: 60px
}
.header {
display: flex;
align-items: flex-start;justify-content: space-between;
}
.header-button {
width: 208px;
}
.header-logo {
transition: 0.3s;
width: 208px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 12px;
box-sizing: border-box;
}
.header-logo img {
width: 100%;
}
.out .header-logo,
.out2 .header-logo {
transition: 0.3s;
padding: 15px 25px 14px 25px;
background: #FFFFFF;
}
.homescreen1-wrp {
overflow: hidden;
border-radius: 0px 0px 24px 24px;
}
.homescreen1 {
padding-top: 224px;
padding-bottom: 104px;
background: linear-gradient(270deg, rgba(255, 255, 255, 0.6) 3.09%, rgba(102, 102, 102, 0) 80.76%);
border-radius: 0px 0px 24px 24px;
}
.inerhomescreen1 {
padding-left: 116px;
}
.homescreen1-title {
margin-top: 0;
margin-bottom: 0;
font-style: normal;
font-weight: 400;
font-size: 68px;
line-height: 100%;
max-width: 1124px;
color: #000000;
}
.homescreen1-title span {
position: relative;
z-index: 2;
color: rgba(255, 59, 0, 1)
}
.homescreen1-title span:before {
content: none;
position: absolute;
height: 9px;
border-radius: 9px;
background: rgba(255, 59, 0, 1);
width: calc(100% + 10px);
left: -5px;
bottom: 22px;
z-index: -1;
}
.inerhomescreen1-cards {
display: flex;
gap: 29px;
margin-top: 98px;
}
.inerhomescreen1-card {
position: relative;
border-radius: 24px;
width: 319px;
height: 186px;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 13px 12px 13px 22px;
box-sizing: border-box;
}
.inerhomescreen1-cardimg {
position: absolute;
width: 100%;
height: 100%;
transform: 0.3s;
top: 0;
left: 0;
transition: 0.3s;
}
/* Псевдоэлемент для плавного блюра снизу */
.inerhomescreen1-card::after {
content: '';
position: absolute;
bottom: -100px;
left: 0;
width: 100%;
height: 70%; /* Высота зоны блюра с учётом перехода */
/*
КЛЮЧЕВОЙ МОМЕНТ:
Градиент начинается задолго до низа (с 0% до 40% — прозрачный),
и только потом (с 40% до 100%) нарастает белый цвет для блюра
*/
background: linear-gradient(
to bottom,
transparent 0%,
transparent 40%, /* До 40% — блюра нет, картинка чёткая */
rgba(255, 255, 255, 0.1) 60%, /* Начало плавного появления блюра */
rgba(255, 255, 255, 0.95) 100% /* Внизу блюр максимальный */
);
/* Блюр применяется ко всей области псевдоэлемента */
backdrop-filter: blur(1.5px);
-webkit-backdrop-filter: blur(1.5px);
opacity: 0.8;
pointer-events: none;
z-index: 1;
}
.inerhomescreen1-card:hover .inerhomescreen1-cardimg {
transform: scale(1.06);
transition: 0.3s;
}
.inerhomescreen1-card-link {
position: absolute;
z-index: 3;
width: 100%;
height: 100%;
transform: 0.3s;
top: 0;
left: 0;
}
.inerhomescreen1-cardiner {
position: relative;
z-index: 2;
}
.inerhomescreen1-card-title {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 24px;
margin-bottom: 19px;
color: #FFFFFF;
}
.inerhomescreen1 {
position: relative;
}
.inerhomescreen1-card-button {
width: fit-content;
margin-left: auto;
margin-right: 0;
/* Frame 127 */
/* Auto layout */
display: flex;
align-items: center;
padding: 0px 0px 0px 14px;
gap: 6px;
position: relative;
width: 132px;
height: 32px;
background: #FFFFFF;
border-radius: 20px;
font-style: normal;
font-weight: 300;
font-size: 15px;
line-height: 100%;
leading-trim: both;
text-edge: cap;
color: #67668A;
transition: 0.3s;
box-sizing: border-box;
justify-content: space-between;
}
.inerhomescreen1-card-button span{
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 32px;
height: 32px;
display: block;
transition: 0.3s;
}
.inerhomescreen1-card:hover .inerhomescreen1-card-button{
background: #FF3B00;
transition: 0.3s;
color: #fff;
}
.inerhomescreen1-card:hover .inerhomescreen1-card-button span {
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: 0.3s;
}
.inerhomescreen1-project-fond {
position: absolute;
bottom: 0;
right: 0;
display: flex;
gap:27px;
align-items: center;
}
.inerhomescreen1-project-fond img {
width: 89px;
}
.inerhomescreen1-project-fond span {
display: block;
width: 184px;
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 100%;
leading-trim: both;
text-edge: cap;
letter-spacing: -0.04em;
color: #FFFFFF;
}
.headermenu {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
background: #FFFFFF;
border-radius: 12px;
padding: 13px 13px 13px 24px;
box-sizing: border-box;
}
.headermenu-razd {
margin-left: 32px;
margin-right: 32px;
background: #DEE9F1;
width: 1px;
height: 20px;
}
.headermenu-search {
cursor: pointer;
display: flex;
align-items: center;
gap:21px;
/* Поиск */
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 100%;
color: #000000;
transition: color 0.3s;
}
.headermenu-search .span1 {
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: 0.3s;
width: 19px;
height: 19px;
display: block;
cursor: pointer;
}
.headermenu-search:hover {
color:#FF3B00;
transition: color 0.3s;
}
.headermenu-search:hover .span1 {
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: 0.3s;
}
.header-serch-input {
display: none;
}
.headermenu-menu-item-child-menu {
position: absolute;
}
.headermenu-menu-item {
position: relative;
}
.headermenu-menu-item a {
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 100%;
color: #000000; transition: 0.3s;
}
.headermenu-menu-item > a:before {
content: '';
position: absolute;
bottom: -14px;
left: 0;
background: #FF3B00;
height: 0;
width: 100%;
transition: 0.3s;
z-index: 3;
}
.headermenu-menu-item > a:hover:before,
.headermenu-menu-item > a.active:before,
.headermenu-menu-item-has-child:hover > a:before {
height: 2px;
transition: 0.3s;
}
.headermenu-menu {
display: flex;
justify-content: space-between;
width: 514px
}
.headermenu-menu-item-child-menu {
position: absolute;
display: none;
left: -24px;
width: fit-content;
padding-top: 2px;
}
.headermenu-menu-item-has-child:hover .headermenu-menu-item-child-menu {
display: block;
}
.headermenu-menu-item-child-iner {
display: flex;
flex-direction: column;
gap:18px;
padding: 35px 24px;
background: #FFFFFF;
border-radius: 0px 0px 12px 12px;
}
.headermenu-menu-item-child-iner a {
white-space: nowrap;
}
.headermenu-menu-item-child-iner a:hover {
color:#FF3B00; transition: 0.3s;
}
.headermenu-search {
width: 81px;
justify-content: flex-end;
}
.active-searhc .headermenu-search {
width: 19px;
gap:0;
}
.menu-wind-search {
position: relative;
}
.search-close {
display: none;
position: absolute;
top: -6px;
right: -48px;
cursor: pointer;
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 32px;
height: 32px;
}
.active-searhc .search-close {
display: block;
}
.active-searhc .headermenu-search .span2 {
display: none;
}
.active-searhc .headermenu-menu {
display: none;
}
.header-serch-input {
width: 576px;
}
.active-searhc .header-serch-input {
display: flex;
align-items: center;
}
.header-serch-input input {
background: #fff;
box-sizing: border-box;
width: 100%;
border: none;
box-shadow: none;
padding: 0;
margin: 0;
}
.header-serch-input input,
.header-serch-input input::placeholder {
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 100%;
/* or 14px */
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
color: #000000;
font-family: 'Akkurat LL Cyrillic';
}
.fixedlink1 {
position: fixed;
right: 36px;
bottom: 36px;
display: flex;
z-index: 100;
background: #67668A;
border-radius: 24px;
padding: 10px 26px 10px 10px;
gap:17px;
align-items: flex-end;
}
.fixedlink1-close {
position: absolute;
background-image: url('data:image/svg+xml,');
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: 0.3s;
top:10px;
right: 8px;
width: 24px;
height: 24px;
}
.fixedlink1-infoimage {
display: flex;
width: 127px;
}
.fixedlink1-infoimage img {
border-radius: 12px;
width: 100%;
}
.button0 {
font-weight: 300;
font-size: 14px;
line-height: 100%;
color: #FFFFFF;
width: fit-content;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 6px 12px;
gap: 12px;
background: #FF3B00;
border-radius: 12px;
transition: 0.3s;
font-family: 'Akkurat LL Cyrillic';
}
.button0:hover {
transition: 0.3s;
color: rgba(103, 102, 138, 1);
background: #fff;transition: 0.3s;
}
.button1 {
font-weight: 300;
font-size: 16px;
line-height: 100%;
color: #FFFFFF;
width: fit-content;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 16px;
gap: 12px;
font-family: 'Akkurat LL Cyrillic';
transition: 0.3s;
background: #FF3B00;
border-radius: 12px;
}
.button1:hover {
color: rgba(103, 102, 138, 1);
background: #fff;transition: 0.3s;
}
.button2 {
font-family: 'Akkurat LL Cyrillic';
font-weight: 300;
font-size: 16px;
line-height: 100%;
color: rgba(103, 102, 138, 1);
width: fit-content;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 16px;
gap: 12px;
transition: 0.3s;
background: #fff;
border-radius: 12px;
cursor: pointer;
}
.button2:hover {
background: #FF3B00;
transition: 0.3s;
color: #FFFFFF;
}
.button0 span , .button1 span, .button2:hover span {
background-image: url('data:image/svg+xml,');
width: 18px;
height: 18px;
display: block;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: 0.3s;
}
.button0:hover span, .button1:hover span, .button2 span {
width: 18px;
height: 18px;
display: block;
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: 0.3s;
}
.fixedlink1-title {
margin-bottom: 11px;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 100%;
/* or 18px */
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
color: #FFFFFF;
}
.homescreen2 {
padding-top: 86px;
margin-bottom: 40px;
padding-bottom: 40px;
position: relative;
overflow: hidden;
}
.homescreen2 .wrp {
position: relative;
z-index: 2;
}
.homescreen2:before {
content:'';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: url(../img/bg2.svg);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
height: auto;
aspect-ratio: 1024 / 395;
}
.homescreen2-iner {
display: flex;
justify-content: space-between;
}
.homescreen2-left {
width: 440px;
}
.homescreen2-mob {
display: none;
}
.homescreen2-text {
display: flex;
flex-direction: column;
gap:18px;
}
.homescreen2-text {
margin-bottom: 30px;
margin-top: 47px;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 24px;
leading-trim: both;
text-edge: cap;
color: #000000;
opacity: 0.8;
cursor: default;
}
.section-title {
margin-top: 0;
margin-bottom: 0;
font-style: normal;
font-weight: 400;
font-size: 38px;
line-height: 100%;
leading-trim: both;
text-edge: cap;
color: #000000;
}
.section-title2 {
font-size: 48px;
line-height: 100%;
}
.section-title3 {
font-size: 36px;
line-height: 100%;
}
.homescreen2-right {
position: relative;
width: 786px;
padding-top: 75px;
}
.raskajem-wrap {
bottom: auto;
left: -37px;
z-index: 4;
position: absolute;
top: 370px;
}
.raskajem-img {
display: flex;
width: 122px;
}
.raskajem-img img {
width: 100%;
}
.raskajem-ram {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 16px;
leading-trim: both;
text-edge: cap;
color: #000000;
opacity: 0.8;
background-image: url('data:image/svg+xml,');
width: 149px;
height: 80px;
position: absolute;
background-position: center top;
background-repeat: no-repeat;
background-size: contain;
left: -103px;
top: -74px;
padding-top: 7px;
padding-left: 11px;
box-sizing: border-box;
}
/* Стили для контейнера */
.homescreen2-right-video {
position: relative;
width: 100%;
max-width: 786px;
aspect-ratio: 786 / 409;
background: #000;
cursor: pointer;
overflow: hidden;
border-radius: 8px;
border-radius: 24px;
}
/* Стили для видео */
.homescreen2-right-video video {
width: 100%;
height: 100%;
display: block;
position: relative;
z-index: 2;
object-fit: cover; /* или contain, в зависимости от того, как должно вписываться видео */
}
/* Обложка */
.poster {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
transition: opacity 0.5s ease;
pointer-events: none; /* Чтобы клики проходили сквозь обложку */
}
/* Общие стили для кнопок play/pause */
.play{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
pointer-events: auto;
z-index: 3;
}
.play img {
width: 72px;
transition: 0.3s;
}
.pause {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
/* Скрытие кнопки по умолчанию */
.pause {
display: none;
}
/* Ховер-эффект для кнопок */
.play:hover img {
transform: scale(1.05);
transition: 0.3s;
}
.experts-block-wrapper {
padding-top: 50px;
padding-bottom: 89px;
background: #FEDEC9;
border-radius: 24px;
}
.experts-block-heder {
display: flex;
justify-content: space-between;
align-items: center;
}
.experts-block-button2 {
display: none;
}
.experts-block-title {
display: flex;
gap: 37px;
align-items: center;
}
.sliderars {
display: flex;
gap: 11px;
}
.swiper-button-prev0, .swiper-button-next0 {
background-image: url('data:image/svg+xml,');
background-position: center top;
background-repeat: no-repeat;
background-size: contain;
width: 32px;
height: 32px;
cursor: pointer;
display: block;
}
.swiper-button-prev0:hover, .swiper-button-next0:hover {
background-image: url('data:image/svg+xml,');
background-position: center top;
background-repeat: no-repeat;
background-size: contain;
}
.swiper-button-prev0 {
transform: scale(-1, 1);
}
.ex-slider {
margin-top: 54px;
}
.swiper-slide-exp-name {
margin-top: 29px;
margin-bottom: 16px;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 100%;
leading-trim: both;
text-edge: cap;
text-align: center;
color: #000000;
}
.swiper-slide-exp-dol {
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 100%;
text-align: center;
color: #000000;
}
.swiper-slide-exp-img {
width: 208px;
height: 208px;
border-radius: 50%;
overflow: hidden;
}
.swiper-slide-exp-img img {
width: 100%;
border-radius: 50%;
height: auto;
transition: 0.3s;
}
.swiper-slide-exp:hover .swiper-slide-exp-img img {
transform: scale(1.05);
transition: 0.3s;
}
.articles-block-wrapper {
margin-top: 72px;
margin-bottom: 90px;
}
.swiper-slide-art-iner {
overflow: hidden;
}
.swiper-slide-art-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.swiper-slide-art:hover .swiper-slide-art-image {
transition: 0.3s;
transform: scale(1.05)
}
.swiper-slide-art-iner {
border-radius: 24px;
height: 310px;
display: flex;
position: relative;
align-items: flex-end;
padding: 22px 17px 22px 24px;
box-sizing: border-box;
gap:15px;
justify-content: space-between;
}
.swiper-slide-art-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 6;
}
.swiper-slide-art-info {
position: relative;
z-index: 3;
max-width: calc(100% - 75px);
}
.swiper-slide-art-com {
position: relative;
z-index: 3;
}
.swiper-slide-art-title {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 100%;
color: #FFFFFF;
}
.swiper-slide-art-desc {
margin-top: 12px;
font-family: 'Akkurat LL Cyrillic';
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 100%;
leading-trim: both;
text-edge: cap;
color: #FFFFFF;
}
.swiper-slide-art-com{
width: 60px;
display: flex;
background: #DEE9F1;
align-items: center;
border-radius: 30px;
font-family: 'Akkurat LL Cyrillic';
}
.swiper-slide-art-com .icon {
width: 32px;
height: 32px;
display: block;
background-image: url('data:image/svg+xml,');
background-position: center top;
background-repeat: no-repeat;
background-size: contain;
}
.swiper-slide-art-com .num{
width: 28px;
text-align: center;
font-style: normal;
font-weight: 300;
font-size: 12px;
line-height: 100%;
/* or 12px */
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
color: #000000;
}
.articlesblock-polezno {
display: flex;
gap:17px;
align-items: center;
padding: 11px 15px;
background: #DEE9F1;
border-radius: 12px;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 100%;
/* or 14px */
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
color: #000000;
}
.at-icon {
display: flex;
align-items: center;
width: 38px;
}
.at-icon img{
width: 100%;
}
.attention-text {
max-width: 351px;
}
.footer-wraper {
padding-top: 32px;
padding-bottom: 50px;
background: #DEE9F1;
border-radius: 24px 24px 0px 0px;
}
.footer-bottom {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.footer-bottom2 {
display: flex;
align-items: flex-start;
gap:27px;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 100%;
/* or 15px */
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
color: #000000;
}
.footer-bottom2 img {
width: 38px;
}
.attention-footer {
width: 556px;
margin-top: 12px;
}
.footer-bottom1 {
display: flex;
flex-direction: column;
gap:1px;
}
.footer-bottom-text{
transition: 0.3s;
display: block;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 100%;
/* or 15px */
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
color: #000000;
transition: 0.3s;
}
a.footer-bottom-text:hover {
color:#FF3B00;
transition: 0.3s;
}
.footer-two-search-button {
-webkit-appearance: none;
background: none;
box-shadow: none;
border: none;
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: 0.3s;
width: 19px;
height: 19px;
display: block;
cursor: pointer;
}
.menu-wind-search {
display: flex;
gap:0;
}
.menu-wind-search-button, .headermenu-search , .headermenu-searchsub{
-webkit-appearance: none;
background: none;
padding:0;
box-shadow: none;
border: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
.footer-two-search-button:hover {
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: 0.3s;
}
.footer-two-search-input input, .footer-two-search-input input::placeholder {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 100%;
/* or 18px */
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
font-family: "Cooper";
leading-trim: both;
text-edge: cap;
color: #000000;
}
.footer-two-search-input input {
background: inherit;
background-repeat: no-repeat;
box-shadow: none;
box-sizing: border-box;
border: none;
border-radius: 0;
width: 100%;
}
.footer-two-search-input {
width: calc(100% - 20px);
display: flex;
}
.footer-two-search {
padding-bottom: 12px;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #67668A;
margin-bottom: 12px;
width: 556px;
}
.footer-two {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 63px;
}
.footer-two-l {
display: flex;
align-items: flex-end;
gap:48px;
}
.footer-two-fond {
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 100%;
/* or 20px */
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
letter-spacing: -0.04em;
color: #000000;
display: flex;
gap: 27px;
align-items: center;
}
.footer-two-fond img {
width: 89px;
}
.footer-two-fond span {
width: 184px;
}
.footer-two-socials {
display: flex;
gap: 20px;
margin-bottom: 11px;
}
.footer-two-socials a {
width: 60px;
height: 60px;
position: relative;
}
.footer-two-socials .img2 {
opacity: 0;
position: absolute;
top: 0;
left: 0;
transition: 0.3s;
width: 100%;
}
.footer-two-socials img {
width: 100%;
}
.footer-two-socials a:hover .img2 {
opacity: 1;
transition: 0.3s;
}
.footer {
display: flex;
justify-content: space-between;
margin-bottom: 45px;
align-items: flex-start;
}
.footer-r {
display: flex;
gap: 79px;
align-items: flex-start;
}
.footer-logo {
display: flex;
width: 208px;
margin-top: 19px;
}
.footer-logo img {
width: 100%;
}
.footer-button {
font-size: 16px;
line-height: 100%;
color: #FFFFFF;
width: fit-content;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 22px;
gap: 12px;
transition: 0.3s;
background: #FF3B00;
border-radius: 12px;
cursor: pointer;
}
.footer-button span {
display: block;
width: 34px;
height: 34px;
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: 0.3s;
}
.footer-button:hover {
color: rgba(103, 102, 138, 1);
background: #fff;transition: 0.3s;
transition: 0.3s;
}
.footer-button:hover span {
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: 0.3s;
}
.footer-menu{
display: flex;
gap:64px;
margin-top: 18px;
}
.footer-menu-item {
max-width: 88px;
}
.footer-menu-title {
transition: 0.3s;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 100%;
leading-trim: both;
text-edge: cap;
color: #000000;
margin-bottom: 28px;
display: block;
}
.footer-menu-dop {
transition: 0.3s;
margin-top: 12px;
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 100%;
font-family: 'Akkurat LL Cyrillic';
letter-spacing: -0.04em;
display: block;
color: #000000;
white-space: nowrap;
}
.footer-menu-title:hover,
.footer-menu-dop:hover {
color:#FF3B00;
transition: 0.3s;
}
.gdepage{
background: #FEDEC9;
}
.heza {
height: 146px;
}
.bread-wrapper {
margin-top: 31px;
margin-bottom: 31px;
}
.bread{
font-family: 'Akkurat LL Cyrillic';
font-style: normal;
font-weight: 300;
font-size: 12px;
line-height: 100%;
display: flex;
gap: 8px;
align-items: center;
color: #67668A;
}
.bread a {
color: #67668A;
transition: 0.3s;
}
.bread:hover {
color: #FF3B00;
transition: 0.3s;
}
.titlepagebread{
color: #FF3B00;
}
.titleh1page {
margin-top: 0;
margin-bottom: 0;
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 100%;
/* or 36px */
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
color: #000000;
}
.search-pomosh-wr {
position: relative;
margin-top: 40px;
margin-bottom: 56px;
width: 787px;
}
.search-pomosh-wrapper {
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
background: #FFFFFF;
border-radius: 12px;
padding: 4px 4px 4px 24px;
box-sizing: border-box;
}
.search-pomosh-wrapper-vibrano {
width: calc(100% - 144px);
/* Frame 117 */
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 100%;
color: #000000;
}
.search-pomosh-wrapper-sbrosicon {
width: 44px;
height: 44px;
display: flex;
cursor: pointer;
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.sbros .search-pomosh-wrapper-sbrosicon {
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.search-pomosh-wrapper-sbrosr {
width: 1px;
background: #DEE9F1;
height: 20px;
}
.search-pomosh-wrapper-sbros {
justify-content: space-between;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 100%;
/* or 14px */
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
color: #000000;
width: 123px;
display: flex;
align-items: center;
}
.search-pomosh-wrapper-list-wrp {
background: #FFFFFF;
border-radius: 12px;
position: absolute;
top: 54px;
left: 0;
width: 100%;
box-sizing: border-box;
padding: 24px;
}
.search-pomosh-wrapper-list-item {
/* Frame 117 */
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 100%;
cursor: pointer;
color: #000000;
}
.search-pomosh-wrapper-list-item.active, .search-pomosh-wrapper-list-item:hover {
color:#FF3B00;
}
.search-pomosh-wrapper-list {
display: flex;
flex-direction: column;
gap:12px;
max-height: 300px;
overflow-y: auto;
}
.gde-wrapper {
margin-bottom: 158px;
}
.gde-cards {
display: flex;
gap: 40px 24px;
flex-wrap: wrap;
position: relative;
}
.gde-cards:before {
content: '';
position: absolute;
right: -1px;
width: 3px;
height: 100%;
top: 0;
z-index: 2;
background: #fedec9;
}
.gde-card {
}
.gde-card {
width: calc((100% - 48px) / 3);
padding-right: 105px;
border-right: 1px solid #67668A;
box-sizing: border-box;
}
.gde-card-iner {
display: flex;
flex-direction: column;
gap:32px;
}
.gde-card-item-val {
transition: 0.3s;
display: block;
font-style: normal;
font-weight: 400;
font-size: 21px;
line-height: 22px;
/* or 24px */
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
color: #000000;
}
.gde-card-item-val0 {
font-size: 24px;
line-height: 100%;
min-height: 48px;
}
.gde-card-item-val a{
color: #000000;
transition: 0.3s;
}
.gde-card-item-val a:hover {
color: rgba(255, 59, 0, 1);
transition: 0.3s;
}
.gde-card-item-label {
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 100%;
/* or 18px */
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
letter-spacing: -0.04em;
color: #67668A;
margin-bottom: 12px;
}
.gdepoluchit-wrapper {
position: relative;
z-index: 4;
}
.inerscreen1-wrp {
position: relative;
padding-top: 233px;
padding-bottom: 73px;
}
.inerscreen1-wrp .wrp {
position: relative;
z-index: 2;
}
.iner-screenimageq {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0 0 24px 24px;
}
.menu-lin-in-first-screen {
display: flex;
}
.menu-lin-in-first-screen-iner {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 15px 20px;
gap: 20px;
background: #FF3B00;
border-radius: 12px;
}
.menu-lin-in-first-screen1 {
margin-top: 82px;
width: fit-content;
}
.menu-lin-in-razd{
width: 1px;
height: 14px;
background: #FFFFFF;
}
.menu-lin-in-first-screen-item {
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 100%;
/* or 15px */
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
color: #FFFFFF;transition: 0.3s;
}
.menu-lin-in-first-screen-item:hover {
transition: 0.3s;
color: rgba(254, 222, 201, 0.63);
}
.simptom-wrapper {
margin-top: 58px;
margin-bottom: 95px;
}
.simptom-cards {
gap:18px 22px;
display: flex;
flex-wrap: wrap;
margin-top: 56px;
}
.simptom-card {
width: calc((100% - 44px) / 3);
}
.simptom-card{
border-radius: 24px;
min-height: 280px;
display: flex;
position: relative;
align-items: flex-end;
padding: 22px 17px 17px 24px;
box-sizing: border-box;
gap: 15px;
justify-content: space-between;
overflow: hidden;
}
.swiper-slide-art-image {
transition: 0.3s;
}
.simptom-card:hover .swiper-slide-art-image{
transform: scale(1.05);
transition: 0.3s;
}
.simptom-art-title {
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 100%;
color: #FFFFFF;
}
.simptom-art-desc {
font-style: normal;
font-weight: 300;
font-size: 15px;
line-height: 100%;
color: #FFFFFF;
margin-top: 12px;
}
.simptom-last-card {
display: flex;
flex-direction: column;
gap: 22px;
position: relative;
}
.simptom-last-card .button2 {
position: relative;
z-index: 6;
}
.glavnie-voprosy-wrp {
position: relative;
background: #DEE9F1;
border-radius: 24px 24px 0 0 ;
margin-bottom: 85px;
}
.glavnie-voprosy {
display: flex;
}
.glavnie-voprosy-wrp-img {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
border-radius: 0 24px 0px 0;
}
.glavnie-voprosy-left {
width: 648px;
position: relative;
padding-top: 48px;
padding-bottom: 75px;
}
.raskajem-wrap2 {
right: -199px;
bottom: 0;
left: auto;
}
.raskajem-wrap2 .raskajem-ram {
width: 140px;
height: 74px;
left: -103px;
top: -62px;
padding-top: 13px;
padding-left: 12px;
}
.art-com2 {
background: #fff;
}
.title-with-mi {
display: flex;
gap: 23px;
align-items: flex-start;
}
.antipova{
margin-top: 18px;
padding-bottom: 28px;
border-bottom: 1px solid #231F20;
margin-bottom: 36px;
display: flex;
gap:24px;
align-items: center;
}
.title-with-mi .swiper-slide-art-com{
margin-top: 4px;
}
.pediatr-text {
max-width: 530px;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 24px;
color: #000000;
opacity: 0.8;
margin-bottom: 48px;
}
.antipova1 {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 100%;
/* or 112% */
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
color: #000000;
}
.antipova2 {
margin-top: 3px;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 100%;
/* or 14px */
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
color: #000000;
}
.antipova-image {
display: flex;
}
.antipova-image img {
width: 100%;
border-radius: 50%
}
.diagnostika-wrapper {
position: relative;
padding-bottom: 148px;
margin-bottom: 50px;
}
.diagnostika-wrapper .wrp {
position: relative;
z-index: 2;
}
.diagnostika-wrapper:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: url(../img/di.svg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
aspect-ratio: 1440 / 555;
height: auto;
}
.diagnostika {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.diagnostika-img {
width: 601px;
display: flex;
margin-right: 52px;
}
.diagnostika-img img {
width: 100%;
}
.diagnostika-left {
padding-top: 53px;
width: 584px;
}
.pediatr-text2 {
margin-bottom: 0px;
}
.materialy-dlya-chteniya {
margin-top: 34px;
}
.materialy-dlya-chteniya-icon {
display: flex;
width: 52px;
margin-bottom: 30px;
}
.materialy-dlya-chteniya-icon img {
width: 100%
}
.materialy-dlya-chteniya-list {
display: flex;
flex-direction: column;
gap:14px;
}
.materialy-dlya-chteniya-item {
display: block;
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 24px;
leading-trim: both;
text-edge: cap;
letter-spacing: -0.04em;
color: #000000;
}
.materialy-dlya-chteniya-item .ram-sn {
line-height: 1;
}
.materialy-dlya-chteniya-item {
padding-left: 32px;
position: relative;
}
.materialy-dlya-chteniya-item:hover {
text-decoration: underline!important;
}
.materialy-dlya-chteniya-item p{
margin:0;
}
.materialy-dlya-chteniya-item:before {
content:'';
position: absolute;
background-image: url('data:image/svg+xml,');
width: 18px;
height: 18px;
left: 0;
top: 1px;
transition: 0.3s;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.materialy-dlya-chteniya-item:hover:before {
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: 0.3s;
}
.pediatr-text3 {
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 24px;
/* or 120% */
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
color: #000000;
opacity: 0.8;
}
.svoy-left {
width:648px;
}
.inerscreen1-wrp {
position: relative;
z-index: 10;
}
.persblock {
background: #FEDEC9;
margin-top: -24px;
padding-top: 80px;
padding-bottom: 63px;
position: relative;
}
.persblock > div {
position: relative;
z-index: 3;
}
.persblock:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: url(../img/bb.svg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
height: 1000px;
}
.svoi-tip-wrp {
margin-top: 112px;
margin-bottom: 136px;
}
.swiper-slide .simptom-card {
width: 100%;
}
.swiper-slide .simptom-card .swiper-slide-art-info {
max-width: calc(100% - 40px);
}
.persblock .articles-block-wrapper{
margin-bottom: 0;
}
.reabilitaciya-wrapper {
margin-top: 100px;
}
.reabilitaciya-wrapper .diagnostika-left {
padding-top: 0;
}
.reabilitaciya-wrapper .diagnostika-img{
padding-top: 50px;
}
.materialy-dlya-chteniya-listdf {
display: flex;
}
.materialy-dlya-chteniya-listdf > div {
width: 550px;
}
.gde-poluchit-pomosh-wrapper {
padding-top: 197px;
padding-bottom: 112px;
}
.gde-poluchit-pomosh-wrapper {
position: relative;
}
.gde-poluchit-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.gde-poluchit-pomosh{
position: relative;
z-index: 2;
}
.gde-poluchit-pomosh-title {
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 100%;
text-align: center;
color: #FFFFFF;
}
.search-pomosh-wr-short {
margin-top: 45px;
margin-bottom: 34px;
width: 488px;
margin-left: auto;
margin-right: auto;
}
.search-pomosh-wr-short .search-pomosh-wrapper-sbros {
width: 44px;
}
.gde-poluchit-pomosh-desc {
width: 488px;
margin-left: auto;
margin-right: auto;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 100%;
text-align: center;
color: #FFFFFF;
}
.right-subtitle {
width: 904px;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 24px;
color: #000000;
opacity: 0.8;
}
.experts-block-hedertop {
align-items: flex-start;
}
.etaps-wrapper {
margin-top: 90px;
}
.etaps-cards {
display: flex;
flex-wrap: wrap;
gap: 24px;
margin-top: 32px;
align-items: flex-start;
}
.antipova-image {
width: 92px;
}
.etaps-card {
width: calc((100% - 48px) / 3);
overflow: hidden;
min-height: 519px;
background: #67668A;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 26px;
border-radius: 24px;
padding: 0 20px 22px 28px;
box-sizing: border-box;
position: relative;
}
.etaps-image {
height: 280px;
position: relative;
border-radius: 24px 24px 0 0;
width: calc(100% + 48px);
margin-left: -28px;
overflow: hidden;
margin-bottom: 20px;
}
.etaps-image-in {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: 0.3s;
}
.etaps-card:hover .etaps-image-in {
transition: 0.3s;
transform: scale(1.05);
}
.etaps-link {
position: absolute;
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.etaps-card .button2 {
position: relative;
z-index: 4;
}
.etaps-info-title {
margin-bottom: 14px;
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 100%;
color: #FFFFFF;
}
.etaps-info-text {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 21px;
color: #FFFFFF;
opacity: 0.8;
}
.statistika {
border-radius: 24px;
overflow: hidden;
background: #fff;
margin-top: 50px;
display: flex;
}
.statistika1 {
width: 440px;
padding: 30px 28px;
box-sizing: border-box;
}
.statistika2 {
padding: 30px 24px;
width: 488px;
background: #FF3B00;
box-sizing: border-box;
}
.statistika3 {
padding: 162px 30px 30px 30px;
width: calc(100% - 928px);
box-sizing: border-box;
border-radius: 0 24px 24px 0;
}
.antipovaoleg {
padding-bottom: 21px;
margin-bottom: 22px;
}
.pediatr-text4 {
margin-bottom: 28px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 21px;
color: #000000;
opacity: 0.8;
}
.statistika1-title {
margin-top: 0;
margin-bottom: 23px;
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 100%;
/* or 32px */
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
color: #000000;
max-width: 334px;
}
.statistika3-num{
font-style: normal;
font-weight: 400;
font-size: 113px;
line-height: 83px;
/* or 21% */
color: #FFFFFF;
}
.statistika3-text {
margin-top: 85px;
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 100%;
max-width: 355px;
color: #FFFFFF;
}
.statistika2-num {
margin-top: 90px;
margin-bottom: 65px;
font-style: normal;
font-weight: 400;
font-size: 95px;
line-height: 69px;
color: #FFFFFF;
display: flex;
gap: 12px;
align-items: flex-end;
}
.statistika2-num span {
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 24px;
/* or 86% */
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
color: #FFFFFF;
}
.statistika2-text {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 21px;
color: #FFFFFF;
opacity: 0.8;
}
.statistika2-title {
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 100%;
/* or 32px */
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
color: #FFFFFF;
max-width: 305px;
}
.consult-button {
transition: 0.3s;
font-size: 18px;
line-height: 100%;
color: #FFFFFF;
width: fit-content;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 28px;
gap: 12px;
transition: 0.3s;
background: #FF3B00;
border-radius: 12px;
cursor: pointer;
}
.consult-button span {
transition: 0.3s;
width: 24px;
height: 24px;
display: block;
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.consult-button:hover{
color: rgba(103, 102, 138, 1);
background: #fff;
transition: 0.3s;
}
.consult-button:hover span {
transition: 0.3s;
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.article-wrapper {
margin-bottom: 48px;
padding-bottom: 0;
}
.article-first {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.article-left {
width: 671px;
}
.article-img{
margin-top: -35px;
width: 563px;
display: flex;
}
.article-img img {
width: 100%;
border-radius: 24px;
}
.antipova-article {
margin-top: 38px;
margin-bottom: 24px;
}
.pediatr-text5 {
margin-bottom: 20px;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 24px;
color: #000000;
opacity: 0.8;
}
.article-vazno {
position: relative;
background: #FEDEC9;
border-radius: 12px;
padding: 12px 22px 23px 25px;
box-sizing: border-box;
}
.article-vazno-text {
margin-top: 8px;
font-style: normal;
font-weight: 300;
font-size: 12px;
line-height: 117%;
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
color: #000000;
}
.article-vazno-icntitle {
display: flex;
align-items: center;
gap: 12px;
}
.article-vazno-title {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 24px;
/* or 133% */
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
color: #000000;
width:calc(100% - 50px);
opacity: 0.8;
}
.article-vazno-icon {
width: 38px;
display: flex;
}
.article-vazno-icon img {
width: 100%;
}
.article-meta-wrp {
display: flex;
margin-bottom: 38px;
align-items: center;
justify-content: space-between;
}
.article-meta-raz {
height: 23px;
width: 1px;
background: #DEE9F1;
}
.articlevi {
display: flex;
align-items: center;
gap: 12px;
font-style: normal;
font-weight: 300;
font-size: 12px;
line-height: 100%;
leading-trim: both;
text-edge: cap;
color: #000000;
}
.articlevi-icon {
width: 36px;
display: flex;
align-items: center;
}
.articlevi-icon img {
width: 100%;
}
.articlevi-num {
}
.article-meta-del {
display: flex;
gap:28px;
}
.article-meta-del a {
width: 32px;
display: flex;
position: relative;
}
.article-meta-del2 {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
transition: 0.3s;
}
.article-meta-del img {
width: 100%;
transition: 0.3s;
}
.article-meta-del a:hover .article-meta-del2 {
opacity: 1;
transition: 0.3s;
}
.polezno {
display: flex;
align-items: center;
gap: 15px;
font-style: normal;
font-weight: 300;
font-size: 12px;
line-height: 100%;
/* or 12px */
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
height: 12px;
color: #000000;
}
.polezno-da , .polezno-net{
background-image: url('data:image/svg+xml,');
width: 23px;
height: 24px;
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: 0.3s;
}
.polezno-da.active , .polezno-net.active, .polezno-da:hover , .polezno-net:hover{
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: 0.3s;
}
.polezno-da{
margin-top: -10px;
}
.polezno-net {
margin-top: 10px;
transform: scale(1, -1);
}
.article-sod {
margin-top: 20px;
display: flex;
flex-wrap: wrap;
gap: 30px;
padding: 42px;
justify-content: center;
background: #DEE9F1;
border-radius: 12px;
}
.article-sod-iner {
width: 350px;
display: flex;
flex-direction: column;
gap:10px;
}
.primechaniya-wrp {
position: relative;
margin-top: 57px;
margin-bottom: 57px;
z-index: 3;
}
.textpage-wrapper {
position: relative;
z-index: 4;
}
.primechaniya {
width: 1100px;
margin-left: auto;
margin-right: auto;
}
.primechaniya-wrp:before{
content: '';
position: absolute;
bottom: -295px;
left: 0;
z-index: -1;
width: 100%;
background: url(../img/di.svg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
aspect-ratio: 1440 / 555;
height: auto;
}
.primechaniya-title {
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 100%;
color: #000000;
margin-bottom: 38px;
}
.primechaniya ol {
margin: 0;
padding-left: 20px;
display: flex;
flex-direction: column;
gap:10px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 21px;
/* or 131% */
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
color: #000000;
opacity: 0.8;
}
.primechaniya li {
}
.primechaniya a {
position: relative;
color:#FF3B00;
padding-right: 24px;
text-decoration: underline!important;
}
.primechaniya a:before {
width: 22px;
height: 22px;
content:'';
position: absolute;
right: 0;
top:1px;
background-image: url('data:image/svg+xml,');
background-position: top center;
background-repeat: no-repeat;
background-size: contain;
}
.oglavnom {
}
.text-page h2 a, .article-toc-item .ram-sn-iner a {
position: relative;
color:#FF3B00;
padding-right: 24px;
text-decoration: underline!important;
}
.text-page h2 a:before, .article-toc-item .ram-sn-iner a:before {
width: 18px;
height: 18px;
content:'';
position: absolute;
right: 0;
top:1px;
background-image: url('data:image/svg+xml,');
background-position: top center;
background-repeat: no-repeat;
background-size: contain;
}
.text-page h2{
margin-bottom: 24px;
margin-top: 0;
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 100%;
color: #000000;
}
.text-page p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
leading-trim: both;
text-edge: cap;
margin-bottom: 0;
margin-top: 10px;
color: rgba(0, 0, 0, 0.8);
}
.text-page hr {
margin-top: 24px;
margin-bottom: 24px;
}
.text-page h2 p {
font-size: 28px;
line-height: 100%;
margin: 0;
color: #000000;
}
.text-page h2 sup {
font-size: 18px;
}
.text-page ul , .text-page ol {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: rgba(0, 0, 0, 0.8);
margin-top: 10px;
margin-bottom: 10px;
padding-left: 22px;
display: flex;
flex-direction: column;
gap: 5px;
}
.text-page ul a:hover {
text-decoration: underline;
color:rgb(255, 59, 0);
}
.oglavnom {
padding: 40px 33px;
background: #FEDEC9;
border-radius: 12px;
}
.text-one-block {
padding-bottom: 49px;
margin-bottom: 55px;
border-bottom: 1px solid #231F20;
}
.text-one-block:last-child {
border-bottom: none;
}
.text-one-block-df {
display: flex;
justify-content: space-between;
gap:86px;
}
.text-one-block-col {
width: calc(50% - 43px)
}
.text-one-block-col p:first-child {
margin-top: 0;
}
.text-qw-child {
max-width: 614px;
font-style: italic;
font-weight: 400;
font-size: 18px;
line-height: 100%;
color: #000000;
}
.text-name-child {
margin-top: 10px;
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 100%;
/* or 16px */
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
letter-spacing: -0.05em;
color: #67668A;
}
.menu-lin-in-first-screen2 {
}
.bonatext-wrp {
margin-bottom: 31px;
margin-top: 49px;
}
.menu-list-first-screen-var2-button {
display: flex;
display: flex;
flex-direction: row;
justify-content:flex-start;
align-items: center;
padding: 10px 20px;
gap: 12px;
width: fit-content;
background: #FF3B00;
border-radius: 12px;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 100%;
color: #FFFFFF;
cursor: pointer;
transition: 0.3s;
}
.menu-list-first-screen-var2-buttonr {
width: 1px;
height: 14px;
background: #FFFFFF;
}
.menu-list-first-screen-var2-button-icon {
width: 24px;
height: 24px;
background-image: url('data:image/svg+xml,');
background-position:center;
background-repeat: no-repeat;
background-size: contain;
transition: 0.3s;
}
.active .menu-list-first-screen-var2-button-icon {
background-image: url('data:image/svg+xml,');
transition: 0.3s;
background-position:center;
background-repeat: no-repeat;
background-size: contain;
}
.menu-list-first-screen-var2-list {
display: none;
padding: 11px 20px 18px 58px;
box-sizing: border-box;
width: 100%;
}
.menu-list-first-screen-var2 {
width: 344px;
transition: 0.3s;
position: absolute;
top: 0;
left: 0;
}
.menu-list-first-screen-var2-wrp {
position: relative;
height: 44px;
display: none;
}
.active .menu-list-first-screen-var2-button {
transition: 0.3s;
}
.menu-list-first-screen-var2.active {
background: #FF3B00;
border-radius: 12px;
transition: 0.3s;
}
.menu-lin-in-first-screen-item2 {
transition:0.3s;
position: relative;
display: block;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 100%;
/* or 18px */
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
color: #FFFFFF;
margin-bottom: 8px;
}
.menu-lin-in-first-screen-item2:before {
transition:0.3s;
width: 18px;
height: 18px;
opacity: 0;
background-image: url('data:image/svg+xml,');
transition: 0.3s;
background-position:center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
content: '';
left: -33px;
top: 0;
}
.menu-lin-in-first-screen-item2:hover:before {
transition:0.3s;
opacity: 1;
}
.menu-lin-in-first-screen-item2:hover {
text-decoration:underline!important;
transition:0.3s; }
.ram-sn {
position: relative;
}
.ram-sn sup {
color:#FF3B00;
cursor: pointer;
}
.ram-sn-iner {
display: flex;
width: 374px;box-sizing: border-box;
background: #FEDEC9;
border-radius: 12px;
padding: 16px 60px 16px 20px;
position: absolute;
gap: 4px;
align-items: flex-start;
left: 50%;
transform: translateX(-50%);
z-index: 4;
top: 22px;
color: #000000;
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 18px;
leading-trim: both;
text-edge: cap;
display: none;
}
.active .ram-sn-iner {
display: flex;
}
.text-one-block-col:last-child {
position: relative;
z-index: 1;
}
.text-one-block-col:first-child {
position: relative;
z-index: 2;
}
.snnum {
color:#FF3B00;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 18px;
leading-trim: both;
text-edge: cap;
color: #FF3B00;
opacity: 0.8;
}
.text-sn {
color: #000000;
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 18px;
leading-trim: both;
text-edge: cap;
opacity: 0.8;
}
.closesnn {
position: absolute;
width: 24px;
height: 24px;
top: 8px;
right: 8px;
background-image: url('data:image/svg+xml,');
background-position:center;
background-repeat: no-repeat;
background-size: contain;
cursor: pointer;
}
.footer0{
display: none;
}
.text-page ul:first-child {
margin-top: 0;
}
.text-page ul:last-child {
margin-bottom: 0;
}
.articlesblock-polezno02{
display: none;
}
.dnm2{
display: none;
}
.article-meta-raz2 {
display: none;
}
.fixedlink1 {
right: -600px;
transition: 0.3s;
}
.out3 {
right: 36px;
transition: 0.3s;
}
.homescreen1-wrp {
position: relative;
}
.homescreen1-img {
position: absolute;
background: url(/wp-content/uploads/2026/09/AdobeStock_283363672.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0px 0px 24px 24px;
top: -300px;
right: 0;
width: 146%;
aspect-ratio: 1890 / 1056;
}
.menu-fixed {
display: none;
}
.menu-overlay {
display: none;
}
.menu-wind {
display: none;
}
.verslabo {
margin-top: 30px;
margin-bottom: 30px;
}
.bvi-shortcode {
border-radius: 12px!important
}
/* wrapper to mimic your original structure */
.homescreen1-img-video {
width: 100%;
width: 100%;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0px 0px 24px 24px;
}
/* target block – exactly as your class, but now the video lives inside */
.homescreen1-vidin {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0px 0px 24px 24px;
}
.homescreen1-vidin.homescreen1-img {
}
/* video element – covers the block, no controls, no sound, loop, autoplay */
.homescreen1-vidin video {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
object-fit: cover; /* ✦ cover for the block */
display: block;
transform: scale(-1, 1);
pointer-events: none; /* prevents accidental interaction */
border-radius: 0px 0px 24px 24px;
}
.homescreen1-img video{
position: absolute;
top: -166px;
left: auto;
right:0;
width: 135%;
height: auto;
object-fit: inherit;
display: block;
transform: scale(1, 1);
pointer-events: none;
border-radius: 0px 0px 24px 24px;
aspect-ratio: 1890 / 956;
}
.homescreen1-vidinflip video {
transform: scale(1, 1);
}
@media(max-width: 1500px) {
.homescreen1-img video {
position: absolute;
top: 0px;
right: 0;
}
}
@media(max-width: 1000px) {
.homescreen1-img video {
position: absolute;
top: 0;
width: 150%;
}
}
.arrowtop-button {
background-image: url('data:image/svg+xml,');
width: 56px;
height: 56px;
display: none;
left: 8px;
bottom:30px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: fixed;
z-index: 700;
}
.articles-block-wrapperrew {
position: relative;
z-index: 4;
}
.experteslist-wrappe {
margin-top: 60px;
margin-bottom: 100px;
display: flex;
flex-wrap: wrap;
gap: 45px 24px;
}
.swiper-slideno {
position: relative;
width: calc((100% - 120px) / 6)
}
.swiper-slide-exp > a {
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
z-index: 3;
}
.swiper-slide-exp-name {
transition: 0.3s;
}
.swiper-slide-exp:hover .swiper-slide-exp-name {
transition: 0.3s;
color: #FF3B00;
}
.swiper-slide-exp-img {
margin-left: auto;
margin-right: auto;
}
.polexnoxnat-articlespagewr {
position: relative;
margin-top: 100px;
margin-bottom: 100px;
}
.polexnoxnat-articlespage {
display: flex;
gap:65px 24px;
flex-wrap:wrap;
}
.articlesblock-poleznoposabs {
position: absolute;
right: 0;
top: -144px;
}
.polexnoxnat-itemcard {
display: flex;
flex-direction: column;
gap: 22px;
justify-content: space-between;
min-height: 125px;
padding-right: 24px;
box-sizing:border-box;
width: calc((100% - 72px) / 4);
position: relative;
}
.polexnoxnat-itemcard:before {
width: 1px ;
height:100%;
background: #67668A;
content:'';
top:0;
right: 0;
position: absolute;
}
.polexnoxnat-itemcard:after {
height: 1px ;
width:100%;
background: #67668A;
content:'';
bottom: -32px;
left:-24px;
width:calc(100% + 24px);
position: absolute;
}
.polexnoxnat-itemcard:nth-child(4n+1):after {
width:100%;
left:0;
}
.polexnoxnat-itemcard:nth-child(4n):before {
width:0;
}
.polexnoxnat-itemcard-title {
display: block;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 100%;
leading-trim: both;
text-edge: cap;
color: #000000;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
}
.polexnoxnat-itemcard-title:hover {
text-decoration: underline!important;
}
.polexnoxnat-articlespage:before {
content: '';
position: absolute;
left:0;
width: 100%;
height:3px;
bottom:-33px;
z-index: 2;
background: #fedec9;
}
.consult-page-info-wrapper {
margin-top: 43px;
margin-bottom:100px;
}
.consult-page-desc1 {
margin-bottom: 70px;
font-style: normal;
font-weight: 400;
font-size: 21px;
line-height: 24px;
leading-trim: both;
text-edge: cap;
color: #000000;
max-width: 785px;
}
.consult-page-info-wrapper-cols {
display: flex;
flex-wrap: wrap;
gap:60px 24px;
}
.consult-page-info-col {
border-right:1px solid #67668A;
width:calc(50% - 12px);
}
.consult-page-info-col:nth-child(2n) {
border-right: none;
}
.consult-page-info-col-logo {
height: 117px;
display: flex;
margin-bottom: 32px;
}
.consult-page-info-col-logo img {
width: auto;
max-height: 100%;
object-fit: contain;
}
.consult-page-info-col-text1 {
max-width: 555px;
font-style: normal;
font-weight: 400;
font-size: 21px;
line-height: 24px;
leading-trim: both;
text-edge: cap;
margin-bottom: 40px;
color: #000000;
}
.consult-page-info-col-infoitems {
display: flex; flex-direction: column;
gap:40px;
}
.consult-page-info-col-bottomtext {
margin-top: 24px;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 24px;
leading-trim: both;
text-edge: cap;
color: #000000;
}
.svoi-tip-wrpmb {
margin-bottom : 40px;
}
.articles-block-wrappermt {
margin-top: 0
}
.diagnostika-wrapper#reabilitaciya {
margin-bottom:0;
}
.page-template-default page-content, page-content{
padding-top: 0!important
}
.homescreen2nop {
padding: 0;
overflow: visible;
margin-bottom:0;
}
.homescreen2nop page-content {
position: relative;
z-index: 2;
padding-bottom: 40px;
margin-bottom: 0;
}
.polexnoxnat-articlespageimg {
display: flex;
gap: 30px 24px;
flex-wrap: wrap;
}
.swiper-slide-artpolstrel {
width: calc((100% - 48px) / 3);
}
.swiper-slide-artpolstrel .swiper-slide-art-iner {
height: 240px;
}
.polexnoxnat-articlespagewrmt {
margin-top: 40px
}
.polexnoxnat-articlespagewrmt .articlesblock-poleznoposabs {
top: -100px;
}
.etbutinpc2 {
display: none;
margin-top:40px;
}
.etbutinpc1{
margin-top:40px;
}
.etaps-info-text2 {
display: none;
}
.active .etaps-info-text1{
display: none;
}
.active .etaps-info-text2 {
display: block;
}
.diagnostika-img {
position: sticky;
top: 92px;
}
.verslabo {
padding-bottom: 20px;
margin-bottom: 24px;
border-bottom: 1px solid rgb(35, 31, 32);
}
.gde-cards {
margin-left: -24px;
}
.gde-card {
border-right: none;
border-bottom: 1px solid #67668A;
box-sizing: border-box;
padding-bottom: 40px;
width: calc(100% / 3);
position: relative;
padding-left: 24px;
}
.gde-cards {
gap: 40px 0px;
}
.gde-card:before {
content: '';
position: absolute;
right: 0px;
width: 1px;
height: calc(100% - 40px);
top: 0;
z-index: 2;
background: #67668A;
}
.gde-cards:before {
z-index: 4;
}
.gde-cards:after {
content: '';
position: absolute;
bottom: -1px;
width: 100%;
height: 3px;
left:0;
z-index: 4;
background: #fedec9;
}
.homescreen2-text4 p {
margin-top: 0;
}
.homescreen2-text4 {
display: none
}
.active .homescreen2-text4 {
display: block;
}
.abouthomebuttonar {
border: 1px solid #FF3B00;
cursor: pointer;
}
.abouthomebuttonar:hover {
color: rgba(103, 102, 138, 1);
background: #fff;
transition: 0.3s;
border: 1px solid rgba(103, 102, 138, 1);
}
.swiper-slide-exp
{
position: relative;
}
.search-pomosh-input {
width: 100%;
box-sizing: border-box;
padding: 0;
margin: 0;
box-shadow: none;
border: none;
background: #fff;
font-style: normal;
font-weight: 300;
line-height: 100%;
color: #000000;
}
.gde-poluchit-pomosh-wrapper {
position: relative;
z-index: 5;
}
body wpm-dotted-heading svg {
stroke: currentColor;
overflow: visible;
stroke-width: 0;
stroke-linecap : ;
stroke-dasharray: 0 ;
width: 100%;
height: 1px;
border-top: none;
border-bottom: 1px solid #231F20;
}
body hr {
border-top: none;
border-bottom: 1px solid #231F20;
}
.article-reading-tools .article-reading-button {
font-size: 20px;
font-family: 'Akkurat LL Cyrillic'!important;
}
.article-toc-item .ram-sn {
display: none!important;
}
.article-vote icon.size--xl, .article-vote .icon.size--xl {
font-size: 22px;
}
.t2s-midi {
background-color: #dee9f1;
}
.titlebigcom .t2s-midi {
margin-top: 0px;
}
.titlebigcom .t2s-midi .icon {
width: 32px;
height: 32px;
}
.titlebigcom .t2s .icon {
transition: 0.3s ;
fill: #000000;
background-color: #dde8f1;
}
.titlebigcom .t2s .icon:hover {
fill: #fff;
background-color: #ff3b00;
transition: 0.3s ;
}
.raswindow {
position: fixed;
top:-200vh;
height: 100vh;
z-index: 9999;
width:100%;
transition: opacity 0.3s;
opacity: 0;
}
.raswindow-open {
top:0;
opacity:1;
transition: opacity 0.3s;
}
.raswindow-over {
background: rgba(0, 0, 0, 0.7);
position: absolute;
top:0;
left: 0;
width:100%;
height:150%;
}
.raswindow-iner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #FEDEC9;
padding: 40px;
border-radius: 24px;
width: 800px;
}
.raswindow-close {
position: absolute;
top: 10px;
right: 10px;
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 32px;
height: 32px;
}
.section-titlesubscr {
font-size: 26px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
text-align: center;
width: 388px;
}
.text-pagemtmb {
margin-top: 28px;
margin-bottom: 100px
}
.wp-video {
border-radius: 24px;
overflow: hidden;}
.wp-video-shortcode video, video.wp-video-shortcode {
max-width: 100%;
display: flex;
border: none;
clip-path: inset(1px 1px);
}
.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
background: inherit!important;
}
.article-meta-wrp {
flex-wrap: wrap;
}
.datetimeread {
display: flex;
width:100%;
display: flex;
align-items: center;
gap: 60px;
font-style: normal;
font-weight: 300;
font-size: 12px;
line-height: 100%;
color: #000000;
}
.readtime {
position: relative;
}
.readtime:before{
content:'';
position: absolute;
width: 13px;
height: 13px;
left: -20px;
top: -1px;
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.antipova-articlewith-link {
position: relative;
}
.antipova-articlewith-link > a {
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
}
.antipova1 {
transition: 0.3s;
}
.antipova-articlewith-link:hover .antipova1 {
transition: 0.3s;
color: #FF3B00;
}
* {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input,
textarea,
[contenteditable="true"] {
-webkit-user-select: text;
user-select: text;
}