/* Start:/local/templates/doctor/style.css?1779824303288819*/
@charset "UTF-8";
.mainPic {
display: grid;
grid-template-columns: repeat(10, 1fr);
grid-template-rows: repeat(5, 1fr);
gap: 24px;
height: 736px;
position: relative;
}
@media (max-width: 1200px) {
.mainPic {
height: 576px;
}
}
@media (max-width: 850px) {
.mainPic {
height: 400px;
}
}
@media (max-width: 750px) {
.mainPic {
height: 330px;
}
}
@media (max-width: 600px) {
.mainPic {
display: flex;
flex-direction: column;
height: auto;
gap: 20px;
}
}
.mainPic__card {
position: relative;
border-radius: 8px;
overflow: hidden;
background: linear-gradient(to top right, #009dae, rgba(0, 157, 174, 0));
border: 1px solid #d8d8d8;
transition: 3s ease;
}
@media (max-width: 600px) {
.mainPic__card {
height: 180px;
}
}
.mainPic__card-text {
position: absolute;
color: white;
left: 40px;
bottom: 40px;
font-weight: 500;
font-size: 28px;
line-height: 129%;
}
@media (max-width: 850px) {
.mainPic__card-text {
left: 16px;
bottom: 16px;
font-size: 20px;
line-height: 120%;
}
}
.mainPic .mainPic__card:nth-child(1) {
grid-row-start: 1;
grid-row-end: 4;
grid-column-start: 1;
grid-column-end: 6;
}
.mainPic .mainPic__card:nth-child(2) {
grid-row-start: 1;
grid-row-end: 4;
grid-column-start: 6;
grid-column-end: 11;
}
.mainPic .mainPic__card:nth-child(3) {
grid-row-start: 4;
grid-row-end: 6;
grid-column-start: 6;
grid-column-end: 8;
}
.mainPic .mainPic__card:nth-child(4) {
grid-row-start: 4;
grid-row-end: 6;
grid-column-start: 8;
grid-column-end: 11;
}
.mainPic .mainPic__card:nth-child(5) {
grid-row-start: 4;
grid-row-end: 6;
grid-column-start: 1;
grid-column-end: 6;
}
@media (min-width: 1024px) {
.mainPic .mainPic__card:nth-child(5) img {
position: absolute;
right: 0;
width: auto;
}
}
.mainPic__card::after {
content: "";
position: absolute;
inset: 0;
background: white;
opacity: 0;
transition: opacity 0.6s ease;
z-index: -1;
}
.mainPic__card:hover::after {
opacity: 1;
}
.mainPic__card:hover .mainPic__card-text {
color: #6c9b3c;
}
.zozh__title {
margin-bottom: 44px;
}
.zozh__main {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: 24px;
height: 736px;
position: relative;
}
@media (max-width: 1200px) {
.zozh__main {
height: 610px;
}
}
@media (max-width: 850px) {
.zozh__main {
height: 400px;
}
}
@media (max-width: 750px) {
.zozh__main {
height: 629px;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(4, 1fr);
gap: 20px;
}
}
@media (max-width: 600px) {
.zozh__main {
height: auto;
display: flex;
flex-direction: column;
gap: 12px;
}
}
.zozh__main-card {
position: relative;
border-radius: 8px;
overflow: hidden;
background: linear-gradient(to top right, #009dae, rgba(0, 157, 174, 0));
border: 1px solid #d8d8d8;
transition: 3s ease;
}
@media (max-width: 600px) {
.zozh__main-card {
height: 141px;
}
}
.zozh__main-card-text {
position: absolute;
color: white;
left: 24px;
bottom: 24px;
font-weight: 500;
font-size: 28px;
line-height: 129%;
display: flex;
align-items: center;
gap: 12px;
}
@media (max-width: 850px) {
.zozh__main-card-text {
left: 16px;
bottom: 16px;
font-size: 20px;
line-height: 120%;
}
}
.zozh__main .zozh__main-card:nth-child(1) {
grid-row-start: 1;
grid-row-end: 3;
grid-column-start: 1;
grid-column-end: 4;
}
.zozh__main a img {
height: auto;
width: auto;
position: absolute;
right: 0;
}
.zozh__input {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
margin-bottom: 44px;
}
.zozh__input input {
font-weight: 400;
font-size: 15px;
line-height: 133%;
background-color: #f4feff;
border: 1px solid #55555554;
border-radius: 10px;
padding: 4px 4px 4px 12px;
width: 100%;
height: 44px;
color: #55555554;
}
.zozh__input-svg {
padding: 11px;
border-radius: 16px;
background-color: #6c9b3c;
width: 48px;
min-width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
}
.zozh__main-card::after {
content: "";
position: absolute;
inset: 0;
background: white;
opacity: 0;
transition: opacity 0.6s ease;
z-index: -1;
}
.zozh__main-card:hover::after {
opacity: 1;
}
.zozh__main-card:hover .zozh__main-card-text {
color: #6c9b3c;
}
.section__input {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
margin-bottom: 44px;
}
.section__input input {
font-weight: 400;
font-size: 15px;
line-height: 133%;
background-color: #f4feff;
border: 1px solid #55555554;
border-radius: 10px;
padding: 4px 4px 4px 12px;
width: 100%;
height: 44px;
color: #55555554;
}
.section__input-svg {
padding: 11px;
border-radius: 16px;
background-color: #6c9b3c;
width: 48px;
min-width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
}
.section h1 {
margin-bottom: 44px;
}
.directions {
display: flex;
flex-direction: column;
gap: 32px;
margin-bottom: 44px;
}
@media (max-width: 1100px) {
.directions {
display: none;
}
}
.directions__title {
font-weight: 500;
font-size: 32px;
line-height: 125%;
color: #555;
}
.directions__list {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 20px;
max-height: 280px;
}
.directions__list-item {
display: flex;
align-items: center;
gap: 12px;
max-width: 336px;
}
.directions__list-item:hover .directions__list-item-name {
color: red;
}
.directions__list-item-count {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 1px solid #d8d8d8;
border-radius: 8px;
padding: 4px;
width: 40px;
height: 40px;
}
.directions__list-item-name {
color: #6c9b3c;
}
.alphabet {
display: flex;
flex-direction: column;
gap: 32px;
margin-bottom: 44px;
}
@media (max-width: 1100px) {
.alphabet {
display: none;
}
}
.alphabet__title {
font-weight: 500;
font-size: 32px;
line-height: 125%;
color: #555;
}
.alphabet__list {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.alphabet__list-letter {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 18px;
color: #6c9b3c;
border: 1px solid #d8d8d8;
border-radius: 99px;
padding: 4px;
width: 44px;
height: 44px;
cursor: pointer;
}
.alphabet__list-letter:hover, .alphabet__list-letter.active {
border: 1px solid red;
color: red;
}
.alphabet__list-all {
color: #d8d8d8;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.alphabet__list-all:hover {
color: red;
}
.results {
display: flex;
flex-direction: column;
gap: 32px;
}
.results__letter {
text-transform: uppercase;
font-weight: 500;
font-size: 32px;
line-height: 125%;
color: #ff3c3c;
margin-bottom: 32px;
}
@media (max-width: 1100px) {
.results__letter {
margin-bottom: 16px;
}
}
.results__list {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 20px;
color: #6c9b3c;
max-height: 240px;
}
@media (max-width: 1100px) {
.results__list {
max-height: 500px;
align-content: stretch;
}
}
@media (max-width: 570px) {
.results__list {
max-height: unset;
}
}
.results__list-item {
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: #6c9b3c;
max-width: 336px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: unset;
}
.pagination__bottom {
display: flex;
justify-content: center;
align-items: center;
padding: 20px 0;
}
.pagination__bottom .pagination {
display: flex;
align-items: center;
gap: 8px;
}
.pagination__bottom .pagination .pagination__arrow, .pagination__bottom .pagination span {
border: 1px solid #ddd;
background: #fff;
color: #444;
padding: 6px 10px;
border-radius: 8px;
font-size: 16px;
cursor: pointer;
transition: all 0.2s ease;
min-width: 34px;
height: 34px;
display: flex;
justify-content: center;
align-items: center;
}
.pagination__bottom .pagination button:hover {
background: #f5f5f5;
}
.pagination__bottom .pagination .active {
color: #ff4c4c;
background: #f0feff;
border-color: transparent;
cursor: default;
}
.pagination__bottom .pagination .dots {
border: none;
background: transparent;
cursor: default;
padding: 0 6px;
}
.pagination__bottom .pagination button:disabled {
opacity: 0.4;
cursor: not-allowed;
}
.main__input {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
margin-bottom: 44px;
}
.main__input input {
font-weight: 400;
font-size: 15px;
line-height: 133%;
background-color: #f4feff;
border: 1px solid #55555554;
border-radius: 10px;
padding: 4px 4px 4px 12px;
width: 100%;
height: 44px;
color: #55555554;
}
.main__input-svg {
padding: 11px;
border-radius: 16px;
background-color: #6c9b3c;
width: 48px;
min-width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
}
.main h1 {
margin-bottom: 12px;
}
.main__text .clamb {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
}
.mainDescription__input {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
margin-bottom: 44px;
}
.mainDescription__input input {
font-weight: 400;
font-size: 15px;
line-height: 133%;
background-color: #f4feff;
border: 1px solid #55555554;
border-radius: 10px;
padding: 4px 4px 4px 12px;
width: 100%;
height: 44px;
color: #55555554;
}
.mainDescription__input-svg {
padding: 11px;
border-radius: 16px;
background-color: #6c9b3c;
width: 48px;
min-width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
}
.mainDescription h1 {
margin-bottom: 12px;
}
.mainDescription__text .clamb {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
}
.wrapperMainBlock {
display: flex;
justify-content: space-between;
gap: 44px;
}
.mainBlockLeft {
overflow-y: auto;
height: calc(100vh - 152px);
min-width: 311px;
position: sticky;
top: 120px;
}
.mainBlockLeft .directions__list {
max-height: unset;
}
@media (max-width: 1100px) {
.mainBlockLeft {
display: none;
}
}
.selectBlocks {
width: 100%;
display: none;
gap: 12px;
}
@media (max-width: 1100px) {
.selectBlocks {
display: flex;
padding-bottom: 20px;
}
}
@media (max-width: 750px) {
.selectBlocks {
flex-direction: column;
}
}
.selectBlocks__item {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid #555;
border-radius: 10px;
padding: 14px;
flex: 1;
color: #555;
cursor: pointer;
}
.selectBlocks .directions__list {
height: 0;
max-width: 614px;
overflow-y: auto;
position: absolute;
flex-wrap: nowrap;
top: 50px;
left: 0;
width: 100%;
background-color: white;
padding: 16px;
border-radius: 8px;
opacity: 0;
overflow: hidden;
transition: 0.5s ease;
z-index: 1;
}
.selectBlocks .alphabet__list {
display: flex;
flex-direction: column;
height: 0;
max-width: 614px;
overflow-y: auto;
position: absolute;
flex-wrap: nowrap;
top: 50px;
left: 0;
width: 100%;
background-color: white;
padding: 16px;
border-radius: 8px;
opacity: 0;
overflow: hidden;
transition: 0.5s ease;
z-index: 1;
}
.selectBlocks .alphabet__list-letter {
border: none;
font-weight: 400;
font-size: 15px;
line-height: 133%;
width: 100%;
display: flex;
align-items: flex-start;
transition: all 0.4s ease;
}
.selectBlocks .alphabet__list-letter.active {
border: red solid 2px;
}
.selectBlocks__directions.active .directions__list {
opacity: 1;
transition: 100%;
overflow-y: auto;
height: 232px;
transition: 0.5s ease;
}
.selectBlocks__directions .directions__list-item {
flex-direction: row-reverse;
justify-content: space-between;
}
.selectBlocks__alphabet.active .alphabet__list {
opacity: 1;
transition: 100%;
overflow-y: auto;
height: 232px;
transition: 0.5s ease;
}
.aboutProject__input {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
margin-bottom: 44px;
}
@media (max-width: 991px) {
.aboutProject__input {
margin-bottom: 32px;
}
}
.aboutProject__input input {
font-weight: 400;
font-size: 15px;
line-height: 133%;
background-color: #f4feff;
border: 1px solid #55555554;
border-radius: 10px;
padding: 4px 4px 4px 12px;
width: 100%;
height: 44px;
color: #55555554;
}
.aboutProject__input-svg {
padding: 11px;
border-radius: 16px;
background-color: #6c9b3c;
width: 48px;
min-width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
}
.aboutProject h1 {
margin-bottom: 44px;
font-weight: 500;
font-size: 48px;
line-height: 108%;
}
@media (max-width: 991px) {
.aboutProject h1 {
font-size: 32px;
line-height: 125%;
margin-bottom: 32px;
}
}
.aboutProject__text .clamb {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
}
.aboutProject__description p {
margin-bottom: 32px;
font-weight: 400;
font-size: 20px;
line-height: 160%;
color: #555;
}
@media (max-width: 991px) {
.aboutProject__description p {
margin-bottom: 20px;
}
}
@media (max-width: 650px) {
.aboutProject__description p {
font-size: 15px;
line-height: 133%;
margin-bottom: 12px;
}
}
.aboutProject__description-bottom {
border-radius: 14px;
background-color: #f4feff;
padding: 24px;
font-weight: 400;
font-size: 20px;
line-height: 160%;
margin-bottom: 44px;
}
@media (max-width: 991px) {
.aboutProject__description-bottom {
margin-bottom: 32px;
padding: 16px;
}
}
@media (max-width: 650px) {
.aboutProject__description-bottom {
font-size: 15px;
line-height: 133%;
}
}
.aboutProject__title {
font-weight: 500;
font-size: 36px;
line-height: 111%;
color: #101010;
margin-bottom: 12px;
}
@media (max-width: 991px) {
.aboutProject__title {
font-size: 28px;
line-height: 129%;
}
}
@media (max-width: 650px) {
.aboutProject__title {
margin-bottom: 8px;
}
}
.aboutProject__subtitle {
font-weight: 400;
font-size: 20px;
line-height: 160%;
margin-bottom: 32px;
}
@media (max-width: 991px) {
.aboutProject__subtitle {
margin-bottom: 20px;
}
}
@media (max-width: 650px) {
.aboutProject__subtitle {
font-size: 15px;
line-height: 133%;
margin-bottom: 12px;
}
}
.aboutProject__items {
display: flex;
flex-direction: column;
gap: 40px;
margin-bottom: 32px;
position: relative;
}
@media (max-width: 991px) {
.aboutProject__items {
gap: 20px;
}
}
@media (max-width: 650px) {
.aboutProject__items {
margin-bottom: 12px;
}
}
.aboutProject__items .svg-stick {
position: absolute;
left: 8px;
height: 100%;
}
.aboutProject__items-item {
position: relative;
}
.aboutProject__items-item-title {
font-weight: 500;
font-size: 32px;
line-height: 125%;
color: #6c9b3c;
display: flex;
align-items: center;
gap: 18px;
margin-bottom: 4px;
}
@media (max-width: 991px) {
.aboutProject__items-item-title {
font-size: 28px;
line-height: 129%;
}
}
@media (max-width: 650px) {
.aboutProject__items-item-title {
font-size: 20px;
line-height: 120%;
gap: 12px;
}
}
.aboutProject__items-item-subtitle {
font-weight: 400;
font-size: 20px;
line-height: 160%;
color: #787070;
margin-left: 34px;
}
@media (max-width: 650px) {
.aboutProject__items-item-subtitle {
font-size: 15px;
line-height: 133%;
margin-left: 28px;
}
}
.aboutProject__bottom {
border-radius: 14px;
background-color: #f4feff;
padding: 24px;
font-weight: 400;
font-size: 20px;
line-height: 160%;
margin-bottom: 44px;
}
@media (max-width: 991px) {
.aboutProject__bottom {
padding: 16px;
}
}
@media (max-width: 650px) {
.aboutProject__bottom {
font-size: 15px;
line-height: 133%;
}
}
.btn.btn-pereskaz {
background-color: #6c9b3c;
color: white;
font-weight: 500;
font-size: 15px;
line-height: 133%;
padding: 16px 20px;
}
.btn.btn-pereskaz:hover {
background-color: #6589a8;
color: white;
}
.mainBanner {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
padding-block: 60px;
}
@media (max-width: 670px) {
.mainBanner {
flex-direction: column-reverse;
}
}
.mainBanner__info {
display: flex;
flex-direction: column;
gap: 48px;
max-width: 812px;
min-width: 55%;
}
@media (max-width: 1100px) {
.mainBanner__info {
gap: 32px;
}
}
.mainBanner__info-title {
font-weight: 500;
font-size: 48px;
line-height: 108%;
color: #2b4823;
}
@media (max-width: 1400px) {
.mainBanner__info-title {
font-size: 40px;
}
}
@media (max-width: 950px) {
.mainBanner__info-title {
font-size: 24px;
}
}
@media (max-width: 670px) {
.mainBanner__info-title {
text-align: center;
}
}
.mainBanner__info-btn {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
padding: 16px 24px;
background: #f2ffde;
border-radius: 16px;
width: fit-content;
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: #505050;
}
@media (max-width: 710px) {
.mainBanner__info-btn {
font-size: 17px;
}
}
@media (max-width: 670px) {
.mainBanner__info-btn {
width: 100%;
}
}
.mainBanner__pic {
max-width: 680px;
min-width: 40%;
}
.analysis {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
}
@media (max-width: 670px) {
.analysis {
flex-direction: column;
gap: 20px;
}
}
.analysis__left {
display: flex;
flex-direction: column;
gap: 40px;
width: 100%;
}
@media (max-width: 670px) {
.analysis__left {
gap: 16px;
}
}
.analysis__left-info {
display: flex;
flex-direction: column;
gap: 12px;
}
@media (max-width: 670px) {
.analysis__left-info {
text-align: center;
gap: 4px;
}
}
.analysis__left-info-title {
font-weight: 500;
font-size: 48px;
line-height: 108%;
}
@media (max-width: 1400px) {
.analysis__left-info-title {
font-size: 40px;
}
}
@media (max-width: 950px) {
.analysis__left-info-title {
font-size: 28px;
}
}
@media (max-width: 670px) {
.analysis__left-info-title {
font-style: 22px;
}
}
.analysis__left-info-subtitle {
font-weight: 400;
font-size: 20px;
line-height: 120%;
}
@media (max-width: 950px) {
.analysis__left-info-subtitle {
font-size: 15px;
}
}
@media (max-width: 670px) {
.analysis__left-info-subtitle {
font-style: 14px;
}
}
.analysis__left-btn {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
padding: 16px 24px;
background: #6C9B3C;
border-radius: 16px;
width: fit-content;
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: white;
}
.analysis__left-btn:hover {
color: white !important;
background: #81b64c;
}
@media (max-width: 950px) {
.analysis__left-btn {
font-size: 17px;
}
}
@media (max-width: 670px) {
.analysis__left-btn {
width: 100%;
}
}
@media (max-width: 950px) {
.analysis__right {
max-width: 40%;
}
}
@media (max-width: 740px) {
.analysis__right {
max-width: unset;
}
}
@media (max-width: 670px) {
.analysis__right {
width: 100%;
}
}
.about {
display: flex;
flex-direction: column;
margin-bottom: 40px;
}
.about__top {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 36px;
}
.about__top-title {
font-weight: 500;
font-size: 48px;
line-height: 108%;
}
@media (max-width: 1400px) {
.about__top-title {
font-size: 40px;
}
}
@media (max-width: 950px) {
.about__top-title {
font-size: 28px;
}
}
@media (max-width: 670px) {
.about__top-title {
font-style: 22px;
}
}
.about__top-subtitle {
font-weight: 400;
font-size: 20px;
line-height: 120%;
}
@media (max-width: 950px) {
.about__top-subtitle {
font-size: 15px;
}
}
@media (max-width: 670px) {
.about__top-subtitle {
font-style: 14px;
}
}
.about__main {
width: 100%;
display: flex;
justify-content: space-between;
align-items: stretch;
gap: 20px;
}
@media (max-width: 670px) {
.about__main {
flex-direction: column;
gap: 12px;
}
}
.about__main-card {
display: flex;
flex-direction: column;
gap: 12px;
border-radius: 24px;
padding: 28px;
background-color: #FFF9E8;
flex: 1;
}
.about__main-card-title {
font-weight: 500;
font-size: 28px;
line-height: 129%;
padding-bottom: 12px;
border-bottom: 1px solid #DFDFDF;
}
@media (max-width: 990px) {
.about__main-card-title {
font-size: 15px;
}
}
.about__main-card-subtitle {
font-weight: 400;
font-size: 18px;
line-height: 156%;
color: #505050;
}
@media (max-width: 990px) {
.about__main-card-subtitle {
font-size: 13px;
}
}
.about__bottom {
font-weight: 400;
font-size: 14px;
line-height: 171%;
color: #888888;
margin-top: 20px;
}
.about__bottom span {
border-bottom: 1px solid #888888;
}
.popular {
padding-block: 40px;
display: flex;
flex-direction: column;
gap: 24px;
}
.popular__title {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
font-weight: 500;
font-size: 48px;
line-height: 108%;
}
@media (max-width: 1400px) {
.popular__title {
font-size: 40px;
}
}
@media (max-width: 950px) {
.popular__title {
font-size: 28px;
}
}
@media (max-width: 670px) {
.popular__title {
font-size: 22px;
}
}
@media (max-width: 400px) {
.popular__title {
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
}
.popular__title a {
font-weight: 400;
font-size: 20px;
line-height: 160%;
text-decoration: underline;
}
@media (max-width: 670px) {
.popular__title a {
font-size: 14px;
}
}
.popular__slider {
display: flex;
gap: 24px;
max-width: 1584px;
width: 100%;
}
.popular__slider .swiper-slide {
width: auto;
}
.popular__slider-card {
border: 1px solid #d8d8d8;
border-radius: 8px;
padding: 16px;
width: 300px;
display: flex;
flex-direction: column;
gap: 12px;
overflow: hidden;
}
.popular__slider-card-pic {
width: 100%;
height: 320px;
overflow: hidden;
border-radius: 4px;
}
.popular__slider-card-tag {
font-weight: 500;
font-size: 17px;
line-height: 141%;
color: #505050;
background: #f5fdff;
border-radius: 8px;
padding: 4px 12px;
width: fit-content;
margin-top: 8px;
}
@media (max-width: 670px) {
.popular__slider-card-tag {
font-size: 13px;
}
}
.popular__slider-card-info {
font-weight: 500;
font-size: 17px;
line-height: 141%;
color: #202020;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-width: 268px;
margin-block: 8px;
}
@media (max-width: 670px) {
.popular__slider-card-info {
font-size: 13px;
}
}
.popular__slider-card-rating {
display: flex;
align-items: center;
justify-content: start;
gap: 8px;
font-weight: 500;
font-size: 17px;
line-height: 141%;
color: #505050;
}
@media (max-width: 670px) {
.popular__slider-card-rating {
font-size: 13px;
}
}
.popular__slider-navigation {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
margin-top: 24px;
}
.popular__slider-pagination {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
bottom: unset !important;
position: relative;
position: relative !important;
width: fit-content !important;
}
.popular__slider-pagination .swiper-pagination-bullet {
width: 32px;
height: 32px;
border-radius: 8px;
background: transparent;
color: #888888;
font-size: 16px;
font-weight: 500;
opacity: 1;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease;
}
.popular__slider-pagination .swiper-pagination-bullet-active {
background: #e6f4d7;
color: #6c9b3c;
}
.popular__slider-next, .popular__slider-prev {
border-radius: 6px;
padding: 6px;
width: 28px;
height: 28px;
background-color: white;
border: 1px solid #d8d8d8;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.knowledge {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 40px;
}
@media (max-width: 1200px) {
.knowledge {
flex-direction: column;
gap: 20px;
}
}
.knowledge__left {
font-weight: 500;
font-size: 48px;
line-height: 108%;
white-space: nowrap;
}
@media (max-width: 1400px) {
.knowledge__left {
font-size: 40px;
}
}
@media (max-width: 950px) {
.knowledge__left {
font-size: 28px;
}
}
@media (max-width: 670px) {
.knowledge__left {
font-size: 22px;
}
}
.knowledge__main {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
}
.knowledge__main-buttons {
display: flex;
justify-content: space-between;
gap: 8px;
}
.knowledge__main-buttons-btn {
border-radius: 10px;
padding: 12px 24px;
width: fit-content;
background: #d8d8d8;
color: #888888;
cursor: pointer;
font-size: 15px;
}
.knowledge__main-buttons-btn.cat-active {
background: #f2ffde;
color: black;
}
.knowledge__right {
display: flex;
flex-wrap: wrap;
max-width: 485px;
float: right;
gap: 12px;
}
@media (max-width: 1200px) {
.knowledge__right {
justify-content: center;
width: 100%;
max-width: unset;
}
}
.knowledge__right-btn {
width: fit-content;
border-radius: 24px;
padding: 24px;
background: #f2ffde;
display: flex;
align-items: center;
gap: 16px;
font-weight: 500;
font-size: 24px;
line-height: 150%;
color: #505050;
cursor: pointer;
}
@media (max-width: 1200px) {
.knowledge__right-btn {
font-size: 20px;
padding: 14px 16px;
border-radius: 16px;
}
}
@media (max-width: 670px) {
.knowledge__right-btn {
font-size: 16px;
}
}
.wrapper__avtory h1 {
margin-bottom: 44px;
}
.wrapper__avtory p {
color: #555555;
}
.avtory__cards {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 24px;
width: 100%;
}
@media (max-width: 991px) {
.avtory__cards {
flex-direction: column;
}
}
.avtory__cards-item {
display: flex;
gap: 40px;
border: 1px solid #d8d8d8;
border-radius: 14px;
padding: 24px;
width: calc(50% - 15px);
}
@media (max-width: 991px) {
.avtory__cards-item {
width: 100%;
}
}
@media (max-width: 600px) {
.avtory__cards-item {
gap: 15px;
padding: 15px;
}
}
.avtory__cards-item-img {
min-width: 167px;
width: 167px;
overflow: hidden;
border-radius: 8px;
max-height: 167px;
}
@media (max-width: 600px) {
.avtory__cards-item-img {
min-width: 130px;
}
}
.avtory__cards-item-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.avtory__cards-item-left {
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 20px;
}
.avtory__cards-item-left-info {
display: flex;
flex-direction: column;
gap: 12px;
}
.avtory__cards-item-left-info-title {
font-weight: 500;
font-size: 28px;
line-height: 129%;
color: #101010;
}
@media (max-width: 600px) {
.avtory__cards-item-left-info-title {
font-size: 16px;
}
}
.avtory__cards-item-left-info-text {
font-weight: 400;
font-size: 15px;
line-height: 133%;
color: #555;
}
@media (max-width: 600px) {
.avtory__cards-item-left-info-text {
font-size: 14px;
}
}
.avtory__cards-item-left-button {
color: white;
border: 1px solid #d8d8d8;
border-radius: 12px;
padding: 20px;
width: fit-content;
background: #6c9b3c;
cursor: pointer;
font-size: 15px;
}
.avtory__cards-item-left-button:hover {
background: #036e7a;
color: white !important;
}
@media (max-width: 600px) {
.avtory__cards-item-left-button {
display: flex;
justify-content: center;
color: white;
border: 1px solid #d8d8d8;
border-radius: 12px;
padding: 14px;
width: fit-content;
background: #6c9b3c;
cursor: pointer;
font-size: 15px;
text-align: center;
width: 100%;
}
}
.avtory__cards-item-left-button-mobile {
display: none;
}
.avtory__cards-item-sotrudnichestvo {
width: 100%;
margin-top: 40px;
justify-content: center;
background: #91C244;
border: 1px solid #6c9b3c;
}
.avtory__cards-item-sotrudnichestvo .avtory__cards-item-left {
align-items: center;
}
.avtory__cards-item-sotrudnichestvo .avtory__cards-item-left-info {
align-items: center;
}
.avtory__cards-item-sotrudnichestvo .avtory__cards-item-left-info-title {
color: white;
}
.avtory__cards-item-sotrudnichestvo .avtory__cards-item-left-info-text {
text-align: center;
color: white;
}
.avtory__cards-item-sotrudnichestvo .avtory__cards-item-left-button-sotrudnichestvo {
border: 1px solid #d8d8d8;
border-radius: 12px;
padding: 20px;
width: fit-content;
cursor: pointer;
font-size: 15px;
background-color: white;
color: rgba(0, 0, 0, 0.7);
}
@media ((max-width: 600px)) {
.avtory__cards-item-sotrudnichestvo .avtory__cards-item-left-button-sotrudnichestvo {
width: 100%;
padding: 14px;
display: flex;
justify-content: center;
align-items: center;
}
}
.avtory__cards-item-sotrudnichestvo .avtory__cards-item-left-button-sotrudnichestvo:hover {
color: #91C244;
}
.avtorDetail {
display: flex;
align-items: center;
gap: 40px;
width: 100%;
margin-bottom: 44px;
}
@media (max-width: 600px) {
.avtorDetail {
flex-direction: column;
align-items: flex-start;
gap: 20px;
margin-bottom: 20px;
}
}
.avtorDetail__img {
width: 167px;
height: 167px;
overflow: hidden;
border-radius: 8px;
}
.avtorDetail__img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.avtorDetail__info {
display: flex;
flex-direction: column;
gap: 12px;
}
.avtorDetail__info-title {
font-weight: 500;
font-size: 28px;
line-height: 129%;
color: #101010;
}
.avtorDetail__info-text {
font-weight: 400;
font-size: 15px;
line-height: 133%;
color: #555;
}
.avtorDetail__right {
display: flex;
flex-direction: column;
justify-content: space-between;
height: -webkit-fill-available;
}
.avtorDetail-more {
display: flex;
align-items: center;
gap: 16px;
}
.avtorDetail-more span {
color: #101010;
font-size: 16px;
}
.avtorDetail-more__links {
display: flex;
gap: 16px;
}
.avtorDetail-more__link {
border-radius: 6px;
border: #6c9b3c solid 1px;
padding: 8px 12px;
}
@media (max-width: 600px) {
.avtorDetail-more {
flex-direction: column;
gap: 12px;
align-items: start;
margin-top: 16px;
}
}
.wrapper__avtory ul {
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: #101010;
}
@media (max-width: 600px) {
.wrapper__avtory ul {
margin-bottom: 20px;
}
}
.wrapper__avtory ul li {
list-style: none;
padding: 0;
margin: 0;
margin-top: 8px;
font-weight: 400;
font-size: 20px;
line-height: 160%;
color: #787070;
}
.wrapper__avtory ul li svg {
width: 8px;
height: 8px;
}
@media (max-width: 600px) {
.wrapper__avtory ul li {
font-size: 14px;
}
}
.wrapper__avtory ul li span {
font-weight: 500;
font-size: 17px;
line-height: 141%;
color: #101010;
}
@media (max-width: 600px) {
.wrapper__avtory ul li span {
font-size: 14px;
}
}
@media (max-width: 600px) {
.wrapper__avtory p {
font-size: 14px;
margin-bottom: 20px;
}
}
.wrapper__avtory .selection {
background: #f4feff;
padding: 24px;
font-size: 17px;
}
@media (max-width: 600px) {
.wrapper__avtory .selection {
margin-top: unset;
margin-bottom: unset;
font-size: 15px;
}
}
.wrapper__avtory .selection p {
padding-bottom: 12px;
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: #101010;
}
.avtorDetail-offer-btn {
width: fit-content;
margin: 0 auto;
}
.page.page--feed-evaluation {
padding-top: 100px;
margin-top: 70px;
}
@media (max-width: 991px) {
.page.page--feed-evaluation {
padding-top: 0;
margin-top: 32px;
}
}
.dinamikaCen {
--left-width: 200px;
--col-width: 240px;
--head-height: 48px;
--row-height: 64px;
max-width: 100%;
min-width: 0;
}
@media (max-width: 1400px) {
.dinamikaCen {
--col-width: 183px;
}
}
@media (max-width: 991px) {
.dinamikaCen {
--col-width: 95px;
}
}
@media (max-width: 550px) {
.dinamikaCen {
--head-height: 41px;
--col-width: 75px;
--row-height: 57px;
}
}
.dinamikaCen__top {
display: flex;
gap: 36px;
align-items: center;
max-width: 100%;
min-width: 0;
}
.dinamikaCen__title {
font-weight: 500;
font-size: 36px;
line-height: 111%;
color: #101010;
margin: 0;
white-space: nowrap;
}
@media (max-width: 991px) {
.dinamikaCen__title {
font-size: 32px;
}
}
@media (max-width: 550px) {
.dinamikaCen__title {
font-size: 28px;
}
}
.dinamikaCen__method {
font-weight: 400;
font-size: 14px;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #6c9b3c;
position: relative;
display: inline-block;
cursor: pointer;
/* Стилизуем саму подсказку (теперь обращаемся к ней по полному классу для надежности) */
/* МАГИЯ ПОЯВЛЕНИЯ */
/* Когда наводим hover на &-method, меняем свойства у .dynamicPrice__block-top-method-info */
}
.dinamikaCen__method .dinamikaCen__method-info {
position: absolute;
top: 0;
left: 100%;
transform: translateY(-100%);
/* Чтобы длинный текст не вылезал за пределы экрана, полезно задать ширину */
width: 300px;
background-color: #ffffff;
color: #787070;
padding: 12px;
border-radius: 12px;
border: 1px solid #d8d8d8;
font-size: 13px;
/* Текст подсказки обычно делают чуть меньше */
line-height: 1.4;
z-index: 10;
/* Отключаем подчеркивание, которое может унаследоваться от родительского */
text-decoration: none;
/* МАГИЯ СКРЫТИЯ */
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
}
@media (max-width: 750px) {
.dinamikaCen__method .dinamikaCen__method-info {
left: unset;
right: 0;
}
}
.dinamikaCen__method:hover .dinamikaCen__method-info {
visibility: visible;
opacity: 1;
}
.dinamikaCen__block {
display: flex;
margin-top: 28px;
width: 100%;
max-width: 100%;
min-width: 0;
align-items: stretch;
overflow: hidden;
}
@media (max-width: 1400px) {
.dinamikaCen__block {
margin-top: 24px;
}
}
.dinamikaCen__left {
flex: 0 0 var(--left-width);
min-width: 0;
}
.dinamikaCen__left-text {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 12px 22px;
font-weight: 400;
font-size: 14px;
color: #787070;
white-space: nowrap;
box-sizing: border-box;
height: var(--row-height);
overflow: hidden;
}
@media (max-width: 550px) {
.dinamikaCen__left-text {
font-weight: 400;
font-size: 12px;
text-align: center;
color: #787070;
padding: 0;
}
}
.dinamikaCen__left-text:first-child {
height: var(--head-height);
}
.dinamikaCen__scroll {
position: relative;
flex: 1;
min-width: 0;
max-width: 100%;
}
.dinamikaCen__right {
display: flex;
overflow-x: auto;
overflow-y: hidden;
width: 100%;
max-width: 100%;
min-width: 0;
padding-bottom: 22px;
scrollbar-width: none;
-ms-overflow-style: none;
}
.dinamikaCen__right::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
.dinamikaCen__item {
flex: 0 0 var(--col-width);
}
.dinamikaCen__date {
font-weight: 500;
font-size: 17px;
line-height: 141%;
color: #787070;
border: 1px solid #d8d8d8;
padding: 12px 29px;
background: #eef6f9;
box-sizing: border-box;
height: var(--head-height);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
@media (max-width: 550px) {
.dinamikaCen__date {
padding: 0;
font-weight: 500;
font-size: 14px;
}
}
.dinamikaCen__value {
border-bottom: 1.82px solid #d8d8d8;
border-left: 1.82px solid #d8d8d8;
padding: 20px 29px;
font-weight: 500;
font-size: 17px;
line-height: 141%;
color: #787070;
display: flex;
gap: 8px;
box-sizing: border-box;
height: var(--row-height);
align-items: center;
justify-content: center;
text-align: center;
}
@media (max-width: 550px) {
.dinamikaCen__value {
padding: 0;
font-weight: 500;
font-size: 14px;
}
}
.dinamikaCen__item:last-child .dinamikaCen__date, .dinamikaCen__item:last-child .dinamikaCen__value {
border-right: 1.82px solid #d8d8d8;
}
.dinamikaCen__item:first-child .dinamikaCen__date {
border-top-left-radius: 8px;
}
.dinamikaCen__item:first-child .dinamikaCen__value:last-child {
border-bottom-left-radius: 8px;
}
.dinamikaCen__item:last-child .dinamikaCen__date {
border-top-right-radius: 8px;
}
.dinamikaCen__item:last-child .dinamikaCen__value:last-child {
border-bottom-right-radius: 8px;
}
.dinamikaCen__arrow {
position: absolute;
bottom: 0;
z-index: 5;
width: 24px;
height: 18px;
padding: 0;
border: 0;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.dinamikaCen__arrow--left {
left: 0;
}
.dinamikaCen__arrow--right {
right: 0;
}
.dinamikaCen__arrow--left .dinamikaCen__arrow-icon {
transform: rotate(180deg);
}
.dinamikaCen__arrow-icon {
width: 6px;
height: 11px;
display: block;
pointer-events: none;
}
.dinamikaCen__arrow:disabled {
opacity: 0.35;
cursor: default;
}
.dinamikaCen__bar {
position: absolute;
left: 24px;
right: 24px;
bottom: 5px;
height: 8px;
}
.dinamikaCen__track {
position: relative;
width: 100%;
height: 8px;
background: #eef2f3;
border-radius: 20px;
cursor: pointer;
}
.dinamikaCen__thumb {
position: absolute;
left: 0;
top: 0;
height: 8px;
min-width: 40px;
background: #d8d8d8;
border-radius: 20px;
cursor: grab;
}
.dinamikaCen__thumb:active {
cursor: grabbing;
}
.dinamikaCen__scroll:not(.is-scrollable) .dinamikaCen__arrow, .dinamikaCen__scroll:not(.is-scrollable) .dinamikaCen__bar {
display: none;
}
.dinamikaCen__scroll:not(.is-scrollable) .dinamikaCen__right {
padding-bottom: 0;
}
.dinamikaCen__under {
/* Делаем так, чтобы зона наведения была только по размеру самого текста */
display: inline-block;
position: relative;
cursor: pointer;
width: fit-content;
/* Сюда можете добавить стили для самого слова "*Примечание", если нужно */
font-size: 14px;
color: #787070;
margin-top: 28px;
/* МАГИЯ ПОЯВЛЕНИЯ */
}
@media (max-width: 1400px) {
.dinamikaCen__under {
margin-top: 24px;
}
}
.dinamikaCen__under-text {
position: absolute;
top: 0;
left: 100%;
/* Прикрепляем к концу слова */
transform: translateY(-100%);
/* Выравниваем ровно по центру */
width: 300px;
background-color: #ffffff;
color: #787070;
padding: 12px;
border-radius: 12px;
border: 1px solid #d8d8d8;
font-size: 13px;
line-height: 1.4;
z-index: 10;
/* МАГИЯ СКРЫТИЯ */
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
}
@media (max-width: 450px) {
.dinamikaCen__under-text {
/* Адаптив для мобилок */
left: 0;
transform: translateX(0);
/* ВАЖНО: сбрасываем центрирование */
top: unset;
}
}
.dinamikaCen__under:hover .dinamikaCen__under-text {
visibility: visible;
opacity: 1;
}
.dynamicPrice .dynamicPrice__block {
display: flex;
flex-direction: column;
gap: 36px;
margin: 40px 0;
position: relative;
}
.dynamicPrice .dynamicPrice__block-top {
display: flex;
gap: 36px;
align-items: center;
}
.dynamicPrice .dynamicPrice__block-top-title {
font-weight: 500;
font-size: 36px;
line-height: 111%;
color: #101010;
margin: 0;
}
.dynamicPrice .dynamicPrice__block-top-method {
font-weight: 400;
font-size: 14px;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #6c9b3c;
position: relative;
display: inline-block;
cursor: pointer;
/* Стилизуем саму подсказку (теперь обращаемся к ней по полному классу для надежности) */
/* МАГИЯ ПОЯВЛЕНИЯ */
/* Когда наводим hover на &-method, меняем свойства у .dynamicPrice__block-top-method-info */
}
.dynamicPrice .dynamicPrice__block-top-method .dynamicPrice__block-top-method-info {
position: absolute;
top: 0;
left: 100%;
transform: translateY(-100%);
/* Чтобы длинный текст не вылезал за пределы экрана, полезно задать ширину */
width: 300px;
background-color: #ffffff;
color: #787070;
padding: 12px;
border-radius: 12px;
border: 1px solid #d8d8d8;
font-size: 13px;
/* Текст подсказки обычно делают чуть меньше */
line-height: 1.4;
z-index: 10;
/* Отключаем подчеркивание, которое может унаследоваться от родительского */
text-decoration: none;
/* МАГИЯ СКРЫТИЯ */
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
}
@media (max-width: 750px) {
.dynamicPrice .dynamicPrice__block-top-method .dynamicPrice__block-top-method-info {
left: unset;
right: 0;
}
}
.dynamicPrice .dynamicPrice__block-top-method:hover .dynamicPrice__block-top-method-info {
visibility: visible;
opacity: 1;
}
.dynamicPrice .dynamicPrice__block-list {
padding: 0 48px;
}
.dynamicPrice .dynamicPrice__block-list-slide {
display: flex;
overflow: hidden;
overflow-x: auto;
}
.dynamicPrice .dynamicPrice__block-list-slide::-webkit-scrollbar {
height: 0;
opacity: 0;
}
.dynamicPrice .dynamicPrice__block-under {
/* Делаем так, чтобы зона наведения была только по размеру самого текста */
display: inline-block;
position: relative;
cursor: pointer;
width: fit-content;
/* Сюда можете добавить стили для самого слова "*Примечание", если нужно */
font-size: 14px;
color: #787070;
/* МАГИЯ ПОЯВЛЕНИЯ */
}
.dynamicPrice .dynamicPrice__block-under-text {
position: absolute;
top: 0;
left: 100%;
/* Прикрепляем к концу слова */
transform: translateY(-100%);
/* Выравниваем ровно по центру */
width: 300px;
background-color: #ffffff;
color: #787070;
padding: 12px;
border-radius: 12px;
border: 1px solid #d8d8d8;
font-size: 13px;
line-height: 1.4;
z-index: 10;
/* МАГИЯ СКРЫТИЯ */
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
}
@media (max-width: 450px) {
.dynamicPrice .dynamicPrice__block-under-text {
/* Адаптив для мобилок */
left: 0;
transform: translateX(0);
/* ВАЖНО: сбрасываем центрирование */
top: unset;
}
}
.dynamicPrice .dynamicPrice__block-under:hover .dynamicPrice__block-under-text {
visibility: visible;
opacity: 1;
}
.dynamicPrice .dynamicPrice__block-item-date {
font-weight: 500;
font-size: 17px;
height: 60px;
line-height: 141%;
color: #787070;
background: #eef6f9;
padding: 29px;
white-space: nowrap;
border: 1px solid #d8d8d8;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.dynamicPrice .dynamicPrice__block-item-price {
font-weight: 500;
font-size: 17px;
line-height: 141%;
color: #787070;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 29px;
white-space: nowrap;
border-bottom: 1.82px solid #d8d8d8;
border-left: 1.82px solid #d8d8d8;
border-right: 1.82px solid #d8d8d8;
}
.dynamicPrice .dynamicPrice__block-item:first-child .dynamicPrice__block-item-date {
border-radius: 12px 0 0 0;
/* Левый верхний угол */
}
.dynamicPrice .dynamicPrice__block-item:first-child .dynamicPrice__block-item-price {
border-radius: 0 0 0 12px;
/* Левый нижний угол */
}
.dynamicPrice .dynamicPrice__block-item:last-child .dynamicPrice__block-item-date {
border-radius: 0 12px 0 0;
/* Правый верхний угол */
}
.dynamicPrice .dynamicPrice__block-item:last-child .dynamicPrice__block-item-price {
border-radius: 0 0 12px 0;
/* Правый нижний угол */
}
.dynamicPrice .dynamicPrice__block-item:only-child .dynamicPrice__block-item-date {
border-radius: 12px 12px 0 0;
/* Оба верхних угла */
}
.dynamicPrice .dynamicPrice__block-item:only-child .dynamicPrice__block-item-price {
border-radius: 0 0 12px 12px;
/* Оба нижних угла */
}
.dynamicPrice .dynamicPrice__block-control {
position: absolute;
display: flex;
top: 50%;
justify-content: space-between;
transform: translateY(-19%);
width: 100%;
}
.dynamicPrice .dynamicPrice__block-control-prev {
cursor: pointer;
transform: rotate(180deg);
transform-origin: center;
border-radius: 8px;
padding: 10px;
border: 1px solid #e5e5e5;
width: 36px;
height: 36px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.dynamicPrice .dynamicPrice__block-control-next {
cursor: pointer;
border-radius: 8px;
padding: 10px;
border: 1px solid #e5e5e5;
width: 36px;
height: 36px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.question-main__block-title {
text-align: center;
font-weight: 500;
font-size: 48px;
line-height: 108%;
margin: 0;
text-align: center;
}
@media (max-width: 450px) {
.question-main__block-title {
font-size: 24px;
text-align: start;
}
}
.question__wrapper {
max-width: 1584px;
margin: 0 auto;
margin-bottom: 44px;
}
@media (max-width: 450px) {
.question__wrapper {
margin-bottom: 32px;
}
}
.search-form-question {
display: flex;
align-items: center;
justify-content: center;
gap: 40px;
height: 52px;
}
@media (max-width: 750px) {
.search-form-question {
gap: 20px;
}
}
@media (max-width: 450px) {
.search-form-question {
gap: 12px;
}
}
.search-form-question-block {
display: flex;
gap: 4px;
}
.search-form-question__btn-magnifier {
border-radius: 10px;
padding: 16px;
height: 100%;
background: #6c9b3c;
border: 0;
cursor: pointer;
}
@media (max-width: 450px) {
.search-form-question__btn-magnifier {
padding: 12px;
}
}
.search-form-question__btn {
display: flex;
align-items: center;
width: fit-content;
height: 100%;
padding: 0 24px;
background: #fff;
border: 1px solid #6c9b3c;
border-radius: 12px;
color: #6c9b3c;
font-size: 15px;
font-weight: 500;
line-height: 1.33;
cursor: pointer;
transition: opacity 0.2s;
white-space: nowrap;
}
@media (max-width: 750px) {
.search-form-question__btn {
font-size: 0;
width: 52px;
padding: 24px;
}
.search-form-question__btn::after {
content: "?";
font-size: 28px;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-weight: 500;
line-height: 129%;
color: #6c9b3c;
}
}
@media (max-width: 450px) {
.search-form-question__btn {
height: 44px;
padding: 0;
}
}
.search-form-question__btn:hover {
opacity: 0.8;
}
.search-block__form {
position: relative;
display: flex;
align-items: center;
max-width: 983px;
width: 100%;
height: 100%;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.search-block__form-item {
display: flex;
align-items: center;
width: 100%;
height: 100%;
overflow: hidden;
}
.search-block__form-item-input {
flex: 1;
height: 100%;
border: 1px solid white;
background: transparent;
font-size: 15px;
width: 100%;
}
.search-block__form-item-input, .search-block__form-item-input:hover, .search-block__form-item-input:focus {
color: rgba(0, 0, 0, 0.3) !important;
}
.search-block__form-item-input::placeholder {
color: rgba(0, 0, 0, 0.3) !important;
opacity: 1;
}
.search-form-question-block {
position: relative;
display: flex;
align-items: center;
justify-content: end;
max-width: 1039px;
width: 100%;
height: 52px;
background: #fff;
border-radius: 10px;
}
@media (max-width: 1400px) {
.search-form-question-block {
max-width: 691px;
}
}
@media (max-width: 991px) {
.search-form-question-block {
max-width: 461px;
}
}
@media (max-width: 450px) {
.search-form-question-block {
height: 44px;
}
}
.catalog__block-list {
display: flex;
gap: 20px;
vertical-align: baseline;
justify-content: center;
/* --- НОВЫЙ БЛОК ДЛЯ ГОРИЗОНТАЛЬНОГО СКРОЛЛА --- */
}
@media (max-width: 991px) {
.catalog__block-list {
flex-wrap: wrap;
gap: 12px;
}
}
@media (max-width: 743px) {
.catalog__block-list {
flex-wrap: nowrap;
/* Отменяем перенос элементов на новые строки */
overflow-x: scroll;
/* Включаем горизонтальную прокрутку */
justify-content: flex-start;
/* Прижимаем элементы к левому краю */
padding-bottom: 8px;
/* Даем место снизу, чтобы скроллбар не прилипал к карточкам */
/* Стилизация скроллбара под ваш дизайн (работает в Chrome, Safari, Edge) */
/* Для Firefox (он не поддерживает детальную стилизацию как Webkit,
но можно задать тонкий скроллбар и цвета) */
scrollbar-width: thin;
scrollbar-color: #6c9b3c #e0e0e0;
}
.catalog__block-list::-webkit-scrollbar {
height: 4px;
/* Делаем полосу тонкой */
}
.catalog__block-list::-webkit-scrollbar-track {
background: #e0e0e0;
/* Светло-серая линия (фон) */
border-radius: 4px;
/* Скругляем края */
}
.catalog__block-list::-webkit-scrollbar-thumb {
background: #6c9b3c;
/* Ваш фирменный зеленый цвет (ползунок) */
border-radius: 999px;
/* Скругляем края ползунка */
}
.catalog__block-list::-webkit-scrollbar-thumb:hover, .catalog__block-list::-webkit-scrollbar-thumb:active {
background: #6c9b3c;
}
}
.catalog__block-item {
border-radius: 8px;
padding: 1px 1px 0 1px;
box-shadow: 1px 3px 13px 0 rgba(0, 0, 0, 0.05), 0 1px 6px 0 rgba(0, 0, 0, 0.05);
background: #fff;
max-width: 100%;
display: flex;
flex-direction: column;
border: 1px solid #fff;
overflow: hidden;
gap: 12px;
flex: 1;
}
@media (max-width: 991px) {
.catalog__block-item {
flex-direction: row;
align-items: center;
/* ТЕПЕРЬ ШИРИНА ЗАВИСИТ ОТ ТЕКСТА */
flex: 0 0 auto;
width: max-content;
border: 1px solid #d9d9d9;
}
}
.catalog__block-item-active {
background: #6c9b3c;
border-right: 0;
}
.catalog__block-item:hover {
cursor: pointer;
border: 1px solid #6c9b3c;
}
.catalog__block-item-text {
text-align: center;
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: #202020;
padding-bottom: 16px;
}
@media (max-width: 991px) {
.catalog__block-item-text {
font-size: 18px;
padding: 0px 20px;
/* Ваши отступы сохранены */
/* ЗАПРЕЩАЕМ ПЕРЕНОС ТЕКСТА */
white-space: nowrap;
}
}
.catalog__block-item-img {
display: flex;
}
@media (max-width: 991px) {
.catalog__block-item-img {
width: 62px;
height: 54px;
flex: 0 0 auto;
/* Если картинка маловата, можете поменять на 60px */
}
}
.catalog__block-item-img img {
width: 100%;
height: auto;
object-fit: contain;
}
.question__block-btn {
display: flex;
justify-content: space-between;
margin-bottom: 18px;
position: relative;
height: 44px;
}
.question__block-btn-left {
display: none;
}
.question__block-btn-right {
display: flex;
gap: 8px;
position: absolute;
right: 0;
}
@media (max-width: 450px) {
.question__block-btn-right {
width: 100%;
/* Заставляем контейнер занять всю доступную ширину */
}
}
.btn-question-active {
background: #f2ffde !important;
color: #000 !important;
}
.btn-popular-question {
border-radius: 10px;
border: 0;
padding: 12px 24px;
max-width: 137px;
background: rgba(0, 0, 0, 0.05);
font-weight: 400;
font-size: 15px;
line-height: 133%;
color: rgba(0, 0, 0, 0.3);
cursor: pointer;
}
@media (max-width: 450px) {
.btn-popular-question {
max-width: 100%;
/* Убираем десктопное ограничение */
flex: 1;
/* Кнопки делят пространство поровну (по 50%) */
padding: 12px 24px;
/* Слегка уменьшаем боковые отступы, чтобы текст точно влез */
}
}
.btn-last-question {
border-radius: 10px;
border: 0;
padding: 12px 24px;
max-width: 128px;
background: rgba(0, 0, 0, 0.05);
font-weight: 400;
font-size: 15px;
line-height: 133%;
color: rgba(0, 0, 0, 0.3);
cursor: pointer;
}
@media (max-width: 450px) {
.btn-last-question {
max-width: 100%;
/* Убираем десктопное ограничение */
flex: 1;
/* Кнопки делят пространство поровну (по 50%) */
padding: 12px 24px;
/* Слегка уменьшаем боковые отступы */
}
}
.question__block-values {
display: flex;
gap: 20px;
align-items: flex-start;
}
@media (max-width: 550px) {
.question__block-values {
gap: 40px;
}
}
.question__block-main {
display: flex;
flex-direction: column;
gap: 12px;
border-radius: 8px;
border: 1px solid #d9d9d9;
}
.question__block-main:hover {
background: #6c9b3c;
color: white;
transition: 0.5s ease;
}
.question__block-main:hover .question__block-top-left, .question__block-main:hover .question__block-top-person-value-date, .question__block-main:hover .question__block-top-views-value, .question__block-main:hover .question__block-top-comments-value, .question__block-main:hover .question__block-top-person-value-name, .question__block-main:hover .question__block-bottom-btn-right-text, .question__block-main:hover .question__block-bottom-btn-right-text::after {
color: white;
transition: 0.5s ease;
}
.question__block-main:hover .question__block-top-views svg path, .question__block-main:hover .question__block-top-comments svg path {
stroke: #fff;
}
.question__block-main.active .question__block-top {
background: #6c9b3c;
border-color: #6c9b3c;
}
.question__block-main.active .question__block-top .question__block-top-left, .question__block-main.active .question__block-top .question__block-top-person-value-name, .question__block-main.active .question__block-top .question__block-top-person-value-date, .question__block-main.active .question__block-top .question__block-top-views-value, .question__block-main.active .question__block-top .question__block-top-comments-value {
color: #fff;
}
.question__block-main.active .question__block-top svg path {
stroke: #fff;
fill: none;
}
.question__block-main.active .question__block-top .question__block-open-btn svg path {
fill: #fff;
stroke: none;
}
.question__block-main.active .question__block-bottom {
display: flex;
}
.question__block-main.active .question__block-bottom p {
margin: 0;
}
.question__block-top {
display: flex;
justify-content: space-between;
align-items: center;
padding: 18px 24px;
width: 100%;
cursor: pointer;
position: relative;
transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
gap: 40px;
}
@media (max-width: 991px) {
.question__block-top {
flex-wrap: wrap;
gap: 12px;
}
}
@media (max-width: 550px) {
.question__block-top {
padding: 12px 16px;
}
}
.question__block-top-left {
font-weight: 500;
font-size: 24px;
line-height: 117%;
color: #555;
transition: color 0.3s ease;
}
@media (max-width: 991px) {
.question__block-top-left {
width: 100%;
/* 1. Заставляем заголовок занять всю первую строку */
}
}
@media (max-width: 550px) {
.question__block-top-left {
font-size: 18px;
margin-right: 56px;
}
}
.question__block-top svg path {
transition: stroke 0.3s ease, fill 0.3s ease;
}
.question__block-top-right {
display: flex;
gap: 20px;
align-items: center;
}
@media (max-width: 991px) {
.question__block-top-right {
width: 100%;
/* 2. РАСТЯГИВАЕМ КОНТЕЙНЕР! Без этого space-between не работает */
justify-content: space-between;
/* Теперь профиль уйдет влево, а статистика вправо */
}
}
@media (max-width: 550px) {
.question__block-top-right {
flex-wrap: wrap;
gap: 8px;
}
}
.question__block-top-person {
display: flex;
align-items: center;
gap: 12px;
padding: 4px 16px 4px 4px;
}
.question__block-top-person-value {
display: flex;
flex-direction: column;
gap: 2px;
}
.question__block-top-person-value-name {
font-weight: 600;
font-size: 16px;
color: #505050;
}
@media (max-width: 550px) {
.question__block-top-person-value-name {
font-size: 14px;
}
}
.question__block-top-person-value-date {
font-weight: 400;
font-size: 14px;
color: #505050;
}
@media (max-width: 550px) {
.question__block-top-person-value-date {
font-size: 12px;
}
}
.question__block-top-person img {
border: 1px solid #d8d8d8;
border-radius: 100px;
width: 50px;
height: 50px;
}
@media (max-width: 991px) {
.question__block-top-person img {
width: 32px;
height: 32px;
}
}
.question__block-top-views {
display: flex;
align-items: center;
gap: 4px;
}
.question__block-top-views-value {
font-weight: 400;
font-size: 15px;
line-height: 133%;
color: #505050;
}
@media (max-width: 550px) {
.question__block-top-views-value {
font-size: 12px;
}
}
.question__block-top-comments {
display: flex;
align-items: center;
gap: 4px;
}
.question__block-top-comments-value {
font-weight: 400;
font-size: 15px;
color: #505050;
}
@media (max-width: 550px) {
.question__block-top-comments-value {
font-size: 12px;
}
}
.question__block-open-btn {
position: absolute;
top: 50%;
/* Сдвигает верхний край кнопки на середину родителя */
transform: translateY(-50%);
/* Поднимает кнопку вверх ровно на половину её собственной высоты */
right: 24px;
/* Прижимаем к правому краю (расстояние можно менять) */
width: 36px;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
/* Чтобы SVG внутри тоже встал по центру */
cursor: pointer;
}
.question__block-open-btn svg {
transition: transform 0.3s ease;
/* Плавное переворачивание за 0.3 секунды */
transform-origin: center;
/* Точка трансформации в центре */
}
/* Активное состояние: когда родительский блок (.question__block-main) получает класс .active */
.question__block-main.active .question__block-open-btn svg {
transform: rotate(180deg);
/* Переворачиваем стрелку на 180 градусов (вверх) */
}
.questions__block {
display: flex;
flex-direction: column;
gap: 12px;
}
.question__block-bottom {
margin: 0 32px;
border: 1px solid #6c9b3c;
border-radius: 0 0 8px 8px;
padding: 16px;
display: none;
flex-direction: column;
gap: 16px;
}
@media (max-width: 991px) {
.question__block-bottom {
margin: 0 20px;
}
}
@media (max-width: 550px) {
.question__block-bottom {
margin: 0 12px;
}
}
.question__block-bottom-text {
font-weight: 400;
font-size: 22px;
line-height: 145%;
color: #505050;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
/* количество строк */
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (max-width: 991px) {
.question__block-bottom-text {
font-size: 18px;
}
}
@media (max-width: 550px) {
.question__block-bottom-text {
font-size: 16px;
}
}
.question__block-bottom-btn {
display: flex;
align-items: center;
gap: 16px;
}
@media (max-width: 450px) {
.question__block-bottom-btn {
justify-content: space-between;
}
}
.question__block-bottom-btn a {
cursor: pointer;
}
.question__block-bottom-btn-left {
border-radius: 9999px;
padding: 8px 12px;
background: #fff3d9;
border: 0;
font-weight: 500;
font-size: 15px;
line-height: 133%;
color: #ce7c00;
display: flex;
width: fit-content;
display: flex;
gap: 8px;
align-items: center;
}
@media (max-width: 450px) {
.question__block-bottom-btn-left {
font-size: 12px;
}
}
.question__block-bottom-btn-right-text {
font-weight: 400;
font-size: 15px;
line-height: 133%;
color: #6c9b3c;
white-space: nowrap;
}
@media (max-width: 750px) {
.question__block-bottom-btn-right-text {
font-size: 0;
}
.question__block-bottom-btn-right-text::after {
content: "читать ответ";
font-weight: 400;
font-size: 14px;
line-height: 133%;
color: #6c9b3c;
}
}
@media (max-width: 750px) {
.questionDetail .question-main__block-title {
text-align: start;
font-size: 32px;
}
}
.questionDetail .questionBlock-form {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
gap: 12px;
}
.questionDetail .question__btn-back {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #d8d8d8;
border-radius: 10px;
background: #fff;
padding: 8px;
width: 52px;
height: 52px;
flex-shrink: 0;
cursor: pointer;
transition: background-color 0.2s;
}
@media (max-width: 450px) {
.questionDetail .question__btn-back {
width: 44px;
height: 44px;
}
}
.questionDetail .search-form-question {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 20px;
flex-grow: 1;
}
@media (max-width: 750px) {
.questionDetail .search-form-question {
gap: 24px;
}
}
@media (max-width: 450px) {
.questionDetail .search-form-question {
gap: 8px;
}
}
.questionDetail .search-form-question-block {
display: flex;
align-items: center;
gap: 8px;
max-width: 100%;
/* Замените 983px на 100% (или удалите строку), чтобы снять ограничение по ширине */
flex-grow: 1;
/* ДОБАВЬТЕ ЭТО, чтобы блок поиска занял всё свободное место */
width: 100%;
height: 52px;
}
@media (max-width: 450px) {
.questionDetail .search-form-question-block {
height: 44px;
}
}
.questionDetail .search-form-question__btn-magnifier {
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
width: 52px;
height: 100%;
background: #6c9b3c;
border: none;
cursor: pointer;
flex-shrink: 0;
transition: opacity 0.2s;
}
.questionDetail .search-form-question__btn-magnifier:hover {
opacity: 0.85;
}
@media (max-width: 450px) {
.questionDetail .search-form-question__btn-magnifier {
width: 44px;
}
}
.questionDetail .search-form-question__btn {
display: flex;
align-items: center;
justify-content: center;
height: 52px;
padding: 0 24px;
background: #fff;
border: 1px solid #6c9b3c;
border-radius: 10px;
color: #6c9b3c;
font-size: 15px;
font-weight: 500;
cursor: pointer;
transition: all 0.2s;
white-space: nowrap;
flex-shrink: 0;
}
@media (max-width: 750px) {
.questionDetail .search-form-question__btn {
font-size: 0;
width: 52px;
padding: 0;
}
.questionDetail .search-form-question__btn::after {
content: "?";
font-size: 24px;
font-weight: 500;
}
}
@media (max-width: 450px) {
.questionDetail .search-form-question__btn {
height: 44px;
width: 44px;
}
}
.questionDetail .search-block__form {
display: flex;
flex-grow: 1;
height: 100%;
}
.questionDetail .search-block__form-item {
width: 100%;
height: 100%;
}
.questionDetail .search-block__form-item-input {
width: 100%;
height: 100%;
background: #fff;
border-radius: 10px;
font-size: 15px;
color: #202020;
outline: none;
transition: border-color 0.2s;
}
.questionDetail .search-block__form-item-input::placeholder {
color: rgba(0, 0, 0, 0.3);
opacity: 1;
}
.questionDetail .question__Detail .question__block-values {
gap: 24px;
}
.questionDetail .question__Detail .question__block-main {
background: #eff6e3;
gap: 0;
border-radius: 8px;
}
.questionDetail .question__Detail .question__block-main.force-static .question__block-top {
background: #fff !important;
border-color: #d9d9d9 !important;
}
.questionDetail .question__Detail .question__block-main.force-static .question__block-top .question__block-top-left, .questionDetail .question__Detail .question__block-main.force-static .question__block-top .question__block-top-person-value-name, .questionDetail .question__Detail .question__block-main.force-static .question__block-top .question__block-top-person-value-date, .questionDetail .question__Detail .question__block-main.force-static .question__block-top .question__block-top-views-value, .questionDetail .question__Detail .question__block-main.force-static .question__block-top .question__block-top-comments-value {
color: #555 !important;
}
.questionDetail .question__Detail .question__block-main.force-static .question__block-top svg path {
stroke: #7b7b7b !important;
fill: none !important;
}
.questionDetail .question__Detail .question__block-top {
flex-direction: column;
cursor: unset;
box-shadow: 1px 3px 13px 0 rgba(0, 0, 0, 0.05), 0 1px 6px 0 rgba(0, 0, 0, 0.05);
border: 0;
gap: 24px;
background: #fff;
}
.questionDetail .question__Detail .question__block-top-person img {
width: 50px;
height: 50px;
}
@media (max-width: 991px) {
.questionDetail .question__Detail .question__block-top-person img {
width: 50px;
height: 50px;
}
}
@media (max-width: 450px) {
.questionDetail .question__Detail .question__block-top-share {
display: none;
}
}
@media (max-width: 550px) {
.questionDetail .question__Detail .question__block-top {
flex-direction: unset;
}
}
.questionDetail .question__Detail .question__block-top-right {
width: 100%;
justify-content: space-between;
margin-right: 0;
}
.questionDetail .question__Detail .question__block-top-left {
width: 100%;
}
.questionDetail .question__Detail .question__block-top-under {
display: flex;
justify-content: start;
gap: 12px;
align-items: center;
width: 100%;
position: relative;
}
.questionDetail .question__Detail .question__block-top-under-text {
font-weight: 500;
font-size: 15px;
line-height: 133%;
color: #6c9b3c;
background: #f2ffde;
border-radius: 9999px;
padding: 8px 12px;
}
.questionDetail .question__Detail .question__block-top-under-forIcon {
left: 144px;
white-space: nowrap;
position: absolute;
border-radius: 8px;
padding: 8px;
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
font-weight: 400;
font-size: 11px;
line-height: 145%;
color: #403e3e;
background: #fff;
}
@media (max-width: 450px) {
.questionDetail .question__Detail .question__block-top-under-forIcon {
left: 116px;
top: -21px;
}
}
.questionDetail .question__Detail .question__block-bottom {
display: unset;
margin: 12px;
border-radius: 0 0 8px 8px;
background: #fff;
box-shadow: 1px 3px 13px 0 rgba(0, 0, 0, 0.05), 0 1px 6px 0 rgba(0, 0, 0, 0.05);
border: 0;
display: flex;
flex-direction: column;
gap: 16px;
}
.questionDetail .question__Detail .question__block-bottom-btn-left {
font-size: 15px;
}
@media (max-width: 550px) {
.questionDetail .question__Detail .question__block-bottom-btn-left {
font-size: 15px;
}
}
.questionDetail .question__Detail .question__block-bottom-text {
display: block;
-webkit-line-clamp: unset;
-webkit-box-orient: unset;
overflow: visible;
font-size: 20px;
}
.questionDetail .question__Detail .question__block-bottom-text-underline {
text-decoration: underline;
}
@media (max-width: 550px) {
.questionDetail .question__Detail .question__block-bottom-text {
font-size: 16px;
}
}
.questionDetail .question__Detail .question__block-bottom-vydel {
border-radius: 16px;
padding: 12px 16px;
background: rgba(145, 194, 68, 0.15);
font-weight: 400;
font-size: 20px;
line-height: 160%;
}
@media (max-width: 550px) {
.questionDetail .question__Detail .question__block-bottom-vydel {
font-size: 16px;
}
}
.questionDetail .question__Detail .question__block-bottom ul {
margin: 0;
}
.questionDetail .question__Detail .question__block-bottom ul li {
font-weight: 400;
font-size: 20px;
line-height: 160%;
color: #505050;
}
@media (max-width: 550px) {
.questionDetail .question__Detail .question__block-bottom ul li {
font-size: 16px;
}
}
.questionDetail .question__Detail .question__block-bottom ul li a {
text-decoration: underline;
}
@media (max-width: 550px) {
.questionDetail .question__Detail .question__block-bottom ul li a {
font-size: 16px;
}
}
.questionDetail .question__feedbackForm {
display: flex;
gap: 44px;
justify-content: space-between;
}
@media (max-width: 1379px) {
.questionDetail .question__feedbackForm {
flex-direction: column;
gap: 32px;
}
}
.questionDetail .question__feedbackForm-left {
display: flex;
flex-direction: column;
justify-content: center;
gap: 40px;
}
@media (max-width: 1379px) {
.questionDetail .question__feedbackForm-left {
flex-direction: unset;
justify-content: space-between;
align-items: center;
}
}
@media (max-width: 749px) {
.questionDetail .question__feedbackForm-left {
flex-direction: column;
}
}
.questionDetail .question__feedbackForm-left-title {
font-weight: 500;
font-size: 48px;
color: #000;
white-space: nowrap;
}
@media (max-width: 1379px) {
.questionDetail .question__feedbackForm-left-title {
font-weight: 500;
font-size: 32px;
line-height: 125%;
}
}
.questionDetail .question__feedbackForm-left-share {
display: flex;
border-radius: 14px;
padding: 24px;
background: #f2ffde;
justify-content: space-between;
}
@media (max-width: 1379px) {
.questionDetail .question__feedbackForm-left-share {
flex-direction: column;
align-items: center;
gap: 16px;
}
}
@media (max-width: 749px) {
.questionDetail .question__feedbackForm-left-share {
flex-direction: unset;
}
}
@media (max-width: 450px) {
.questionDetail .question__feedbackForm-left-share {
padding: 12px 8px;
}
}
.questionDetail .question__feedbackForm-left-share-text {
font-weight: 400;
font-size: 24px;
line-height: 167%;
color: #101010;
}
@media (max-width: 450px) {
.questionDetail .question__feedbackForm-left-share-text {
font-weight: 400;
font-size: 16px;
line-height: 250%;
color: #101010;
}
}
.questionDetail .question__feedbackForm-left-share-icons {
display: flex;
gap: 8px;
}
@media (max-width: 450px) {
.questionDetail .question__feedbackForm-left-share-icons {
gap: 4px;
}
}
.questionDetail .question__feedbackForm-left-share-icons-icon {
width: 48px;
height: 48px;
border-radius: 16px;
background: #6c9b3c;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.questionDetail .question__feedbackForm-right {
width: 100%;
max-width: 1079px;
border: 2px solid #6c9b3c;
border-radius: 40px;
padding: 40px;
}
@media (max-width: 1400px) {
.questionDetail .question__feedbackForm-right {
max-width: 735px;
}
}
@media (max-width: 1379px) {
.questionDetail .question__feedbackForm-right {
max-width: unset;
width: 100%;
padding: 20px;
}
}
.questionDetail .question__feedbackForm-right-top {
display: flex;
justify-content: space-between;
margin-bottom: 32px;
}
@media (max-width: 450px) {
.questionDetail .question__feedbackForm-right-top {
margin-bottom: 12px;
align-items: end;
}
}
.questionDetail .question__feedbackForm-right-top-left {
display: flex;
align-items: center;
gap: 20px;
}
@media (max-width: 450px) {
.questionDetail .question__feedbackForm-right-top-left {
flex-direction: column;
align-items: start;
gap: 12px;
}
}
.questionDetail .question__feedbackForm-right-top-left-text {
font-weight: 400;
font-size: 20px;
color: #202020;
white-space: nowrap;
}
.questionDetail .question__feedbackForm-right-top-left-star {
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 450px) {
.questionDetail .question__feedbackForm-right-top-left-star-icon svg {
width: 40px;
height: 40px;
}
}
.questionDetail .question__feedbackForm-right-top-right {
display: flex;
gap: 8px;
align-items: center;
}
.questionDetail .question__feedbackForm-right-top-right-input {
cursor: pointer;
border-radius: 10px;
padding: 10px 12px;
background: #f2ffde;
display: flex;
gap: 8px;
align-items: center;
/* Прячем стандартный инпут */
/* Стилизуем наш label, чтобы он выглядел как кнопка */
}
.questionDetail .question__feedbackForm-right-top-right-input input[type="file"] {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.questionDetail .question__feedbackForm-right-top-right-input .file-upload__label {
display: inline-block;
font-weight: 500;
font-size: 15px;
line-height: 133%;
color: #8f8f8f;
cursor: pointer;
white-space: nowrap;
transition: opacity 0.2s;
}
@media (max-width: 550px) {
.questionDetail .question__feedbackForm-right-top-right-input .file-upload__label {
display: none;
}
}
.questionDetail .question__feedbackForm-right-top-right-input .file-upload__label:hover {
opacity: 0.8;
}
.questionDetail .question__feedbackForm-right-top-right-text {
font-weight: 400;
font-size: 14px;
color: #949494;
white-space: nowrap;
}
@media (max-width: 660px) {
.questionDetail .question__feedbackForm-right-top-right-text {
display: none;
}
}
.questionDetail .question__feedbackForm-right-midle {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 28px;
}
@media (max-width: 750px) {
.questionDetail .question__feedbackForm-right-midle {
margin-bottom: 40px;
}
}
.questionDetail .question__feedbackForm-right-midle-input {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 8px 4px 4px 12px;
font-weight: 400;
font-size: 15px;
line-height: 133%;
color: rgba(0, 0, 0, 0.8);
max-width: 999px;
height: 136px;
width: 100%;
resize: none;
font-family: inherit;
}
@media (max-width: 1379px) {
.questionDetail .question__feedbackForm-right-midle-input {
max-width: unset;
width: 100%;
}
}
.questionDetail .question__feedbackForm-right-midle-input::placeholder {
color: rgba(0, 0, 0, 0.3);
}
.questionDetail .question__feedbackForm-right-midle-person {
display: flex;
justify-content: space-between;
gap: 16px;
width: 100%;
/* Мы переименовали &-name в &-block для универсальности */
/* Стиль для отдельного ТЕКСТА лейбла */
}
@media (max-width: 749px) {
.questionDetail .question__feedbackForm-right-midle-person {
flex-direction: column;
}
}
@media (max-width: 750px) {
.questionDetail .question__feedbackForm-right-midle-person {
gap: 8px;
}
}
.questionDetail .question__feedbackForm-right-midle-person-block {
flex: 1;
position: relative;
/* НУЖНО для абсолютного позиционирования label */
display: flex;
align-items: center;
/* Инпут и звездочка выровнены по одной линии */
gap: 4px;
}
.questionDetail .question__feedbackForm-right-midle-person-input {
width: 100%;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 10px;
/* Padding сверху увеличен, чтобы у текста вверху было место */
padding: 12px 4px 4px 12px;
font-weight: 400;
font-size: 15px;
line-height: 133%;
color: rgba(0, 0, 0, 0.8);
height: 44px;
outline: none;
/* АНИМАЦИЯ: Когда инпут активен или заполнен, двигаем СОСЕДНИЙ LABEL */
}
.questionDetail .question__feedbackForm-right-midle-person-input:focus ~ .question__feedbackForm-right-midle-person-label, .questionDetail .question__feedbackForm-right-midle-person-input:not(:placeholder-shown) ~ .question__feedbackForm-right-midle-person-label {
top: 6px;
/* Уезжает наверх инпута */
font-size: 11px;
transform: translateY(0);
color: rgba(0, 0, 0, 0.5);
/* Можно поменять цвет уехавшей подсказки */
}
.questionDetail .question__feedbackForm-right-midle-person-label {
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
/* Изначально по центру инпута */
color: rgba(0, 0, 0, 0.3);
font-size: 15px;
font-weight: 400;
pointer-events: none;
/* Клик проходит сквозь текст */
transition: all 0.2s ease;
margin: 0;
}
.questionDetail .question__feedbackForm-right-midle-person-star {
font-weight: 400;
font-size: 20px;
color: #6c9b3c;
height: 44px;
/* Убрали фиксированную высоту, flex-align parent позаботится о выравнивании */
}
.questionDetail .question__feedbackForm-right-bottom {
display: flex;
justify-content: space-between;
}
@media (max-width: 749px) {
.questionDetail .question__feedbackForm-right-bottom {
flex-direction: column-reverse;
align-items: center;
}
}
.questionDetail .question__feedbackForm-right-bottom-left {
display: flex;
}
.questionDetail .question__feedbackForm-right-bottom-left-text {
color: #6c9b3c;
font-weight: 400;
font-size: 14px;
color: #888;
white-space: nowrap;
}
@media (max-width: 749px) {
.questionDetail .question__feedbackForm-right-bottom-left-text {
margin-top: 12px;
text-align: center;
}
}
.questionDetail .question__feedbackForm-right-bottom-right {
display: flex;
align-items: center;
gap: 16px;
}
@media (max-width: 749px) {
.questionDetail .question__feedbackForm-right-bottom-right {
flex-direction: column-reverse;
gap: 8px;
}
}
@media (max-width: 550px) {
.questionDetail .question__feedbackForm-right-bottom-right {
width: 100%;
}
}
.questionDetail .question__feedbackForm-right-bottom-right-rules {
font-weight: 400;
font-size: 14px;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #888;
white-space: nowrap;
cursor: pointer;
}
.questionDetail .question__feedbackForm-right-bottom-right-btn {
font-weight: 400;
font-size: 13px;
line-height: 138%;
color: #fff;
background: #6c9b3c;
border-radius: 8px;
padding: 9px 16px;
text-align: center;
border: 0;
white-space: nowrap;
cursor: pointer;
}
@media (max-width: 550px) {
.questionDetail .question__feedbackForm-right-bottom-right-btn {
width: 100%;
}
}
.questionDetail .question__feedback {
display: flex;
flex-direction: column;
gap: 12px;
}
.questionDetail .question__feedback-line {
stroke-width: 1px;
stroke: rgba(214, 214, 214, 0.8);
}
.questionDetail .question__feedback .question__feedbackBlock {
display: flex;
gap: 24px;
padding: 12px 40px 24px 40px;
border-bottom: 1px solid rgba(214, 214, 214, 0.8);
}
@media (max-width: 991px) {
.questionDetail .question__feedback .question__feedbackBlock {
flex-direction: column;
}
}
@media (max-width: 450px) {
.questionDetail .question__feedback .question__feedbackBlock {
padding: 12px 12px 24px 12px;
}
}
.questionDetail .question__feedback-value {
font-weight: 500;
font-size: 15px;
line-height: 133%;
color: #000;
}
.questionDetail .question__feedback-stars {
display: flex;
gap: 8px;
}
.questionDetail .question__feedback-content {
display: flex;
flex-direction: column;
gap: 12px;
}
.questionDetail .question__feedback-content-text {
font-weight: 400;
font-size: 20px;
line-height: 160%;
color: #202020;
margin-bottom: 4px;
/* НОВЫЕ СТИЛИ: Ограничение в 4 строки */
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
/* НОВЫЕ СТИЛИ: Класс, который JS будет добавлять для раскрытия текста */
}
@media (max-width: 450px) {
.questionDetail .question__feedback-content-text {
font-weight: 400;
font-size: 15px;
line-height: 133%;
color: #202020;
}
}
.questionDetail .question__feedback-content-text.is-expanded {
-webkit-line-clamp: unset;
}
.questionDetail .question__feedback-content-full {
font-weight: 400;
font-size: 18px;
line-height: 178%;
color: #91c244;
/* НОВЫЕ СТИЛИ: Кнопка скрыта по умолчанию и выглядит кликабельной */
cursor: pointer;
user-select: none;
/* Чтобы текст не выделялся при быстрых кликах */
}
@media (max-width: 450px) {
.questionDetail .question__feedback-content-full {
font-weight: 400;
font-size: 16px;
color: #91c244;
}
}
.questionDetail .question__feedback-content-img {
display: flex;
gap: 20px;
}
.questionDetail .question__feedback-content-img img {
border-radius: 20px;
width: 240px;
height: 240px;
}
@media (max-width: 650px) {
.questionDetail .question__feedback-content-img img {
width: 120px;
height: 120px;
}
}
.questionDetail .question__feedback-content-person {
display: flex;
gap: 24px;
font-weight: 400;
font-size: 15px;
line-height: 133%;
color: #9693a6;
}
@media (max-width: 450px) {
.questionDetail .question__feedback-content-person {
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #9693a6;
}
}
.questionDetail .question__feedback-content-like {
display: flex;
gap: 2px;
border: 0;
border-radius: 8px;
padding: 8px 16px;
width: fit-content;
font-weight: 400;
font-size: 13px;
line-height: 138%;
color: #6c9b3c;
background: #f2ffde;
cursor: pointer;
}
@media (max-width: 450px) {
.questionDetail .question__feedback-content-like {
font-weight: 400;
font-size: 13px;
line-height: 138%;
color: #6c9b3c;
}
}
.questionDetail .question__feedback-content-like-point {
width: 23px;
position: relative;
}
.questionDetail .question__feedback-content-like-point-dot {
width: 5px;
/* Ширина точки */
height: 5px;
/* Высота точки */
background-color: #91c244;
border-radius: 50%;
/* Закругляем углы на 50%, чтобы получить круг */
/* Свойства для центрирования */
position: absolute;
/* Позволяет двигать точку по координатам */
top: 50%;
/* Сдвигаем на 50% вниз (Y) */
left: 50%;
/* Сдвигаем на 50% вправо (X) */
/* Без этой строчки в центре окажется левый верхний угол точки.
Transform сдвигает саму точку назад на половину ее собственного размера,
чтобы ее центр точно совпал с центром контейнера. */
transform: translate(-50%, -50%);
}
.questionDetail .question__feedback-line {
stroke-width: 1px;
stroke: rgba(214, 214, 214, 0.8);
}
.questionDetail .question__other {
display: flex;
gap: 18px;
}
@media (max-width: 750px) {
.questionDetail .question__other {
flex-direction: column;
}
}
.questionDetail .question__other-left {
width: 100%;
display: flex;
flex-direction: column;
gap: 12px;
}
.questionDetail .question__other-right {
background: #f2ffde;
border-radius: 10px;
padding: 12px 14px 12px 24px;
width: 100%;
max-width: 186px;
display: flex;
justify-content: center;
gap: 4px;
align-items: center;
}
@media (max-width: 750px) {
.questionDetail .question__other-right {
max-width: unset;
}
}
@media (max-width: 450px) {
.questionDetail .question__other-right {
padding: 4px 16px;
}
}
.questionDetail .question__other-right-text {
font-weight: 400;
font-size: 20px;
line-height: 160%;
text-align: center;
white-space: nowrap;
}
@media (max-width: 450px) {
.questionDetail .question__other-right-text {
font-weight: 400;
font-size: 15px;
line-height: 133%;
text-align: center;
}
}
.questionDetail .question__other-right svg {
padding: 10px;
width: 36px;
height: 36px;
}
.question__block-main.ignore-click {
pointer-events: none;
}
:root {
--font-family: "Inter", sans-serif;
--second-family: "Nunito", sans-serif;
--third-family: "Proxima Nova", sans-serif;
--font3: "Manrope", sans-serif;
--font4: "Montserrat", sans-serif;
--font5: "Open Sans", sans-serif;
--font6: "Geist", sans-serif;
--font7: "VK Sans Text", sans-serif;
--font8: "Gilroy", sans-serif;
--dark-black-1000-solid: #000;
}
.wrapperLeft__block-menu-bottom a {
border-radius: 12px;
padding: 12px;
width: 100%;
background: #f9f9f9;
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
color: var(--dark-black-1000-solid);
}
.wrapperLeft__block-menu-bottom a:hover {
cursor: pointer;
background: #f2ffde;
}
.wrapperLeft__block-menu-bottom {
display: flex;
flex-direction: column;
gap: 8px;
}
.wrapperMain {
max-width: 938px;
}
.wrapperRight {
max-width: 314px;
line-height: 100%;
}
.mainBlock {
margin-bottom: 36px;
}
.wrapperLeft__block-nav-share {
border-radius: 6px;
padding: 5px 12px;
background: #6c9b3c;
font-family: var(--font-family);
font-weight: 400;
font-size: 13px;
line-height: 138%;
color: #ffffff;
}
.wrapperLeft__block-menu-top {
font-family: var(--font-family);
font-weight: 500;
font-size: 28px;
line-height: 129%;
color: rgba(0, 0, 0, 0.85);
}
.wrapperLeft__block-menu {
gap: 16px !important;
}
.wrapperRight__block-title {
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: #101010;
}
.wrapperRight__block-prev {
display: flex;
flex-direction: column;
gap: 16px;
}
.wrapperRight__block-prev-item {
border: 1px solid #d8d8d8;
border-radius: 8px;
padding: 12px;
display: flex;
flex-direction: column;
gap: 4px;
}
.wrapperRight__block-prev-item-img {
border-radius: 4px;
overflow: hidden;
max-width: 290px;
height: 170px;
flex: 0 0 auto;
}
.wrapperRight__block-prev-item-title {
font-weight: 500;
font-size: 15px;
line-height: 133%;
color: #202020;
}
.wrapperRight__block-prev-item-text {
font-weight: 400;
font-size: 11px;
line-height: 145%;
color: #9693a6;
}
.main-text-brand {
font-weight: 400;
font-size: 20px;
line-height: 160%;
color: var(--dark-black-1000-solid);
}
.brand-info {
border: 2px solid #6c9b3c;
border-radius: 24px;
padding: 24px;
display: flex;
flex-direction: column;
gap: 12px;
}
.brand-info__card {
display: flex;
gap: 29px 12px;
}
.brand-info__card-name {
font-weight: 700;
font-size: 18px;
line-height: 133%;
color: #6c9b3c;
white-space: nowrap;
width: 200px;
flex: 0 0 auto;
}
.brand-info__card-info {
font-weight: 400;
font-size: 18px;
line-height: 178%;
color: #505050;
}
.mainBlock {
display: flex;
flex-direction: column;
gap: 20px;
}
.mainBlock__subtitle p {
font-weight: bold;
}
.mainBlock__pretitle {
display: flex;
justify-content: space-between;
color: #555;
gap: 12px;
}
@media (max-width: 1100px) {
.mainBlock__pretitle {
gap: 12px;
}
}
@media (max-width: 850px) {
.mainBlock__pretitle {
align-items: flex-end;
}
}
@media (max-width: 550px) {
.mainBlock__pretitle {
flex-direction: column;
align-items: unset;
}
}
.mainBlock__pretitle-left {
display: flex;
align-items: center;
gap: 40px;
}
@media (max-width: 1100px) {
.mainBlock__pretitle-left {
justify-content: space-between;
}
}
@media (max-width: 850px) {
.mainBlock__pretitle-left {
align-items: flex-start;
flex-direction: column;
gap: 8px;
}
}
.mainBlock__pretitle-left-block {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
font-size: 13px;
gap: 12px;
font-weight: 500;
font-size: 15px;
line-height: 133%;
color: #101010;
}
.mainBlock__pretitle-left-block img {
border-radius: 50%;
height: 44px;
width: 44px;
}
.mainBlock__pretitle-left-block-wrap {
display: flex;
gap: 16px;
}
@media (max-width: 550px) {
.mainBlock__pretitle-left-block-wrap {
width: 100%;
}
}
@media (max-width: 450px) {
.mainBlock__pretitle-left-block-wrap {
justify-content: space-between;
}
}
.mainBlock__pretitle-left-block-wrap .item {
display: flex;
gap: 4px;
align-items: center;
font-weight: 400;
font-size: 13px;
line-height: 138%;
}
.mainBlock__pretitle-right {
display: flex;
align-items: center;
gap: 16px;
}
@media (max-width: 1100px) {
.mainBlock__pretitle-right {
justify-content: flex-end;
}
}
@media (max-width: 450px) {
.mainBlock__pretitle-right {
justify-content: space-between;
}
}
.mainBlock__pretitle-right-block {
display: flex;
align-items: center;
gap: 4px;
font-size: 13px;
}
.mainBlock__title {
position: relative;
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 12px;
font-size: 48px;
font-weight: 500;
}
@media (max-width: 600px) {
.mainBlock__title {
font-size: 32px;
line-height: 125%;
}
}
.mainBlock__title-btn {
padding: 20px;
background-color: #009dae;
position: absolute;
width: fit-content;
right: 0;
top: 0;
border-radius: 12px;
color: white;
margin-left: 20px;
}
@media (max-width: 1100px) {
.mainBlock__title-btn {
display: none;
}
}
.mainBlock__title-btn:hover {
background-color: #6c9b3c5e;
}
@media (max-width: 550px) {
.mainBlock__title-info {
font-size: 15px;
}
}
.author {
display: flex;
justify-content: space-between;
gap: 24px;
padding: 24px;
background-color: #f4feff;
border-radius: 14px;
}
@media (max-width: 710px) {
.author {
padding: 0;
}
}
.author__pic {
max-width: 148px;
width: 50%;
height: auto;
border-radius: 14px;
overflow: hidden;
}
.author__main {
display: flex;
flex-direction: column;
width: 100%;
}
.author__main-top {
display: flex;
justify-content: space-between;
gap: 20px;
}
@media (max-width: 710px) {
.author__main-top {
flex-direction: column;
gap: 25px;
}
}
.author__main-top-left {
display: flex;
flex-direction: column;
gap: 4px;
}
@media (max-width: 710px) {
.author__main-top-left {
gap: 2px;
}
}
.author__main-top-left-top {
color: var(--color-pale);
}
.author__main-top-left-bot {
font-size: 36px;
color: #6c9b3c;
}
@media (max-width: 710px) {
.author__main-top-left-bot {
font-size: 20px;
}
}
.author__main-top-right {
display: flex;
flex-direction: column;
gap: 4px;
color: var(--color-dark);
text-align: end;
align-items: flex-end;
}
@media (max-width: 710px) {
.author__main-top-right {
align-items: start;
}
}
.author__main-top-right-bot {
font-weight: 500;
}
@media (max-width: 420px) {
.author__main-top-right-bot {
text-align: start;
}
}
.author__main-mid {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
color: #232323;
padding-top: 30px;
padding-bottom: 12px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 710px) {
.author__main-mid {
padding-top: 20px;
flex-wrap: wrap;
}
}
.author__main-mid-btn {
color: var(--color-pale);
padding: 6px 16px;
border-radius: 40px;
background-color: white;
}
@media (max-width: 750px) {
.author__main-mid-btn {
font-size: 13px;
}
}
.author__main-bot {
padding-top: 12px;
display: flex;
gap: 10px;
align-items: center;
justify-content: flex-end;
}
@media (max-width: 710px) {
.author__main-bot {
justify-content: flex-start;
font-size: 15px;
}
}
.author__main-bot-socials {
display: flex;
gap: 10px;
align-items: center;
justify-content: flex-end;
}
.author__main-bot-socials a {
padding: 11px;
border-radius: 16px;
background-color: #6c9b3c;
width: 48px;
height: 48px;
}
.author__main-mid-mobile {
display: none;
}
.author__main-mid-mobile, .author__main-bot-mobile {
display: none;
}
@media (max-width: 710px) {
.author__main-bot-mobile {
display: flex;
}
.author__main-bot-desk {
display: none;
}
.wrapper__author {
display: flex;
flex-direction: column;
background: #f4feff;
padding: 8px;
}
.author__main-bot-mobile {
justify-content: space-between;
}
}
.pic__1 {
max-width: 938px;
height: 456px;
overflow: hidden;
}
.pic__1 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.block__3 p {
font-size: 11px;
font-weight: 400;
color: #555;
margin-top: 8px;
}
.new_blog_table {
width: 100%;
margin-bottom: 24px;
overflow-x: auto;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
background: #fff;
}
/* Сама таблица */
.new_blog_table table {
border-collapse: collapse;
width: 100%;
font-family: Arial, sans-serif;
font-size: 15px;
color: #333;
}
/* Ячейки */
.new_blog_table th, .new_blog_table td {
border: 1px solid #ddd;
padding: 12px 14px;
text-align: left;
vertical-align: top;
line-height: 1.4;
}
@media (min-width: 1100px) {
.new_blog_table th, .new_blog_table td {
word-wrap: break-word;
word-break: break-word;
white-space: normal;
}
}
/* Заголовки */
.new_blog_table th {
/* светло-серый фон */
color: #222;
font-weight: 600;
text-align: center;
border-bottom: 2px solid #bbb;
}
/* Первый столбец (названия) */
.new_blog_table td:first-child {
background: #fafafa;
/* лёгкая подсветка */
font-weight: bold;
color: #444;
}
/* Чередование строк */
.new_blog_table tbody tr:nth-child(even) {
background: #fdfdfd;
}
.new_blog_table tbody tr:nth-child(odd) {
background: #ffffff;
}
/* Hover-эффект */
.new_blog_table tbody tr:hover {
background: #f0f7ff;
transition: background 0.2s ease-in-out;
}
/* Скролл */
.new_blog_table::-webkit-scrollbar {
height: 8px;
}
.new_blog_table::-webkit-scrollbar-thumb {
background: #bbb;
border-radius: 8px;
}
.new_blog_table table td:nth-child(2), .new_blog_table table th:nth-child(2) {
text-align: center;
}
.new_blog_table table td:nth-child(3), .new_blog_table table th:nth-child(3) {
color: #6c9b3c;
text-align: center;
}
.share {
display: flex;
flex-direction: column;
gap: 36px;
margin-bottom: 36px;
}
.share__block {
display: flex;
gap: 24px;
padding: 24px;
border: 1px solid #6c9b3c;
border-radius: 14px;
}
@media (max-width: 710px) {
.share__block {
padding: 8px;
}
}
.share__block-left {
min-width: 101px;
width: 101px;
border-radius: 8px;
overflow: hidden;
}
@media (max-width: 400px) {
.share__block-left {
min-width: 98px;
}
}
.share__block-right {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
}
.share__block-right-top {
font-weight: 500;
font-size: 36px;
line-height: 111%;
color: #101010;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 12px;
}
@media (max-width: 1400px) {
.share__block-right-top {
font-size: 20px;
}
}
@media (max-width: 710px) {
.share__block-right-top {
font-size: 17px;
}
}
.share__block-right-bot {
display: flex;
flex-wrap: wrap;
gap: 12px;
padding-top: 12px;
}
@media (max-width: 710px) {
.share__block-right-bot {
row-gap: 0;
}
}
.share__block-right-bot a {
max-width: 100px;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #6c9b3c;
}
@media (max-width: 550px) {
.share__block-right-bot a {
max-width: unset;
}
}
.share__block-right .copy-link {
max-width: 100px;
text-decoration: none;
color: #6c9b3c;
font-size: 16px;
line-height: 150%;
cursor: pointer;
}
@media (max-width: 710px) {
.share__block-right .copy-link {
max-width: unset;
}
}
.share__bottom {
display: flex;
justify-content: flex-end;
}
.share__bottom-buttons {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.share__bottom-buttons-btn {
padding: 4px 12px;
border-radius: 10px;
border: 1px solid #d8d8d8;
cursor: pointer;
font-size: 13px;
}
.share__bottom-fingers {
display: flex;
align-items: center;
gap: 10px;
height: fit-content;
}
.share__bottom-fingers-up, .share__bottom-fingers-down {
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
cursor: pointer;
}
.share__bottom-fingers .active svg path {
stroke: #6c9b3c;
}
.share__bottom-fingers svg path {
stroke: #787070;
}
.share__bottom-finger-up, .share__bottom-finger-down {
display: flex;
align-items: center;
gap: 3.5px;
}
.questions {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 36px;
transition: 0.5s ease;
}
.questions__line {
display: flex;
justify-content: center;
flex-direction: column;
padding: 24px;
border: 1px solid #f4f4f4;
border-radius: 14px;
transition: 0.5s ease;
}
.questions__line.questions__line--active {
background-color: #f4f4f4;
transition: 0.5s ease;
}
.questions__line-title {
display: flex;
align-items: center;
gap: 12px;
position: relative;
}
.questions__line-title-svg-open {
position: absolute;
right: 0;
}
.questions__line-title-svg-close {
position: absolute;
right: 0;
top: 0;
}
.questions__line-title-text {
font-size: 20px;
padding-right: 25px;
}
@media (max-width: 710px) {
.questions__line-title-text {
font-size: 17px;
}
}
@media (max-width: 400px) {
.questions__line-title-text {
max-width: 240px;
}
}
.questions__line-title-text span {
color: #6c9b3c;
}
.questions__line-title-number {
display: flex;
justify-content: center;
align-items: center;
padding: 1.5px 8.5px;
background-color: #6c9b3c;
color: white;
border-radius: 8px;
width: 28px;
height: 28px;
}
.questions__line-subtitle {
opacity: 0;
overflow: hidden;
height: 0;
visibility: hidden;
font-size: 20px;
}
@media (max-width: 710px) {
.questions__line-subtitle {
font-size: 15px;
}
}
.questions__line {
cursor: pointer;
}
.questions__line--active .questions__line-title-svg-open {
overflow: visible;
opacity: 1;
width: auto;
height: auto;
transition: 0.5s ease;
}
.questions__line .questions__line-title-svg-open {
overflow: hidden;
opacity: 0;
width: 0;
height: 0;
transition: 0.5s ease;
}
.selection {
padding: 12px 16px;
background-color: rgba(145, 194, 68, 0.15);
margin-bottom: 36px;
font-size: 20px;
margin-top: 36px;
border-radius: 10px;
line-height: 160%;
}
.selection p {
margin-bottom: unset;
}
@media (max-width: 710px) {
.selection {
font-size: 14px;
margin-top: 24px;
margin-bottom: 24px;
}
}
.wrapperMain {
max-width: 1293px;
margin: 0 auto;
margin-bottom: 36px;
font-size: 20px;
font-weight: 400;
line-height: 160%;
width: 100%;
}
.wrapperMain figure {
display: flex;
flex-direction: column;
}
.wrapperMain figure img {
max-width: 600px;
height: auto;
object-fit: cover;
}
.wrapperMain .firstBlock {
display: flex;
justify-content: space-between;
gap: 40px;
margin-bottom: 36px;
max-height: 500px;
overflow: hidden;
}
@media (max-width: 1450px) {
.wrapperMain .firstBlock {
max-height: 550px;
gap: 32px;
}
}
@media (max-width: 850px) {
.wrapperMain .firstBlock {
flex-direction: column;
max-height: unset;
gap: 40px;
}
}
@media (max-width: 850px) {
.wrapperMain .firstBlock {
gap: 24px;
margin-bottom: 24px;
}
}
.wrapperMain .firstBlock-slider {
max-width: 532px;
}
@media (max-width: 1450px) {
.wrapperMain .firstBlock-slider {
max-width: 470px;
}
}
@media (max-width: 1200px) {
.wrapperMain .firstBlock-slider {
max-width: 410px;
}
}
@media (max-width: 850px) {
.wrapperMain .firstBlock-slider {
max-width: unset;
height: 555px;
}
}
@media (max-width: 550px) {
.wrapperMain .firstBlock-slider {
height: 259px;
}
}
.wrapperMain .firstBlock-slider img {
width: 100%;
height: 100%;
object-fit: cover;
}
.wrapperMain .firstBlock-slider .mySwiper2 {
border-radius: 24px;
height: 80%;
width: 100%;
}
.wrapperMain .firstBlock-slider .mySwiper .swiper-wrapper .swiper-slide {
border-radius: 8px;
overflow: hidden;
}
.wrapperMain .firstBlock-stat {
max-width: 721px;
display: flex;
flex-direction: column;
gap: 21px;
width: 100%;
}
@media (max-width: 550px) {
.wrapperMain .firstBlock-stat {
gap: 12px;
}
}
.wrapperMain .firstBlock-stat p {
font-weight: 400;
font-size: 18px;
margin-bottom: unset;
color: #555;
}
@media (max-width: 1450px) {
.wrapperMain .firstBlock-stat p {
font-size: 16px;
}
}
@media (max-width: 550px) {
.wrapperMain .firstBlock-stat p {
font-size: 14px;
}
}
.wrapperMain .firstBlock-stat-main .item {
display: flex;
align-items: stretch;
gap: 10px;
width: 100%;
justify-content: flex-start;
}
.wrapperMain .firstBlock-stat-main .item .name {
font-weight: 700;
font-size: 18px;
color: #101010;
white-space: nowrap;
min-width: 190px;
}
@media (max-width: 1450px) {
.wrapperMain .firstBlock-stat-main .item .name {
font-size: 16px;
white-space: wrap;
}
}
.wrapperMain .firstBlock-stat-main .item .value {
font-weight: 400;
font-size: 18px;
line-height: 178%;
color: #101010;
margin: 0;
}
@media (max-width: 1450px) {
.wrapperMain .firstBlock-stat-main .item .value {
font-size: 16px;
}
}
.wrapperMain .firstBlock-stat-main-cat .item {
display: flex;
flex-direction: column;
align-items: stretch;
width: 100%;
justify-content: flex-start;
}
.wrapperMain .firstBlock-stat-main-cat .item .name {
font-weight: 700;
font-size: 18px;
color: #101010;
min-width: 190px;
display: flex;
align-items: flex-start;
gap: 8px;
}
@media (max-width: 1450px) {
.wrapperMain .firstBlock-stat-main-cat .item .name {
font-size: 16px;
white-space: wrap;
}
}
@media (max-width: 550px) {
.wrapperMain .firstBlock-stat-main-cat .item .name {
font-size: 14px;
}
}
.wrapperMain .firstBlock-stat-main-cat .item .value {
font-weight: 400;
font-size: 18px;
line-height: 178%;
color: #101010;
margin: 0;
}
@media (max-width: 1450px) {
.wrapperMain .firstBlock-stat-main-cat .item .value {
font-size: 16px;
}
}
@media (max-width: 550px) {
.wrapperMain .firstBlock-stat-main-cat .item .value {
font-size: 14px;
}
}
.wrapperMain .firstBlock-stat .firstblock-stick {
height: 1px;
position: relative;
top: 0;
width: 100%;
}
.wrapperMain .firstBlock-stat .firstblock-stick svg {
position: absolute;
top: 0;
width: 100%;
}
.wrapperMain .firstBlock-stat-bottom {
display: flex;
flex-direction: column;
gap: 4px;
}
.wrapperMain .firstBlock-stat-bottom-title {
display: flex;
align-items: center;
gap: 4px;
font-weight: 700;
font-size: 18px;
line-height: 133%;
color: #101010;
}
.wrapperMain .firstBlock-stat-bottom p {
font-weight: 400;
font-size: 18px;
line-height: 178%;
color: #101010;
}
.wrapperMain .advantages {
display: flex;
justify-content: space-between;
gap: 32px;
margin-bottom: 36px;
}
@media (max-width: 850px) {
.wrapperMain .advantages {
gap: 12px;
}
}
@media (max-width: 550px) {
.wrapperMain .advantages {
flex-direction: column;
}
}
.wrapperMain .advantages__block {
padding: 32px;
border-radius: 32px;
flex: 1;
position: relative;
overflow: hidden;
}
@media (max-width: 850px) {
.wrapperMain .advantages__block {
padding: 16px;
}
}
.wrapperMain .advantages__block-svg {
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 850px) {
.wrapperMain .advantages__block-svg {
width: 160px;
height: 160px;
}
}
.wrapperMain .advantages__block-title {
font-weight: 500;
font-size: 28px;
line-height: 129%;
color: #6c9b3c;
margin-bottom: 32px;
}
@media (max-width: 850px) {
.wrapperMain .advantages__block-title {
margin-bottom: 16px;
}
}
@media (max-width: 550px) {
.wrapperMain .advantages__block-title {
margin-bottom: 12px;
}
}
.wrapperMain .advantages__block-title-red {
color: #ce695f;
}
.wrapperMain .advantages__block ul {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 0;
}
.wrapperMain .advantages__block:nth-child(1) {
background: #f2ffde;
}
.wrapperMain .advantages__block:nth-child(2) {
background: #fef4f3;
}
.wrapperMain h1 {
display: none;
}
@media (max-width: 710px) {
.wrapperMain {
font-weight: 400;
font-size: 14px;
line-height: 129%;
}
}
@media (max-width: 1024px) {
.wrapperMain {
width: 100%;
}
}
.wrapperMain hr {
display: none;
}
.wrapperMain h2, .wrapperMain h3, .wrapperMain h4, .wrapperMain h5, .wrapperMain h6, .wrapperMain .new_blog_table, .wrapperMain .share {
margin-top: 36px;
}
@media (max-width: 1024px) {
.wrapperMain h2, .wrapperMain h3, .wrapperMain h4, .wrapperMain h5, .wrapperMain h6, .wrapperMain .new_blog_table, .wrapperMain .share {
margin-top: 24px;
}
}
.wrapperMain strong {
font-weight: 400;
}
.questions__line--active .questions__line-title-svg-close {
overflow: hidden;
opacity: 0;
width: 0;
height: 0;
transition: 0.5s ease;
}
.questions__line--active .questions__line-subtitle {
opacity: 1;
overflow: visible;
height: fit-content;
margin-top: 16px;
font-size: 20px;
visibility: visible;
transition: 0.5s ease;
}
@media (max-width: 710px) {
.questions__line--active .questions__line-subtitle {
font-size: 15px;
}
}
.comments__top {
display: flex;
gap: 4px;
font-weight: 500;
}
.wrapperLeft__block {
margin-top: 4px;
position: sticky;
top: 120px;
width: 250px;
height: 805px;
display: flex;
flex-direction: column;
gap: 16px;
}
@media (max-width: 1400px) {
.wrapperLeft__block {
width: 280px;
}
}
@media (max-width: 1200px) {
.wrapperLeft__block {
width: 260px;
}
}
@media (max-width: 1100px) {
.wrapperLeft__block {
height: auto;
}
}
.wrapperLeft__block-btn:hover {
border: 1px solid #6c9b3c;
}
.wrapperLeft__block-btn {
display: flex;
align-items: center;
gap: 12px;
padding: 20px;
border: 1px solid #d8d8d8;
border-radius: 12px;
cursor: pointer;
font-weight: 700;
}
.wrapperLeft__block-btn.active {
border: 1px solid #6c9b3c;
}
.wrapperLeft__block-btn-achor {
background: #6c9b3c;
border-radius: 8px;
padding: 9px 16px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
font-weight: 400;
font-size: 13px;
line-height: 138%;
color: white;
}
.wrapperLeft__block-btn-achor:hover {
color: white !important;
background-color: #91c244 !important;
}
.wrapperLeft__block-nav {
display: flex;
justify-content: space-between;
align-items: center;
}
.wrapperLeft__block-nav-back {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
color: #202020;
}
.wrapperLeft__block-nav-back:hover .wrapperLeft__block-back-nav-btn svg path {
transform: rotate(0);
transition: all 0.1s ease;
stroke: red;
}
.wrapperLeft__block-nav-back-btn {
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
}
.wrapperLeft__block-nav-btn {
display: flex;
align-items: center;
gap: 8px;
font-weight: 400;
font-size: 13px;
line-height: 138%;
border-radius: 6px;
padding: 5px 12px;
background: #6c9b3c;
color: white;
}
.wrapperLeft__block-menu {
display: flex;
flex-direction: column;
gap: 18px;
max-height: 600px;
}
.wrapperLeft__block-menu-top {
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: #202020;
}
.wrapperLeft__block-menu-mid {
display: flex;
flex-direction: column;
gap: 8px;
font-weight: 400;
font-size: 16px;
line-height: 160%;
max-height: 250px;
overflow-y: scroll;
overflow-x: hidden;
}
.wrapperLeft__block-menu-mid a {
padding: 8px 12px;
border-radius: 12px;
background-color: #f9f9f9;
font-size: 16px;
color: #000;
}
.wrapperLeft__block-menu-mid a.active {
color: #000;
background-color: #f2ffde;
}
.wrapperLeft__block-info {
display: flex;
flex-direction: column;
gap: 4px;
padding: 20px;
border: 1px solid #d8d8d8;
border-radius: 12px;
font-weight: 500;
font-size: 15px;
line-height: 133%;
background-color: #f4feff;
}
.wrapperLeft__block-info a {
color: #6c9b3c;
font-weight: 500;
font-size: 15px;
line-height: 138%;
text-align: center;
}
.wrapperLeft__block-size {
border: 1px solid #d8d8d8;
border-radius: 12px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
transform: rotate(0);
transition: all 0.4s ease;
}
.wrapperLeft__block-size-buttons {
display: flex;
gap: 12px;
}
.wrapperLeft__block-size-buttons-btn {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 12px;
border-radius: 12px;
border: 1px solid #d8d8d8;
}
.wrapperLeft__block-size-buttons-btn.active {
background-color: #6c9b3c;
border: 1px solid #6c9b3c;
}
.wrapperLeft__block-size-buttons-btn.active svg path {
transform: rotate(0);
transition: all 0.1s ease;
fill: white;
}
.wrapperLeft__block-size-buttons.active:hover {
background-color: #6c9b3c;
}
.wrapperLeft .communicate {
font-weight: 400;
font-size: 13px;
line-height: 138%;
text-align: center;
color: #6c9b3c;
cursor: pointer;
}
.wrapperLeft .communicate:hover {
color: #6c9b3c5e;
}
.wrapperRight__block {
margin-top: 4px;
position: sticky;
top: 120px;
width: 314px;
height: 805px;
display: flex;
flex-direction: column;
gap: 16px;
}
@media (max-width: 1400px) {
.wrapperRight__block {
width: 280px;
}
}
@media (max-width: 1200px) {
.wrapperRight__block {
width: 260px;
height: auto;
}
}
@media (max-width: 1100px) {
.wrapperRight__block {
width: 100%;
}
}
@media (max-width: 710px) {
.wrapperRight__block {
gap: 8px;
}
}
.wrapperRight__block-title {
font-size: 20px;
margin-bottom: 16px;
}
@media (max-width: 1100px) {
.wrapperRight__block-title {
margin-bottom: 8px;
}
}
.wrapperRight__card {
display: flex;
flex-direction: column;
gap: 8px;
border: 1px solid #d8d8d8;
border-radius: 8px;
padding: 12px;
cursor: pointer;
}
@media (max-width: 1100px) {
.wrapperRight__card {
flex-direction: row;
gap: 24px;
}
}
.wrapperRight__card-pic {
width: 100%;
height: 170px;
overflow: hidden;
margin-bottom: 4px;
border-radius: 4px;
}
@media (max-width: 1100px) {
.wrapperRight__card-pic {
height: 300px;
flex: 1;
}
}
@media (max-width: 710px) {
.wrapperRight__card-pic {
height: 200px;
}
}
@media (max-width: 550px) {
.wrapperRight__card-pic {
height: auto;
}
}
.wrapperRight__card-pic img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 1100px) {
.wrapperRight__card-text {
flex: 1;
display: flex;
flex-direction: column;
gap: 4px;
}
}
.wrapperRight__card-text-title {
font-size: 15px;
font-weight: 500;
color: #202020;
margin-bottom: 4px;
}
.wrapperRight__card-text-subtitle {
font-weight: 400;
font-size: 11px;
line-height: 145%;
color: #9693a6;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.additionally {
display: flex;
flex-direction: column;
gap: 24px;
}
.additionally__button {
justify-content: center;
align-items: center;
gap: 12px;
background-color: #6c9b3c;
border-radius: 12px;
padding: 12px 20px;
color: white;
font-size: 15px;
position: fixed;
bottom: 50px;
left: 20px;
z-index: 90;
cursor: pointer;
display: none;
}
@media (max-width: 1100px) {
.additionally__button {
display: flex;
}
}
.additionally__button-magic {
justify-content: center;
align-items: center;
gap: 12px;
background-color: #6c9b3c;
border-radius: 12px;
padding: 12px;
color: white;
font-size: 15px;
position: fixed;
bottom: 50px;
left: 224px;
z-index: 90;
cursor: pointer;
display: none;
}
.additionally__button-magic:hover {
background-color: #6589a8;
}
@media (max-width: 1100px) {
.additionally__button-magic {
display: flex;
}
}
.additionally__menu {
opacity: 0;
visibility: hidden;
height: 0;
position: fixed;
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
width: 100%;
bottom: 0;
border-radius: 24px 24px 0 0;
padding: 20px;
background-color: white;
z-index: 99;
box-shadow: 0 2px 52px 0 rgba(0, 0, 0, 0.14);
}
@media (max-width: 680px) {
.additionally__menu {
align-items: flex-start;
}
}
.additionally__menu-main {
display: flex;
justify-content: space-between;
width: 100%;
}
@media (max-width: 680px) {
.additionally__menu-main {
flex-direction: column;
}
}
.additionally__menu-main-left {
display: flex;
flex-direction: column;
gap: 16px;
}
@media (max-width: 680px) {
.additionally__menu-main-left {
gap: 4px;
padding-bottom: 24px;
border-bottom: 1px solid #555;
}
}
.additionally__menu-main-left-top {
font-weight: 500;
font-size: 15px;
line-height: 133%;
max-width: 235px;
}
@media (max-width: 680px) {
.additionally__menu-main-left-top {
max-width: unset;
padding-right: 35px;
}
}
.additionally__menu-main-left-bottom {
font-weight: 500;
font-size: 13px;
line-height: 138%;
}
.additionally__menu-main-right {
display: flex;
flex-direction: column;
gap: 8px;
width: 50%;
padding-left: 16px;
border-left: 1px solid #555;
}
@media (max-width: 680px) {
.additionally__menu-main-right {
border-left: unset;
padding-top: 24px;
padding-left: unset;
width: 100%;
}
}
.additionally__menu-main-right-top {
display: flex;
gap: 8px;
font-weight: 500;
font-size: 13px;
line-height: 138%;
}
.additionally__menu-main-right-bottom {
display: flex;
justify-content: space-between;
gap: 10px;
width: 100%;
}
.additionally__menu-main-right-bottom-buttons {
display: flex;
gap: 8px;
}
.additionally__menu-main-right-bottom-buttons-btn {
width: 44px;
height: 44px;
min-width: 44px;
}
.additionally__menu-main-right-special-buttons {
display: flex;
gap: 8px;
}
.additionally__menu-main-right-special-buttons-btn {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 12px;
border-radius: 12px;
border: 1px solid #d8d8d8;
}
.additionally__menu-main-right-special-buttons-btn:hover svg path {
stroke: white;
}
.additionally__menu-main-right-special-buttons-btn:hover {
background-color: #6c9b3c;
}
.additionally__menu-bottom {
color: #6c9b3c;
cursor: pointer;
}
.additionally__menu-bottom :hover {
color: #6c9b3c5e;
}
.additionally__close {
position: absolute;
top: 15px;
right: 25px;
}
.additionally__menu.active {
opacity: 1;
visibility: visible;
height: auto;
}
th {
hyphens: auto;
}
.topNav {
display: none;
justify-content: space-between;
gap: 20px;
align-items: center;
width: 100%;
background-color: white;
opacity: 0;
transition: 0.5s ease;
height: 0;
transform: translateY(-100%);
top: 0;
left: 0;
padding-inline: 10px;
position: fixed;
}
@media (max-width: 1100px) {
.topNav {
display: flex;
justify-content: space-between;
}
}
.topNav__left-back {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
color: #202020;
}
@media (max-width: 550px) {
.topNav__left-back {
display: none;
}
}
.topNav__left-back-btn {
display: flex;
justify-content: center;
align-items: center;
}
.topNav__left-back-mobile {
display: none;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
border-radius: 12px;
border-radius: 12px;
border: 1px solid #d8d8d8;
cursor: pointer;
}
@media (max-width: 550px) {
.topNav__left-back-mobile {
display: flex;
}
}
.topNav__right {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
justify-content: flex-end;
}
@media (max-width: 600px) {
.topNav__right {
width: 100%;
}
}
.topNav__right-opener {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px;
border: 1px solid #dce5e6;
border-radius: 12px;
width: 318px;
position: relative;
font-weight: 500;
font-size: 15px;
line-height: 133%;
cursor: pointer;
transition: 0.5s ease;
}
.topNav__right-opener-window {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: calc(100% - 30px);
}
.topNav__right-opener svg {
position: absolute;
right: 10px;
margin-left: 10px;
}
@media (max-width: 600px) {
.topNav__right-opener {
width: 100%;
max-width: 300px;
}
}
@media (max-width: 500px) {
.topNav__right-opener {
max-width: 250px;
}
}
@media (max-width: 450px) {
.topNav__right-opener {
max-width: 200px;
}
}
@media (max-width: 410px) {
.topNav__right-opener {
max-width: 150px;
}
}
.topNav__right-opener-list {
opacity: 0;
height: 0;
position: absolute;
top: 50px;
left: 0;
background-color: white;
width: 100%;
border-radius: 6px;
padding: 16px;
overflow: hidden;
box-shadow: 0 2px 52px 0 rgba(0, 0, 0, 0.14);
}
.topNav__right-opener-list ul {
margin: 0;
overflow-y: auto;
height: 148px;
overflow-x: hidden;
}
.topNav__right-opener-list ul li {
padding: 4px;
list-style-type: none;
margin-left: 0;
font-weight: 400;
font-size: 15px;
line-height: 133%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.topNav__right-opener-list ul li a {
color: #555;
}
.topNav__right-navigation {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
}
.topNav__right-navigation-arrow {
padding: 11px;
border-radius: 16px;
background-color: #6c9b3c;
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.topNav__right-opener--active .topNav__right-opener-list {
opacity: 1;
height: auto;
transition: 0.5s ease;
}
.topNav.active {
opacity: 1;
transition: 0.5s ease;
transform: translateY(0);
height: auto;
padding-bottom: 12px;
z-index: 100;
padding-top: 12px;
}
.topNav__right-opener-list a.active {
color: #ff5500;
font-weight: 600;
}
.scrollBar a.scrollActiveItemMobile {
color: #6c9b3c;
}
.wrapperLeft__block-menu-mid a.scrollActiveItemDesk {
color: #6c9b3c;
}
li a {
word-break: break-all;
overflow-wrap: anywhere;
}
ol li {
word-break: break-all;
overflow-wrap: anywhere;
}
.firstBlock-stat-bottom-title-svg {
position: relative;
display: flex;
cursor: pointer;
}
.tooltip {
position: absolute;
font-weight: 400;
font-size: 11px;
line-height: 145%;
color: #403e3e;
top: 0;
left: 30px;
background: #fff;
padding: 8px;
border-radius: 6px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
z-index: 10;
width: 443px;
}
.firstBlock-stat-main-cat {
display: flex;
flex-direction: column;
gap: 20px;
height: 100%;
}
@media (max-width: 1450px) {
.firstBlock-stat-main-cat {
gap: 10px;
}
}
.firstBlock-stat-main-cat .tooltip {
position: absolute;
font-weight: 400;
font-size: 11px;
line-height: 145%;
color: #403e3e;
top: 0;
right: 30px;
left: unset;
background: white;
padding: 8px;
border-radius: 6px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
z-index: 10;
max-width: 216px;
white-space: wrap;
}
.firstBlock-stat-bottom-title-svg:hover svg path {
transform: rotate(0);
transition: all 0.1s ease;
stroke: #466427;
}
.firstBlock-stat-bottom-title-svg:hover .tooltip {
opacity: 1;
pointer-events: auto;
}
.wrapperLeft__block-nav-back:hover svg path {
transform: rotate(0);
transition: all 0.1s ease;
stroke: #6c9b3c;
}
.wrapperLeft__block-nav-btn:hover {
color: white !important;
background-color: #466427;
}
.wrapperLeft__block-nav-btn:hover svg path {
transform: rotate(0);
transition: all 0.1s ease;
stroke: white !important;
}
@media (max-width: 550px) {
.wrapperMain .firstBlock-slider .mySwiper .swiper-wrapper .swiper-slide {
min-height: 35px;
}
}
@media (max-width: 710px) {
p {
font-size: 14px !important;
margin-bottom: 12px !important;
}
}
.firstBlock .swiper {
width: 100%;
height: 100%;
}
.firstBlock .swiper-slide {
text-align: center;
font-size: 18px;
background: #444;
display: flex;
justify-content: center;
align-items: center;
}
.firstBlock .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.firstBlock .swiper {
width: 100%;
height: 300px;
margin-left: auto;
margin-right: auto;
}
.firstBlock .swiper-slide {
background-size: cover;
background-position: center;
}
.firstBlock .mySwiper {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
}
.firstBlock .mySwiper .swiper-slide {
width: 25%;
height: 100%;
opacity: 0.4;
}
.firstBlock .mySwiper .swiper-slide-thumb-active {
opacity: 1;
}
.firstBlock .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.breeds-gallery {
display: flex;
gap: 20px;
align-items: stretch;
}
.breeds-gallery__slider {
flex: 1 1 auto;
display: flex;
overflow: hidden;
}
.breeds-gallery__slider .swiper-wrapper {
max-width: 500px;
}
.breeds-gallery__item {
text-align: center;
flex: 0 0 150px;
/* фиксированная ширина всех карточек */
}
.breeds-gallery__item p {
margin-bottom: unset;
font-size: 14px;
padding-top: 10px;
}
.breeds-gallery__img img {
width: 100%;
height: 150px;
/* фиксированная высота, чтобы все одинаково */
object-fit: cover;
/* чтобы изображение не растягивалось */
border-radius: 8px;
}
/* Последняя карточка "Все" */
.breeds-gallery__item--all {
flex: 0 0 150px;
/* та же ширина, что и карточки слайдера */
height: 100%;
/* растянуть по высоте блока */
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
/* Навигация */
.breeds-gallery__nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.breeds-gallery__nav--prev {
left: 0;
}
.breeds-gallery__nav--next {
right: 0;
}
.updated {
background: #f4f4f4;
padding: 24px;
border-radius: 14px;
display: flex;
flex-direction: column;
gap: 16px;
}
.updated__header {
display: flex;
gap: 12px;
align-items: center;
}
.updated__header span {
background: #d8d8d8;
width: 8px;
height: 8px;
border-radius: 100px;
}
.updated__title {
font-weight: 500;
color: #202020;
font-size: 20px;
}
.updated__date {
font-size: 14px;
color: #555;
}
.updated__text > * {
color: #555;
font-size: 16px;
margin: 0;
}
.needed {
display: flex;
flex-direction: column;
align-items: start;
gap: 12px;
}
.needed__title h4 {
font-weight: 500;
font-size: 28px;
line-height: 86%;
color: #101010;
}
@media (max-width: 700px) {
.needed__title h4 {
font-size: 20px;
}
}
.needed__buttons {
font-weight: 400;
font-size: 16px;
line-height: 200%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
width: 100%;
}
@media (max-width: 1410px) {
.needed__buttons {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}
}
@media (max-width: 700px) {
.needed__buttons {
grid-template-columns: 1fr;
}
}
.needed__buttons-btn {
padding: 16px 22px;
background: #f9f9f9;
border-radius: 12px;
flex: 1 1 0;
white-space: nowrap;
display: flex;
align-items: center;
justify-content: center;
color: #000;
cursor: pointer;
}
.needed__buttons-btn.needed-active {
background: #f2ffde;
}
.grade {
margin-block: 40px;
border: 1px solid #d8d8d8;
border-radius: 16px;
padding: 24px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 16px;
}
.grade__title {
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: #101010;
}
.grade__quantity {
display: flex;
gap: 8px;
}
.grade__quantity-number {
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: #787070;
border: 1px solid #d8d8d8;
border-radius: 12px;
padding: 12px 17px;
}
.grade__quantity-number-active {
background: #6c9b3c;
color: white;
}
.containerMain iframe {
width: 100%;
display: unset;
}
.filter-open {
display: none;
}
@media (max-width: 767px) {
.filter-open {
margin: 32px 0;
display: flex;
border: 1px solid #6baabe;
background: #6baabe;
border-radius: 8px;
padding: 8px 12px;
align-items: center;
gap: 8px;
font-weight: 500;
font-size: 15px;
line-height: 133%;
width: fit-content;
color: white;
}
}
.food__header {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.food__wrapper {
display: flex;
flex-direction: column;
gap: 40px;
}
@media (max-width: 600px) {
.food__wrapper {
gap: 24px;
}
}
.food-top {
display: flex;
justify-content: space-between;
align-items: start;
}
@media (max-width: 600px) {
.food-top {
flex-direction: column-reverse;
}
}
.food-top__info {
display: flex;
flex-direction: column;
gap: 4px;
}
.food-top__info span {
font-weight: 400;
font-size: 13px;
line-height: 138%;
color: #888;
}
.food-top__info h1 {
font-weight: 500;
font-size: 48px;
line-height: 108%;
}
@media (max-width: 600px) {
.food-top__info h1 {
font-size: 32px;
line-height: 125%;
}
}
.food .btn {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
padding: 16px 24px;
background: #6c9b3c;
border-radius: 16px;
width: fit-content;
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: white;
}
@media (max-width: 600px) {
.food .btn {
padding: 9px 16px;
font-size: 13px;
gap: 8px;
border-radius: 8px;
}
}
.food-main {
display: flex;
justify-content: space-between;
gap: 36px;
}
.food-main__preview {
max-width: 1016px;
max-height: 672px;
border-radius: 42px;
overflow: hidden;
}
.food-main__preview img {
width: 100%;
height: 100%;
object-fit: cover;
}
.food-main__col {
flex: 1;
}
@media (max-width: 991px) {
.food-main {
flex-direction: column;
}
}
.food-brand {
border: 2px solid #6c9b3c;
border-radius: 20px;
padding: 20px;
display: flex;
gap: 40px;
align-items: center;
}
@media (max-width: 600px) {
.food-brand {
padding: 12px;
gap: 12px;
}
}
.food-brand__img {
width: 100px;
height: 100px;
object-fit: cover;
}
.food-brand__info {
display: flex;
flex-direction: column;
gap: 12px;
width: 100%;
}
.food-brand__info .btn {
width: 100%;
}
.food-brand__info h2 {
font-weight: 500;
font-size: 28px;
line-height: 129%;
color: #101010;
}
@media (max-width: 600px) {
.food-brand__info h2 {
font-size: 20px;
}
}
.food-score {
border-radius: 20px;
padding: 24px;
background: #f5fdff;
display: flex;
flex-direction: column;
gap: 20px;
}
.food-score h3 {
font-weight: 500;
font-size: 28px;
line-height: 129%;
color: #101010;
}
.food-score-itog {
border-radius: 12px;
padding: 12px 8px;
background: #eff6e3;
display: flex;
align-items: center;
gap: 16px;
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: #101010;
}
.food-score-itog span {
font-weight: 500;
font-size: 36px;
line-height: 111%;
text-align: center;
color: #6c9b3c;
}
.food-score ul {
display: flex;
flex-direction: column;
gap: 12px;
margin: 0;
}
.food-score ul li {
display: flex;
align-items: center;
gap: 16px;
border-bottom: rgba(214, 214, 214, 0.8) solid 1px;
padding-bottom: 12px;
margin: 0;
list-style: none;
}
.food-score ul li p {
border-radius: 8px;
width: 29px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
font-weight: 500;
font-size: 13px;
line-height: 138%;
color: white;
background: #91c244;
}
.food-score ul li span {
font-weight: 500;
font-size: 15px;
line-height: 133%;
color: #101010;
}
.food-score .btn {
width: 100%;
}
.food-down {
display: flex;
justify-content: space-between;
gap: 36px;
}
@media (max-width: 991px) {
.food-down {
flex-direction: column;
}
}
.food-down__wrapper, .food-down-fits {
flex: 1;
}
.food-down__wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
@media (max-width: 600px) {
.food-down__wrapper {
gap: 12px;
}
}
.food-down__wrapper .food-info:nth-child(1), .food-down__wrapper .food-info:nth-child(2) {
grid-column: 1 / -1;
}
.food-down__wrapper .food-info:nth-child(1) {
background: #f2ffde;
}
.food-down__wrapper .food-info:nth-child(2) {
background: #daecf2;
}
.food-down__wrapper .food-info:nth-child(3), .food-down__wrapper .food-info:nth-child(4) {
background: #faf0d1;
}
.food-down__wrapper .food-info {
border-radius: 24px;
padding: 24px;
display: flex;
flex-direction: column;
gap: 12px;
}
@media (max-width: 600px) {
.food-down__wrapper .food-info {
border-radius: 12px;
padding: 12px;
gap: 4px;
}
}
.food-down__wrapper .food-info p {
margin: 0;
font-weight: 500;
font-size: 28px;
line-height: 129%;
color: #101010;
}
@media (max-width: 600px) {
.food-down__wrapper .food-info p {
font-weight: 500;
font-size: 20px;
margin-bottom: 0 !important;
}
}
.food-down__wrapper .food-info span {
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: #505050;
}
@media (max-width: 600px) {
.food-down__wrapper .food-info span {
font-size: 16px;
line-height: 150%;
}
}
.food-fits {
padding: 0 0 0 40px;
display: flex;
flex-direction: column;
gap: 40px;
flex: 1;
}
@media (max-width: 991px) {
.food-fits {
gap: 24px;
padding: 0;
}
}
.food-fits ul {
margin: 0;
padding-left: 20px;
border-left: #6c9b3c solid 1px;
display: flex;
flex-direction: column;
gap: 12px;
}
.food-fits ul li {
list-style: none;
margin: 0;
width: 100%;
display: flex;
justify-content: space-between;
}
@media (max-width: 600px) {
.food-fits ul li {
flex-direction: column;
gap: 4px;
}
}
.food-fits ul li p, .food-fits ul li span {
flex: 1;
display: flex;
justify-content: start;
}
.food-fits ul li p {
font-weight: 700;
font-size: 18px;
line-height: 133%;
color: #101010;
}
@media (max-width: 600px) {
.food-fits ul li p {
margin-bottom: 0 !important;
font-weight: 700;
font-size: 18px;
}
}
.food-fits ul li span {
font-weight: 400;
font-size: 18px;
line-height: 178%;
color: #505050;
}
@media (max-width: 600px) {
.food-fits ul li span {
font-weight: 400;
font-size: 18px;
}
}
.food-description {
display: flex;
flex-direction: column;
gap: 28px;
}
@media (max-width: 600px) {
.food-description {
gap: 12px;
}
}
.food-description span {
font-weight: 400;
font-size: 20px;
line-height: 160%;
color: #505050;
}
@media (max-width: 600px) {
.food-description span {
font-size: 15px;
line-height: 133%;
}
}
.food h4 {
font-weight: 500;
font-size: 36px;
line-height: 111%;
color: #101010;
}
@media (max-width: 600px) {
.food h4 {
font-weight: 500;
font-size: 28px;
}
}
.food .structure {
display: flex;
flex-direction: column;
gap: 12px;
}
.food .structure__row {
display: flex;
gap: 28px;
align-items: start;
}
@media (max-width: 991px) {
.food .structure__row:first-child {
flex-direction: column;
gap: 0;
}
}
@media (max-width: 600px) {
.food .structure__row {
flex-direction: column;
gap: 4px;
}
}
.food .structure-name {
display: flex;
align-items: end;
max-width: 504px;
flex: 1;
min-width: 300px;
}
.food .structure-name span {
display: block;
white-space: nowrap;
font-weight: 400;
font-size: 20px;
color: #505050;
}
.food .structure-name .structure-name__line {
width: 100%;
border-bottom: #d6d6d6 solid 1px;
}
@media (max-width: 991px) {
.food .structure-name .structure-name__line {
display: none;
}
}
.food .structure-value {
font-weight: 400;
font-size: 20px;
line-height: 160%;
color: black;
flex: 1;
}
@media (max-width: 991px) {
.food .structure-value {
flex: unset;
}
}
@media (max-width: 600px) {
.food .structure-value {
font-size: 15px;
line-height: 133%;
}
}
.food-filter {
display: flex;
flex-wrap: wrap;
gap: 40px;
padding: 12px 20px;
background: #f5fdff;
border-radius: 12px;
margin: 48px 0 20px 0;
}
@media (max-width: 767px) {
.food-filter {
display: none;
}
}
@media (min-width: 1440px) {
.food-filter {
position: fixed;
top: 80px;
z-index: 9;
}
}
.food-filter__tabs {
display: flex;
gap: 16px;
flex-wrap: wrap;
margin-top: 20px;
margin-bottom: 36px;
}
.food-filter__tab {
padding: 8px 12px;
border-radius: 8px;
border: #6baabe solid 1px;
color: #505050;
display: flex;
align-items: center;
gap: 10px;
}
@media (max-width: 575px) {
.food-filter__tab {
border-radius: 8px;
padding: 4px 4px 4px 8px;
font-size: 13px;
height: 32px;
}
}
.food-list {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
@media (max-width: 600px) {
.food .popular__slider-card-pic {
height: 164px;
}
}
.load-more-wrapper {
text-align: center;
margin: 24px 0;
}
.load-more {
padding: 12px 24px;
background: #6baabe;
color: #fff;
border-radius: 8px;
border: none;
cursor: pointer;
font-size: 16px;
display: none;
}
.load-more.show {
display: inline-block;
}
.popular__slider-card {
width: calc(20% - 20px);
}
@media (max-width: 575px) {
.popular__slider-card {
width: calc(50% - 20px);
gap: 8px;
padding: 8px;
}
}
@media (max-width: 600px) {
.popular__slider-card-pic {
max-height: 190px;
height: 100%;
}
}
.custom-dropdown {
position: relative;
}
.mobile-filter {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.6);
display: none;
z-index: 9999;
}
.mobile-filter.open {
display: block;
}
.mobile-filter__inner {
position: absolute;
inset: 0;
background: #fff;
padding: 20px;
overflow-y: auto;
}
.mobile-filter__header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.mobile-filter__title {
font-size: 20px;
font-weight: 700;
}
.mobile-filter__close {
background: none;
border: none;
font-size: 32px;
line-height: 1;
cursor: pointer;
}
.mobile-filter__section {
margin-bottom: 24px;
}
.mobile-filter__section-title {
font-size: 16px;
font-weight: 600;
margin-bottom: 12px;
}
.mobile-filter__chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.chip {
padding: 4px 12px;
border-radius: 99px;
background: white;
color: #888888;
cursor: pointer;
user-select: none;
border: #888888 solid 1px;
}
.chip.active {
background: #6baabe;
color: white;
border: #6baabe solid 1px;
}
.mobile-filter__bottom {
position: sticky;
bottom: 0;
background: #fff;
padding: 16px 0;
display: flex;
gap: 12px;
}
.mobile-filter__bottom .apply {
flex: 1;
background: #6baabe;
color: #fff;
padding: 12px;
border-radius: 8px;
border: none;
}
.mobile-filter__bottom .reset {
flex: 1;
background: #eee;
padding: 12px;
border-radius: 8px;
border: none;
}
.custom-dropdown .dropdown-input {
position: relative;
width: 100%;
padding: 6px 2px;
display: flex;
align-items: center;
cursor: pointer;
transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
background: transparent;
gap: 18px;
}
.dropdown-text {
font-size: 1rem;
line-height: 140%;
}
.custom-dropdown .arrow {
right: 2.8rem;
position: unset;
background: none;
border: none;
cursor: pointer;
padding: 0;
}
.custom-dropdown.open .arrow svg {
transform: rotate(180deg);
transition: 0.3s;
}
.custom-dropdown .del {
display: none;
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
}
.custom-dropdown label {
--tw-text-opacity: 1;
--tw-translate-y: -50%;
color: rgb(123 147 167 var(--tw-text-opacity));
font-size: 1rem;
left: 1rem;
letter-spacing: -0.04rem;
line-height: 140%;
pointer-events: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.custom-dropdown.field--filled label {
top: 0.6rem;
font-size: 0.75rem;
transform: none;
}
.dropdown-list {
position: absolute;
top: calc(100% + 0.4rem);
left: 0;
width: 100%;
z-index: 50;
min-width: 150px;
display: none;
border: 1px solid #d5f0f6;
border-radius: 0.75rem;
background: #fff;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.custom-dropdown.open .dropdown-list {
display: block;
}
.dropdown-item {
padding: 0.75rem 1rem;
cursor: pointer;
transition: 0.2s;
}
.dropdown-item:hover {
background: rgba(213, 240, 246, 0.3);
}
.field .arrow svg {
width: 20px;
}
.expert {
background-color: #f0f0f0;
color: #323232;
padding: 16px 20px;
border-radius: 12px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
margin-top: 20px;
font-size: 14px;
font-weight: normal;
text-transform: none;
}
.expert__profile {
display: flex;
align-items: center;
gap: 12px;
cursor: pointer;
}
.expert__img {
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover;
border: 2px solid #c8c8c8;
}
.expert__name {
font-weight: bold;
font-size: 16px;
color: #323232;
}
.expert__label {
font-size: 14px;
color: #646464;
margin-bottom: 8px;
}
@media (max-width: 600px) {
.expert {
padding: 12px;
gap: 6px;
}
.expert__img {
width: 40px;
height: 40px;
}
.expert__name {
font-size: 14px;
}
.expert__label {
font-size: 12px;
}
}
.filter-bottom {
padding: 14px 18px;
background: #f7fafb;
border: 1px solid #e1ecef;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.picker-found {
font-size: 16px;
font-weight: 500;
color: #4a4e69;
}
.picker-reset {
display: flex;
align-items: center;
gap: 8px;
background: #ffffff;
border: 1px solid #6baabe;
color: #6baabe;
padding: 8px 14px;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: all 0.2s ease;
}
.picker-reset:hover {
background: #6baabe;
color: #fff;
}
.picker-reset svg path {
transition: stroke 0.2s ease;
}
.picker-reset:hover svg path {
stroke: #fff;
}
@media (min-width: 1200px) {
.container--corms.container {
margin-top: 150px;
}
}
@keyframes fadeTab {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.features .features__tab-content {
height: 0;
opacity: 0;
overflow: hidden;
visibility: hidden;
padding: 0 24px;
margin-bottom: 0;
border: none;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.features .features__tab-content--active {
height: auto;
opacity: 1;
visibility: visible;
padding: 24px;
margin-bottom: 36px;
}
@media (max-width: 1200px) {
.features .features__tab-content--active {
display: flex;
flex-direction: column;
gap: 32px;
}
}
.features .features__block-title {
font-weight: 500;
font-size: 36px;
line-height: 111%;
color: #101010;
margin-bottom: 24px;
}
@media (max-width: 450px) {
.features .features__block-title {
font-size: 20px;
line-height: 120%;
}
}
.features .features__block-top {
display: flex;
gap: 8px;
align-items: center;
overflow-x: auto;
white-space: nowrap;
border-bottom: 1px solid #6c9b3c;
}
.features .features__block-top::-webkit-scrollbar {
height: 0;
}
.features .features__block-top-btn-noactive {
border-radius: 10px 10px 0 0;
padding: 12px 24px;
background: rgba(0, 0, 0, 0.05);
font-weight: 400;
font-size: 15px;
line-height: 133%;
border: 0;
color: rgba(0, 0, 0, 0.3);
cursor: pointer;
transition: 0.3s ease;
}
.features .features__block-top-btn-active {
background: #6c9b3c;
color: #fff;
}
.features .features__block-bottom {
display: none;
}
.features .features__block-bottom.features__tab-content--active {
display: flex;
justify-content: space-between;
padding: 24px;
gap: 100px;
margin-bottom: 36px;
animation: fadeTab 0.4s ease-in-out;
}
@media (max-width: 1200px) {
.features .features__block-bottom.features__tab-content--active {
flex-direction: column;
gap: 32px;
}
}
.features .features__block-bottom-left {
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
}
@media (max-width: 1200px) {
.features .features__block-bottom-left {
flex-direction: column;
gap: 32px;
}
}
.features .features__block-bottom-right {
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
}
@media (max-width: 1200px) {
.features .features__block-bottom-right {
flex-direction: column;
gap: 32px;
}
}
.features .features__block-item {
width: 100%;
}
.features .features__block-item-top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
}
.features .features__block-item-top-title {
font-weight: 500;
font-size: 28px;
line-height: 129%;
color: #101010;
}
@media (max-width: 450px) {
.features .features__block-item-top-title {
font-size: 20px;
line-height: 120%;
}
}
.features .features__block-item-top-open-btn {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
transition: transform 0.3s ease;
}
.features .features__block-item-top-open-btn svg {
pointer-events: none;
}
.features .features__block-item-top-open-btn--active {
transform: rotate(180deg);
}
.features .features__block-item-values {
display: flex;
justify-content: space-between;
height: 17px;
align-items: center;
}
.features .features__block-item-values-point {
font-weight: 400;
font-size: 14px;
color: #888;
}
.features .features__block-item-score {
display: flex;
justify-content: space-between;
margin-bottom: 12px;
gap: 4px;
}
.features .features__block-item-score-green {
border-radius: 999px;
width: 100%;
height: 8px;
background: #6c9b3c;
}
.features .features__block-item-score-gray {
border-radius: 999px;
width: 100%;
height: 8px;
background: rgba(0, 0, 0, 0.3);
}
.features .features__block-item-text {
font-weight: 400;
font-size: 15px;
line-height: 133%;
color: #888;
display: none;
}
@media (max-width: 450px) {
.features .features__block-item-text {
font-size: 14px;
line-height: 129%;
}
}
.features .features__block-item-text--active {
display: block;
}
.features .features__blockAllFeatures .features__block-bottom-left {
width: 100%;
}
.features .features__blockAllFeatures .features__block-bottom-right {
display: none;
}
.features .features__blockAllFeatures .features__block-item {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 40px;
align-items: start;
grid-template-areas: "top text" "values text" "score text";
}
.features .features__blockAllFeatures .features__block-item .features__block-item-top {
grid-area: top;
margin-bottom: 0;
}
.features .features__blockAllFeatures .features__block-item .features__block-item-values {
grid-area: values;
margin-top: 16px;
}
.features .features__blockAllFeatures .features__block-item .features__block-item-score {
grid-area: score;
margin-bottom: 0;
}
.features .features__blockAllFeatures .features__block-item .features__block-item-text {
grid-area: text;
}
@media (max-width: 1200px) {
.features .features__blockAllFeatures .features__block-item {
grid-template-columns: 1fr;
grid-template-areas: "top" "values" "score" "text";
}
.features .features__blockAllFeatures .features__block-item .features__block-item-text {
margin-top: 20px;
}
}
.review {
display: flex;
gap: 40px;
justify-content: space-between;
}
@media (max-width: 991px) {
.review {
flex-direction: column;
}
}
.review-rating {
display: flex;
flex-direction: column;
max-width: 536px;
border-radius: 32px;
padding: 40px 32px;
background: #fafafa;
overflow: hidden;
position: relative;
}
@media (max-width: 991px) {
.review-rating {
max-width: unset;
flex-direction: row;
align-items: center;
gap: 60px;
}
}
@media (max-width: 600px) {
.review-rating {
align-items: start;
}
}
.review-rating__head {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
}
.review-rating__head span {
font-weight: 500;
font-size: 15px;
line-height: 133%;
color: #9693a6;
}
.review-rating__title {
font-weight: 500;
font-size: 28px;
line-height: 129%;
color: #101010;
}
@media (max-width: 991px) {
.review-rating__title {
font-weight: 500;
font-size: 24px;
line-height: 150%;
color: #101010;
}
}
.review-rating__summary {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 40px;
}
@media (max-width: 991px) {
.review-rating__summary {
margin: 0;
}
}
.review-rating__number {
font-weight: 500;
font-size: 84px;
text-align: center;
color: #6c9b3c;
line-height: normal;
}
.review-rating__count {
font-weight: 500;
font-size: 17px;
line-height: 141%;
color: #9693a6;
}
.review-rating__img {
position: absolute;
width: 100%;
bottom: 0;
right: 0;
}
@media (max-width: 991px) {
.review-rating__img {
right: 0;
width: auto;
}
}
.review-rating__img img {
width: auto;
height: auto;
}
@media (max-width: 600px) {
.review-rating__img img {
width: 220px;
}
}
.review-right {
border: 2px solid #6c9b3c;
border-radius: 40px;
padding: 40px;
display: flex;
flex-direction: column;
gap: 40px;
flex: 1;
width: auto;
}
@media (max-width: 991px) {
.review-right {
padding: 24px 20px;
gap: 20px;
}
}
@media (max-width: 600px) {
.review-right {
padding: 20px 12px;
border-radius: 12px;
}
}
.review-right__header {
display: flex;
flex-direction: column;
gap: 4px;
}
.review-right__title {
font-weight: 500;
font-size: 36px;
color: #101010;
}
@media (max-width: 600px) {
.review-right__title {
font-weight: 500;
font-size: 24px;
}
}
.review-right__subtitle {
font-weight: 500;
font-size: 24px;
line-height: 150%;
color: #202020;
}
@media (max-width: 600px) {
.review-right__subtitle {
font-weight: 400;
font-size: 15px;
}
}
.review-right__note {
color: #888;
font-weight: 400;
font-size: 14px;
margin-top: 10px;
}
@media (max-width: 600px) {
.review-right__note {
font-size: 12px;
}
}
.review-right input.input__custom {
height: 44px;
}
.review-form {
display: flex;
flex-direction: column;
}
.review-form__previews {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 12px;
}
.review-form__preview {
position: relative;
width: 120px;
height: 120px;
border-radius: 10px;
overflow: hidden;
border: 1px solid #e6e6e6;
background: #f7f7f7;
}
@media (max-width: 600px) {
.review-form__preview {
width: 60px;
height: 60px;
}
}
.review-form__preview img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.review-form__preview-remove {
position: absolute;
top: 4px;
right: 4px;
width: 18px;
height: 18px;
border: none;
border-radius: 50%;
background: rgba(0, 0, 0, 0.6);
color: #fff;
font-size: 14px;
line-height: 18px;
cursor: pointer;
padding: 0;
}
.review-form-form__error {
color: #ff4d4d;
font-size: 13px;
margin-top: 4px;
}
.review-form textarea {
border-radius: 10px;
padding: 4px 4px 4px 12px;
font-weight: 400;
font-size: 15px;
line-height: 133%;
color: rgba(0, 0, 0, 0.3);
}
.review-form__main {
display: flex;
flex-direction: column;
gap: 16px;
}
.review-form__header {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
@media (max-width: 1100px) {
.review-form__header {
flex-direction: column;
align-items: start;
gap: 8px;
}
}
@media (max-width: 600px) {
.review-form__header {
flex-direction: row;
align-items: center;
}
.review-form__header span {
display: none;
}
}
@media (max-width: 991px) {
.review-form__header span {
font-weight: 500;
font-size: 13px;
line-height: 138%;
color: #9693a6;
}
}
.review-form__tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 16px 0;
}
.review-form__tag {
border-radius: 9999px;
padding: 10px 12px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
font-weight: 500;
font-size: 15px;
line-height: 133%;
color: #8f8f8f;
background: #fafafa;
border: 1px solid transparent;
transition: all 0.3s ease;
gap: 4px;
}
@media (max-width: 600px) {
.review-form__tag {
font-weight: 400;
font-size: 13px;
}
}
.review-form__tag-close {
display: none;
}
.review-form__tag.active {
border: 1px solid #91c244;
background: transparent;
}
.review-form__tag.active-close {
display: flex;
}
.review-form__add {
display: flex;
align-items: center;
gap: 8px;
}
.review-form__add span {
font-weight: 400;
font-size: 14px;
color: #888;
}
.review-form__star.active svg path {
fill: #f4d593;
stroke: #f4d593;
}
.review-form__stars {
display: flex;
align-items: center;
gap: 20px;
}
.review-form__stars span {
font-weight: 400;
font-size: 20px;
color: #202020;
transition: all 0.3s ease;
}
.review-form__stars span.error {
color: #ff4d4d;
}
.review-form__stars-list {
display: flex;
gap: 10px;
}
.review-form__stars-list svg {
cursor: pointer;
}
.review-form__image {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
cursor: pointer;
background: #f2ffde;
border-radius: 10px;
padding: 10px 12px;
font-weight: 500;
font-size: 15px;
line-height: 133%;
color: #8f8f8f;
}
.review-form__down {
display: flex;
width: 100%;
justify-content: end;
margin-top: 40px;
}
.review-form__button {
background: #6c9b3c;
border-radius: 8px;
padding: 9px 16px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
font-weight: 400;
font-size: 13px;
line-height: 138%;
color: white;
}
.review-form__inputs {
display: flex;
gap: 16px;
}
.review-form__inputs input::placeholder {
font-weight: 400;
font-size: 15px;
line-height: 133%;
color: rgba(0, 0, 0, 0.3);
}
@media (max-width: 600px) {
.review-form__inputs {
flex-direction: column;
gap: 12px;
}
}
@media (max-width: 600px) {
.review .review-rating {
flex-direction: column;
align-items: start;
gap: 24px;
padding: 12px;
}
.review .review-rating__title {
font-size: 20px;
line-height: 120%;
}
.review .review-rating__title span {
font-size: 13px;
line-height: 138%;
color: #9693a6;
}
}
.reviews {
margin-top: 52px;
display: flex;
flex-direction: column;
gap: 24px;
}
@media (max-width: 991px) {
.reviews {
margin-top: 36px;
}
}
.reviews-el {
display: flex;
justify-content: start;
gap: 24px;
border-bottom: rgba(214, 214, 214, 0.8) solid 1px;
padding-bottom: 36px;
}
@media (max-width: 991px) {
.reviews-el {
flex-direction: column;
gap: 12px;
padding-bottom: 24px;
}
}
.reviews-el__rating {
display: flex;
gap: 8px;
}
.reviews-el__rating svg.active path {
fill: #f4d593;
stroke: #f4d593;
}
.reviews-el__right {
display: flex;
flex-direction: column;
gap: 12px;
}
.reviews-el__tags {
display: flex;
gap: 8px;
}
@media (max-width: 991px) {
.reviews-el__tags {
gap: 4px;
flex-wrap: wrap;
}
}
.reviews-el__tag {
font-weight: 500;
font-size: 15px;
line-height: 133%;
color: #8f8f8f;
background: #faf0d1;
display: flex;
justify-content: center;
align-items: center;
border-radius: 9999px;
padding: 10px 12px;
}
@media (max-width: 991px) {
.reviews-el__tag {
font-weight: 500;
font-size: 12px;
line-height: 167%;
padding: 4px 8px;
}
}
.reviews-el__content {
display: flex;
flex-direction: column;
gap: 4px;
}
@media (max-width: 991px) {
.reviews-el__content {
font-size: 15px;
line-height: 133%;
}
}
.reviews-el__text {
font-weight: 400;
font-size: 20px;
line-height: 160%;
color: #202020;
}
@media (max-width: 991px) {
.reviews-el__text {
font-size: 15px;
line-height: 133%;
}
}
.reviews-el__show-more {
font-weight: 400;
font-size: 18px;
line-height: 178%;
color: #91c244;
}
@media (max-width: 991px) {
.reviews-el__show-more {
font-weight: 400;
font-size: 16px;
}
}
.reviews-el__images {
display: flex;
gap: 20px;
}
@media (max-width: 991px) {
.reviews-el__images {
gap: 12px;
}
}
.reviews-el__images img {
border-radius: 20px;
width: 240px;
height: 240px;
}
@media (max-width: 991px) {
.reviews-el__images img {
width: 120px;
height: 120px;
}
}
.reviews-el__down {
display: flex;
gap: 24px;
}
.reviews-el__down div {
font-weight: 400;
font-size: 15px;
line-height: 133%;
color: #9693a6;
}
@media (max-width: 991px) {
.reviews-el__down div {
font-size: 14px;
}
}
.reviews__empty {
width: 100%;
margin-top: 32px;
padding: 40px 32px;
border-radius: 28px;
background: linear-gradient(180deg, #FFFDF8 0%, #F8F8F8 100%);
border: 1px solid #EFE7D8;
color: #5F5F5F;
font-size: 18px;
line-height: 1.45;
text-align: center;
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.04);
}
.reviews__empty::before {
content: "🐾";
display: block;
margin-bottom: 12px;
font-size: 34px;
line-height: 1;
}
.statiList {
padding-top: 36px;
display: flex;
position: relative;
max-width: 1584px;
margin: 0 auto;
width: 100%;
gap: 41px;
}
@media (max-width: 1100px) {
.statiList__left {
display: none;
}
}
.statiList__left-block {
margin-top: 4px;
position: sticky;
top: 120px;
width: 250px;
display: flex;
flex-direction: column;
gap: 16px;
}
@media (max-width: 1400px) {
.statiList__left-block {
width: 280px;
}
}
@media (max-width: 1200px) {
.statiList__left-block {
width: 260px;
}
}
@media (max-width: 1100px) {
.statiList__left-block {
height: auto;
}
}
.statiList__left-block-btn:hover {
border: 1px solid #009dae;
}
.statiList__left-block-btn {
display: flex;
align-items: center;
gap: 12px;
padding: 20px;
border: 1px solid #d8d8d8;
border-radius: 12px;
cursor: pointer;
font-weight: 700;
}
.statiList__left-block-btn.active {
border: 1px solid #009dae;
}
.statiList__left-block-nav {
display: flex;
justify-content: space-between;
align-items: center;
}
.statiList__left-block-nav-back {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
color: #202020;
}
.statiList__left-block-nav-back:hover .wrapperLeft__block-back-nav-btn svg path {
transform: rotate(0);
transition: all 0.1s ease;
stroke: red;
}
.statiList__left-block-nav-back-btn {
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
}
.statiList__left-block-nav-btn {
display: flex;
align-items: center;
gap: 8px;
font-weight: 400;
font-size: 13px;
line-height: 138%;
border-radius: 6px;
padding: 5px 12px;
background: #6c9b3c;
color: white;
}
.statiList__left-block-menu {
display: flex;
flex-direction: column;
gap: 18px;
}
.statiList__left-block-menu a {
font-weight: 400;
font-size: 13px;
line-height: 138%;
text-align: center;
color: #6c9b3c;
}
.statiList__left-block-menu-top {
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: #202020;
}
.statiList__left-block-menu-mid {
display: flex;
flex-direction: column;
gap: 8px;
font-weight: 400;
font-size: 16px;
line-height: 160%;
}
.statiList__left-block-menu-mid a {
padding: 8px 12px;
border-radius: 12px;
background-color: #f9f9f9;
font-size: 16px;
color: #000;
}
.statiList__left-block-menu-mid a.active {
color: #6c9b3c;
background-color: #f2ffde;
}
.statiList__left-block-info {
display: flex;
flex-direction: column;
gap: 4px;
padding: 20px;
border: 1px solid #d8d8d8;
border-radius: 12px;
font-weight: 500;
font-size: 15px;
line-height: 133%;
background-color: #f4feff;
}
.statiList__left-block-info a {
color: #009dae;
font-weight: 500;
font-size: 15px;
line-height: 138%;
text-align: center;
}
.statiList__left-block-size {
border: 1px solid #d8d8d8;
border-radius: 12px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
transform: rotate(0);
transition: all 0.4s ease;
}
.statiList__left-block-size-buttons {
display: flex;
gap: 12px;
}
.statiList__left-block-size-buttons-btn {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 12px;
border-radius: 12px;
border: 1px solid #d8d8d8;
}
.statiList__left-block-size-buttons-btn.active {
background-color: #009dae;
border: 1px solid #009dae;
}
.statiList__left-block-size-buttons-btn.active svg path {
transform: rotate(0);
transition: all 0.1s ease;
fill: white;
}
.statiList__left-block-size-buttons.active:hover {
background-color: #009dae;
}
.statiList__left .communicate {
font-weight: 400;
font-size: 13px;
line-height: 138%;
text-align: center;
color: #009dae;
cursor: pointer;
}
.statiList__left .communicate:hover {
color: #009dae5e;
}
.statiList__block {
display: flex;
flex-direction: column;
gap: 32px;
width: 100%;
}
.statiList__block-section {
display: flex;
align-items: center;
flex-direction: column;
}
.statiList__block-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
@media (max-width: 1100px) {
.statiList__block-top {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
}
.statiList__block-top h2 {
font-size: 32px;
margin-bottom: 0;
}
.statiList__block-top-nav {
display: flex;
gap: 24px;
width: 100%;
justify-content: flex-end;
}
@media (max-width: 1100px) {
.statiList__block-top-nav {
width: 100%;
}
}
.statiList__block-top-nav .search-form {
flex: unset;
width: 100%;
max-width: 460px;
}
@media (max-width: 1100px) {
.statiList__block-top-nav .search-form {
max-width: unset;
}
}
@media (max-width: 1100px) {
.statiList__block-top-nav .search-form form input {
width: 100%;
}
}
.statiList__block-top-nav-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
font-weight: 400;
font-size: 13px;
line-height: 138%;
border-radius: 8px;
padding: 9px 16px;
background: #6c9b3c;
color: white;
width: fit-content;
}
.statiList__block-main {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
gap: 24px;
align-items: stretch;
}
.statiList__block-main .card {
display: flex;
flex-direction: column;
border: 1px solid #d8d8d8;
border-radius: 8px;
overflow: hidden;
background: #fff;
}
.statiList__block-main .card img {
width: 100%;
height: 170px;
object-fit: cover;
flex-shrink: 0;
}
.statiList__block-main .card__info {
display: flex;
flex-direction: column;
gap: 8px;
padding: 12px;
flex: 1;
}
.statiList__block-main .card__info-title {
font-weight: 500;
font-size: 15px;
line-height: 1.33;
color: #202020;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.statiList__block-main .card__info-subtitle {
font-weight: 400;
font-size: 11px;
line-height: 1.45;
color: #9693a6;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.statiList__sort-top {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 20px;
}
@media (max-width: 720px) {
.statiList__sort-top {
flex-direction: column-reverse;
justify-content: start;
align-items: start;
}
}
.statiList__sortFilter {
width: 100%;
}
.statiList__sortNew {
display: flex;
align-items: center;
gap: 16px;
position: relative;
z-index: 20;
}
@media (max-width: 650px) {
.statiList__sortNew {
justify-content: flex-start;
}
}
@media (max-width: 392px) {
.statiList__sortNew {
justify-content: space-between;
}
}
.statiList__sortNew-item {
position: relative;
}
.statiList__sortNew-item.is-open .statiList__sortNew-dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
.statiList__sortNew-item.is-open .statiList__sortNew-btn svg {
transform: rotate(180deg);
}
.statiList__sortNew-item span {
font-weight: 500;
font-size: 15px;
line-height: 133%;
color: #323232;
}
.statiList__sortNew-item.has-selected .statiList__sortNew-btn {
color: #6f9f45;
}
.statiList__sortNew-item.has-selected .statiList__sortNew-btn svg path {
fill: #6f9f45;
}
.statiList__sortNew-btn {
border: none;
background: transparent;
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
border-radius: 10px;
padding: 4px 8px 4px 12px;
white-space: nowrap;
font-weight: 500;
font-size: 15px;
line-height: 133%;
color: #323232;
}
.statiList__sortNew-btn svg {
flex-shrink: 0;
transition: transform 0.2s ease;
}
.statiList__sortNew-btn svg path {
transition: fill 0.2s ease;
}
.statiList__sortNew-dropdown {
position: absolute;
top: calc(100% + 8px);
left: 0;
padding: 12px;
width: 132px;
background: #ffffff;
border-radius: 6px;
display: flex;
flex-direction: column;
box-shadow: 0 8px 20px 0 #f2f2f2;
gap: 12px;
opacity: 0;
visibility: hidden;
transform: translateY(-4px);
pointer-events: none;
transition: 0.2s ease;
}
.statiList__sortNew-dropdown--category {
border-radius: 6px;
padding: 12px;
width: 292px;
}
.statiList__sortNew-option {
display: flex;
justify-content: space-between;
cursor: pointer;
}
.statiList__sortNew-option span {
font-weight: 400;
font-size: 14px;
color: rgba(0, 0, 0, 0.5);
}
.statiList__sortNew-checkbox {
width: 14px;
height: 14px;
margin: 0;
padding: 7px;
flex: 0 0 auto;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
border: 1px solid #9b9b9b;
border-radius: 0;
background: #ffffff;
position: relative;
}
.statiList__sortNew-checkbox:checked {
border-color: #7eaa55;
background: #eef7e8;
}
.statiList__sortNew-checkbox:checked::after {
content: "";
position: absolute;
left: 3px;
top: 0;
width: 7px;
height: 10px;
border-right: 2px solid #7eaa55;
border-bottom: 2px solid #7eaa55;
transform: rotate(45deg);
}
.statiList__sortSelected {
display: flex;
align-items: center;
height: 0;
margin-top: 0;
gap: 20px;
overflow: hidden;
}
.statiList__sortSelected.is-filled, .statiList__sortSelected:not(:empty) {
margin-top: 20px;
height: 40px;
}
@media (max-width: 650px) {
.statiList__sortSelected.is-filled, .statiList__sortSelected:not(:empty) {
height: 32px;
}
}
.statiList__sortSelected-item {
max-width: 480px;
min-height: 40px;
border: 1px solid #6c9b3c;
border-radius: 8px;
padding: 4px 4px 4px 8px;
display: flex;
align-items: center;
gap: 10px;
font-weight: 500;
font-size: 17px;
line-height: 141%;
color: #505050;
}
.statiList__sortSelected-text {
min-width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.statiList__sortSelected-textMobile {
display: none;
}
.statiList__sortSelected-remove {
width: 18px;
height: 18px;
padding: 0;
border: none;
background: transparent;
cursor: pointer;
position: relative;
flex: 0 0 18px;
}
.statiList__sortSelected-remove::before, .statiList__sortSelected-remove::after {
content: "";
position: absolute;
left: 8px;
top: 3px;
width: 1px;
height: 13px;
background: #7eaa55;
}
.statiList__sortSelected-remove::before {
transform: rotate(45deg);
}
.statiList__sortSelected-remove::after {
transform: rotate(-45deg);
}
@media (max-width: 767px) {
.statiList__sortSelected {
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: 6px;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
}
.statiList__sortSelected::-webkit-scrollbar {
display: none;
}
.statiList__sortSelected-item {
flex: 0 0 auto;
max-width: none;
min-height: 32px;
padding: 4px 4px 4px 8px;
gap: 8px;
font-size: 13px;
line-height: 138%;
white-space: nowrap;
background: #ffffff;
}
.statiList__sortSelected-text {
overflow: visible;
text-overflow: unset;
white-space: nowrap;
}
.statiList__sortSelected-textDesktop {
display: none;
}
.statiList__sortSelected-textMobile {
display: inline;
}
.statiList__sortSelected-remove {
width: 18px;
height: 18px;
flex: 0 0 18px;
}
}
.statiList__sortOverlay {
display: none;
}
.statiList__sortNew-mobileTitle {
display: none;
}
@media (max-width: 650px) {
body.is-filter-modal-open {
overflow: hidden;
}
.statiList__sortOverlay {
display: block;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.78);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: 0.25s ease;
z-index: 9998;
}
.statiList__sortOverlay.is-active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.statiList__sortNew {
width: 100%;
}
.statiList__sortNew-dropdown {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: auto;
width: 100%;
padding: 54px 26px 34px;
border-radius: 30px 30px 0 0;
background: #ffffff;
display: flex;
flex-direction: column;
gap: 24px;
overflow-y: auto;
box-sizing: border-box;
opacity: 1;
visibility: hidden;
pointer-events: none;
transform: translateY(100%);
transition: transform 0.25s ease, visibility 0.25s ease;
z-index: 9999;
}
.statiList__sortNew-dropdown::before {
content: "";
position: absolute;
top: 18px;
left: 50%;
transform: translateX(-50%);
width: 64px;
height: 4px;
border-radius: 10px;
background: #e6e6e6;
}
.statiList__sortNew-dropdown--size {
width: 100% !important;
}
.statiList__sortNew-item.is-open .statiList__sortNew-dropdown {
visibility: visible;
pointer-events: auto;
transform: translateY(0);
}
.statiList__sortNew-mobileTitle {
display: block;
margin-bottom: 10px;
text-align: center;
font-weight: 500;
font-size: 20px;
line-height: 120%;
}
.statiList__sortNew-dropdown {
counter-reset: filterCounter;
}
.statiList__sortNew-checkbox {
width: 24px;
height: 24px;
padding: 0;
flex: 0 0 24px;
border-radius: 3px;
}
.statiList__sortNew-checkbox:checked::after {
left: 8px;
top: 4px;
width: 6px;
height: 11px;
border-right: 2px solid #7eaa55;
border-bottom: 2px solid #7eaa55;
}
}
.statiList__sortOverlay {
display: none;
}
.statiList__sortNew-mobileTitle {
display: none;
}
.statiList__sortNew-mobileClose {
display: none;
}
@media (max-width: 650px) {
.statiList__sortNew-dropdown--size {
counter-reset: sizeCounter;
}
.statiList__sortNew-dropdown--size .statiList__sortNew-option {
counter-increment: sizeCounter;
}
.statiList__sortNew-dropdown--size .statiList__sortNew-option > span:first-child {
position: relative;
padding-left: 24px;
}
.statiList__sortNew-dropdown--size .statiList__sortNew-option > span:first-child::before {
content: counter(sizeCounter) ".";
position: absolute;
left: 0;
top: 0;
}
body.is-filter-modal-open {
overflow: hidden;
}
.statiList__sortOverlay {
display: block;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.78);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: 0.25s ease;
z-index: 100000;
}
.statiList__sortOverlay.is-active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.statiList__sortNew {
z-index: auto;
}
.statiList__sortNew-item {
position: static;
}
.statiList__sortNew-item.is-open .statiList__sortNew-dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateX(-50%) translateY(0);
}
.statiList__sortNew-dropdown {
position: fixed;
left: 50%;
right: auto;
bottom: 0;
top: auto;
width: 100%;
padding: 38px 16px 26px;
border-radius: 26px 26px 0 0;
background: #ffffff;
box-shadow: none;
display: flex;
flex-direction: column;
gap: 20px;
overflow-x: hidden;
box-sizing: border-box;
opacity: 1;
visibility: hidden;
pointer-events: none;
transform: translateX(-50%) translateY(100%);
transition: transform 0.25s ease, visibility 0.25s ease;
z-index: 100001;
counter-reset: filterCounter;
}
.statiList__sortNew-dropdown--category {
top: 0;
bottom: 0;
border-radius: 32px 32px 0 0;
padding: 40px 20px;
height: auto;
}
.statiList__sortNew-dropdown--size {
bottom: 0;
top: auto;
max-height: 310px;
padding: 48px 30px 34px;
}
.statiList__sortNew-mobileClose {
display: block;
position: absolute;
top: 10px;
left: 50%;
transform: translateX(-50%);
width: 92px;
height: 18px;
padding: 0;
border: none;
background: transparent;
cursor: pointer;
z-index: 2;
}
.statiList__sortNew-mobileClose::before {
content: "";
position: absolute;
top: 6px;
left: 50%;
transform: translateX(-50%);
width: 64px;
height: 4px;
border-radius: 10px;
background: #e6e6e6;
}
.statiList__sortNew-mobileTitle {
display: block;
margin-bottom: 12px;
text-align: center;
}
.statiList__sortNew-option {
display: flex;
justify-content: space-between;
font-weight: 400;
font-size: 16px;
color: #000;
}
.statiList__sortNew-option span {
font-weight: 400;
font-size: 16px;
}
.statiList__sortNew-option.is-checked {
color: #6f9f45;
}
.statiList__sortNew-checkbox {
width: 20px;
height: 20px;
padding: 0;
margin-top: 0;
flex: 0 0 20px;
border-radius: 2px;
background: #ffffff;
position: relative;
pointer-events: auto;
}
.statiList__sortNew-checkbox:checked {
border-color: #7eaa55;
background: #eef7e8;
}
.statiList__sortNew-checkbox:checked::after {
content: "";
position: absolute;
left: 4px;
top: 1px;
width: 4px;
height: 7px;
border-right: 1px solid #7eaa55;
border-bottom: 1px solid #7eaa55;
transform: rotate(45deg);
}
}
.statiList__sortNew-checkbox {
display: none;
}
.statiList__sortNew-check {
max-width: 20px;
width: 100%;
height: 20px;
border: 1px solid #6c9b3c;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
}
.statiList__sortNew-check svg {
display: none;
}
.statiList__sortNew-checkbox:checked + .statiList__sortNew-check svg {
display: block;
}
.statiList__sortNew-dropdown--category {
counter-reset: categoryCounter;
}
.statiList__sortNew-dropdown--category .statiList__sortNew-option {
counter-increment: categoryCounter;
}
.statiList__sortNew-dropdown--category .statiList__sortNew-option > span:first-child {
position: relative;
padding-left: 24px;
}
.statiList__sortNew-dropdown--category .statiList__sortNew-option > span:first-child::before {
content: counter(categoryCounter) ".";
position: absolute;
left: 0;
top: 0;
}
.statiList__sort-desktop {
overflow-x: auto;
overflow-y: hidden;
max-width: 100%;
white-space: nowrap;
}
.statiList__sort-desktop::-webkit-scrollbar {
height: 0;
}
.statiDetail {
/* Сама таблица */
/* Ячейки */
/* Заголовки */
/* Первый столбец (названия) */
/* Чередование строк */
/* Hover-эффект */
/* Скролл */
/* Последняя карточка */
/* Навигация */
}
.statiDetail .mainBlock {
display: flex;
flex-direction: column;
gap: unset;
}
.statiDetail .mainBlock__subtitle p {
font-weight: bold;
}
.statiDetail .mainBlock__pretitle {
display: flex;
justify-content: space-between;
color: #555;
gap: 12px;
}
@media (max-width: 1100px) {
.statiDetail .mainBlock__pretitle {
gap: 12px;
}
}
@media (max-width: 850px) {
.statiDetail .mainBlock__pretitle {
align-items: flex-end;
}
}
@media (max-width: 550px) {
.statiDetail .mainBlock__pretitle {
flex-direction: column;
align-items: unset;
}
}
.statiDetail .mainBlock__pretitle-left {
display: flex;
align-items: center;
gap: 40px;
}
@media (max-width: 1100px) {
.statiDetail .mainBlock__pretitle-left {
justify-content: space-between;
}
}
@media (max-width: 850px) {
.statiDetail .mainBlock__pretitle-left {
align-items: flex-start;
flex-direction: column;
gap: 8px;
}
}
.statiDetail .mainBlock__pretitle-left-block {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
font-size: 13px;
gap: 12px;
font-weight: 500;
font-size: 15px;
line-height: 133%;
color: #101010;
}
.statiDetail .mainBlock__pretitle-left-block img {
border-radius: 50%;
height: 44px;
width: 44px;
}
.statiDetail .mainBlock__pretitle-left-block-wrap {
display: flex;
gap: 16px;
}
@media (max-width: 550px) {
.statiDetail .mainBlock__pretitle-left-block-wrap {
width: 100%;
}
}
@media (max-width: 450px) {
.statiDetail .mainBlock__pretitle-left-block-wrap {
justify-content: space-between;
}
}
.statiDetail .mainBlock__pretitle-left-block-wrap .item {
display: flex;
gap: 4px;
align-items: center;
font-weight: 400;
font-size: 13px;
line-height: 138%;
}
.statiDetail .mainBlock__pretitle-right {
display: flex;
align-items: center;
gap: 16px;
}
@media (max-width: 1100px) {
.statiDetail .mainBlock__pretitle-right {
justify-content: flex-end;
}
}
@media (max-width: 450px) {
.statiDetail .mainBlock__pretitle-right {
justify-content: space-between;
}
}
.statiDetail .mainBlock__pretitle-right-block {
display: flex;
align-items: center;
gap: 4px;
font-size: 13px;
}
.statiDetail .mainBlock__title {
position: relative;
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 12px;
font-size: 48px;
font-weight: 500;
}
@media (max-width: 600px) {
.statiDetail .mainBlock__title {
font-size: 32px;
line-height: 125%;
}
}
.statiDetail .mainBlock__title-btn {
padding: 20px;
background-color: #009dae;
position: absolute;
width: fit-content;
right: 0;
top: 0;
border-radius: 12px;
color: white;
margin-left: 20px;
}
@media (max-width: 1100px) {
.statiDetail .mainBlock__title-btn {
display: none;
}
}
.statiDetail .mainBlock__title-btn:hover {
background-color: #6c9b3c5e;
}
@media (max-width: 550px) {
.statiDetail .mainBlock__title-info {
font-size: 15px;
}
}
.statiDetail .author {
display: flex;
justify-content: space-between;
gap: 24px;
padding: 24px;
background-color: #f4feff;
border-radius: 14px;
}
@media (max-width: 710px) {
.statiDetail .author {
padding: 0;
}
}
.statiDetail .author__pic {
max-width: 148px;
width: 50%;
height: auto;
border-radius: 14px;
overflow: hidden;
}
.statiDetail .author__main {
display: flex;
flex-direction: column;
width: 100%;
}
.statiDetail .author__main-top {
display: flex;
justify-content: space-between;
gap: 20px;
}
@media (max-width: 710px) {
.statiDetail .author__main-top {
flex-direction: column;
gap: 25px;
}
}
.statiDetail .author__main-top-left {
display: flex;
flex-direction: column;
gap: 4px;
}
@media (max-width: 710px) {
.statiDetail .author__main-top-left {
gap: 2px;
}
}
.statiDetail .author__main-top-left-top {
color: var(--color-pale);
}
.statiDetail .author__main-top-left-bot {
font-size: 36px;
color: #009dae;
}
@media (max-width: 710px) {
.statiDetail .author__main-top-left-bot {
font-size: 20px;
}
}
.statiDetail .author__main-top-right {
display: flex;
flex-direction: column;
gap: 4px;
color: var(--color-dark);
text-align: end;
align-items: flex-end;
}
@media (max-width: 710px) {
.statiDetail .author__main-top-right {
align-items: start;
}
}
.statiDetail .author__main-top-right-bot {
font-weight: 500;
}
@media (max-width: 420px) {
.statiDetail .author__main-top-right-bot {
text-align: start;
}
}
.statiDetail .author__main-mid {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
color: #232323;
padding-top: 30px;
padding-bottom: 12px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 710px) {
.statiDetail .author__main-mid {
padding-top: 20px;
flex-wrap: wrap;
}
}
.statiDetail .author__main-mid-btn {
color: var(--color-pale);
padding: 6px 16px;
border-radius: 40px;
background-color: white;
}
@media (max-width: 750px) {
.statiDetail .author__main-mid-btn {
font-size: 13px;
}
}
.statiDetail .author__main-bot {
padding-top: 12px;
display: flex;
gap: 10px;
align-items: center;
justify-content: flex-end;
}
@media (max-width: 710px) {
.statiDetail .author__main-bot {
justify-content: flex-start;
font-size: 15px;
}
}
.statiDetail .author__main-bot-socials {
display: flex;
gap: 10px;
align-items: center;
justify-content: flex-end;
}
.statiDetail .author__main-bot-socials a {
padding: 11px;
border-radius: 16px;
background-color: #6c9b3c;
width: 48px;
height: 48px;
}
.statiDetail .author__main-mid-mobile {
display: none;
}
.statiDetail .author__main-mid-mobile, .statiDetail .author__main-bot-mobile {
display: none;
}
@media (max-width: 710px) {
.statiDetail .author__main-bot-mobile {
display: flex;
}
.statiDetail .author__main-bot-desk {
display: none;
}
.statiDetail .wrapper__author {
display: flex;
flex-direction: column;
background: #f4feff;
padding: 8px;
}
.statiDetail .author__main-bot-mobile {
justify-content: space-between;
}
}
.statiDetail .pic__1 {
max-width: 938px;
height: 456px;
overflow: hidden;
}
.statiDetail .pic__1 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.statiDetail .block__3 p {
font-size: 11px;
font-weight: 400;
color: #555;
margin-top: 8px;
}
.statiDetail .new_blog_table {
width: 100%;
margin-bottom: 24px;
overflow-x: auto;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
background: #fff;
}
.statiDetail .new_blog_table table {
border-collapse: collapse;
width: 100%;
font-family: Arial, sans-serif;
font-size: 15px;
color: #333;
}
.statiDetail .new_blog_table th, .statiDetail .new_blog_table td {
border: 1px solid #ddd;
padding: 12px 14px;
text-align: left;
vertical-align: top;
line-height: 1.4;
}
@media (min-width: 1100px) {
.statiDetail .new_blog_table th, .statiDetail .new_blog_table td {
word-wrap: break-word;
word-break: break-word;
white-space: normal;
}
}
.statiDetail .new_blog_table th {
/* светло-серый фон */
color: #222;
font-weight: 600;
text-align: center;
border-bottom: 2px solid #bbb;
}
.statiDetail .new_blog_table td:first-child {
background: #fafafa;
/* лёгкая подсветка */
font-weight: bold;
color: #444;
}
.statiDetail .new_blog_table tbody tr:nth-child(even) {
background: #fdfdfd;
}
.statiDetail .new_blog_table tbody tr:nth-child(odd) {
background: #ffffff;
}
.statiDetail .new_blog_table tbody tr:hover {
background: #f0f7ff;
transition: background 0.2s ease-in-out;
}
.statiDetail .new_blog_table::-webkit-scrollbar {
height: 8px;
}
.statiDetail .new_blog_table::-webkit-scrollbar-thumb {
background: #bbb;
border-radius: 8px;
}
.statiDetail .new_blog_table table td:nth-child(2), .statiDetail .new_blog_table table th:nth-child(2) {
text-align: center;
}
.statiDetail .new_blog_table table td:nth-child(3), .statiDetail .new_blog_table table th:nth-child(3) {
color: #6c9b3c;
text-align: center;
}
.statiDetail .share {
display: flex;
flex-direction: column;
gap: 36px;
margin-bottom: 36px;
}
.statiDetail .share__block {
display: flex;
gap: 24px;
padding: 24px;
border: 1px solid #6C9B3C;
border-radius: 14px;
}
@media (max-width: 710px) {
.statiDetail .share__block {
padding: 8px;
}
}
.statiDetail .share__block-left {
min-width: 101px;
width: 101px;
border-radius: 8px;
overflow: hidden;
}
@media (max-width: 400px) {
.statiDetail .share__block-left {
min-width: 98px;
}
}
.statiDetail .share__block-right {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
}
.statiDetail .share__block-right-top {
font-weight: 500;
font-size: 36px;
line-height: 111%;
color: #101010;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 12px;
}
@media (max-width: 1400px) {
.statiDetail .share__block-right-top {
font-size: 20px;
}
}
@media (max-width: 710px) {
.statiDetail .share__block-right-top {
font-size: 17px;
}
}
.statiDetail .share__block-right-bot {
display: flex;
flex-wrap: wrap;
gap: 12px;
padding-top: 12px;
}
@media (max-width: 710px) {
.statiDetail .share__block-right-bot {
row-gap: 0;
}
}
.statiDetail .share__block-right-bot a {
max-width: 100px;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #6c9b3c;
}
@media (max-width: 550px) {
.statiDetail .share__block-right-bot a {
max-width: unset;
}
}
.statiDetail .share__block-right .copy-link {
max-width: 100px;
text-decoration: none;
color: #6c9b3c;
font-size: 16px;
line-height: 150%;
cursor: pointer;
}
@media (max-width: 710px) {
.statiDetail .share__block-right .copy-link {
max-width: unset;
}
}
.statiDetail .share__bottom {
display: flex;
justify-content: flex-end;
}
.statiDetail .share__bottom-buttons {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.statiDetail .share__bottom-buttons-btn {
padding: 4px 12px;
border-radius: 10px;
border: 1px solid #D8D8D8;
cursor: pointer;
font-size: 13px;
}
.statiDetail .share__bottom-fingers {
display: flex;
align-items: center;
gap: 10px;
height: fit-content;
}
.statiDetail .share__bottom-fingers-up, .statiDetail .share__bottom-fingers-down {
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
cursor: pointer;
}
.statiDetail .share__bottom-fingers .active svg path {
stroke: #6c9b3c;
}
.statiDetail .share__bottom-fingers svg path {
stroke: #787070;
}
.statiDetail .share__bottom-finger-up, .statiDetail .share__bottom-finger-down {
display: flex;
align-items: center;
gap: 3.5px;
}
.statiDetail .questions {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 36px;
transition: 0.5s ease;
}
.statiDetail .questions__line {
display: flex;
justify-content: center;
flex-direction: column;
padding: 24px;
border: 1px solid #f4f4f4;
border-radius: 14px;
transition: 0.5s ease;
}
.statiDetail .questions__line.questions__line--active {
background-color: #F4F4F4;
transition: 0.5s ease;
}
.statiDetail .questions__line-title {
display: flex;
align-items: center;
gap: 12px;
position: relative;
}
.statiDetail .questions__line-title-svg-open {
position: absolute;
right: 0;
}
.statiDetail .questions__line-title-svg-close {
position: absolute;
right: 0;
top: 0;
}
.statiDetail .questions__line-title-text {
font-size: 20px;
padding-right: 25px;
}
@media (max-width: 710px) {
.statiDetail .questions__line-title-text {
font-size: 17px;
}
}
@media (max-width: 400px) {
.statiDetail .questions__line-title-text {
max-width: 240px;
}
}
.statiDetail .questions__line-title-text span {
color: #6c9b3c;
}
.statiDetail .questions__line-title-number {
display: flex;
justify-content: center;
align-items: center;
padding: 1.5px 8.5px;
background-color: #6c9b3c;
color: white;
border-radius: 8px;
width: 28px;
height: 28px;
}
.statiDetail .questions__line-subtitle {
opacity: 0;
overflow: hidden;
height: 0;
visibility: hidden;
font-size: 20px;
}
@media (max-width: 710px) {
.statiDetail .questions__line-subtitle {
font-size: 15px;
}
}
.statiDetail .questions__line {
cursor: pointer;
}
.statiDetail .questions__line--active .questions__line-title-svg-open {
overflow: visible;
opacity: 1;
width: auto;
height: auto;
transition: 0.5s ease;
}
.statiDetail .questions__line .questions__line-title-svg-open {
overflow: hidden;
opacity: 0;
width: 0;
height: 0;
transition: 0.5s ease;
}
.statiDetail .selection {
padding: 12px 16px;
background-color: rgba(145, 194, 68, 0.15);
margin-bottom: 36px;
font-size: 20px;
margin-top: 36px;
border-radius: 10px;
line-height: 160%;
}
.statiDetail .selection p {
margin-bottom: unset;
}
@media (max-width: 710px) {
.statiDetail .selection {
font-size: 14px;
margin-top: 24px;
margin-bottom: 24px;
}
}
.statiDetail .wrapperMain {
max-width: 1293px;
margin: 0 auto;
margin-bottom: 36px;
font-size: 20px;
font-weight: 400;
line-height: 160%;
}
.statiDetail .wrapperMain .firstBlock {
display: flex;
justify-content: space-between;
gap: 40px;
margin-bottom: 36px;
max-height: 420px;
}
@media (max-width: 1450px) {
.statiDetail .wrapperMain .firstBlock {
max-height: 550px;
gap: 32px;
}
}
@media (max-width: 850px) {
.statiDetail .wrapperMain .firstBlock {
flex-direction: column;
max-height: unset;
gap: 40px;
}
}
@media (max-width: 850px) {
.statiDetail .wrapperMain .firstBlock {
gap: 24px;
margin-bottom: 24px;
}
}
.statiDetail .wrapperMain .firstBlock-slider {
max-width: 532px;
}
@media (max-width: 1450px) {
.statiDetail .wrapperMain .firstBlock-slider {
max-width: 470px;
}
}
@media (max-width: 1100px) {
.statiDetail .wrapperMain .firstBlock-slider {
max-width: unset;
width: 100%;
}
}
.statiDetail .wrapperMain .firstBlock-slider img {
width: 100%;
height: 100%;
object-fit: cover;
}
.statiDetail .wrapperMain .firstBlock-slider .mySwiper2 {
border-radius: 24px;
height: 80%;
width: 100%;
}
.statiDetail .wrapperMain .firstBlock-slider .mySwiper .swiper-wrapper .swiper-slide {
border-radius: 8px;
overflow: hidden;
}
.statiDetail .wrapperMain .firstBlock-stat {
max-width: unset;
width: 100%;
display: flex;
flex-direction: column;
gap: 21px;
}
@media (max-width: 1100px) {
.statiDetail .wrapperMain .firstBlock-stat {
display: none;
}
}
.statiDetail .wrapperMain .firstBlock-stat .wrapperRight__block {
margin-top: unset;
position: sticky;
top: 120px;
width: 100%;
height: auto;
display: flex;
flex-direction: column;
gap: 5px;
}
.statiDetail .wrapperMain .firstBlock-stat .wrapperRight__block-btn:hover {
border: 1px solid #6c9b3c;
}
.statiDetail .wrapperMain .firstBlock-stat .wrapperRight__block-btn {
display: flex;
align-items: center;
gap: 12px;
padding: 20px;
border: 1px solid #d8d8d8;
border-radius: 12px;
cursor: pointer;
font-weight: 700;
}
.statiDetail .wrapperMain .firstBlock-stat .wrapperRight__block-btn.active {
border: 1px solid #6c9b3c;
}
.statiDetail .wrapperMain .firstBlock-stat .wrapperRight__block-nav {
display: flex;
justify-content: space-between;
align-items: center;
}
.statiDetail .wrapperMain .firstBlock-stat .wrapperRight__block-nav-back {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
padding: 6px 12px;
color: #202020;
}
.statiDetail .wrapperMain .firstBlock-stat .wrapperRight__block-nav-back:hover .wrapperLeft__block-back-nav-btn svg path {
transform: rotate(0);
transition: all 0.1s ease;
stroke: red;
}
.statiDetail .wrapperMain .firstBlock-stat .wrapperRight__block-nav-back-btn {
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
}
.statiDetail .wrapperMain .firstBlock-stat .wrapperRight__block-nav-btn {
display: flex;
align-items: center;
gap: 8px;
font-weight: 400;
font-size: 13px;
line-height: 138%;
border-radius: 6px;
padding: 5px 12px;
background: #6c9b3c;
color: white;
}
.statiDetail .wrapperMain .firstBlock-stat .wrapperRight__block-menu {
display: flex;
flex-direction: column;
gap: 16px;
max-height: 600px;
}
.statiDetail .wrapperMain .firstBlock-stat .wrapperRight__block-menu-top {
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: #202020;
}
.statiDetail .wrapperMain .firstBlock-stat .wrapperRight__block-menu-mid {
display: flex;
flex-direction: column;
gap: 8px;
font-weight: 400;
font-size: 16px;
line-height: 160%;
max-height: 328px;
overflow-y: auto;
overflow-x: hidden;
}
.statiDetail .wrapperMain .firstBlock-stat .wrapperRight__block-menu-mid a {
padding: 8px 12px;
border-radius: 12px;
background-color: #f9f9f9;
font-size: 16px;
line-height: 200%;
font-weight: 400;
color: #000;
}
.statiDetail .wrapperMain .firstBlock-stat .wrapperRight__block-menu-mid a.active {
color: #000;
background-color: #f2ffde;
}
.statiDetail .wrapperMain .firstBlock-stat .wrapperRight__block-info {
display: flex;
flex-direction: column;
gap: 4px;
padding: 20px;
border: 1px solid #d8d8d8;
border-radius: 12px;
font-weight: 500;
font-size: 15px;
line-height: 133%;
background-color: #f4feff;
}
.statiDetail .wrapperMain .firstBlock-stat .wrapperRight__block-info a {
color: #6c9b3c;
font-weight: 500;
font-size: 15px;
line-height: 138%;
text-align: center;
}
.statiDetail .wrapperMain .firstBlock-stat .wrapperRight__block-size {
border: 1px solid #d8d8d8;
border-radius: 12px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
transform: rotate(0);
transition: all 0.4s ease;
}
.statiDetail .wrapperMain .firstBlock-stat .wrapperRight__block-size-buttons {
display: flex;
gap: 12px;
}
.statiDetail .wrapperMain .firstBlock-stat .wrapperRight__block-size-buttons-btn {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 12px;
border-radius: 12px;
border: 1px solid #d8d8d8;
}
.statiDetail .wrapperMain .firstBlock-stat .wrapperRight__block-size-buttons-btn.active {
background-color: #6c9b3c;
border: 1px solid #6c9b3c;
}
.statiDetail .wrapperMain .firstBlock-stat .wrapperRight__block-size-buttons-btn.active svg path {
transform: rotate(0);
transition: all 0.1s ease;
fill: white;
}
.statiDetail .wrapperMain .firstBlock-stat .wrapperRight__block-size-buttons.active:hover {
background-color: #6c9b3c;
}
.statiDetail .wrapperMain .firstBlock-stat .wrapperRight .communicate {
font-weight: 400;
font-size: 13px;
line-height: 138%;
text-align: center;
color: #6c9b3c;
cursor: pointer;
}
.statiDetail .wrapperMain .firstBlock-stat .wrapperRight .communicate:hover {
color: #6c9b3c5e;
}
.statiDetail .wrapperMain .firstBlock-stat p {
font-weight: 400;
font-size: 18px;
margin-bottom: unset;
color: #555;
}
@media (max-width: 1450px) {
.statiDetail .wrapperMain .firstBlock-stat p {
font-size: 16px;
}
}
@media (max-width: 550px) {
.statiDetail .wrapperMain .firstBlock-stat p {
font-size: 14px;
}
}
.statiDetail .wrapperMain .firstBlock-stat-main .item {
display: flex;
align-items: stretch;
gap: 29px;
width: 100%;
justify-content: flex-start;
}
.statiDetail .wrapperMain .firstBlock-stat-main .item .name {
font-weight: 700;
font-size: 18px;
color: #101010;
white-space: nowrap;
min-width: 190px;
}
@media (max-width: 1450px) {
.statiDetail .wrapperMain .firstBlock-stat-main .item .name {
font-size: 16px;
white-space: wrap;
}
}
.statiDetail .wrapperMain .firstBlock-stat-main .item .value {
font-weight: 400;
font-size: 18px;
line-height: 178%;
color: #101010;
margin: 0;
}
@media (max-width: 1450px) {
.statiDetail .wrapperMain .firstBlock-stat-main .item .value {
font-size: 16px;
}
}
.statiDetail .wrapperMain .firstBlock-stat-main-cat .item {
display: flex;
flex-direction: column;
align-items: stretch;
width: 100%;
justify-content: flex-start;
}
.statiDetail .wrapperMain .firstBlock-stat-main-cat .item .name {
font-weight: 700;
font-size: 18px;
color: #101010;
white-space: nowrap;
min-width: 190px;
display: flex;
align-items: center;
gap: 8px;
}
@media (max-width: 1450px) {
.statiDetail .wrapperMain .firstBlock-stat-main-cat .item .name {
font-size: 16px;
white-space: wrap;
}
}
@media (max-width: 550px) {
.statiDetail .wrapperMain .firstBlock-stat-main-cat .item .name {
font-size: 14px;
}
}
.statiDetail .wrapperMain .firstBlock-stat-main-cat .item .value {
font-weight: 400;
font-size: 18px;
line-height: 178%;
color: #101010;
margin: 0;
}
@media (max-width: 1450px) {
.statiDetail .wrapperMain .firstBlock-stat-main-cat .item .value {
font-size: 16px;
}
}
@media (max-width: 550px) {
.statiDetail .wrapperMain .firstBlock-stat-main-cat .item .value {
font-size: 14px;
}
}
.statiDetail .wrapperMain .firstBlock-stat .firstblock-stick {
height: 1px;
position: relative;
top: 0;
width: 100%;
}
.statiDetail .wrapperMain .firstBlock-stat .firstblock-stick svg {
position: absolute;
top: 0;
width: 100%;
}
.statiDetail .wrapperMain .firstBlock-stat-bottom {
display: flex;
flex-direction: column;
gap: 4px;
}
.statiDetail .wrapperMain .firstBlock-stat-bottom-title {
display: flex;
align-items: center;
gap: 4px;
font-weight: 700;
font-size: 18px;
line-height: 133%;
color: #101010;
}
.statiDetail .wrapperMain .firstBlock-stat-bottom p {
font-weight: 400;
font-size: 18px;
line-height: 178%;
color: #101010;
}
.statiDetail .wrapperMain .advantages {
display: flex;
justify-content: space-between;
gap: 32px;
margin-bottom: 36px;
}
@media (max-width: 850px) {
.statiDetail .wrapperMain .advantages {
gap: 12px;
}
}
@media (max-width: 550px) {
.statiDetail .wrapperMain .advantages {
flex-direction: column;
}
}
.statiDetail .wrapperMain .advantages__block {
padding: 32px;
border-radius: 32px;
flex: 1;
position: relative;
overflow: hidden;
}
@media (max-width: 850px) {
.statiDetail .wrapperMain .advantages__block {
padding: 16px;
}
}
.statiDetail .wrapperMain .advantages__block-svg {
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 850px) {
.statiDetail .wrapperMain .advantages__block-svg {
width: 160px;
height: 160px;
}
}
.statiDetail .wrapperMain .advantages__block-title {
font-weight: 500;
font-size: 28px;
line-height: 129%;
color: #6c9b3c;
margin-bottom: 32px;
}
@media (max-width: 850px) {
.statiDetail .wrapperMain .advantages__block-title {
margin-bottom: 16px;
}
}
@media (max-width: 550px) {
.statiDetail .wrapperMain .advantages__block-title {
margin-bottom: 12px;
}
}
.statiDetail .wrapperMain .advantages__block-title-red {
color: #ce695f;
}
.statiDetail .wrapperMain .advantages__block ul {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 0;
}
.statiDetail .wrapperMain .advantages__block:nth-child(1) {
background: #f2ffde;
}
.statiDetail .wrapperMain .advantages__block:nth-child(2) {
background: #fef4f3;
}
.statiDetail .wrapperMain h1 {
display: none;
}
@media (max-width: 710px) {
.statiDetail .wrapperMain {
font-weight: 400;
font-size: 14px;
line-height: 129%;
}
}
@media (max-width: 1024px) {
.statiDetail .wrapperMain {
width: 100%;
}
}
.statiDetail .wrapperMain hr {
display: none;
}
.statiDetail .wrapperMain h2, .statiDetail .wrapperMain h3, .statiDetail .wrapperMain h4, .statiDetail .wrapperMain h5, .statiDetail .wrapperMain h6, .statiDetail .wrapperMain .new_blog_table, .statiDetail .wrapperMain .share {
margin-top: 36px;
}
@media (max-width: 1024px) {
.statiDetail .wrapperMain h2, .statiDetail .wrapperMain h3, .statiDetail .wrapperMain h4, .statiDetail .wrapperMain h5, .statiDetail .wrapperMain h6, .statiDetail .wrapperMain .new_blog_table, .statiDetail .wrapperMain .share {
margin-top: 24px;
}
}
.statiDetail .wrapperMain strong {
font-weight: 400;
}
.statiDetail .questions__line--active .questions__line-title-svg-close {
overflow: hidden;
opacity: 0;
width: 0;
height: 0;
transition: 0.5s ease;
}
.statiDetail .questions__line--active .questions__line-subtitle {
opacity: 1;
overflow: visible;
height: fit-content;
margin-top: 16px;
font-size: 20px;
visibility: visible;
transition: 0.5s ease;
}
@media (max-width: 710px) {
.statiDetail .questions__line--active .questions__line-subtitle {
font-size: 15px;
}
}
.statiDetail .comments__top {
display: flex;
gap: 4px;
font-weight: 500;
}
.statiDetail .wrapperLeft__block {
margin-top: 4px;
position: sticky;
top: 120px;
width: 314px;
height: 805px;
display: flex;
flex-direction: column;
gap: 16px;
}
@media (max-width: 1400px) {
.statiDetail .wrapperLeft__block {
width: 280px;
}
}
@media (max-width: 1200px) {
.statiDetail .wrapperLeft__block {
width: 260px;
}
}
@media (max-width: 1100px) {
.statiDetail .wrapperLeft__block {
height: auto;
}
}
.statiDetail .wrapperLeft__block-btn:hover {
border: 1px solid #6c9b3c;
}
.statiDetail .wrapperLeft__block-btn {
display: flex;
align-items: center;
gap: 12px;
padding: 20px;
border: 1px solid #d8d8d8;
border-radius: 12px;
cursor: pointer;
font-weight: 700;
}
.statiDetail .wrapperLeft__block-btn.active {
border: 1px solid #6c9b3c;
}
.statiDetail .wrapperLeft__block-nav {
display: flex;
justify-content: space-between;
align-items: center;
}
.statiDetail .wrapperLeft__block-nav-back {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
color: #202020;
}
.statiDetail .wrapperLeft__block-nav-back:hover .wrapperLeft__block-back-nav-btn svg path {
transform: rotate(0);
transition: all 0.1s ease;
stroke: red;
}
.statiDetail .wrapperLeft__block-nav-back-btn {
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
}
.statiDetail .wrapperLeft__block-nav-btn {
display: flex;
align-items: center;
gap: 8px;
font-weight: 400;
font-size: 13px;
line-height: 138%;
border-radius: 6px;
padding: 5px 12px;
background: #6c9b3c;
color: white;
}
.statiDetail .wrapperLeft__block-menu {
display: flex;
flex-direction: column;
gap: 18px;
max-height: 600px;
}
.statiDetail .wrapperLeft__block-menu-top {
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: #202020;
}
.statiDetail .wrapperLeft__block-menu-mid {
display: flex;
flex-direction: column;
gap: 8px;
font-weight: 400;
font-size: 16px;
line-height: 160%;
max-height: 250px;
overflow-y: scroll;
overflow-x: hidden;
}
.statiDetail .wrapperLeft__block-menu-mid a {
padding: 8px 12px;
border-radius: 12px;
background-color: #f9f9f9;
font-size: 16px;
color: #000;
}
.statiDetail .wrapperLeft__block-menu-mid a.active {
color: #000;
background-color: #f2ffde;
}
.statiDetail .wrapperLeft__block-info {
display: flex;
flex-direction: column;
gap: 4px;
padding: 20px;
border: 1px solid #d8d8d8;
border-radius: 12px;
font-weight: 500;
font-size: 15px;
line-height: 133%;
background-color: #f4feff;
}
.statiDetail .wrapperLeft__block-info a {
color: #6c9b3c;
font-weight: 500;
font-size: 15px;
line-height: 138%;
text-align: center;
}
.statiDetail .wrapperLeft__block-size {
border: 1px solid #d8d8d8;
border-radius: 12px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
transform: rotate(0);
transition: all 0.4s ease;
}
.statiDetail .wrapperLeft__block-size-buttons {
display: flex;
gap: 12px;
}
.statiDetail .wrapperLeft__block-size-buttons-btn {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 12px;
border-radius: 12px;
border: 1px solid #d8d8d8;
}
.statiDetail .wrapperLeft__block-size-buttons-btn.active {
background-color: #6c9b3c;
border: 1px solid #6c9b3c;
}
.statiDetail .wrapperLeft__block-size-buttons-btn.active svg path {
transform: rotate(0);
transition: all 0.1s ease;
fill: white;
}
.statiDetail .wrapperLeft__block-size-buttons.active:hover {
background-color: #6c9b3c;
}
.statiDetail .wrapperLeft .communicate {
font-weight: 400;
font-size: 13px;
line-height: 138%;
text-align: center;
color: #6c9b3c;
cursor: pointer;
}
.statiDetail .wrapperLeft .communicate:hover {
color: #6c9b3c5e;
}
.statiDetail .additionally {
display: flex;
flex-direction: column;
gap: 24px;
}
.statiDetail .additionally__button {
justify-content: center;
align-items: center;
gap: 12px;
background-color: #6c9b3c;
border-radius: 12px;
padding: 12px 20px;
color: white;
font-size: 15px;
position: fixed;
bottom: 50px;
left: 20px;
z-index: 90;
cursor: pointer;
display: none;
}
@media (max-width: 1100px) {
.statiDetail .additionally__button {
display: flex;
}
}
.statiDetail .additionally__button-magic {
justify-content: center;
align-items: center;
gap: 12px;
background-color: #6c9b3c;
border-radius: 12px;
padding: 12px;
color: white;
font-size: 15px;
position: fixed;
bottom: 50px;
left: 224px;
z-index: 90;
cursor: pointer;
display: none;
}
.statiDetail .additionally__button-magic:hover {
background-color: #6589a8;
}
@media (max-width: 1100px) {
.statiDetail .additionally__button-magic {
display: flex;
}
}
.statiDetail .additionally__menu {
opacity: 0;
visibility: hidden;
height: 0;
position: fixed;
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
width: 100%;
bottom: 0;
border-radius: 24px 24px 0 0;
padding: 20px;
background-color: white;
z-index: 99;
box-shadow: 0 2px 52px 0 rgba(0, 0, 0, 0.14);
}
@media (max-width: 680px) {
.statiDetail .additionally__menu {
align-items: flex-start;
}
}
.statiDetail .additionally__menu-main {
display: flex;
justify-content: space-between;
width: 100%;
}
@media (max-width: 680px) {
.statiDetail .additionally__menu-main {
flex-direction: column;
}
}
.statiDetail .additionally__menu-main-left {
display: flex;
flex-direction: column;
gap: 16px;
}
@media (max-width: 680px) {
.statiDetail .additionally__menu-main-left {
gap: 4px;
padding-bottom: 24px;
border-bottom: 1px solid #555;
}
}
.statiDetail .additionally__menu-main-left-top {
font-weight: 500;
font-size: 15px;
line-height: 133%;
max-width: 235px;
}
@media (max-width: 680px) {
.statiDetail .additionally__menu-main-left-top {
max-width: unset;
padding-right: 35px;
}
}
.statiDetail .additionally__menu-main-left-bottom {
font-weight: 500;
font-size: 13px;
line-height: 138%;
}
.statiDetail .additionally__menu-main-right {
display: flex;
flex-direction: column;
gap: 8px;
width: 50%;
padding-left: 16px;
border-left: 1px solid #555;
}
@media (max-width: 680px) {
.statiDetail .additionally__menu-main-right {
border-left: unset;
padding-top: 24px;
padding-left: unset;
width: 100%;
}
}
.statiDetail .additionally__menu-main-right-top {
display: flex;
gap: 8px;
font-weight: 500;
font-size: 13px;
line-height: 138%;
}
.statiDetail .additionally__menu-main-right-bottom {
display: flex;
justify-content: space-between;
gap: 10px;
width: 100%;
}
.statiDetail .additionally__menu-main-right-bottom-buttons {
display: flex;
gap: 8px;
}
.statiDetail .additionally__menu-main-right-bottom-buttons-btn {
width: 44px;
height: 44px;
min-width: 44px;
}
.statiDetail .additionally__menu-main-right-special-buttons {
display: flex;
gap: 8px;
}
.statiDetail .additionally__menu-main-right-special-buttons-btn {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 12px;
border-radius: 12px;
border: 1px solid #d8d8d8;
}
.statiDetail .additionally__menu-main-right-special-buttons-btn:hover svg path {
stroke: white;
}
.statiDetail .additionally__menu-main-right-special-buttons-btn:hover {
background-color: #6c9b3c;
}
.statiDetail .additionally__menu-bottom {
color: #6c9b3c;
cursor: pointer;
}
.statiDetail .additionally__menu-bottom :hover {
color: #6c9b3c5e;
}
.statiDetail .additionally__close {
position: absolute;
top: 15px;
right: 25px;
}
.statiDetail .additionally__menu.active {
opacity: 1;
visibility: visible;
height: auto;
}
.statiDetail th {
hyphens: auto;
}
.statiDetail .topNav {
display: none;
justify-content: space-between;
gap: 20px;
align-items: center;
width: 100%;
background-color: white;
opacity: 0;
transition: 0.5s ease;
height: 0;
transform: translateY(-100%);
top: 0;
left: 0;
padding-inline: 10px;
position: fixed;
}
@media (max-width: 1100px) {
.statiDetail .topNav {
display: flex;
justify-content: space-between;
}
}
.statiDetail .topNav__left-back {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
color: #202020;
}
@media (max-width: 550px) {
.statiDetail .topNav__left-back {
display: none;
}
}
.statiDetail .topNav__left-back-btn {
display: flex;
justify-content: center;
align-items: center;
}
.statiDetail .topNav__left-back-mobile {
display: none;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
border-radius: 12px;
border-radius: 12px;
border: 1px solid #d8d8d8;
cursor: pointer;
}
@media (max-width: 550px) {
.statiDetail .topNav__left-back-mobile {
display: flex;
}
}
.statiDetail .topNav__right {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
justify-content: flex-end;
}
@media (max-width: 600px) {
.statiDetail .topNav__right {
width: 100%;
}
}
.statiDetail .topNav__right-opener {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px;
border: 1px solid #dce5e6;
border-radius: 12px;
width: 318px;
position: relative;
font-weight: 500;
font-size: 15px;
line-height: 133%;
cursor: pointer;
transition: 0.5s ease;
}
.statiDetail .topNav__right-opener-window {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: calc(100% - 30px);
}
.statiDetail .topNav__right-opener svg {
position: absolute;
right: 10px;
margin-left: 10px;
}
@media (max-width: 600px) {
.statiDetail .topNav__right-opener {
width: 100%;
max-width: 300px;
}
}
@media (max-width: 500px) {
.statiDetail .topNav__right-opener {
max-width: 250px;
}
}
@media (max-width: 450px) {
.statiDetail .topNav__right-opener {
max-width: 200px;
}
}
@media (max-width: 410px) {
.statiDetail .topNav__right-opener {
max-width: 150px;
}
}
.statiDetail .topNav__right-opener-list {
opacity: 0;
height: 0;
position: absolute;
top: 50px;
left: 0;
background-color: white;
width: 100%;
border-radius: 6px;
padding: 16px;
overflow: hidden;
box-shadow: 0 2px 52px 0 rgba(0, 0, 0, 0.14);
}
.statiDetail .topNav__right-opener-list ul {
margin: 0;
overflow-y: auto;
height: 148px;
overflow-x: hidden;
}
.statiDetail .topNav__right-opener-list ul li {
padding: 4px;
list-style-type: none;
margin-left: 0;
font-weight: 400;
font-size: 15px;
line-height: 133%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.statiDetail .topNav__right-opener-list ul li a {
color: #555;
}
.statiDetail .topNav__right-navigation {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
}
.statiDetail .topNav__right-navigation-arrow {
padding: 11px;
border-radius: 16px;
background-color: #6c9b3c;
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.statiDetail .topNav__right-opener--active .topNav__right-opener-list {
opacity: 1;
height: auto;
transition: 0.5s ease;
}
.statiDetail .topNav.active {
opacity: 1;
transition: 0.5s ease;
transform: translateY(0);
height: auto;
padding-bottom: 12px;
z-index: 100;
padding-top: 12px;
}
.statiDetail .topNav__right-opener-list a.active {
color: #ff5500;
font-weight: 600;
}
.statiDetail .scrollBar a.scrollActiveItemMobile {
color: #6c9b3c;
}
.statiDetail .wrapperLeft__block-menu-mid a.scrollActiveItemDesk {
color: #6c9b3c;
}
.statiDetail li a {
word-break: break-all;
overflow-wrap: anywhere;
}
.statiDetail ol li {
word-break: break-all;
overflow-wrap: anywhere;
}
.statiDetail .firstBlock-stat-bottom-title-svg {
position: relative;
display: flex;
cursor: pointer;
}
.statiDetail .tooltip {
position: absolute;
font-weight: 400;
font-size: 11px;
line-height: 145%;
color: #403e3e;
top: 0;
left: 30px;
background: #fff;
padding: 8px;
border-radius: 6px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
z-index: 10;
width: 443px;
}
.statiDetail .firstBlock-stat-main-cat {
display: flex;
flex-direction: column;
gap: 20px;
height: 100%;
}
@media (max-width: 1450px) {
.statiDetail .firstBlock-stat-main-cat {
gap: 10px;
}
}
.statiDetail .firstBlock-stat-main-cat .tooltip {
position: absolute;
font-weight: 400;
font-size: 11px;
line-height: 145%;
color: #403e3e;
top: 0;
right: 30px;
left: unset;
background: white;
padding: 8px;
border-radius: 6px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
z-index: 10;
max-width: 216px;
white-space: wrap;
}
.statiDetail .firstBlock-stat-bottom-title-svg:hover svg path {
transform: rotate(0);
transition: all 0.1s ease;
stroke: #466427;
}
.statiDetail .firstBlock-stat-bottom-title-svg:hover .tooltip {
opacity: 1;
pointer-events: auto;
}
.statiDetail .wrapperLeft__block-nav-back:hover svg path {
transform: rotate(0);
transition: all 0.1s ease;
stroke: #6c9b3c;
}
.statiDetail .wrapperLeft__block-nav-btn:hover {
color: white !important;
background-color: #466427;
}
.statiDetail .wrapperLeft__block-nav-btn:hover svg path {
transform: rotate(0);
transition: all 0.1s ease;
stroke: white !important;
}
@media (max-width: 550px) {
.statiDetail .wrapperMain .firstBlock-slider .mySwiper .swiper-wrapper .swiper-slide {
min-height: 35px;
}
}
@media (max-width: 710px) {
.statiDetail p {
font-size: 14px !important;
margin-bottom: 12px !important;
}
}
.statiDetail .firstBlock .swiper {
width: 100%;
height: 100%;
}
.statiDetail .firstBlock .swiper-slide {
text-align: center;
font-size: 18px;
background: #444;
display: flex;
justify-content: center;
align-items: center;
}
.statiDetail .firstBlock .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.statiDetail .firstBlock .swiper {
width: 100%;
height: 300px;
margin-left: auto;
margin-right: auto;
}
.statiDetail .firstBlock .swiper-slide {
background-size: cover;
background-position: center;
}
.statiDetail .firstBlock .mySwiper {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
}
.statiDetail .firstBlock .mySwiper .swiper-slide {
width: 25%;
height: 100%;
opacity: 0.4;
}
.statiDetail .firstBlock .mySwiper .swiper-slide-thumb-active {
opacity: 1;
}
.statiDetail .firstBlock .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.statiDetail .breeds-gallery {
display: flex;
gap: 20px;
align-items: stretch;
}
.statiDetail .breeds-gallery__slider {
flex: 1 1 auto;
overflow: hidden;
}
.statiDetail .breeds-gallery__item {
text-align: center;
}
.statiDetail .breeds-gallery__img img {
width: 100%;
height: auto;
border-radius: 8px;
}
.statiDetail .breeds-gallery__item--all {
flex: 0 0 200px;
cursor: pointer;
margin-top: 20px;
}
.statiDetail .breeds-gallery__nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.statiDetail .breeds-gallery__nav--prev {
left: 0;
}
.statiDetail .breeds-gallery__nav--next {
right: 0;
}
.statiDetail .card {
display: flex;
flex-direction: column;
border: 1px solid #d8d8d8;
border-radius: 8px;
overflow: hidden;
background: #fff;
}
.statiDetail .card img {
width: 100%;
height: 170px;
object-fit: cover;
flex-shrink: 0;
}
.statiDetail .card__info {
display: flex;
flex-direction: column;
gap: 8px;
padding: 12px;
flex: 1;
}
.statiDetail .card__info-title {
font-weight: 500;
font-size: 15px;
line-height: 1.33;
color: #202020;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.statiDetail .card__info-subtitle {
font-weight: 400;
font-size: 11px;
line-height: 1.45;
color: #9693a6;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.statiDetail iframe {
display: unset;
width: 100%;
}
.o-proekte .container .wrapper h1 {
margin-bottom: 30px;
}
@media (max-width: 710px) {
.o-proekte .container .wrapper h1 {
font-size: 28px;
}
}
.o-proekte .container .wrapper .subtitle {
font-weight: 400;
font-size: 20px;
line-height: 160%;
margin-bottom: 20px;
}
@media (max-width: 710px) {
.o-proekte .container .wrapper .subtitle {
font-size: 14px;
}
}
.o-proekte .container .wrapper .info {
font-weight: 400;
font-size: 20px;
line-height: 160%;
margin-bottom: 30px;
}
@media (max-width: 710px) {
.o-proekte .container .wrapper .info {
font-size: 14px;
}
}
.o-proekte .container .wrapper ul {
margin-bottom: 20px;
}
.o-proekte .container .wrapper h2 {
margin-top: 12px;
}
.porodyList {
padding-top: 36px;
display: flex;
position: relative;
max-width: 1584px;
margin: 0 auto;
width: 100%;
gap: 41px;
}
@media (max-width: 400px) {
.porodyList {
padding-top: 32px;
}
}
.porodyList__search {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
}
@media (max-width: 800px) {
.porodyList__search {
flex-direction: column-reverse;
align-items: flex-start;
}
}
.porodyList__search-menu {
display: flex;
gap: 20px;
}
.porodyList__search-menu .item {
font-weight: 500;
font-size: 20px;
line-height: 120%;
text-decoration-skip-ink: none;
color: #808080;
cursor: pointer;
}
@media (max-width: 800px) {
.porodyList__search-menu .item {
font-size: 17px;
}
}
.porodyList__search .search-form {
flex: unset;
width: 100%;
max-width: 460px;
}
@media (max-width: 1100px) {
.porodyList__search .search-form {
max-width: unset;
}
}
@media (max-width: 1100px) {
.porodyList__search .search-form form input {
width: 100%;
}
}
.porodyList__search .search-form .header__right {
float: right !important;
}
@media (max-width: 1100px) {
.porodyList__left {
display: none;
}
}
.porodyList__left-block {
margin-top: 4px;
position: sticky;
top: 120px;
width: 250px;
display: flex;
flex-direction: column;
gap: 16px;
}
@media (max-width: 1400px) {
.porodyList__left-block {
width: 280px;
}
}
@media (max-width: 1200px) {
.porodyList__left-block {
width: 260px;
}
}
@media (max-width: 1100px) {
.porodyList__left-block {
height: auto;
}
}
.porodyList__left-block-btn:hover {
border: 1px solid #009dae;
}
.porodyList__left-block-btn {
display: flex;
align-items: center;
gap: 12px;
padding: 20px;
border: 1px solid #d8d8d8;
border-radius: 12px;
cursor: pointer;
font-weight: 700;
}
.porodyList__left-block-btn.active {
border: 1px solid #009dae;
}
.porodyList__left-block-nav {
display: flex;
justify-content: space-between;
align-items: center;
}
.porodyList__left-block-nav-back {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
color: #202020;
}
.porodyList__left-block-nav-back:hover .wrapperLeft__block-back-nav-btn svg path {
transform: rotate(0);
transition: all 0.1s ease;
stroke: red;
}
.porodyList__left-block-nav-back-btn {
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
}
.porodyList__left-block-nav-btn {
display: flex;
align-items: center;
gap: 8px;
font-weight: 400;
font-size: 13px;
line-height: 138%;
border-radius: 6px;
padding: 5px 12px;
background: #6c9b3c;
color: white;
}
.porodyList__left-block-menu {
display: flex;
flex-direction: column;
gap: 18px;
}
.porodyList__left-block-menu a {
font-weight: 400;
font-size: 13px;
line-height: 138%;
text-align: center;
color: #6c9b3c;
}
.porodyList__left-block-menu-top {
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: #202020;
}
.porodyList__left-block-menu-mid {
display: flex;
flex-direction: column;
gap: 8px;
font-weight: 400;
font-size: 16px;
line-height: 160%;
}
.porodyList__left-block-menu-mid a {
padding: 8px 12px;
border-radius: 12px;
background-color: #f9f9f9;
font-size: 16px;
color: #000;
}
.porodyList__left-block-menu-mid a.active {
color: #6c9b3c;
background-color: #f2ffde;
}
.porodyList__left-block-info {
display: flex;
flex-direction: column;
gap: 4px;
padding: 20px;
border: 1px solid #d8d8d8;
border-radius: 12px;
font-weight: 500;
font-size: 15px;
line-height: 133%;
background-color: #f4feff;
}
.porodyList__left-block-info a {
color: #009dae;
font-weight: 500;
font-size: 15px;
line-height: 138%;
text-align: center;
}
.porodyList__left-block-size {
border: 1px solid #d8d8d8;
border-radius: 12px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
transform: rotate(0);
transition: all 0.4s ease;
}
.porodyList__left-block-size-buttons {
display: flex;
gap: 12px;
}
.porodyList__left-block-size-buttons-btn {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 12px;
border-radius: 12px;
border: 1px solid #d8d8d8;
}
.porodyList__left-block-size-buttons-btn.active {
background-color: #009dae;
border: 1px solid #009dae;
}
.porodyList__left-block-size-buttons-btn.active svg path {
transform: rotate(0);
transition: all 0.1s ease;
fill: white;
}
.porodyList__left-block-size-buttons.active:hover {
background-color: #009dae;
}
.porodyList__left .communicate {
font-weight: 400;
font-size: 13px;
line-height: 138%;
text-align: center;
color: #009dae;
cursor: pointer;
}
.porodyList__left .communicate:hover {
color: #009dae5e;
}
.porodyList__block {
display: flex;
flex-direction: column;
gap: 32px;
width: 100%;
}
@media (max-width: 400px) {
.porodyList__block {
gap: 20px;
}
}
.porodyList__block-section {
display: flex;
align-items: center;
flex-direction: column;
}
.porodyList__block-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
@media (max-width: 1100px) {
.porodyList__block-top {
align-items: flex-start;
gap: 16px;
}
}
@media (max-width: 400px) {
.porodyList__block-top {
flex-direction: column;
}
}
.porodyList__block-top h2 {
white-space: nowrap;
font-size: 32px;
margin-bottom: 0;
}
.porodyList__block-top-nav {
display: flex;
gap: 24px;
width: 100%;
justify-content: flex-end;
}
@media (max-width: 1100px) {
.porodyList__block-top-nav {
width: 100%;
}
}
.porodyList__block-top-nav-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
font-weight: 400;
font-size: 13px;
line-height: 138%;
border-radius: 8px;
padding: 13px 16px;
background: #6c9b3c;
color: white;
width: fit-content;
cursor: pointer;
}
@media (max-width: 400px) {
.porodyList__block-top-nav-btn {
width: 100%;
}
}
.porodyList__block-top-nav-btn:hover {
background-color: #7eb448;
color: white !important;
}
.porodyList__block-main {
display: flex;
flex-wrap: wrap;
gap: 24px;
}
@media (max-width: 750px) {
.porodyList__block-main {
flex-wrap: nowrap;
flex-direction: column;
}
}
.porodyList__block-main .card {
display: flex;
align-items: center;
gap: 12px;
flex: 1 1 calc(50% - 12px);
min-width: 0;
}
.porodyList__block-main .card img {
width: 160px;
height: 160px;
object-fit: cover;
flex-shrink: 0;
}
@media (max-width: 800px) {
.porodyList__block-main .card img {
max-width: 100px;
max-height: 132px;
}
}
.porodyList__block-main .card__info {
display: flex;
flex-direction: column;
gap: 24px;
min-width: 0;
}
@media (max-width: 800px) {
.porodyList__block-main .card__info {
gap: 16px;
}
}
.porodyList__block-main .card__info-title {
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: black;
word-break: break-word;
overflow-wrap: anywhere;
}
@media (max-width: 991px) {
.porodyList__block-main .card__info-title {
font-size: 17px;
}
}
.porodyList__block-main .card__info-subtitle {
font-weight: 500;
font-size: 15px;
line-height: 133%;
color: #808080;
display: flex;
flex-direction: column;
gap: 8px;
}
.porodyList__block-main .card__info-subtitle .tags {
display: flex;
justify-content: flex-start;
gap: 12px;
}
.porodyList__block-main .card__info-subtitle .tags .tag {
font-weight: 400;
font-size: 14px;
line-height: 171%;
color: black;
padding: 2px 12px;
border-radius: 99px;
background: #f0f0f0;
}
.search-page .header__right {
flex: 1;
max-width: unset;
}
.search-page .header__right .search-input {
flex: 1;
max-width: unset;
}
.search-page__title {
margin: 44px 0;
font-weight: 500;
font-size: 32px;
line-height: 125%;
color: #101010;
}
.search-page__title span {
font-weight: 500;
font-size: 32px;
line-height: 125%;
color: gray;
}
.search-page__results {
display: flex;
flex-direction: column;
gap: 36px;
}
.search-page__results-item, .search-page__results p {
margin: 0;
}
.search-page__results-item {
display: flex;
flex-direction: column;
gap: 12px;
}
.search-page__results-item--title {
font-weight: 500;
font-size: 28px;
line-height: 129%;
color: #009dae;
}
.search-page__results-item:hover {
color: unset !important;
}
.search-page__results-item:hover--title {
color: #ff3c3c !important;
}
.search-page__results-item p {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.popup {
width: 100%;
height: 100%;
position: fixed;
display: flex;
justify-content: center;
align-items: center;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
background: rgba(0, 0, 0, 0.25);
z-index: 99999;
transition: all 0.4s ease;
display: flex;
justify-content: center;
align-items: center;
}
.popup.popup-active {
opacity: 1;
visibility: visible;
}
.popup__modal, .modal {
background: white;
padding: 24px;
border-radius: 16px;
display: flex;
flex-direction: column;
gap: 16px;
position: relative;
max-width: 580px;
transition: all 0.4s ease;
color: #555;
}
.popup__modal, .popup__succes-modal {
background: white;
color: #555;
padding: 24px;
border-radius: 16px;
display: flex;
flex-direction: column;
gap: 16px;
position: relative;
max-width: 580px;
width: 100%;
transform: translateY(100px);
opacity: 0;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.popup__modal:not(.unvisible), .popup__succes-modal:not(.unvisible) {
transform: translateY(0);
opacity: 1;
}
.modal.unvisible {
opacity: 0;
pointer-events: none;
position: absolute;
}
.popup__succes-modal {
width: 100%;
align-items: center;
}
.modal__header {
display: flex;
flex-direction: column;
gap: 16px;
}
.popup-header__title {
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: black;
}
.popup-header__subtitle {
font-weight: 500;
font-size: 13px;
line-height: 138%;
color: #555;
}
.popup__success-title, .popup__success-subtitle {
text-align: center;
}
.modal__content {
display: flex;
flex-direction: column;
gap: 24px;
}
.popup__close {
position: absolute;
cursor: pointer;
width: 44px;
height: 44px;
display: flex;
justify-content: center;
align-items: center;
top: 12px;
right: 13px;
}
.popup-content__form {
display: flex;
flex-direction: column;
gap: 16px;
}
.popup-content__inputs {
display: flex;
flex-direction: column;
gap: 15px;
}
.popup-content__input-title {
display: flex;
flex-direction: column;
gap: 8px;
}
.input__custom {
width: 100%;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 6px;
padding: 6px 8px;
font-weight: 400;
font-size: 13px;
line-height: 138%;
}
.input__required {
height: 102px;
}
.input__optional {
height: 60px;
}
.popup-content__btn.btn {
border-radius: 6px;
padding: 5px 12px;
background-color: #6C9B3C;
font-weight: 400;
font-size: 13px;
line-height: 138%;
color: white;
}
.popup-content__text {
font-weight: 400;
font-size: 16px;
line-height: 112%;
color: #fff;
}
.popup-content__text a {
text-decoration: underline;
}
.popup__succes-modal .popup-header {
align-items: center;
}
.input__error {
transition: all 0.4s ease;
border: red solid 1px;
}
.input__error::placeholder {
color: red;
transition: all 0.4s ease;
}
.input__required.error {
border: 1px solid red;
}
@media (max-width: 650px) {
.popup-active {
padding: 20px;
}
}
.input__userAgreement {
height: 38px;
}
.checkbox {
display: inline-flex;
align-items: center;
cursor: pointer;
}
.checkbox input {
display: none;
}
/* Внешний квадрат */
.checkbox__custom {
width: 16px;
height: 16px;
border: 2px solid #555;
border-radius: 4px;
transition: 0.2s;
display: inline-block;
position: relative;
}
/* Галочка */
.checkbox input:checked + .checkbox__custom::after {
content: "";
position: absolute;
width: 5px;
height: 10px;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
transform: rotate(45deg);
top: 0px;
left: 4px;
}
.popup-content__input-checkboxContainer {
display: flex;
align-items: flex-start;
gap: 8px;
}
.popup-content__input-subtitle {
font-weight: 400;
font-size: 12px;
color: #555;
}
.feed-calc {
padding: 24px 0 42px;
color: #1f1f1f;
}
.feed-calc *, .feed-calc *::before, .feed-calc *::after {
box-sizing: border-box;
}
.feed-calc [hidden] {
display: none !important;
}
.feed-calc__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 24px;
margin-bottom: 28px;
}
.feed-calc__title {
margin: 0;
font-size: 34px;
line-height: 1.12;
font-weight: 500;
letter-spacing: -0.03em;
color: #050505;
}
.feed-calc__help {
min-width: 120px;
height: 42px;
padding: 0 18px;
border: 0;
border-radius: 7px;
background: #6a9d38;
color: #fff;
font-size: 14px;
line-height: 1;
cursor: pointer;
transition: background 0.2s ease, transform 0.2s ease;
}
.feed-calc__help:hover {
background: #5f8f31;
}
.feed-calc__help:active {
transform: translateY(1px);
}
.feed-calc__panel {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(320px, clamp(360px, 38vw, 600px));
column-gap: 0;
row-gap: 0;
min-height: 462px;
padding: 12px;
border: 1px solid #d8d8d8;
border-radius: 11px;
background: #fbfbfb;
overflow: hidden;
}
.feed-calc__form {
position: relative;
z-index: 2;
width: 100%;
min-width: 0;
}
.feed-calc__line {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 9px;
min-height: 62px;
margin-bottom: 8px;
padding: 13px 14px;
border: 1px solid #dddddd;
border-radius: 9px;
background: #fff;
}
.feed-calc__line--input {
display: grid;
grid-template-columns: 255px minmax(0, 1fr);
gap: 18px;
align-items: center;
}
.feed-calc__line--sex {
gap: 8px 10px;
}
.feed-calc__line--calories {
margin-bottom: 10px;
}
.feed-calc__label {
font-size: 14px;
line-height: 1.25;
font-weight: 600;
color: #242424;
}
.feed-calc__field {
width: 100%;
min-width: 0;
}
.feed-calc__input {
width: 100%;
height: 36px;
padding: 0 16px;
border: 1px solid #e1e1e1;
border-radius: 8px;
background: #fff;
color: #1f1f1f;
font-size: 13px;
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.feed-calc__input::placeholder {
color: #b8b8b8;
}
.feed-calc__input:focus {
border-color: #9abd73;
box-shadow: 0 0 0 3px rgba(106, 157, 56, 0.12);
}
.feed-calc__input.is-invalid {
border-color: #ff8989;
box-shadow: 0 0 0 3px rgba(240, 63, 63, 0.08);
}
.feed-calc__note {
margin-top: 6px;
font-size: 9px;
line-height: 1.35;
color: #9b9b9b;
white-space: nowrap;
}
.feed-calc__pill {
min-height: 32px;
padding: 0 14px;
border: 1px solid #dedede;
border-radius: 999px;
background: #fff;
color: #555;
font-size: 14px;
line-height: 1;
cursor: pointer;
white-space: nowrap;
transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
.feed-calc__pill:hover {
border-color: #b9d29a;
color: #262626;
}
.feed-calc__pill.is-active {
border-color: #73a842;
background: #fff;
color: #222;
box-shadow: inset 0 0 0 1px rgba(115, 168, 66, 0.18);
}
.feed-calc__switch {
display: inline-flex;
align-items: center;
gap: 9px;
margin-left: 14px;
cursor: pointer;
user-select: none;
}
.feed-calc__switch input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.feed-calc__switch input:checked + .feed-calc__switch-view {
background: #73a842;
}
.feed-calc__switch input:checked + .feed-calc__switch-view::before {
transform: translateX(16px);
}
.feed-calc__switch-view {
position: relative;
width: 38px;
height: 20px;
border-radius: 999px;
background: #d1d1d1;
transition: background 0.2s ease;
flex: 0 0 auto;
}
.feed-calc__switch-view::before {
content: "";
position: absolute;
top: 3px;
left: 3px;
width: 14px;
height: 14px;
border-radius: 50%;
background: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
transition: transform 0.2s ease;
}
.feed-calc__switch-text {
font-size: 12px;
line-height: 1.2;
color: #555;
}
.feed-calc__error {
display: flex;
align-items: center;
gap: 9px;
min-height: 34px;
margin-bottom: 12px;
padding: 8px 16px;
border-radius: 999px;
background: #f24747;
color: #fff;
font-size: 12px;
line-height: 1.25;
}
.feed-calc__error-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
border: 1px solid rgba(255, 255, 255, 0.8);
border-radius: 50%;
font-size: 11px;
font-weight: 700;
flex: 0 0 auto;
}
.feed-calc__actions {
display: flex;
justify-content: center;
padding-top: 5px;
}
.feed-calc__submit {
min-width: 166px;
height: 46px;
padding: 0 22px;
border: 0;
border-radius: 7px;
background: #6a9d38;
color: #fff;
font-size: 15px;
line-height: 1;
cursor: pointer;
transition: background 0.2s ease, transform 0.2s ease;
}
.feed-calc__submit:hover {
background: #5f8f31;
}
.feed-calc__submit:active {
transform: translateY(1px);
}
.feed-calc__side {
position: relative;
display: flex;
align-items: flex-end;
justify-content: flex-end;
width: 100%;
max-width: 600px;
min-width: 0;
min-height: 410px;
margin-left: auto;
}
.feed-calc__dog {
position: absolute;
right: -22px;
bottom: -12px;
width: 100%;
max-width: 600px;
height: auto;
pointer-events: none;
user-select: none;
}
.feed-calc.is-result-visible .feed-calc__dog {
display: none;
}
.feed-calc.is-result-visible .feed-calc__side {
align-items: stretch;
}
.feed-result {
width: 100%;
max-width: 539px;
min-height: 100%;
padding: 15px 14px 13px;
border-radius: 8px;
background: #f28a18;
color: #fff;
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.09);
}
.feed-result__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 10px;
}
.feed-result__badge {
display: inline-flex;
align-items: center;
min-height: 24px;
padding: 0 9px;
border-radius: 4px;
background: rgba(255, 255, 255, 0.14);
color: #fff;
font-size: 11px;
line-height: 1;
text-transform: uppercase;
}
.feed-result__icons {
display: flex;
gap: 5px;
}
.feed-result__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 29px;
height: 29px;
border: 1px solid rgba(255, 255, 255, 0.9);
border-radius: 6px;
background: transparent;
color: #fff;
cursor: pointer;
transition: background 0.2s ease;
}
.feed-result__icon:hover, .feed-result__icon.is-active {
background: rgba(255, 255, 255, 0.18);
}
.feed-result__value {
margin-bottom: 12px;
font-size: 24px;
line-height: 1.05;
font-weight: 700;
}
.feed-result__info, .feed-result__profile {
margin-bottom: 8px;
padding: 8px 9px;
border-radius: 4px;
background: rgba(255, 255, 255, 0.11);
font-size: 12px;
line-height: 1.25;
font-weight: 600;
}
.feed-result__text {
margin: 10px 0 14px;
font-size: 9px;
line-height: 1.45;
color: rgba(255, 255, 255, 0.95);
}
.feed-result__recommend-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-bottom: 8px;
font-size: 13px;
line-height: 1.2;
font-weight: 600;
}
.feed-result__link {
color: #fff;
font-size: 9px;
line-height: 1.2;
text-decoration: underline;
text-underline-offset: 2px;
}
.feed-result__link:hover {
text-decoration: none;
}
.feed-result__products {
display: grid;
gap: 8px;
}
.feed-product {
display: grid;
grid-template-columns: 66px minmax(0, 1fr);
gap: 10px;
min-height: 70px;
padding: 6px;
border-radius: 5px;
background: #fff;
color: #202020;
text-decoration: none;
}
.feed-product__image {
display: block;
min-height: 58px;
border-radius: 4px;
background: linear-gradient(45deg, #eeeeee 25%, transparent 25%), linear-gradient(-45deg, #eeeeee 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #eeeeee 75%), linear-gradient(-45deg, transparent 75%, #eeeeee 75%);
background-color: #f9f9f9;
background-size: 12px 12px;
background-position: 0 0, 0 6px, 6px -6px, -6px 0;
}
.feed-product__content {
min-width: 0;
padding-top: 2px;
}
.feed-product__meta {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 5px;
}
.feed-product__brand {
display: inline-flex;
align-items: center;
height: 17px;
padding: 0 7px;
border-radius: 999px;
background: #94cfe7;
color: #fff;
font-size: 8px;
line-height: 1;
font-weight: 700;
}
.feed-product__rating {
font-size: 10px;
line-height: 1;
color: #222;
}
.feed-product__name {
display: block;
font-size: 9px;
line-height: 1.25;
color: #1e1e1e;
}
.feed-science {
margin-top: 34px;
border: 1px solid #b8df81;
border-radius: 2px;
background: #f3fde2;
overflow: hidden;
}
.feed-science__button {
width: 100%;
min-height: 46px;
padding: 12px 18px;
border: 0;
background: #f3fde2;
color: #1e1e1e;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
text-align: left;
}
.feed-science__left {
display: inline-flex;
align-items: center;
gap: 9px;
font-size: 18px;
line-height: 1.2;
font-weight: 500;
}
.feed-science__icon {
display: inline-flex;
align-items: center;
justify-content: center;
color: #6a9d38;
flex: 0 0 auto;
}
.feed-science__arrow {
width: 7px;
height: 7px;
border-right: 1.5px solid #1f1f1f;
border-bottom: 1.5px solid #1f1f1f;
transform: rotate(45deg);
transition: transform 0.25s ease;
flex: 0 0 auto;
}
.feed-science__body {
max-height: 0;
opacity: 0;
overflow: hidden;
padding: 0 18px;
transform: translateY(-8px);
transition: max-height 0.45s ease, opacity 0.25s ease, padding 0.35s ease, transform 0.25s ease;
}
.feed-science__content {
width: 100%;
margin-bottom: 18px;
padding: 14px 16px 16px;
background: #fff;
border: 1px solid #edf2e8;
border-radius: 2px;
color: #333;
}
.feed-science__section {
margin-bottom: 18px;
}
.feed-science__section:last-child {
margin-bottom: 0;
}
.feed-science__section h3 {
margin: 0 0 6px;
font-size: 24px;
line-height: 1.25;
font-weight: 700;
color: #202020;
}
.feed-science__section p {
margin: 0 0 7px;
font-size: 14px;
line-height: 1.45;
color: #333;
}
.feed-science__section ul {
margin: 0;
padding-left: 14px;
}
.feed-science__section li {
margin-bottom: 5px;
font-size: 14px;
line-height: 1.45;
color: #444;
}
.feed-science__section li:last-child {
margin-bottom: 0;
}
.feed-science__section strong {
font-weight: 600;
color: #222;
}
.feed-science.is-open .feed-science__body {
max-height: 900px;
opacity: 1;
padding: 0 18px 18px;
transform: translateY(0);
}
.feed-science.is-open .feed-science__arrow {
transform: rotate(225deg);
}
@media (max-width: 1180px) {
.feed-calc__panel {
grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
}
.feed-calc__line--input {
grid-template-columns: 220px minmax(0, 1fr);
}
.feed-calc__dog {
max-width: 430px;
}
.feed-result {
max-width: 310px;
}
}
@media (max-width: 960px) {
.feed-calc__panel {
grid-template-columns: 1fr;
}
.feed-calc__side {
max-width: 100%;
min-height: 280px;
justify-content: center;
}
.feed-calc__dog {
position: relative;
right: auto;
bottom: auto;
width: min(520px, 100%);
max-width: 100%;
}
.feed-calc.is-result-visible .feed-calc__side {
min-height: 0;
}
.feed-result {
max-width: 100%;
}
}
@media (max-width: 680px) {
.feed-calc {
padding: 18px 0 32px;
}
.feed-calc__head {
align-items: stretch;
flex-direction: column;
gap: 14px;
margin-bottom: 18px;
}
.feed-calc__title {
font-size: 25px;
line-height: 1.18;
}
.feed-calc__help {
width: max-content;
min-width: 118px;
height: 40px;
}
.feed-calc__panel {
padding: 10px;
border-radius: 10px;
}
.feed-calc__line {
min-height: 0;
padding: 12px;
gap: 8px;
}
.feed-calc__line--input {
grid-template-columns: 1fr;
gap: 8px;
}
.feed-calc__pill {
min-height: 30px;
padding: 0 12px;
font-size: 11px;
}
.feed-calc__switch {
width: 100%;
margin-left: 0;
margin-top: 2px;
}
.feed-calc__note {
white-space: normal;
}
.feed-calc__error {
border-radius: 8px;
align-items: flex-start;
}
.feed-calc__submit {
width: 100%;
}
.feed-calc__side {
min-height: 220px;
}
.feed-result {
padding: 14px 12px;
}
.feed-result__value {
font-size: 22px;
}
.feed-product {
grid-template-columns: 58px minmax(0, 1fr);
}
.feed-science {
margin-top: 24px;
}
.feed-science__button {
min-height: 62px;
padding: 15px 16px;
}
.feed-science__left {
gap: 10px;
font-size: 20px;
}
.feed-science__body {
padding: 0 16px 18px 44px;
font-size: 13px;
}
}
.feed-calc-modal {
position: fixed;
inset: 0;
z-index: 10000;
display: flex;
align-items: flex-start;
justify-content: center;
padding: 8px 16px;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.25s ease, visibility 0s linear 0.25s;
}
.feed-calc-modal.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition: opacity 0.25s ease, visibility 0s linear 0s;
}
.feed-calc-modal.is-open .feed-calc-modal__dialog {
opacity: 1;
transform: translateY(0);
}
.feed-calc-modal__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.22);
}
.feed-calc-modal__dialog {
position: relative;
z-index: 2;
width: 100%;
max-width: 1040px;
margin-top: 0;
padding: 33px 34px 30px;
border-radius: 7px;
background: #fff;
color: #303030;
box-shadow: 0 14px 45px rgba(0, 0, 0, 0.16);
opacity: 0;
transform: translateY(-10px);
transition: opacity 0.25s ease, transform 0.25s ease;
}
.feed-calc-modal__close {
position: absolute;
top: 13px;
right: 14px;
width: 24px;
height: 24px;
padding: 0;
border: 0;
background: transparent;
color: #1f1f1f;
font-size: 18px;
line-height: 1;
cursor: pointer;
}
.feed-calc-modal__title {
margin: 0 0 18px;
font-size: 28px;
line-height: 1.2;
font-weight: 500;
color: #0f0f0f;
}
.feed-calc-modal__text {
font-size: 15px;
line-height: 1.55;
color: #555;
}
.feed-calc-modal__text p {
margin: 0 0 14px;
}
.feed-calc-modal__text ul {
margin: 0 0 20px;
padding-left: 21px;
}
.feed-calc-modal__text li {
margin-bottom: 9px;
}
.feed-calc-modal__text li:last-child {
margin-bottom: 0;
}
.feed-calc-modal__note {
padding: 17px 18px;
border-radius: 8px;
background: #eef7df;
color: #2c2c2c;
font-size: 15px;
line-height: 1.45;
}
body.is-feed-calc-modal-open {
overflow: hidden;
}
@media (max-width: 680px) {
.feed-calc-modal {
padding: 10px;
}
.feed-calc-modal__dialog {
margin-top: 16px;
padding: 24px 18px 20px;
}
.feed-calc-modal__title {
padding-right: 24px;
font-size: 22px;
}
.feed-calc-modal__text {
font-size: 13px;
}
.feed-calc-modal__note {
padding: 14px;
font-size: 13px;
}
}
.ocenka-sostava .container .wrapper h1 {
font-weight: 500;
font-size: 36px;
line-height: 111%;
margin-bottom: 36px;
}
@media (max-width: 710px) {
.ocenka-sostava .container .wrapper h1 {
font-size: 28px;
margin-bottom: 24px;
}
}
.ocenka-sostava .container .wrapper .main__block {
display: flex;
justify-content: space-between;
gap: 20px;
margin-bottom: 36px;
}
@media (max-width: 991px) {
.ocenka-sostava .container .wrapper .main__block {
flex-direction: column;
gap: 36px;
}
}
@media (max-width: 700px) {
.ocenka-sostava .container .wrapper .main__block {
gap: 16px;
}
}
.ocenka-sostava .container .wrapper .main__block-left {
max-width: 935px;
max-height: 586px;
width: 100%;
border-radius: 42px;
overflow: hidden;
height: 100%;
}
@media (max-width: 1400px) {
.ocenka-sostava .container .wrapper .main__block-left {
flex: 1;
height: auto;
max-height: unset;
}
}
@media (max-width: 991px) {
.ocenka-sostava .container .wrapper .main__block-left {
max-height: 422px;
}
}
@media (max-width: 700px) {
.ocenka-sostava .container .wrapper .main__block-left {
max-height: 335px;
}
}
.ocenka-sostava .container .wrapper .main__block-right {
display: flex;
flex-direction: column;
gap: 40px;
width: 100%;
max-width: 613px;
}
@media (max-width: 1400px) {
.ocenka-sostava .container .wrapper .main__block-right {
flex: 1;
}
}
@media (max-width: 991px) {
.ocenka-sostava .container .wrapper .main__block-right {
max-width: unset;
}
}
@media (max-width: 700px) {
.ocenka-sostava .container .wrapper .main__block-right {
gap: 16px;
}
}
.ocenka-sostava .container .wrapper .main__block-right .detail {
display: flex;
justify-content: space-between;
align-items: center;
gap: 41px;
border: 2px solid #6c9b3c;
border-radius: 20px;
padding: 20px;
}
@media (max-width: 650px) {
.ocenka-sostava .container .wrapper .main__block-right .detail {
padding: 12px;
gap: 12px;
}
}
.ocenka-sostava .container .wrapper .main__block-right .detail__left {
border-radius: 8px;
width: 100px;
height: 100px;
overflow: hidden;
min-width: 100px;
}
.ocenka-sostava .container .wrapper .main__block-right .detail__right {
display: flex;
flex-direction: column;
justify-content: center;
gap: 12px;
width: 100%;
}
.ocenka-sostava .container .wrapper .main__block-right .detail__right-title {
font-weight: 500;
font-size: 28px;
line-height: 129%;
color: #101010;
}
@media (max-width: 650px) {
.ocenka-sostava .container .wrapper .main__block-right .detail__right-title {
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: #101010;
}
}
.ocenka-sostava .container .wrapper .main__block-right .detail__right-btn {
border-radius: 8px;
padding: 9px 16px;
background: #6c9b3c;
color: white;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
cursor: pointer;
}
.ocenka-sostava .container .wrapper .main__block-right .info {
display: flex;
flex-direction: column;
gap: 16px;
}
@media (max-width: 700px) {
.ocenka-sostava .container .wrapper .main__block-right .info {
gap: 12px;
}
}
.ocenka-sostava .container .wrapper .main__block-right .info__card {
width: 100%;
border-radius: 24px;
padding: 24px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 12px;
}
@media (max-width: 700px) {
.ocenka-sostava .container .wrapper .main__block-right .info__card {
font-size: 20px;
gap: 4px;
padding: 12px;
}
}
.ocenka-sostava .container .wrapper .main__block-right .info__card-class {
background: #f2ffde;
}
.ocenka-sostava .container .wrapper .main__block-right .info__card-ingredient {
background: #daecf2;
}
.ocenka-sostava .container .wrapper .main__block-right .info__card-title {
font-weight: 500;
font-size: 28px;
line-height: 129%;
color: #101010;
}
@media (max-width: 700px) {
.ocenka-sostava .container .wrapper .main__block-right .info__card-title {
font-size: 20px;
}
}
@media (max-width: 650px) {
.ocenka-sostava .container .wrapper .main__block-right .info__card-title {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
}
.ocenka-sostava .container .wrapper .main__block-right .info__card-title .resultMobile {
display: none;
}
@media (max-width: 650px) {
.ocenka-sostava .container .wrapper .main__block-right .info__card-title .resultMobile {
display: block;
font-weight: 500;
font-size: 20px;
color: #101010;
}
}
.ocenka-sostava .container .wrapper .main__block-right .info__card-subtitle {
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: #505050;
}
@media (max-width: 700px) {
.ocenka-sostava .container .wrapper .main__block-right .info__card-subtitle {
font-size: 16px;
line-height: 150%;
}
}
.ocenka-sostava .container .wrapper .main__block-right .info__card-rating {
background: #faf0d1;
flex-direction: row;
align-items: center;
}
@media (max-width: 650px) {
.ocenka-sostava .container .wrapper .main__block-right .info__card-rating {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
}
.ocenka-sostava .container .wrapper .main__block-right .info__card-rating .info__card-title {
max-width: 119px;
}
@media (max-width: 650px) {
.ocenka-sostava .container .wrapper .main__block-right .info__card-rating .info__card-title {
max-width: unset;
}
}
.ocenka-sostava .container .wrapper .main__block-right .info__card-rating-number {
display: flex;
gap: 4px;
max-width: 336px;
}
@media (max-width: 650px) {
.ocenka-sostava .container .wrapper .main__block-right .info__card-rating-number {
width: 100%;
max-width: unset;
}
}
.ocenka-sostava .container .wrapper .main__block-right .info__card-rating-number .item {
font-weight: 600;
font-size: 28px;
line-height: 71%;
border-radius: 20px;
padding: 33px 22px;
display: flex;
justify-content: center;
align-items: center;
color: #ffffff00;
}
@media (max-width: 700px) {
.ocenka-sostava .container .wrapper .main__block-right .info__card-rating-number .item {
font-weight: 600;
font-size: 20px;
line-height: 71%;
padding: 14px 18px;
border-radius: 12px;
}
}
.ocenka-sostava .container .wrapper .main__block-right .info__card-rating-number .item-active {
color: #101010;
}
.ocenka-sostava .container .wrapper .main__block-right .info__card-rating-number .item:nth-child(1) {
background-color: #ec3000;
}
.ocenka-sostava .container .wrapper .main__block-right .info__card-rating-number .item:nth-child(2) {
background-color: #f47e00;
}
.ocenka-sostava .container .wrapper .main__block-right .info__card-rating-number .item:nth-child(3) {
background-color: #f7d501;
}
.ocenka-sostava .container .wrapper .main__block-right .info__card-rating-number .item:nth-child(4) {
background-color: #d7e400;
}
.ocenka-sostava .container .wrapper .main__block-right .info__card-rating-number .item:nth-child(5) {
background-color: #3ac615;
}
.ocenka-sostava .container .wrapper .main__block-right .info__card-rating .item-gray {
background-color: #e6e6e6 !important;
}
.ocenka-sostava .container .wrapper .main__block-right .info__card-rating .item-low {
opacity: 0.8;
}
.ocenka-sostava .container .wrapper .main__block-right .info__card-rating .result {
font-weight: 500;
font-size: 28px;
line-height: 129%;
color: #101010;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 650px) {
.ocenka-sostava .container .wrapper .main__block-right .info__card-rating .result {
display: none;
}
}
.ocenka-sostava .container .wrapper .compound {
display: flex;
flex-direction: column;
gap: 36px;
}
@media (max-width: 700px) {
.ocenka-sostava .container .wrapper .compound {
gap: 30px;
}
}
.ocenka-sostava .container .wrapper .compound__line {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 40px;
padding-bottom: 36px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
.ocenka-sostava .container .wrapper .compound__line {
flex-direction: column;
gap: 16px;
}
}
@media (max-width: 700px) {
.ocenka-sostava .container .wrapper .compound__line {
padding-bottom: 20px;
}
}
.ocenka-sostava .container .wrapper .compound__line-number {
display: flex;
gap: 4px;
max-width: 336px;
}
.ocenka-sostava .container .wrapper .compound__line-number .item {
font-weight: 600;
font-size: 28px;
line-height: 71%;
border-radius: 20px;
padding: 33px 22px;
display: flex;
justify-content: center;
align-items: center;
max-width: 64px;
max-height: 86px;
color: #ffffff00;
}
@media (max-width: 700px) {
.ocenka-sostava .container .wrapper .compound__line-number .item {
font-weight: 600;
font-size: 24px;
line-height: 71%;
border-radius: 11px;
padding: 20px 16px;
display: flex;
justify-content: center;
align-items: center;
max-width: 48px;
max-height: 62px;
color: #ffffff00;
}
}
.ocenka-sostava .container .wrapper .compound__line-number .item-active {
color: #101010;
}
.ocenka-sostava .container .wrapper .compound__line-number .item:nth-child(1) {
background-color: #ec3000;
}
.ocenka-sostava .container .wrapper .compound__line-number .item:nth-child(2) {
background-color: #f47e00;
}
.ocenka-sostava .container .wrapper .compound__line-number .item:nth-child(3) {
background-color: #f7d501;
}
.ocenka-sostava .container .wrapper .compound__line-number .item:nth-child(4) {
background-color: #d7e400;
}
.ocenka-sostava .container .wrapper .compound__line-number .item:nth-child(5) {
background-color: #3ac615;
}
.ocenka-sostava .container .wrapper .compound__line-right {
width: 100%;
display: flex;
flex-direction: column;
gap: 12px;
}
.ocenka-sostava .container .wrapper .compound__line-right .title {
font-weight: 500;
font-size: 28px;
line-height: 129%;
color: #202020;
text-transform: unset;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 700px) {
.ocenka-sostava .container .wrapper .compound__line-right .title {
flex-direction: column;
align-items: flex-start;
gap: 4px;
font-size: 24px;
}
}
.ocenka-sostava .container .wrapper .compound__line-right .title .criterion {
font-weight: 400;
font-size: 18px;
line-height: 111%;
color: #202020;
text-transform: unset;
background: #F2F2F2;
border-radius: 8px;
padding: 8px;
width: fit-content;
}
@media (max-width: 700px) {
.ocenka-sostava .container .wrapper .compound__line-right .title .criterion {
font-size: 16px;
}
}
.ocenka-sostava .container .wrapper .compound__line-right .title .criterion span {
font-weight: 400;
font-size: 18px;
line-height: 111%;
color: #757575;
text-transform: unset;
}
@media (max-width: 700px) {
.ocenka-sostava .container .wrapper .compound__line-right .title .criterion span {
font-size: 16px;
}
}
.ocenka-sostava .container .wrapper .compound__line-right .subtitle {
font-weight: 400;
font-size: 20px;
line-height: 160%;
color: #757575;
}
@media (max-width: 700px) {
.ocenka-sostava .container .wrapper .compound__line-right .subtitle {
font-size: 16px;
}
}
.ocenka-sostava .container .wrapper .advantages {
display: flex;
justify-content: space-between;
gap: 32px;
margin-top: 36px;
}
@media (max-width: 991px) {
.ocenka-sostava .container .wrapper .advantages {
flex-direction: column;
gap: 16px;
}
}
.ocenka-sostava .container .wrapper .advantages__card {
color: #6c9b3c;
flex: 1;
position: relative;
padding: 32px;
border-radius: 32px;
padding-right: 170px;
overflow: hidden;
}
.ocenka-sostava .container .wrapper .advantages__card-title {
font-weight: 500;
font-size: 28px;
line-height: 129%;
max-width: 557px;
}
@media (max-width: 700px) {
.ocenka-sostava .container .wrapper .advantages__card-title {
font-size: 18px;
}
}
.ocenka-sostava .container .wrapper .advantages__card svg {
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 991px) {
.ocenka-sostava .container .wrapper .advantages__card svg {
right: -43px;
}
}
.ocenka-sostava .container .wrapper .advantages__card:nth-child(1) {
background: #f2ffde;
}
.ocenka-sostava .container .wrapper .advantages__card:nth-child(2) {
background: #fef4f3;
color: #ce695f;
}
.ocenka-sostava .container .wrapper .conclusion {
margin-top: 36px;
border-radius: 40px;
padding: 32px;
background: #daecf1;
display: flex;
flex-direction: column;
gap: 20px;
}
.ocenka-sostava .container .wrapper .conclusion__title {
font-weight: 500;
font-size: 28px;
line-height: 129%;
color: #6baabe;
}
.ocenka-sostava .container .wrapper .conclusion__subtitle {
font-weight: 400;
font-size: 18px;
line-height: 178%;
color: #505050;
padding-left: 20px;
border-left: 4px solid #6baabe47;
}
.ocenka-sostava .container .wrapper .conclusion__bottom {
font-weight: 400;
font-size: 14px;
line-height: 171%;
color: #888888;
}
.ocenka-sostava .container .wrapper .conclusion__bottom a {
color: #888888;
text-decoration: underline;
}
.ocenka-sostava .container .wrapper .questions {
margin-top: 36px;
}
.ocenka-sostava .container .wrapper .questions h2 {
font-weight: 500;
font-size: 36px;
line-height: 111%;
color: #101010;
}
@media (max-width: 991px) {
.ocenka-sostava .container .wrapper .questions h2 {
font-weight: 500;
font-size: 36px;
line-height: 111%;
color: #101010;
}
}
.ocenka-sostava .container .wrapper .questions__line-title-text {
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: #202020;
}
.ocenka-sostava .container .wrapper .questions__line-subtitle {
font-weight: 400;
font-size: 20px;
line-height: 160%;
}
body {
font-family: "Roboto", sans-serif;
}
*, *::before, *::after {
box-sizing: border-box;
}
:where(ul, ol):where([class]) {
padding-left: 0;
}
body, :where(blockquote, figure):where([class]) {
margin: 0;
}
:where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl):where([class]) {
margin-block: 0;
}
:where(dd[class]) {
margin-left: 0;
}
:where(ul[class]) {
list-style: none;
}
input, textarea, select, button {
font: inherit;
}
html {
/**
Пригодится в большинстве ситуаций
(когда, например, нужно будет "прижать" футер к низу сайта)
*/
height: 100%;
/**
Плавный скролл
*/
scroll-behavior: smooth;
scroll-padding: 100px;
}
body {
min-height: 100%;
line-height: 1.5;
}
body {
font-weight: 400;
font-size: 18px;
line-height: 100%;
letter-spacing: 0.5px;
color: #202020;
line-height: normal;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
:focus {
outline: 0;
}
html {
font-size: 100%;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-ms-text-size-adjust: 100%;
/* 2 */
}
a {
text-decoration: none;
transform: rotate(0);
transition: all 0.4s ease;
color: #6C9B3C;
}
a:focus {
outline: thin dotted;
}
a:active, a:hover {
outline: 0;
}
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */
}
img {
vertical-align: middle;
width: 100%;
height: 100%;
object-fit: cover;
}
:root {
--color-dark: rgba(85, 85, 85, 1);
--color-pale: rgba(35, 35, 35, 1);
--font-family-base: "Montserrat", sans-serif;
--font-family-accent: "Santello Regular", sans-serif;
}
.title {
font-size: 44px;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 700;
}
@media (max-width: 500px) {
.title {
font-size: 36px;
}
.subtitle {
font-size: 16px;
}
}
.container {
padding-block: 40px;
margin: 0 auto;
padding-inline: 80px;
}
@media (max-width: 1300px) {
.container {
padding-block: 25px;
padding-inline: 20px;
}
}
@media (max-width: 550px) {
.container {
padding-inline: 12px;
}
}
.containerMain {
display: flex;
position: relative;
justify-content: space-between;
max-width: 1584px;
margin: 0 auto;
width: 100%;
gap: 41px;
}
@media (max-width: 1100px) {
.containerMain {
flex-direction: column;
}
.wrapperLeft {
display: none;
}
.wrapperMain {
max-width: unset !important;
}
}
.wrapper {
max-width: 1584px;
margin: 0 auto;
margin-bottom: 36px;
}
::placeholder {
color: rgba(0, 0, 0, 0.3);
}
.errorCheckbox + .checkbox__custom {
border: 1px solid red;
}
input.error {
border: 1px solid red !important;
}
.mask {
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}
.pagination {
z-index: 1;
--swiper-pagination-color: rgba(26, 63, 55, 1);
/* Цвет активной точки */
--swiper-pagination-bullet-inactive-color: rgba(26, 63, 55, 1);
/* Цвет неактивных точек */
--swiper-pagination-bullet-inactive-opacity: 0.5;
/* Прозрачность неактивных точек */
}
.pagination-white {
z-index: 1;
--swiper-pagination-color: rgb(255, 255, 255);
--swiper-pagination-bullet-inactive-color: rgb(255, 255, 255);
--swiper-pagination-bullet-inactive-opacity: 0.5;
}
ul, ol {
font-weight: 400;
font-size: 20px;
line-height: 160%;
margin-bottom: 36px;
}
ul strong, ol strong {
font-weight: 400;
}
ul p, ol p {
margin: 0;
}
li {
margin-left: 20px;
}
h1 {
font-size: 48px;
font-weight: 500;
}
@media (max-width: 600px) {
h1 {
font-size: 32px;
line-height: 125%;
}
}
.subtitle {
font-size: 15px;
}
span {
font-weight: 700;
}
p {
font-size: 20px;
margin-bottom: 36px;
line-height: 160%;
}
@media (max-width: 550px) {
p {
font-size: 14px;
margin-bottom: 24px;
line-height: 129%;
}
}
h2, h3, h4, h5 {
font-weight: 500;
font-size: 36px;
line-height: 111%;
color: #101010;
margin-bottom: 12px;
}
@media (max-width: 710px) {
h2, h3, h4, h5 {
font-size: 20px;
}
ul, ol {
font-size: 14px;
line-height: 129%;
}
}
figure {
margin-bottom: 36px;
}
@media (max-width: 550px) {
figure {
margin-bottom: 24px;
}
}
figcaption {
padding-top: 10px;
line-height: 100%;
font-size: 13px;
}
.svg__hover:hover {
background-color: #466427;
cursor: pointer;
}
.svg__hover:hover svg path {
transform: rotate(0);
transition: all 0.1s ease;
stroke: #466427;
}
li a {
color: #6c9b3c;
}
li a:hover {
color: #91c244;
}
iframe {
display: none;
}
body.text-size-1 p, body.text-size-1 ul, body.text-size-1 table, body.text-size-1 th, body.text-size-1 .selection, body.text-size-1 .questions__line-title, body.text-size-1 .questions__line-subtitle {
font-size: 20px;
}
body.text-size-2 p, body.text-size-2 ul, body.text-size-2 table, body.text-size-2 th, body.text-size-2 figcaption, body.text-size-2 .selection, body.text-size-2 .questions__line-title-text, body.text-size-2 .questions__line.active .questions__line-subtitle {
font-size: 28px;
}
body.text-size-3 p, body.text-size-3 ul, body.text-size-3 table, body.text-size-3 th, body.text-size-3 figcaption, body.text-size-3 .selection, body.text-size-3 .questions__line-title-text, body.text-size-3 .questions__line.active .questions__line-subtitle {
font-size: 34px;
}
.svg__nav {
border: 1px solid #d8d8d8;
border-radius: 6px;
padding: 6px;
width: 28px;
height: 28px;
}
figure img {
border-radius: 24px;
}
@media (max-width: 1400px) {
figure img {
height: auto;
}
}
@media (max-width: 710px) {
figure img {
height: 280px;
}
}
@media (max-width: 550px) {
figure img {
height: auto;
}
}
.body-lock {
overflow: hidden;
}
.btn {
font-size: 16px;
padding: 14px 24px;
color: var(--color-milk);
background-color: rgba(126, 126, 126, 0.07);
border-radius: 16px;
width: fit-content;
cursor: pointer;
display: flex;
justify-content: center;
user-select: none;
font-weight: 700;
font-family: "Montserrat", sans-serif;
white-space: nowrap;
align-items: center;
}
.btn-red {
font-size: 20px;
padding: 20px 70px;
color: white;
background-color: #f60000;
border-radius: 12px;
width: fit-content;
cursor: pointer;
display: flex;
justify-content: center;
user-select: none;
font-weight: 500;
font-family: "Montserrat", sans-serif;
height: fit-content;
white-space: nowrap;
border: 1px solid red;
align-items: center;
}
.btn-white {
font-size: 20px;
padding: 20px 30px;
color: black;
background-color: white;
border-radius: 12px;
width: fit-content;
cursor: pointer;
display: flex;
justify-content: center;
user-select: none;
font-weight: 600;
font-family: "Montserrat", sans-serif;
white-space: nowrap;
align-items: center;
}
.header__right-buttons-socials-whatsapp, .header__mobile-right-buttons-socials-whatsapp {
width: 48px;
height: 48px;
background-color: #1daa61;
border-radius: 16px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
z-index: 15;
min-width: 48px;
user-select: none;
}
.header__right-buttons-socials-telegram, .header__mobile-right-buttons-socials-telegram {
width: 48px;
height: 48px;
background-color: #2aabee;
border-radius: 16px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
z-index: 15;
min-width: 48px;
user-select: none;
}
.footer__socials-group-svg {
width: 60px;
height: 60px;
background-color: rgba(217, 217, 217, 0.23);
border-radius: 12px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
z-index: 15;
user-select: none;
}
.header__right-buttons-btn:hover {
background-color: rgba(173, 173, 173, 0.466);
}
.header__right-buttons-btn:active {
background-color: rgba(173, 173, 173, 0.836);
}
.btn-red:hover {
background-color: white;
color: red;
border: 1px solid red;
transition: color 0.3s ease;
transition: background 0.3s ease;
}
.btn-white:hover {
color: red;
transition: color 0.3s ease;
transition: background 0.3s ease;
}
a:hover {
color: #6c9b3c !important;
transition: color 0.3s ease;
transition: background 0.3s ease;
}
input {
width: 320px;
border-radius: 12px;
border: 2px solid white;
background: rgba(255, 255, 255, 0.2);
padding: 21px 16px;
}
input::placeholder {
color: white;
}
input:hover {
background-color: white;
transition: background 0.3s ease;
}
input:hover::placeholder {
color: black;
transition: color 0.3s ease;
}
input:active::placeholder {
color: #efefef;
transition: color 0.3s ease;
}
input:focus::placeholder {
color: #efefef;
/* зелёный, пока фокус в поле */
}
input:focus {
background-color: white;
}
input:not(:placeholder-shown)::placeholder {
color: #efefef;
/* остаётся зелёным, когда введён текст */
}
input:not(:placeholder-shown) {
background: white;
/* белый, если есть текст */
}
.back-to-top.visible {
opacity: 1;
visibility: visible;
}
.back-to-top.hidden {
opacity: 0;
visibility: hidden;
}
.back-to-top {
position: fixed;
bottom: 50px;
right: 70px;
width: 50px;
height: 50px;
background: black;
border: none;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
z-index: 1000;
user-select: none;
}
@media (max-width: 1300px) {
.back-to-top {
right: 20px;
}
}
@media (max-width: 550px) {
.back-to-top {
right: 20px;
}
}
#backToTop:hover {
border: 1px solid black;
background-color: white;
}
#backToTop svg path {
transition: stroke 0.3s;
}
#backToTop:hover svg path {
stroke: black;
}
.policy {
display: inline-flex;
align-items: center;
gap: 12px;
user-select: none;
color: white;
/* текст белый, если у тебя темный фон */
font-size: 14px;
position: relative;
}
/* скрываем нативный чекбокс, но не display:none (чтобы он оставался фокусируемым/доступным) */
.checkbox-input {
position: absolute;
opacity: 0;
margin: 0;
width: 0;
height: 0;
}
/* кастомный квадрат 24x24, прозрачный фон и белая рамка 1.5px */
.checkbox-box {
width: 24px;
height: 24px;
border: 1.5px solid #fff;
border-radius: 4px;
/* убрать, если нужны острые углы */
background: transparent;
box-sizing: border-box;
display: inline-block;
position: relative;
/* нужно для псевдоэлемента галочки */
flex-shrink: 0;
transition: background 0.12s, border-color 0.12s;
cursor: pointer;
}
/* при checked — зальём белым и покажем чёрную галочку */
.checkbox-input:checked + .checkbox-box {
background: #fff;
border-color: #fff;
}
/* чистая CSS-галочка (две линии, повернутые) */
.checkbox-input:checked + .checkbox-box::after {
content: "";
position: absolute;
left: 8px;
/* подправь при необходимости по центровке */
top: 4px;
width: 6px;
height: 12px;
border: solid #000;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
box-sizing: border-box;
}
.dishes__arrow {
position: absolute;
top: 50%;
right: -2.5%;
transform: translateY(-50%);
z-index: 10;
width: 86px;
height: 86px;
background: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background-color 0.5s ease;
user-select: none;
}
.dishes__arrow svg {
transition: all 0.5s ease;
}
.dishes__arrow svg path {
transition: stroke 0.5s ease;
}
@media (max-width: 1300px) {
.dishes__arrow {
right: unset;
left: calc(50% - 48px);
top: unset;
bottom: 2.5%;
transform: rotate(90deg);
z-index: 99999999;
}
}
.scrollBar::-webkit-scrollbar {
width: 12px;
height: 44px;
}
.scrollBar::-webkit-scrollbar-track {
background: transparent;
}
.scrollBar::-webkit-scrollbar-thumb {
background-color: #d9d9d9;
}
.svg__social {
display: flex;
align-items: center;
justify-content: center;
border-radius: 16px;
background-color: #6C9B3C;
width: 48px;
height: 48px;
}
@media (max-width: 400px) {
.svg__social {
width: 32px;
height: 32px;
border-radius: 6px;
}
}
@media (max-width: 400px) {
.svg__social svg {
width: 17px;
height: 17px;
}
}
.firstBlock-swiper-button-next, .firstBlock-swiper-button-prev {
width: 44px;
height: 44px;
background: white;
position: absolute;
z-index: 1;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
top: 50%;
}
.firstBlock-swiper-button-next:hover, .firstBlock-swiper-button-prev:hover {
background-color: #c7c7c7;
transition: background-color 0.3s ease;
}
.firstBlock-swiper-button-next {
right: 28px;
}
.firstBlock-swiper-button-prev {
left: 28px;
transform: rotate(180deg);
}
@media (max-width: 600px) {
.firstBlock-swiper-button-next {
right: 0px;
}
.firstBlock-swiper-button-prev {
left: 0px;
}
}
header {
position: sticky;
top: 0;
background-color: white;
z-index: 99;
box-shadow: 0 2px 52px 0 rgba(0, 0, 0, 0.14);
}
header .container {
padding-bottom: 0;
padding-block: 0px;
}
.wrapper__header {
max-width: 1584px;
margin: 0 auto;
}
.header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
opacity: 0;
transition: 0.5s ease;
height: 0;
padding: 0;
transform: translateY(-100%);
}
@media (max-width: 550px) {
.header {
flex-direction: column;
gap: 12px;
}
}
.header-dropdown:hover .header__left-menu-more-list {
overflow: visible;
visibility: unset;
opacity: 1;
height: auto;
pointer-events: unset;
width: auto;
background-color: white;
position: absolute;
top: 63px;
left: calc(50% - 65px);
padding: 12px;
border-radius: 6px;
box-shadow: 0 2px 52px 0 rgba(0, 0, 0, 0.14);
display: flex;
flex-direction: column;
gap: 12px;
}
.header__menu-desk {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
color: #555;
white-space: nowrap;
font-size: 20px;
cursor: pointer;
position: relative;
}
.header__menu-desk:hover {
transition: 0.5s ease;
color: #6C9B3C;
}
.header__menu-desk:hover .header__menu-desk-links {
transition: 0.3s ease;
overflow: visible;
visibility: unset;
opacity: 1;
}
.header__menu-desk:hover .header__menu-desk-arrow {
transform: rotate(180deg);
}
.header__menu-desk:hover svg path {
stroke: #6C9B3C;
}
.header__menu-desk-links {
pointer-events: unset;
background-color: white;
position: absolute;
top: 28px;
left: 0;
padding: 12px;
border-radius: 6px;
box-shadow: 0 2px 52px 0 rgba(0, 0, 0, 0.14);
display: flex;
flex-direction: column;
gap: 12px;
z-index: 1000;
overflow: hidden;
visibility: hidden;
opacity: 0;
position: absolute;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.header__menu-desk-links a {
font-size: 18px !important;
}
.header__menu-desk-arrow {
font-weight: 700;
line-height: normal;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: transform 0.3s ease;
}
.header__menu-desk-arrow svg path {
stroke: #555;
}
.header__left {
display: flex;
align-items: center;
justify-content: space-between;
max-width: fit-content;
width: 100%;
gap: 50px;
}
.header__left-menu {
display: flex;
align-items: center;
gap: 12px;
}
.header__left-menu a {
color: #555;
white-space: nowrap;
font-size: 20px;
}
.header__left-menu-more {
color: #555;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
position: relative;
}
.header__left-menu-more:hover {
color: red;
}
.header__left-menu-more:hover svg path {
transform: rotate(0);
transition: all 0.1s ease;
fill: red;
}
.header__left-menu-more-list {
overflow: hidden;
visibility: hidden;
opacity: 0;
position: absolute;
top: 50px;
left: 0;
}
@media (max-width: 1100px) {
.header__left-menu {
display: none;
}
}
.header__right {
display: flex;
align-items: center;
gap: 8px;
max-width: 860px;
width: 100%;
}
.header__right .search-input {
font-weight: 400;
font-size: 15px;
line-height: 133%;
background-color: white;
border: 1px solid #55555554;
border-radius: 10px;
padding: 4px 4px 4px 12px;
max-width: 809px;
width: 100%;
height: 44px;
color: #55555554;
position: relative;
}
.header__right-svg {
padding: 11px;
border-radius: 16px;
background-color: #6c9b3c;
width: 48px;
min-width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
}
.header__right .burger__menu {
display: none;
}
@media (max-width: 1100px) {
.header__right .burger__menu {
display: flex;
}
}
.header__menu {
position: fixed;
height: 100vh;
top: 0;
left: 0;
transition: all 0.4s ease;
display: none;
z-index: 999;
opacity: 0;
width: 0;
visibility: hidden;
overflow: hidden;
}
@media (max-width: 1100px) {
.header__menu {
display: flex;
}
}
.header__menu-close {
position: absolute;
top: 32px;
right: 32px;
cursor: pointer;
z-index: 33;
border: 1px solid #555;
border-radius: 999px;
width: 44px;
height: 44px;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
overflow: hidden;
height: 0;
}
.header__menu-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 31;
background: rgba(71, 74, 81, 0.8);
opacity: 0;
transition: all 0.4s ease;
}
.header__menu-content {
width: 100%;
height: 100%;
background: white;
display: flex;
flex-direction: column;
gap: 48px;
align-items: center;
justify-content: center;
position: relative;
z-index: 32;
margin-left: auto;
transform: translateX(100%);
transform: all 0.7s ease;
}
.header__menu-content a {
font-size: 20px;
}
@media (max-width: 550px) {
.header__menu-content a {
font-size: 16px;
}
}
.search-form {
flex: 1;
}
.header__right-svg {
cursor: pointer;
position: relative;
}
.header__right-svg input {
background: transparent;
color: transparent;
width: 100%;
height: 100%;
border: unset;
position: absolute;
cursor: pointer;
}
.header.active {
opacity: 1;
transition: 0.5s ease;
transform: translateY(0);
padding-block: 24px;
height: auto;
z-index: 100;
position: relative;
}
.header__menu.active {
opacity: 1;
width: 100%;
visibility: visible;
overflow: visible;
}
.header__menu.active .header__menu-close {
opacity: 1;
visibility: visible;
overflow: unset;
height: 44px;
}
.header__menu.active .header__menu-overlay {
opacity: 1;
width: 100%;
visibility: visible;
overflow: visible;
}
.header__menu.active .header__menu-content {
transform: translateX(0);
}
.list-active .header__left-menu-more-list {
overflow: visible;
visibility: unset;
opacity: 1;
height: auto;
pointer-events: unset;
width: auto;
background-color: white;
position: absolute;
top: 63px;
left: calc(50% - 65px);
padding: 12px;
border-radius: 6px;
box-shadow: 0 2px 52px 0 rgba(0, 0, 0, 0.14);
display: flex;
flex-direction: column;
gap: 12px;
}
.footer {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding-bottom: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
gap: 136px;
}
.footer__socials {
display: flex;
flex-direction: column;
gap: 8px;
}
.footer__socials-list {
display: flex;
gap: 8px;
}
.footer__socials a {
cursor: pointer;
}
.footer__socials span {
font-size: 12px;
max-width: 300px;
}
@media (max-width: 1200px) {
.footer {
flex-direction: row-reverse;
}
}
@media (max-width: 760px) {
.footer {
flex-direction: column;
align-items: center;
gap: 40px;
border-bottom: unset;
}
}
.footer__left {
display: flex;
flex-direction: column;
gap: 32px;
color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 1200px) {
.footer__left {
display: none;
}
}
.footer__left-info {
font-weight: 500;
font-size: 13px;
line-height: 138%;
}
.footer__left-info a {
color: rgba(0, 0, 0, 0.7);
}
.footer__menu {
display: flex;
justify-content: space-between;
width: 100%;
gap: 10px;
}
@media (max-width: 1200px) {
.footer__menu {
justify-content: space-around;
}
}
@media (max-width: 760px) {
.footer__menu {
flex-direction: column;
gap: 10px;
text-align: center;
align-items: center;
}
}
.footer__menu-block {
display: flex;
flex-direction: column;
gap: 20px;
flex: 1;
font-weight: 500;
font-size: 17px;
line-height: 141%;
max-width: 172px;
}
@media (max-width: 1200px) {
.footer__menu-block {
font-weight: 500;
font-size: 15px;
line-height: 133%;
}
}
@media (max-width: 1200px) {
.footer__menu-block {
font-size: 16px;
}
}
.footer__menu-block-links {
display: flex;
flex-direction: column;
gap: 8px;
font-weight: 500;
font-size: 17px;
line-height: 141%;
}
@media (max-width: 1200px) {
.footer__menu-block-links {
gap: 16px;
}
}
.footer__menu-block-links a {
color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 1200px) {
.footer__menu-block-links a {
font-weight: 500;
font-size: 15px;
line-height: 133%;
}
}
.footer__questions {
background-color: #f4feff;
display: flex;
flex-direction: column;
align-items: start;
gap: 20px;
padding: 24px;
max-width: 350px;
border-radius: 24px;
font-weight: 500;
font-size: 17px;
line-height: 141%;
}
@media (max-width: 1200px) {
.footer__questions {
padding: 16px;
font-weight: 500;
font-size: 15px;
line-height: 133%;
}
}
@media (max-width: 760px) {
.footer__questions {
align-items: center;
max-width: 500px;
width: 100%;
text-align: center;
}
}
.footer__questions-btn {
padding: 5px 12px;
color: white;
background-color: #6C9B3C;
border-radius: 6px;
font-weight: 400;
font-size: 13px;
line-height: 138%;
cursor: pointer;
}
.footer__questions-btn:hover {
background-color: #6C9B3C5e;
}
@media (max-width: 760px) {
.footer__questions-btn {
width: 100%;
text-align: center;
}
}
.footer-bottom {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: 20px;
gap: 20px;
}
@media (max-width: 1200px) {
.footer-bottom {
justify-content: center;
}
}
.footer-bottom-left-wrap {
display: flex;
flex-direction: column;
gap: 20px;
font-size: 14px;
line-height: 141%;
font-weight: 500;
color: rgba(0, 0, 0, 0.7);
max-width: 365px;
}
@media (max-width: 1200px) {
.footer-bottom-left-wrap {
padding-bottom: 100px;
text-align: center;
max-width: 500px;
align-items: center;
}
}
@media (max-width: 760px) {
.footer-bottom-left-wrap {
font-size: 12px;
}
}
.footer-bottom-left-info a {
color: rgba(0, 0, 0, 0.7);
font-weight: 700;
}
.footer-bottom-left {
display: flex;
align-items: flex-start;
gap: 16px;
color: rgba(0, 0, 0, 0.7);
font-weight: 500;
font-size: 17px;
line-height: 141%;
}
@media (max-width: 1200px) {
.footer-bottom-left {
font-size: 15px;
}
}
@media (max-width: 760px) {
.footer-bottom-left {
font-size: 13px;
gap: 4px;
}
}
.footer-bottom-left svg {
min-width: 24px;
}
.footer-bottom-rigth {
display: flex;
gap: 40px;
flex-wrap: wrap;
justify-content: end;
align-items: center;
}
.footer-logo-mobile {
display: none;
}
@media (max-width: 1200px) {
.footer-logo-mobile {
display: block;
margin-bottom: 40px;
}
}
@media (max-width: 760px) {
.footer-logo-mobile {
text-align: center;
}
}
.footer-info-mobile {
display: none;
justify-content: space-between;
gap: 20px;
margin-top: 20px;
color: rgba(0, 0, 0, 0.7);
white-space: nowrap;
padding-bottom: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-weight: 500;
font-size: 13px;
line-height: 138%;
}
@media (max-width: 1200px) {
.footer-info-mobile {
display: flex;
justify-content: center;
}
}
@media (max-width: 760px) {
.footer-info-mobile {
flex-direction: column;
align-items: center;
gap: 12px;
text-align: center;
font-size: 11px;
}
}
.footer-info-mobile-item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
white-space: nowrap;
}
@media (max-width: 760px) {
.footer-info-mobile-item {
gap: 12px;
}
}
.footer__info-mobile-item:nth-child(2) {
display: flex;
flex-direction: row;
justify-content: flex-end;
gap: 20px;
flex-wrap: wrap;
}
@media (max-width: 760px) {
.footer__info-mobile-item:nth-child(2) {
flex-direction: column;
gap: 4px;
}
}
.footer__info-mobile-item:nth-child(2) a {
color: rgba(0, 0, 0, 0.7);
margin-left: 20px;
}
.footer__info-mobile-item:nth-child(2) br {
display: none;
}
.footer__info-mobile-item {
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
}
#backToTop {
border-radius: 9999px;
border: 1px solid #6C9B3C;
background: white;
z-index: 1;
}
#backToTop:hover {
border: 1px solid #555;
}
#backToTop:hover svg path {
stroke: #555;
}
.footer_d_n {
display: none;
}
@media (max-width: 1200px) {
.footer-bottom-rigth {
display: none;
}
}
.cookie-wrap {
position: fixed;
bottom: -100%;
left: 0;
padding: 16px 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
background-color: #fff;
border-top: 1px solid #ddd;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
z-index: 9999999999;
transition: bottom 0.5s ease;
}
.cookie-wrap.active {
bottom: 0;
}
.cookie {
display: flex;
align-items: center;
gap: 24px;
padding: 16px 0;
width: 100%;
max-width: 1440px;
margin: 0 auto;
font-size: 18px;
color: #333;
}
.cookie__btns {
display: flex;
gap: 16px;
padding: 8px;
border-radius: 8px;
}
.cookie__btn {
padding: 8px 16px;
font-size: 20px;
color: black;
border-radius: 8px;
cursor: pointer;
background: white;
transition: all 0.5s ease;
}
.cookie__btn.cookie__btn-agree {
background: #6C9B3C;
color: white;
}
.cookie__btn.cookie__btn-no {
background: unset;
color: unset;
border: black solid 1px;
}
.cookie__btn:hover {
background: #6C9B3C;
color: white;
}
@media (max-width: 1500px) {
.cookie {
max-width: 1200px;
}
}
@media (max-width: 1200px) {
.cookie {
max-width: 991px;
padding: 0 25px;
}
}
@media (max-width: 992px) {
.cookie {
max-width: 760px;
}
}
@media (max-width: 768px) {
.cookie {
max-width: 577px;
padding: 0 20px;
flex-direction: column;
}
.cookie__btns {
width: 100%;
padding: 4px;
}
.cookie__btn {
flex: auto;
display: flex;
align-items: center;
justify-content: center;
}
.cookie__btn {
padding: 4px 0;
}
}
@media (max-width: 576px) {
.cookie {
max-width: 480px;
font-size: 16px;
}
.cookie__btn {
font-size: 20px;
}
}
@media (max-width: 480px) {
.cookie {
max-width: 360px;
}
}
/* Мобильное поведение */
@media (max-width: 760px) {
.footer__menu-block {
cursor: pointer;
}
.footer__menu-block:hover .footer__menu-block-links {
max-height: unset !important;
opacity: 1 !important;
overflow: visible !important;
}
.footer__menu-block-links {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 0.35s ease, opacity 0.25s ease;
will-change: max-height, opacity;
}
.footer__menu-block.active .footer__menu-block-links {
opacity: 1;
}
}
/* Десктоп — всегда открыто */
@media (min-width: 761px) {
.footer__menu-block-links {
max-height: none !important;
opacity: 1 !important;
}
}
.footer__socials--mobile {
display: none;
}
@media (max-width: 1200px) {
.footer__socials--mobile {
display: flex;
justify-content: center;
align-items: center;
margin-block: 20px;
color: rgba(0, 0, 0, 0.7);
text-align: center;
font-size: 11px;
}
}
.review-toast {
position: fixed;
right: 24px;
bottom: 24px;
z-index: 9999;
display: flex;
align-items: flex-start;
gap: 12px;
width: 100%;
max-width: 360px;
padding: 16px 18px;
border-radius: 14px;
background: #ffffff;
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.16);
border: 1px solid #e6e6e6;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}
.review-toast.active {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.review-toast.success {
border-left: 5px solid #2eaf6d;
}
.review-toast.success .review-toast__icon {
background: #2eaf6d;
}
.review-toast.success .review-toast__icon::before {
content: "";
position: absolute;
left: 10px;
top: 6px;
width: 8px;
height: 13px;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
transform: rotate(45deg);
}
.review-toast.error {
border-left: 5px solid #d64545;
}
.review-toast.error .review-toast__icon {
background: #d64545;
}
.review-toast.error .review-toast__icon::before, .review-toast.error .review-toast__icon::after {
content: "";
position: absolute;
left: 13px;
top: 7px;
width: 2px;
height: 14px;
background: #ffffff;
border-radius: 2px;
}
.review-toast.error .review-toast__icon::before {
transform: rotate(45deg);
}
.review-toast.error .review-toast__icon::after {
transform: rotate(-45deg);
}
.review-toast__icon {
flex: 0 0 28px;
width: 28px;
height: 28px;
border-radius: 50%;
margin-top: 2px;
position: relative;
}
.review-toast__content {
flex: 1;
}
.review-toast__title {
font-size: 15px;
line-height: 1.3;
font-weight: 700;
color: #1f1f1f;
margin-bottom: 4px;
}
.review-toast__text {
font-size: 14px;
line-height: 1.45;
color: #666666;
}
@media (max-width: 600px) {
.review-toast {
left: 16px;
right: 16px;
bottom: 16px;
max-width: none;
width: auto;
padding: 14px 16px;
}
}
/* End */
/* Start:/local/templates/doctor/assets/css/bvi.css?176182056087696*/
.bvi-panel{font-family:Arial!important;padding:10px;color:#000;top:0;left:0;right:0;letter-spacing:0;position:relative;text-shadow:none;line-height:normal;border:0;margin-bottom:.3rem;background-color:#f7f7f7;border-color:#000;moz-box-shadow:0 1px 3px 0 rgba(0,0,0,.23);webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.23);box-shadow:0 1px 3px 0 rgba(0,0,0,.23);z-index:999999!important}@media (max-width:575.98px){.bvi-panel{padding:10px 0}.bvi-panel .bvi-panel-toggler{display:block;text-align:center}.bvi-panel .bvi-panel-container{overflow:auto;width:auto;height:145px;border-top:1px solid #bcbcbc;-webkit-box-shadow:inset 0 5px 15px 0 #d6d6d6;-moz-box-shadow:inset 0 5px 15px 0 #d6d6d6;box-shadow:inset 0 5px 15px 0 #d6d6d6}.bvi-panel #bvi-panel-close,.bvi-panel #bvi-panel-hide,.bvi-panel .bvi-panel-container{display:none;margin-top:10px;border-top:1px solid #dfdfdf}}@media (min-width:576px) and (max-width:767.98px){.bvi-panel{padding:10px 0}.bvi-panel .bvi-panel-toggler{display:block;text-align:center}.bvi-panel .bvi-panel-container{overflow:auto;width:auto;height:145px;border-top:1px solid #bcbcbc;-webkit-box-shadow:inset 0 5px 15px 0 #d6d6d6;-moz-box-shadow:inset 0 5px 15px 0 #d6d6d6;box-shadow:inset 0 5px 15px 0 #d6d6d6}.bvi-panel #bvi-panel-close,.bvi-panel #bvi-panel-hide,.bvi-panel .bvi-panel-container{display:none;text-align:right;margin-top:10px;border-top:1px solid #dfdfdf}}@media (min-width:768px) and (max-width:991.98px){.bvi-panel{padding:10px 0}.bvi-panel .bvi-panel-toggler{display:block;text-align:right}.bvi-panel #bvi-panel-close,.bvi-panel #bvi-panel-hide,.bvi-panel .bvi-panel-container{display:none;text-align:right;margin-top:10px;border-top:1px solid #dfdfdf}}@media (min-width:992px) and (max-width:1199.98px){.bvi-panel .bvi-panel-toggler{display:none}}@media (min-width:1200px){.bvi-panel .bvi-panel-toggler{display:none}}@media (max-width:575.98px){.bvi-panel *{font-size:12px!important}}@media (min-width:576px) and (max-width:767.98px){.bvi-panel *{font-size:14px!important}}@media (min-width:768px) and (max-width:991.98px){.bvi-panel *{font-size:14px!important}}@media (min-width:992px) and (max-width:1199.98px){.bvi-panel *{font-size:16px!important}}@media (min-width:1200px){.bvi-panel *{font-size:16px!important}}.bvi-panel a{color:#2a2a2a;background-color:transparent;outline:0;text-decoration:underline}.bvi-panel a:hover{color:#000;outline:0;background-color:transparent;text-decoration:underline}.bvi-panel a:focus{color:#000;outline:0;background-color:transparent;text-decoration:underline}.bvi-panel a.bvi-link-copy{text-decoration:underline;color:#000;outline:0}.bvi-panel a.bvi-link-copy.active{color:#000;outline:0;text-decoration:none}.bvi-panel a.bvi-link-copy:hover{color:#000;outline:0;text-decoration:none}.bvi-panel a.bvi-link-copy:focus{color:#000;outline:0;text-decoration:none}.bvi-panel a.bvi-link{text-decoration:none;color:#000;background-color:transparent;text-align:center;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;cursor:pointer;border-radius:2px;display:inline-block;height:36px;font-weight:700;line-height:36px;padding:0 10px;vertical-align:middle;border:1px solid #b2b2b2}@media (max-width:575.98px){.bvi-panel a.bvi-link{height:28px;line-height:28px;padding:0 5px}}@media (min-width:576px) and (max-width:767.98px){.bvi-panel a.bvi-link{height:28px;line-height:28px;padding:0 5px}}@media (min-width:768px) and (max-width:991.98px){.bvi-panel a.bvi-link{height:30px;line-height:30px;padding:0 8px}}@media (min-width:992px) and (max-width:1199.98px){.bvi-panel a.bvi-link{height:34px;line-height:34px;padding:0 9px}}.bvi-panel a.bvi-link.active{color:inherit;outline:0;background-color:#dbdbdb;text-decoration:none}.bvi-panel a.bvi-link:hover{color:#000;outline:0;background-color:#dbdbdb;text-decoration:none}.bvi-panel a.bvi-link:focus{color:#000;outline:0;background-color:#dbdbdb;text-decoration:none}.bvi-panel a.bvi-link.bvi-link-white{background-color:#fff;color:#000;text-decoration:none}.bvi-panel a.bvi-link.bvi-link-white:hover{background-color:#fff;color:#000;text-decoration:none}.bvi-panel a.bvi-link.bvi-link-black{background-color:#000;color:#fff;text-decoration:none}.bvi-panel a.bvi-link.bvi-link-black:hover{background-color:#000;color:#fff;text-decoration:none}.bvi-panel a.bvi-link.bvi-link-blue{background-color:#9dd1ff;color:#063462;text-decoration:none}.bvi-panel a.bvi-link.bvi-link-blue:hover{background-color:#9dd1ff;color:#063462;text-decoration:none}.bvi-panel a.bvi-link.bvi-link-brown{background-color:#f7f3d6;color:#4d4b43;text-decoration:none}.bvi-panel a.bvi-link.bvi-link-brown:hover{background-color:#f7f3d6;color:#4d4b43;text-decoration:none}.bvi-panel a.bvi-link.bvi-link-green{background-color:#3b2716;color:#a9e44d;text-decoration:none}.bvi-panel a.bvi-link.bvi-link-green:hover{background-color:#3b2716;color:#a9e44d;text-decoration:none}.bvi-panel .bvi-title{text-shadow:none;text-decoration:none;background-color:transparent;display:block;font-weight:700;text-transform:uppercase;vertical-align:middle;margin:10px 0 15px}.bvi-panel .bvi-text-center{text-align:center}.bvi-panel .bvi-text-left{text-align:left}.bvi-panel .bvi-text-right{text-align:right}.bvi-panel .bvi-setting-menu{margin-top:10px;border-top:1px solid #dfdfdf;display:none}.bvi-panel .bvi-images{margin-top:10px;width:16px;height:16px;font-weight:400;font-style:normal;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal}@media (max-width:575.98px){.bvi-panel .bvi-images{margin-top:6px}}@media (min-width:576px) and (max-width:767.98px){.bvi-panel .bvi-images{margin-top:6px}}@media (min-width:768px) and (max-width:991.98px){.bvi-panel .bvi-images{margin-top:7px}}@media (min-width:992px) and (max-width:1199.98px){.bvi-panel .bvi-images{margin-top:9px}}.bvi-panel .bvi-images.bvi-images-eye-slash{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA0ElEQVQYGbXBMSuEARgA4Oe77zocXTdISBYMXKFMJvkBkoVF6iw33n8wmXVXymi0SUnZzQaJTNcNd9MNBsnwuq9uOVaexx8rKJuwqGXKDzm7noUQwqcRQya9aXu3ruBWOMSMooFlbXMubdnwJXTlsKZrWl9ZWwk9JS0hbGMeC3rGeVCRedQRwpNE6kRmT4MzRzL7QggVVK3INNTIe7WJxI1wh1F1mZp7ib6iF8cSF8Is8ihoupEaSJ3qCOdILan7UJUYci2U0HRlx5hfVh34F999xzhj5hTP0AAAAABJRU5ErkJggg==)}.bvi-panel .bvi-images.bvi-images-arrow{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAVFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAU4H24AAAAG3RSTlMAAQIDBgkMExQiRmJoaXN0dX6Aj5GbwcPR4vHLNuV5AAAAWElEQVQYV23NNxKAMAADQQEm52y4//+TwuSxuttGkn/J2n97g+nXb3H9yNWXPO0k3oAOmC0wSgXQCqiNBYyihUYCahlLKSnIdILC9H528JoPqg8M7Ln8OwBv7gmtk0G77wAAAABJRU5ErkJggg==)}.bvi-panel .bvi-images.bvi-images-volume-on{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA0ElEQVQYGZ3BPyvEcQAH4Od3F+5O/tXXdCVZFWXCWzARgzIZrgxewM1WqzfBYjZI6bJYpS6jLJdJ5o8upY6UPI//mdOz4IcJt5o+LXvSMaLhURSM6agb17PlS8OjiILKiTs1k9612NPV1RcRBasqpw5w7JCIiIgouHRk2gBtt0RERETBlAGiruWNiIiIKNhwpSYqs555FRERUVQezFtzjnVn1DU07ImIYmjGizaurfiyI6Kg6c0mdt0YsS2KoTHs6xv3zaLKUNO9C02/qlnyVx8tHEkl/4bN1wAAAABJRU5ErkJggg==);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA0ElEQVQYGZ3BPyvEcQAH4Od3F+5O/tXXdCVZFWXCWzARgzIZrgxewM1WqzfBYjZI6bJYpS6jLJdJ5o8upY6UPI//mdOz4IcJt5o+LXvSMaLhURSM6agb17PlS8OjiILKiTs1k9612NPV1RcRBasqpw5w7JCIiIgouHRk2gBtt0RERETBlAGiruWNiIiIKNhwpSYqs555FRERUVQezFtzjnVn1DU07ImIYmjGizaurfiyI6Kg6c0mdt0YsS2KoTHs6xv3zaLKUNO9C02/qlnyVx8tHEkl/4bN1wAAAABJRU5ErkJggg==)}.bvi-panel .bvi-images.bvi-images-volume-off{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAP1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACzJYIvAAAAFHRSTlMAAQIcHh8rLjx8hpKUlZi6vsXz/c3U9VgAAABHSURBVBhXrci3AYAwDADBtwFjcpD2n5WGIKnmyoNXGgestOjuYlYfk37R1FpXNXHq7Qn9IY4Y5Jx7sQFQJARFQlBk80HbARfdYAcpeUBcogAAAABJRU5ErkJggg==)}.bvi-panel .bvi-images.bvi-images-adjust{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAqFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAs30iGAAAAN3RSTlMAAQIDBAUHCQsMExQVFh4fJSsuLztGS1FYYWJkZnh7f4KIiYyRmKWmqMHO1dna3Ovt7/P3+fv9mqZ1DQAAAIJJREFUGBlNwVUCglAURdEtGNgd2N2BGGf+M5PL48O1MI31Q7pMAxx/K+c7wHhnvSaVvMycxE7nMqBUD5qKAxJKRR5LhRg5ba6qY+SEvFXCyJlxVw0jZ8JKI4ycLi1FRRJKxT4cdCoCSvWB/E3PYZCT2WAKR2XGZDr7jxQtqvwp+Dg/vREcKt7EoBcAAAAASUVORK5CYII=)}.bvi-panel .bvi-images.bvi-images-off{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAARVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADc6ur3AAAAFnRSTlMAAQIFBgcSGRowMVhZW128wMHDxfX3KcFjjgAAAGpJREFUGBlVwQkSgzAMA0CJUpKYuzX6/1ObeoAJuwhMpSTiwslV+UiEftNpfaHirttKALMaI0BXw4mshwSTZEMwSQUmyYZgkgqyHhJ4qOEEFjUmAN1Ht42o3l+d9h6hWw5VPhMXZrNM/P0AZ7gN/s4xaEgAAAAASUVORK5CYII=)}.bvi-panel .bvi-images.bvi-images-on{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD6T+iNAAAAH3RSTlMAAQIDBycwOUJKS0xPUW1whZGVmJ2erbfT2uDk6Pv9OeeoXAAAAGJJREFUGFdlzkcCgDAIBVGMvSb27r//LTUxFnRW8NhA9E3N46uppU2wOwgiXCSHBfD07F8g0euxRGKB9N2pAGQWKBBODRgxEKNrzI7BQIq7E57dQv4UHbC6n08LsNTxAYt+7bh0DPt8j/8TAAAAAElFTkSuQmCC)}.bvi-panel .bvi-images.bvi-images-minus-square-o{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3KG9qAAAACXRSTlMAODs8dnfx8vPK0lEjAAAAJElEQVR4AWOgD2BkYUUCLIwM7JwogI2BA1WAnYGZFQUw0cehAOJeAaqtH8h4AAAAAElFTkSuQmCC)}.bvi-panel.bvi-fixed-top{position:fixed;top:0;right:0;left:0;z-index:999999}.bvi-panel .bvi-container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.bvi-panel .bvi-container{max-width:540px}}@media (min-width:768px){.bvi-panel .bvi-container{max-width:720px}}@media (min-width:992px){.bvi-panel .bvi-container{max-width:960px}}@media (min-width:1200px){.bvi-panel .bvi-container{max-width:1140px}}.bvi-panel .bvi-container-fluid,.bvi-panel .bvi-container-lg,.bvi-panel .bvi-container-md,.bvi-panel .bvi-container-sm,.bvi-panel .bvi-container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.bvi-panel .bvi-container,.bvi-panel .bvi-container-sm{max-width:540px}}@media (min-width:768px){.bvi-panel .bvi-container,.bvi-panel .bvi-container-md,.bvi-panel .bvi-container-sm{max-width:720px}}@media (min-width:992px){.bvi-panel .bvi-container,.bvi-panel .bvi-container-lg,.bvi-panel .bvi-container-md,.bvi-panel .bvi-container-sm{max-width:960px}}@media (min-width:1200px){.bvi-panel .bvi-container,.bvi-panel .bvi-container-lg,.bvi-panel .bvi-container-md,.bvi-panel .bvi-container-sm,.bvi-panel .bvi-container-xl{max-width:1140px}}.bvi-panel .bvi-row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.bvi-panel .bvi-no-gutters{margin-right:0;margin-left:0}.bvi-panel .bvi-no-gutters>.bvi-col,.bvi-panel .bvi-no-gutters>[class*=bvi-col-]{padding-right:0;padding-left:0}.bvi-panel .bvi-col,.bvi-panel .bvi-col-1,.bvi-panel .bvi-col-10,.bvi-panel .bvi-col-11,.bvi-panel .bvi-col-12,.bvi-panel .bvi-col-2,.bvi-panel .bvi-col-3,.bvi-panel .bvi-col-4,.bvi-panel .bvi-col-5,.bvi-panel .bvi-col-6,.bvi-panel .bvi-col-7,.bvi-panel .bvi-col-8,.bvi-panel .bvi-col-9,.bvi-panel .bvi-col-auto,.bvi-panel .bvi-col-lg,.bvi-panel .bvi-col-lg-1,.bvi-panel .bvi-col-lg-10,.bvi-panel .bvi-col-lg-11,.bvi-panel .bvi-col-lg-12,.bvi-panel .bvi-col-lg-2,.bvi-panel .bvi-col-lg-3,.bvi-panel .bvi-col-lg-4,.bvi-panel .bvi-col-lg-5,.bvi-panel .bvi-col-lg-6,.bvi-panel .bvi-col-lg-7,.bvi-panel .bvi-col-lg-8,.bvi-panel .bvi-col-lg-9,.bvi-panel .bvi-col-lg-auto,.bvi-panel .bvi-col-md,.bvi-panel .bvi-col-md-1,.bvi-panel .bvi-col-md-10,.bvi-panel .bvi-col-md-11,.bvi-panel .bvi-col-md-12,.bvi-panel .bvi-col-md-2,.bvi-panel .bvi-col-md-3,.bvi-panel .bvi-col-md-4,.bvi-panel .bvi-col-md-5,.bvi-panel .bvi-col-md-6,.bvi-panel .bvi-col-md-7,.bvi-panel .bvi-col-md-8,.bvi-panel .bvi-col-md-9,.bvi-panel .bvi-col-md-auto,.bvi-panel .bvi-col-sm,.bvi-panel .bvi-col-sm-1,.bvi-panel .bvi-col-sm-10,.bvi-panel .bvi-col-sm-11,.bvi-panel .bvi-col-sm-12,.bvi-panel .bvi-col-sm-2,.bvi-panel .bvi-col-sm-3,.bvi-panel .bvi-col-sm-4,.bvi-panel .bvi-col-sm-5,.bvi-panel .bvi-col-sm-6,.bvi-panel .bvi-col-sm-7,.bvi-panel .bvi-col-sm-8,.bvi-panel .bvi-col-sm-9,.bvi-panel .bvi-col-sm-auto,.bvi-panel .bvi-col-xl,.bvi-panel .bvi-col-xl-1,.bvi-panel .bvi-col-xl-10,.bvi-panel .bvi-col-xl-11,.bvi-panel .bvi-col-xl-12,.bvi-panel .bvi-col-xl-2,.bvi-panel .bvi-col-xl-3,.bvi-panel .bvi-col-xl-4,.bvi-panel .bvi-col-xl-5,.bvi-panel .bvi-col-xl-6,.bvi-panel .bvi-col-xl-7,.bvi-panel .bvi-col-xl-8,.bvi-panel .bvi-col-xl-9,.bvi-panel .bvi-col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.bvi-panel .bvi-col{flex-basis:0;flex-grow:1;max-width:100%}.bvi-panel .row-cols-1>*{flex:0 0 100%;max-width:100%}.bvi-panel .row-cols-2>*{flex:0 0 50%;max-width:50%}.bvi-panel .row-cols-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.bvi-panel .row-cols-4>*{flex:0 0 25%;max-width:25%}.bvi-panel .row-cols-5>*{flex:0 0 20%;max-width:20%}.bvi-panel .row-cols-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.bvi-panel .bvi-col-auto{flex:0 0 auto;width:auto;max-width:100%}.bvi-panel .bvi-col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.bvi-panel .bvi-col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.bvi-panel .bvi-col-3{flex:0 0 25%;max-width:25%}.bvi-panel .bvi-col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.bvi-panel .bvi-col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.bvi-panel .bvi-col-6{flex:0 0 50%;max-width:50%}.bvi-panel .bvi-col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.bvi-panel .bvi-col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.bvi-panel .bvi-col-9{flex:0 0 75%;max-width:75%}.bvi-panel .bvi-col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.bvi-panel .bvi-col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.bvi-panel .bvi-col-12{flex:0 0 100%;max-width:100%}.bvi-panel .bvi-order-first{order:-1}.bvi-panel .bvi-order-last{order:13}.bvi-panel .bvi-order-0{order:0}.bvi-panel .bvi-order-1{order:1}.bvi-panel .bvi-order-2{order:2}.bvi-panel .bvi-order-3{order:3}.bvi-panel .bvi-order-4{order:4}.bvi-panel .bvi-order-5{order:5}.bvi-panel .bvi-order-6{order:6}.bvi-panel .bvi-order-7{order:7}.bvi-panel .bvi-order-8{order:8}.bvi-panel .bvi-order-9{order:9}.bvi-panel .bvi-order-10{order:10}.bvi-panel .bvi-order-11{order:11}.bvi-panel .bvi-order-12{order:12}.bvi-panel .bvi-offset-1{margin-left:8.3333333333%}.bvi-panel .bvi-offset-2{margin-left:16.6666666667%}.bvi-panel .bvi-offset-3{margin-left:25%}.bvi-panel .bvi-offset-4{margin-left:33.3333333333%}.bvi-panel .bvi-offset-5{margin-left:41.6666666667%}.bvi-panel .bvi-offset-6{margin-left:50%}.bvi-panel .bvi-offset-7{margin-left:58.3333333333%}.bvi-panel .bvi-offset-8{margin-left:66.6666666667%}.bvi-panel .bvi-offset-9{margin-left:75%}.bvi-panel .bvi-offset-10{margin-left:83.3333333333%}.bvi-panel .bvi-offset-11{margin-left:91.6666666667%}@media (min-width:576px){.bvi-panel .bvi-col-sm{flex-basis:0;flex-grow:1;max-width:100%}.bvi-panel .row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.bvi-panel .row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.bvi-panel .row-cols-sm-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.bvi-panel .row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.bvi-panel .row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.bvi-panel .row-cols-sm-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.bvi-panel .bvi-col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.bvi-panel .bvi-col-sm-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.bvi-panel .bvi-col-sm-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.bvi-panel .bvi-col-sm-3{flex:0 0 25%;max-width:25%}.bvi-panel .bvi-col-sm-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.bvi-panel .bvi-col-sm-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.bvi-panel .bvi-col-sm-6{flex:0 0 50%;max-width:50%}.bvi-panel .bvi-col-sm-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.bvi-panel .bvi-col-sm-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.bvi-panel .bvi-col-sm-9{flex:0 0 75%;max-width:75%}.bvi-panel .bvi-col-sm-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.bvi-panel .bvi-col-sm-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.bvi-panel .bvi-col-sm-12{flex:0 0 100%;max-width:100%}.bvi-panel .bvi-order-sm-first{order:-1}.bvi-panel .bvi-order-sm-last{order:13}.bvi-panel .bvi-order-sm-0{order:0}.bvi-panel .bvi-order-sm-1{order:1}.bvi-panel .bvi-order-sm-2{order:2}.bvi-panel .bvi-order-sm-3{order:3}.bvi-panel .bvi-order-sm-4{order:4}.bvi-panel .bvi-order-sm-5{order:5}.bvi-panel .bvi-order-sm-6{order:6}.bvi-panel .bvi-order-sm-7{order:7}.bvi-panel .bvi-order-sm-8{order:8}.bvi-panel .bvi-order-sm-9{order:9}.bvi-panel .bvi-order-sm-10{order:10}.bvi-panel .bvi-order-sm-11{order:11}.bvi-panel .bvi-order-sm-12{order:12}.bvi-panel .bvi-offset-sm-0{margin-left:0}.bvi-panel .bvi-offset-sm-1{margin-left:8.3333333333%}.bvi-panel .bvi-offset-sm-2{margin-left:16.6666666667%}.bvi-panel .bvi-offset-sm-3{margin-left:25%}.bvi-panel .bvi-offset-sm-4{margin-left:33.3333333333%}.bvi-panel .bvi-offset-sm-5{margin-left:41.6666666667%}.bvi-panel .bvi-offset-sm-6{margin-left:50%}.bvi-panel .bvi-offset-sm-7{margin-left:58.3333333333%}.bvi-panel .bvi-offset-sm-8{margin-left:66.6666666667%}.bvi-panel .bvi-offset-sm-9{margin-left:75%}.bvi-panel .bvi-offset-sm-10{margin-left:83.3333333333%}.bvi-panel .bvi-offset-sm-11{margin-left:91.6666666667%}}@media (min-width:768px){.bvi-panel .bvi-col-md{flex-basis:0;flex-grow:1;max-width:100%}.bvi-panel .row-cols-md-1>*{flex:0 0 100%;max-width:100%}.bvi-panel .row-cols-md-2>*{flex:0 0 50%;max-width:50%}.bvi-panel .row-cols-md-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.bvi-panel .row-cols-md-4>*{flex:0 0 25%;max-width:25%}.bvi-panel .row-cols-md-5>*{flex:0 0 20%;max-width:20%}.bvi-panel .row-cols-md-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.bvi-panel .bvi-col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.bvi-panel .bvi-col-md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.bvi-panel .bvi-col-md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.bvi-panel .bvi-col-md-3{flex:0 0 25%;max-width:25%}.bvi-panel .bvi-col-md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.bvi-panel .bvi-col-md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.bvi-panel .bvi-col-md-6{flex:0 0 50%;max-width:50%}.bvi-panel .bvi-col-md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.bvi-panel .bvi-col-md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.bvi-panel .bvi-col-md-9{flex:0 0 75%;max-width:75%}.bvi-panel .bvi-col-md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.bvi-panel .bvi-col-md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.bvi-panel .bvi-col-md-12{flex:0 0 100%;max-width:100%}.bvi-panel .bvi-order-md-first{order:-1}.bvi-panel .bvi-order-md-last{order:13}.bvi-panel .bvi-order-md-0{order:0}.bvi-panel .bvi-order-md-1{order:1}.bvi-panel .bvi-order-md-2{order:2}.bvi-panel .bvi-order-md-3{order:3}.bvi-panel .bvi-order-md-4{order:4}.bvi-panel .bvi-order-md-5{order:5}.bvi-panel .bvi-order-md-6{order:6}.bvi-panel .bvi-order-md-7{order:7}.bvi-panel .bvi-order-md-8{order:8}.bvi-panel .bvi-order-md-9{order:9}.bvi-panel .bvi-order-md-10{order:10}.bvi-panel .bvi-order-md-11{order:11}.bvi-panel .bvi-order-md-12{order:12}.bvi-panel .bvi-offset-md-0{margin-left:0}.bvi-panel .bvi-offset-md-1{margin-left:8.3333333333%}.bvi-panel .bvi-offset-md-2{margin-left:16.6666666667%}.bvi-panel .bvi-offset-md-3{margin-left:25%}.bvi-panel .bvi-offset-md-4{margin-left:33.3333333333%}.bvi-panel .bvi-offset-md-5{margin-left:41.6666666667%}.bvi-panel .bvi-offset-md-6{margin-left:50%}.bvi-panel .bvi-offset-md-7{margin-left:58.3333333333%}.bvi-panel .bvi-offset-md-8{margin-left:66.6666666667%}.bvi-panel .bvi-offset-md-9{margin-left:75%}.bvi-panel .bvi-offset-md-10{margin-left:83.3333333333%}.bvi-panel .bvi-offset-md-11{margin-left:91.6666666667%}}@media (min-width:992px){.bvi-panel .bvi-col-lg{flex-basis:0;flex-grow:1;max-width:100%}.bvi-panel .row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.bvi-panel .row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.bvi-panel .row-cols-lg-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.bvi-panel .row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.bvi-panel .row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.bvi-panel .row-cols-lg-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.bvi-panel .bvi-col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.bvi-panel .bvi-col-lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.bvi-panel .bvi-col-lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.bvi-panel .bvi-col-lg-3{flex:0 0 25%;max-width:25%}.bvi-panel .bvi-col-lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.bvi-panel .bvi-col-lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.bvi-panel .bvi-col-lg-6{flex:0 0 50%;max-width:50%}.bvi-panel .bvi-col-lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.bvi-panel .bvi-col-lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.bvi-panel .bvi-col-lg-9{flex:0 0 75%;max-width:75%}.bvi-panel .bvi-col-lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.bvi-panel .bvi-col-lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.bvi-panel .bvi-col-lg-12{flex:0 0 100%;max-width:100%}.bvi-panel .bvi-order-lg-first{order:-1}.bvi-panel .bvi-order-lg-last{order:13}.bvi-panel .bvi-order-lg-0{order:0}.bvi-panel .bvi-order-lg-1{order:1}.bvi-panel .bvi-order-lg-2{order:2}.bvi-panel .bvi-order-lg-3{order:3}.bvi-panel .bvi-order-lg-4{order:4}.bvi-panel .bvi-order-lg-5{order:5}.bvi-panel .bvi-order-lg-6{order:6}.bvi-panel .bvi-order-lg-7{order:7}.bvi-panel .bvi-order-lg-8{order:8}.bvi-panel .bvi-order-lg-9{order:9}.bvi-panel .bvi-order-lg-10{order:10}.bvi-panel .bvi-order-lg-11{order:11}.bvi-panel .bvi-order-lg-12{order:12}.bvi-panel .bvi-offset-lg-0{margin-left:0}.bvi-panel .bvi-offset-lg-1{margin-left:8.3333333333%}.bvi-panel .bvi-offset-lg-2{margin-left:16.6666666667%}.bvi-panel .bvi-offset-lg-3{margin-left:25%}.bvi-panel .bvi-offset-lg-4{margin-left:33.3333333333%}.bvi-panel .bvi-offset-lg-5{margin-left:41.6666666667%}.bvi-panel .bvi-offset-lg-6{margin-left:50%}.bvi-panel .bvi-offset-lg-7{margin-left:58.3333333333%}.bvi-panel .bvi-offset-lg-8{margin-left:66.6666666667%}.bvi-panel .bvi-offset-lg-9{margin-left:75%}.bvi-panel .bvi-offset-lg-10{margin-left:83.3333333333%}.bvi-panel .bvi-offset-lg-11{margin-left:91.6666666667%}}@media (min-width:1200px){.bvi-panel .bvi-col-xl{flex-basis:0;flex-grow:1;max-width:100%}.bvi-panel .row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.bvi-panel .row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.bvi-panel .row-cols-xl-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.bvi-panel .row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.bvi-panel .row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.bvi-panel .row-cols-xl-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.bvi-panel .bvi-col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.bvi-panel .bvi-col-xl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.bvi-panel .bvi-col-xl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.bvi-panel .bvi-col-xl-3{flex:0 0 25%;max-width:25%}.bvi-panel .bvi-col-xl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.bvi-panel .bvi-col-xl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.bvi-panel .bvi-col-xl-6{flex:0 0 50%;max-width:50%}.bvi-panel .bvi-col-xl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.bvi-panel .bvi-col-xl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.bvi-panel .bvi-col-xl-9{flex:0 0 75%;max-width:75%}.bvi-panel .bvi-col-xl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.bvi-panel .bvi-col-xl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.bvi-panel .bvi-col-xl-12{flex:0 0 100%;max-width:100%}.bvi-panel .bvi-order-xl-first{order:-1}.bvi-panel .bvi-order-xl-last{order:13}.bvi-panel .bvi-order-xl-0{order:0}.bvi-panel .bvi-order-xl-1{order:1}.bvi-panel .bvi-order-xl-2{order:2}.bvi-panel .bvi-order-xl-3{order:3}.bvi-panel .bvi-order-xl-4{order:4}.bvi-panel .bvi-order-xl-5{order:5}.bvi-panel .bvi-order-xl-6{order:6}.bvi-panel .bvi-order-xl-7{order:7}.bvi-panel .bvi-order-xl-8{order:8}.bvi-panel .bvi-order-xl-9{order:9}.bvi-panel .bvi-order-xl-10{order:10}.bvi-panel .bvi-order-xl-11{order:11}.bvi-panel .bvi-order-xl-12{order:12}.bvi-panel .bvi-offset-xl-0{margin-left:0}.bvi-panel .bvi-offset-xl-1{margin-left:8.3333333333%}.bvi-panel .bvi-offset-xl-2{margin-left:16.6666666667%}.bvi-panel .bvi-offset-xl-3{margin-left:25%}.bvi-panel .bvi-offset-xl-4{margin-left:33.3333333333%}.bvi-panel .bvi-offset-xl-5{margin-left:41.6666666667%}.bvi-panel .bvi-offset-xl-6{margin-left:50%}.bvi-panel .bvi-offset-xl-7{margin-left:58.3333333333%}.bvi-panel .bvi-offset-xl-8{margin-left:66.6666666667%}.bvi-panel .bvi-offset-xl-9{margin-left:75%}.bvi-panel .bvi-offset-xl-10{margin-left:83.3333333333%}.bvi-panel .bvi-offset-xl-11{margin-left:91.6666666667%}}.bvi-body[data-bvi-theme=white]{background-color:#fff!important;fill:#000!important}.bvi-body[data-bvi-theme=white] :not([class^=ymaps]){background-color:#fff!important;box-shadow:none!important;text-shadow:none!important;border-color:#000!important;color:#000!important;fill:#000!important}.bvi-body[data-bvi-theme=white] * .bvi-background-image{background-color:transparent!important}.bvi-body[data-bvi-theme=white] * a{text-decoration:underline!important;outline:0!important}.bvi-body[data-bvi-theme=white] * a.bvi-link{color:#000!important;text-decoration:none!important}.bvi-body[data-bvi-theme=white] * a.bvi-link.disabled{color:rgba(0,0,0,.5)!important;border:1px solid rgba(0,0,0,.5)!important;pointer-events:none;cursor:no-drop;text-decoration:none!important}.bvi-body[data-bvi-theme=white] * a.bvi-link.disabled:focus{color:rgba(0,0,0,.5)!important;border:1px solid rgba(0,0,0,.5)!important;text-underline:none!important;text-decoration:none!important}.bvi-body[data-bvi-theme=white] * a.bvi-link:hover{color:#fff!important;background-color:#000!important;text-underline:none!important;text-decoration:none!important}.bvi-body[data-bvi-theme=white] * a.bvi-link:focus{color:#000!important;background-color:#fff!important;text-underline:none!important;text-decoration:none!important}.bvi-body[data-bvi-theme=white] * :checked,.bvi-body[data-bvi-theme=white] * :default,.bvi-body[data-bvi-theme=white] * :disabled,.bvi-body[data-bvi-theme=white] * :empty,.bvi-body[data-bvi-theme=white] * :enabled,.bvi-body[data-bvi-theme=white] * :first-child,.bvi-body[data-bvi-theme=white] * :first-child:first-letter,.bvi-body[data-bvi-theme=white] * :first-of-type,.bvi-body[data-bvi-theme=white] * :focus,.bvi-body[data-bvi-theme=white] * :hover,.bvi-body[data-bvi-theme=white] * :indeterminate,.bvi-body[data-bvi-theme=white] * :last-child,.bvi-body[data-bvi-theme=white] * :last-of-type,.bvi-body[data-bvi-theme=white] * :link,.bvi-body[data-bvi-theme=white] * :nth-last-child,.bvi-body[data-bvi-theme=white] * :nth-last-of-type,.bvi-body[data-bvi-theme=white] * :nth-of-type,.bvi-body[data-bvi-theme=white] * :only-child,.bvi-body[data-bvi-theme=white] * :only-of-type,.bvi-body[data-bvi-theme=white] * :optional,.bvi-body[data-bvi-theme=white] * :read-write,.bvi-body[data-bvi-theme=white] * :required,.bvi-body[data-bvi-theme=white] * :root,.bvi-body[data-bvi-theme=white] * :target,.bvi-body[data-bvi-theme=white] * :valid,.bvi-body[data-bvi-theme=white] * :visited{background-color:#fff!important;box-shadow:none!important;text-shadow:none!important;border-color:#000!important;color:#000!important;fill:#000!important}.bvi-body[data-bvi-theme=white] :after{background-color:rgba(255,255,255,0)!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=white] :before{background-color:rgba(255,255,255,0)!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=white] ::selection{background-color:#000!important;color:#fff!important}.bvi-body[data-bvi-theme=white] * a{outline:0!important;color:#000!important;background-color:transparent!important;text-decoration:underline!important}.bvi-body[data-bvi-theme=white] * a.active{color:#000!important;background-color:#fff!important;text-decoration:none!important}.bvi-body[data-bvi-theme=white] * a:hover{color:#fff!important;background-color:#000!important;text-decoration:none!important}.bvi-body[data-bvi-theme=white] * a:hover:after{background-color:rgba(255,255,255,0)!important;color:#fff!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=white] * a:hover:before{background-color:rgba(255,255,255,0)!important;color:#fff!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=white] * a:hover *{color:#fff!important;background-color:#000!important;text-decoration:none!important}.bvi-body[data-bvi-theme=white] * a:hover :after{background-color:rgba(255,255,255,0)!important;color:#fff!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=white] * a:hover :before{background-color:rgba(255,255,255,0)!important;color:#fff!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=white] * button,.bvi-body[data-bvi-theme=white] * button[type=button],.bvi-body[data-bvi-theme=white] * button[type=submit],.bvi-body[data-bvi-theme=white] * input[type=button],.bvi-body[data-bvi-theme=white] * input[type=submit]{color:#fff!important;background-color:#000!important;text-decoration:none!important}.bvi-body[data-bvi-theme=white] * button:hover.active,.bvi-body[data-bvi-theme=white] * button[type=button]:hover.active,.bvi-body[data-bvi-theme=white] * button[type=submit]:hover.active,.bvi-body[data-bvi-theme=white] * input[type=button]:hover.active,.bvi-body[data-bvi-theme=white] * input[type=submit]:hover.active{color:#fff!important;background-color:#000!important;text-decoration:none!important}.bvi-body[data-bvi-theme=white] * button:hover:hover,.bvi-body[data-bvi-theme=white] * button[type=button]:hover:hover,.bvi-body[data-bvi-theme=white] * button[type=submit]:hover:hover,.bvi-body[data-bvi-theme=white] * input[type=button]:hover:hover,.bvi-body[data-bvi-theme=white] * input[type=submit]:hover:hover{color:#fff!important;background-color:#000!important;text-decoration:none!important}.bvi-body[data-bvi-theme=white] * button:hover:hover *,.bvi-body[data-bvi-theme=white] * button[type=button]:hover:hover *,.bvi-body[data-bvi-theme=white] * button[type=submit]:hover:hover *,.bvi-body[data-bvi-theme=white] * input[type=button]:hover:hover *,.bvi-body[data-bvi-theme=white] * input[type=submit]:hover:hover *{color:#fff!important;background-color:#000!important;text-decoration:none!important}.bvi-body[data-bvi-theme=black]{background-color:#000!important;fill:#fff!important}.bvi-body[data-bvi-theme=black] *{background-color:#000!important;box-shadow:none!important;text-shadow:none!important;border-color:#fff!important;color:#fff!important;fill:#fff!important}.bvi-body[data-bvi-theme=black] * .bvi-background-image{background-color:transparent!important}.bvi-body[data-bvi-theme=black] * a{text-decoration:underline!important;outline:0!important}.bvi-body[data-bvi-theme=black] * a.bvi-link{color:#fff!important;text-decoration:none!important}.bvi-body[data-bvi-theme=black] * a.bvi-link.disabled{color:rgba(255,255,255,.5)!important;border:1px solid rgba(255,255,255,.5)!important;pointer-events:none;cursor:no-drop;text-decoration:none!important}.bvi-body[data-bvi-theme=black] * a.bvi-link.disabled:focus{color:rgba(255,255,255,.5)!important;border:1px solid rgba(255,255,255,.5)!important;text-underline:none!important;text-decoration:none!important}.bvi-body[data-bvi-theme=black] * a.bvi-link:hover{color:#000!important;background-color:#fff!important;text-underline:none!important;text-decoration:none!important}.bvi-body[data-bvi-theme=black] * a.bvi-link:focus{color:#fff!important;background-color:#000!important;text-underline:none!important;text-decoration:none!important}.bvi-body[data-bvi-theme=black] * :checked,.bvi-body[data-bvi-theme=black] * :default,.bvi-body[data-bvi-theme=black] * :disabled,.bvi-body[data-bvi-theme=black] * :empty,.bvi-body[data-bvi-theme=black] * :enabled,.bvi-body[data-bvi-theme=black] * :first-child,.bvi-body[data-bvi-theme=black] * :first-child:first-letter,.bvi-body[data-bvi-theme=black] * :first-of-type,.bvi-body[data-bvi-theme=black] * :focus,.bvi-body[data-bvi-theme=black] * :hover,.bvi-body[data-bvi-theme=black] * :indeterminate,.bvi-body[data-bvi-theme=black] * :last-child,.bvi-body[data-bvi-theme=black] * :last-of-type,.bvi-body[data-bvi-theme=black] * :link,.bvi-body[data-bvi-theme=black] * :nth-last-child,.bvi-body[data-bvi-theme=black] * :nth-last-of-type,.bvi-body[data-bvi-theme=black] * :nth-of-type,.bvi-body[data-bvi-theme=black] * :only-child,.bvi-body[data-bvi-theme=black] * :only-of-type,.bvi-body[data-bvi-theme=black] * :optional,.bvi-body[data-bvi-theme=black] * :read-write,.bvi-body[data-bvi-theme=black] * :required,.bvi-body[data-bvi-theme=black] * :root,.bvi-body[data-bvi-theme=black] * :target,.bvi-body[data-bvi-theme=black] * :valid,.bvi-body[data-bvi-theme=black] * :visited{background-color:#000!important;box-shadow:none!important;text-shadow:none!important;border-color:#fff!important;color:#fff!important;fill:#fff!important}.bvi-body[data-bvi-theme=black] :after{background-color:rgba(255,255,255,0)!important;color:#fff!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=black] :before{background-color:rgba(255,255,255,0)!important;color:#fff!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=black] ::selection{background-color:#fff!important;color:#000!important}.bvi-body[data-bvi-theme=black] * a{outline:0!important;color:#fff!important;background-color:transparent!important;text-decoration:underline!important}.bvi-body[data-bvi-theme=black] * a.active{color:#fff!important;background-color:#000!important;text-decoration:none!important}.bvi-body[data-bvi-theme=black] * a:hover{color:#000!important;background-color:#fff!important;text-decoration:none!important}.bvi-body[data-bvi-theme=black] * a:hover:after{background-color:rgba(255,255,255,0)!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=black] * a:hover:before{background-color:rgba(255,255,255,0)!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=black] * a:hover *{color:#000!important;background-color:#fff!important;text-decoration:none!important}.bvi-body[data-bvi-theme=black] * a:hover :after{background-color:rgba(255,255,255,0)!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=black] * a:hover :before{background-color:rgba(255,255,255,0)!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=black] * button,.bvi-body[data-bvi-theme=black] * button[type=button],.bvi-body[data-bvi-theme=black] * button[type=submit],.bvi-body[data-bvi-theme=black] * input[type=button],.bvi-body[data-bvi-theme=black] * input[type=submit]{color:#000!important;background-color:#fff!important;text-decoration:none!important}.bvi-body[data-bvi-theme=black] * button:hover.active,.bvi-body[data-bvi-theme=black] * button[type=button]:hover.active,.bvi-body[data-bvi-theme=black] * button[type=submit]:hover.active,.bvi-body[data-bvi-theme=black] * input[type=button]:hover.active,.bvi-body[data-bvi-theme=black] * input[type=submit]:hover.active{color:#000!important;background-color:#fff!important;text-decoration:none!important}.bvi-body[data-bvi-theme=black] * button:hover:hover,.bvi-body[data-bvi-theme=black] * button[type=button]:hover:hover,.bvi-body[data-bvi-theme=black] * button[type=submit]:hover:hover,.bvi-body[data-bvi-theme=black] * input[type=button]:hover:hover,.bvi-body[data-bvi-theme=black] * input[type=submit]:hover:hover{color:#000!important;background-color:#fff!important;text-decoration:none!important}.bvi-body[data-bvi-theme=black] * button:hover:hover *,.bvi-body[data-bvi-theme=black] * button[type=button]:hover:hover *,.bvi-body[data-bvi-theme=black] * button[type=submit]:hover:hover *,.bvi-body[data-bvi-theme=black] * input[type=button]:hover:hover *,.bvi-body[data-bvi-theme=black] * input[type=submit]:hover:hover *{color:#000!important;background-color:#fff!important;text-decoration:none!important}.bvi-body[data-bvi-theme=blue]{background-color:#9dd1ff!important;fill:#063462!important}.bvi-body[data-bvi-theme=blue] *{background-color:#9dd1ff!important;box-shadow:none!important;text-shadow:none!important;border-color:#063462!important;color:#063462!important;fill:#063462!important}.bvi-body[data-bvi-theme=blue] * .bvi-background-image{background-color:transparent!important}.bvi-body[data-bvi-theme=blue] * a{text-decoration:underline!important;outline:0!important}.bvi-body[data-bvi-theme=blue] * a.bvi-link{color:#063462!important;text-decoration:none!important}.bvi-body[data-bvi-theme=blue] * a.bvi-link.disabled{color:rgba(6,52,98,.5)!important;border:1px solid rgba(6,52,98,.5)!important;pointer-events:none;cursor:no-drop;text-decoration:none!important}.bvi-body[data-bvi-theme=blue] * a.bvi-link.disabled:focus{color:rgba(6,52,98,.5)!important;border:1px solid rgba(6,52,98,.5)!important;text-underline:none!important;text-decoration:none!important}.bvi-body[data-bvi-theme=blue] * a.bvi-link:hover{color:#9dd1ff!important;background-color:#063462!important;text-underline:none!important;text-decoration:none!important}.bvi-body[data-bvi-theme=blue] * a.bvi-link:focus{color:#063462!important;background-color:#9dd1ff!important;text-underline:none!important;text-decoration:none!important}.bvi-body[data-bvi-theme=blue] * :checked,.bvi-body[data-bvi-theme=blue] * :default,.bvi-body[data-bvi-theme=blue] * :disabled,.bvi-body[data-bvi-theme=blue] * :empty,.bvi-body[data-bvi-theme=blue] * :enabled,.bvi-body[data-bvi-theme=blue] * :first-child,.bvi-body[data-bvi-theme=blue] * :first-child:first-letter,.bvi-body[data-bvi-theme=blue] * :first-of-type,.bvi-body[data-bvi-theme=blue] * :focus,.bvi-body[data-bvi-theme=blue] * :hover,.bvi-body[data-bvi-theme=blue] * :indeterminate,.bvi-body[data-bvi-theme=blue] * :last-child,.bvi-body[data-bvi-theme=blue] * :last-of-type,.bvi-body[data-bvi-theme=blue] * :link,.bvi-body[data-bvi-theme=blue] * :nth-last-child,.bvi-body[data-bvi-theme=blue] * :nth-last-of-type,.bvi-body[data-bvi-theme=blue] * :nth-of-type,.bvi-body[data-bvi-theme=blue] * :only-child,.bvi-body[data-bvi-theme=blue] * :only-of-type,.bvi-body[data-bvi-theme=blue] * :optional,.bvi-body[data-bvi-theme=blue] * :read-write,.bvi-body[data-bvi-theme=blue] * :required,.bvi-body[data-bvi-theme=blue] * :root,.bvi-body[data-bvi-theme=blue] * :target,.bvi-body[data-bvi-theme=blue] * :valid,.bvi-body[data-bvi-theme=blue] * :visited{background-color:#9dd1ff!important;box-shadow:none!important;text-shadow:none!important;border-color:#063462!important;color:#063462!important;fill:#063462!important}.bvi-body[data-bvi-theme=blue] :after{background-color:rgba(255,255,255,0)!important;color:#063462!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=blue] :before{background-color:rgba(255,255,255,0)!important;color:#063462!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=blue] ::selection{background-color:#063462!important;color:#9dd1ff!important}.bvi-body[data-bvi-theme=blue] * a{outline:0!important;color:#063462!important;background-color:transparent!important;text-decoration:underline!important}.bvi-body[data-bvi-theme=blue] * a.active{color:#063462!important;background-color:#9dd1ff!important;text-decoration:none!important}.bvi-body[data-bvi-theme=blue] * a:hover{color:#9dd1ff!important;background-color:#063462!important;text-decoration:none!important}.bvi-body[data-bvi-theme=blue] * a:hover:after{background-color:rgba(255,255,255,0)!important;color:#9dd1ff!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=blue] * a:hover:before{background-color:rgba(255,255,255,0)!important;color:#9dd1ff!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=blue] * a:hover *{color:#9dd1ff!important;background-color:#063462!important;text-decoration:none!important}.bvi-body[data-bvi-theme=blue] * a:hover :after{background-color:rgba(255,255,255,0)!important;color:#9dd1ff!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=blue] * a:hover :before{background-color:rgba(255,255,255,0)!important;color:#9dd1ff!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=blue] * button,.bvi-body[data-bvi-theme=blue] * button[type=button],.bvi-body[data-bvi-theme=blue] * button[type=submit],.bvi-body[data-bvi-theme=blue] * input[type=button],.bvi-body[data-bvi-theme=blue] * input[type=submit]{color:#9dd1ff!important;background-color:#063462!important;text-decoration:none!important}.bvi-body[data-bvi-theme=blue] * button:hover.active,.bvi-body[data-bvi-theme=blue] * button[type=button]:hover.active,.bvi-body[data-bvi-theme=blue] * button[type=submit]:hover.active,.bvi-body[data-bvi-theme=blue] * input[type=button]:hover.active,.bvi-body[data-bvi-theme=blue] * input[type=submit]:hover.active{color:#9dd1ff!important;background-color:#063462!important;text-decoration:none!important}.bvi-body[data-bvi-theme=blue] * button:hover:hover,.bvi-body[data-bvi-theme=blue] * button[type=button]:hover:hover,.bvi-body[data-bvi-theme=blue] * button[type=submit]:hover:hover,.bvi-body[data-bvi-theme=blue] * input[type=button]:hover:hover,.bvi-body[data-bvi-theme=blue] * input[type=submit]:hover:hover{color:#9dd1ff!important;background-color:#063462!important;text-decoration:none!important}.bvi-body[data-bvi-theme=blue] * button:hover:hover *,.bvi-body[data-bvi-theme=blue] * button[type=button]:hover:hover *,.bvi-body[data-bvi-theme=blue] * button[type=submit]:hover:hover *,.bvi-body[data-bvi-theme=blue] * input[type=button]:hover:hover *,.bvi-body[data-bvi-theme=blue] * input[type=submit]:hover:hover *{color:#9dd1ff!important;background-color:#063462!important;text-decoration:none!important}.bvi-body[data-bvi-theme=brown]{background-color:#f7f3d6!important;fill:#4d4b43!important}.bvi-body[data-bvi-theme=brown] *{background-color:#f7f3d6!important;box-shadow:none!important;text-shadow:none!important;border-color:#4d4b43!important;color:#4d4b43!important;fill:#4d4b43!important}.bvi-body[data-bvi-theme=brown] * .bvi-background-image{background-color:transparent!important}.bvi-body[data-bvi-theme=brown] * a{text-decoration:underline!important;outline:0!important}.bvi-body[data-bvi-theme=brown] * a.bvi-link{color:#4d4b43!important;text-decoration:none!important}.bvi-body[data-bvi-theme=brown] * a.bvi-link.disabled{color:rgba(77,75,67,.5)!important;border:1px solid rgba(77,75,67,.5)!important;pointer-events:none;cursor:no-drop;text-decoration:none!important}.bvi-body[data-bvi-theme=brown] * a.bvi-link.disabled:focus{color:rgba(77,75,67,.5)!important;border:1px solid rgba(77,75,67,.5)!important;text-underline:none!important;text-decoration:none!important}.bvi-body[data-bvi-theme=brown] * a.bvi-link:hover{color:#f7f3d6!important;background-color:#4d4b43!important;text-underline:none!important;text-decoration:none!important}.bvi-body[data-bvi-theme=brown] * a.bvi-link:focus{color:#4d4b43!important;background-color:#f7f3d6!important;text-underline:none!important;text-decoration:none!important}.bvi-body[data-bvi-theme=brown] * :checked,.bvi-body[data-bvi-theme=brown] * :default,.bvi-body[data-bvi-theme=brown] * :disabled,.bvi-body[data-bvi-theme=brown] * :empty,.bvi-body[data-bvi-theme=brown] * :enabled,.bvi-body[data-bvi-theme=brown] * :first-child,.bvi-body[data-bvi-theme=brown] * :first-child:first-letter,.bvi-body[data-bvi-theme=brown] * :first-of-type,.bvi-body[data-bvi-theme=brown] * :focus,.bvi-body[data-bvi-theme=brown] * :hover,.bvi-body[data-bvi-theme=brown] * :indeterminate,.bvi-body[data-bvi-theme=brown] * :last-child,.bvi-body[data-bvi-theme=brown] * :last-of-type,.bvi-body[data-bvi-theme=brown] * :link,.bvi-body[data-bvi-theme=brown] * :nth-last-child,.bvi-body[data-bvi-theme=brown] * :nth-last-of-type,.bvi-body[data-bvi-theme=brown] * :nth-of-type,.bvi-body[data-bvi-theme=brown] * :only-child,.bvi-body[data-bvi-theme=brown] * :only-of-type,.bvi-body[data-bvi-theme=brown] * :optional,.bvi-body[data-bvi-theme=brown] * :read-write,.bvi-body[data-bvi-theme=brown] * :required,.bvi-body[data-bvi-theme=brown] * :root,.bvi-body[data-bvi-theme=brown] * :target,.bvi-body[data-bvi-theme=brown] * :valid,.bvi-body[data-bvi-theme=brown] * :visited{background-color:#f7f3d6!important;box-shadow:none!important;text-shadow:none!important;border-color:#4d4b43!important;color:#4d4b43!important;fill:#4d4b43!important}.bvi-body[data-bvi-theme=brown] :after{background-color:rgba(255,255,255,0)!important;color:#4d4b43!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=brown] :before{background-color:rgba(255,255,255,0)!important;color:#4d4b43!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=brown] ::selection{background-color:#4d4b43!important;color:#f7f3d6!important}.bvi-body[data-bvi-theme=brown] * a{outline:0!important;color:#4d4b43!important;background-color:transparent!important;text-decoration:underline!important}.bvi-body[data-bvi-theme=brown] * a.active{color:#4d4b43!important;background-color:#f7f3d6!important;text-decoration:none!important}.bvi-body[data-bvi-theme=brown] * a:hover{color:#f7f3d6!important;background-color:#4d4b43!important;text-decoration:none!important}.bvi-body[data-bvi-theme=brown] * a:hover:after{background-color:rgba(255,255,255,0)!important;color:#f7f3d6!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=brown] * a:hover:before{background-color:rgba(255,255,255,0)!important;color:#f7f3d6!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=brown] * a:hover *{color:#f7f3d6!important;background-color:#4d4b43!important;text-decoration:none!important}.bvi-body[data-bvi-theme=brown] * a:hover :after{background-color:rgba(255,255,255,0)!important;color:#f7f3d6!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=brown] * a:hover :before{background-color:rgba(255,255,255,0)!important;color:#f7f3d6!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=brown] * button,.bvi-body[data-bvi-theme=brown] * button[type=button],.bvi-body[data-bvi-theme=brown] * button[type=submit],.bvi-body[data-bvi-theme=brown] * input[type=button],.bvi-body[data-bvi-theme=brown] * input[type=submit]{color:#f7f3d6!important;background-color:#4d4b43!important;text-decoration:none!important}.bvi-body[data-bvi-theme=brown] * button:hover.active,.bvi-body[data-bvi-theme=brown] * button[type=button]:hover.active,.bvi-body[data-bvi-theme=brown] * button[type=submit]:hover.active,.bvi-body[data-bvi-theme=brown] * input[type=button]:hover.active,.bvi-body[data-bvi-theme=brown] * input[type=submit]:hover.active{color:#f7f3d6!important;background-color:#4d4b43!important;text-decoration:none!important}.bvi-body[data-bvi-theme=brown] * button:hover:hover,.bvi-body[data-bvi-theme=brown] * button[type=button]:hover:hover,.bvi-body[data-bvi-theme=brown] * button[type=submit]:hover:hover,.bvi-body[data-bvi-theme=brown] * input[type=button]:hover:hover,.bvi-body[data-bvi-theme=brown] * input[type=submit]:hover:hover{color:#f7f3d6!important;background-color:#4d4b43!important;text-decoration:none!important}.bvi-body[data-bvi-theme=brown] * button:hover:hover *,.bvi-body[data-bvi-theme=brown] * button[type=button]:hover:hover *,.bvi-body[data-bvi-theme=brown] * button[type=submit]:hover:hover *,.bvi-body[data-bvi-theme=brown] * input[type=button]:hover:hover *,.bvi-body[data-bvi-theme=brown] * input[type=submit]:hover:hover *{color:#f7f3d6!important;background-color:#4d4b43!important;text-decoration:none!important}.bvi-body[data-bvi-theme=green]{background-color:#3b2716!important;fill:#a9e44d!important}.bvi-body[data-bvi-theme=green] *{background-color:#3b2716!important;box-shadow:none!important;text-shadow:none!important;border-color:#a9e44d!important;color:#a9e44d!important;fill:#a9e44d!important}.bvi-body[data-bvi-theme=green] * .bvi-background-image{background-color:transparent!important}.bvi-body[data-bvi-theme=green] * a{text-decoration:underline!important;outline:0!important}.bvi-body[data-bvi-theme=green] * a.bvi-link{color:#a9e44d!important;text-decoration:none!important}.bvi-body[data-bvi-theme=green] * a.bvi-link.disabled{color:rgba(169,228,77,.5)!important;border:1px solid rgba(169,228,77,.5)!important;pointer-events:none;cursor:no-drop;text-decoration:none!important}.bvi-body[data-bvi-theme=green] * a.bvi-link.disabled:focus{color:rgba(169,228,77,.5)!important;border:1px solid rgba(169,228,77,.5)!important;text-underline:none!important;text-decoration:none!important}.bvi-body[data-bvi-theme=green] * a.bvi-link:hover{color:#3b2716!important;background-color:#a9e44d!important;text-underline:none!important;text-decoration:none!important}.bvi-body[data-bvi-theme=green] * a.bvi-link:focus{color:#a9e44d!important;background-color:#3b2716!important;text-underline:none!important;text-decoration:none!important}.bvi-body[data-bvi-theme=green] * :checked,.bvi-body[data-bvi-theme=green] * :default,.bvi-body[data-bvi-theme=green] * :disabled,.bvi-body[data-bvi-theme=green] * :empty,.bvi-body[data-bvi-theme=green] * :enabled,.bvi-body[data-bvi-theme=green] * :first-child,.bvi-body[data-bvi-theme=green] * :first-child:first-letter,.bvi-body[data-bvi-theme=green] * :first-of-type,.bvi-body[data-bvi-theme=green] * :focus,.bvi-body[data-bvi-theme=green] * :hover,.bvi-body[data-bvi-theme=green] * :indeterminate,.bvi-body[data-bvi-theme=green] * :last-child,.bvi-body[data-bvi-theme=green] * :last-of-type,.bvi-body[data-bvi-theme=green] * :link,.bvi-body[data-bvi-theme=green] * :nth-last-child,.bvi-body[data-bvi-theme=green] * :nth-last-of-type,.bvi-body[data-bvi-theme=green] * :nth-of-type,.bvi-body[data-bvi-theme=green] * :only-child,.bvi-body[data-bvi-theme=green] * :only-of-type,.bvi-body[data-bvi-theme=green] * :optional,.bvi-body[data-bvi-theme=green] * :read-write,.bvi-body[data-bvi-theme=green] * :required,.bvi-body[data-bvi-theme=green] * :root,.bvi-body[data-bvi-theme=green] * :target,.bvi-body[data-bvi-theme=green] * :valid,.bvi-body[data-bvi-theme=green] * :visited{background-color:#3b2716!important;box-shadow:none!important;text-shadow:none!important;border-color:#a9e44d!important;color:#a9e44d!important;fill:#a9e44d!important}.bvi-body[data-bvi-theme=green] :after{background-color:rgba(255,255,255,0)!important;color:#a9e44d!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=green] :before{background-color:rgba(255,255,255,0)!important;color:#a9e44d!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=green] ::selection{background-color:#a9e44d!important;color:#3b2716!important}.bvi-body[data-bvi-theme=green] * a{outline:0!important;color:#a9e44d!important;background-color:transparent!important;text-decoration:underline!important}.bvi-body[data-bvi-theme=green] * a.active{color:#a9e44d!important;background-color:#3b2716!important;text-decoration:none!important}.bvi-body[data-bvi-theme=green] * a:hover{color:#3b2716!important;background-color:#a9e44d!important;text-decoration:none!important}.bvi-body[data-bvi-theme=green] * a:hover:after{background-color:rgba(255,255,255,0)!important;color:#3b2716!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=green] * a:hover:before{background-color:rgba(255,255,255,0)!important;color:#3b2716!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=green] * a:hover *{color:#3b2716!important;background-color:#a9e44d!important;text-decoration:none!important}.bvi-body[data-bvi-theme=green] * a:hover :after{background-color:rgba(255,255,255,0)!important;color:#3b2716!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=green] * a:hover :before{background-color:rgba(255,255,255,0)!important;color:#3b2716!important;box-shadow:none!important;text-shadow:none!important;border-color:transparent!important}.bvi-body[data-bvi-theme=green] * button,.bvi-body[data-bvi-theme=green] * button[type=button],.bvi-body[data-bvi-theme=green] * button[type=submit],.bvi-body[data-bvi-theme=green] * input[type=button],.bvi-body[data-bvi-theme=green] * input[type=submit]{color:#3b2716!important;background-color:#a9e44d!important;text-decoration:none!important}.bvi-body[data-bvi-theme=green] * button:hover.active,.bvi-body[data-bvi-theme=green] * button[type=button]:hover.active,.bvi-body[data-bvi-theme=green] * button[type=submit]:hover.active,.bvi-body[data-bvi-theme=green] * input[type=button]:hover.active,.bvi-body[data-bvi-theme=green] * input[type=submit]:hover.active{color:#3b2716!important;background-color:#a9e44d!important;text-decoration:none!important}.bvi-body[data-bvi-theme=green] * button:hover:hover,.bvi-body[data-bvi-theme=green] * button[type=button]:hover:hover,.bvi-body[data-bvi-theme=green] * button[type=submit]:hover:hover,.bvi-body[data-bvi-theme=green] * input[type=button]:hover:hover,.bvi-body[data-bvi-theme=green] * input[type=submit]:hover:hover{color:#3b2716!important;background-color:#a9e44d!important;text-decoration:none!important}.bvi-body[data-bvi-theme=green] * button:hover:hover *,.bvi-body[data-bvi-theme=green] * button[type=button]:hover:hover *,.bvi-body[data-bvi-theme=green] * button[type=submit]:hover:hover *,.bvi-body[data-bvi-theme=green] * input[type=button]:hover:hover *,.bvi-body[data-bvi-theme=green] * input[type=submit]:hover:hover *{color:#3b2716!important;background-color:#a9e44d!important;text-decoration:none!important}.bvi-body[data-bvi-size="40"] *{font-size:40px!important}.bvi-body[data-bvi-size="40"] * h1,.bvi-body[data-bvi-size="40"] * h1 *{font-size:47px!important}.bvi-body[data-bvi-size="40"] * h2,.bvi-body[data-bvi-size="40"] * h2 *{font-size:46px!important}.bvi-body[data-bvi-size="40"] * h3,.bvi-body[data-bvi-size="40"] * h3 *{font-size:45px!important}.bvi-body[data-bvi-size="40"] * h4,.bvi-body[data-bvi-size="40"] * h4 *{font-size:44px!important}.bvi-body[data-bvi-size="40"] * h5,.bvi-body[data-bvi-size="40"] * h5 *{font-size:43px!important}.bvi-body[data-bvi-size="40"] * h6,.bvi-body[data-bvi-size="40"] * h6 *{font-size:42px!important}.bvi-body[data-bvi-size="39"] *{font-size:39px!important}.bvi-body[data-bvi-size="39"] * h1,.bvi-body[data-bvi-size="39"] * h1 *{font-size:46px!important}.bvi-body[data-bvi-size="39"] * h2,.bvi-body[data-bvi-size="39"] * h2 *{font-size:45px!important}.bvi-body[data-bvi-size="39"] * h3,.bvi-body[data-bvi-size="39"] * h3 *{font-size:44px!important}.bvi-body[data-bvi-size="39"] * h4,.bvi-body[data-bvi-size="39"] * h4 *{font-size:43px!important}.bvi-body[data-bvi-size="39"] * h5,.bvi-body[data-bvi-size="39"] * h5 *{font-size:42px!important}.bvi-body[data-bvi-size="39"] * h6,.bvi-body[data-bvi-size="39"] * h6 *{font-size:41px!important}.bvi-body[data-bvi-size="38"] *{font-size:38px!important}.bvi-body[data-bvi-size="38"] * h1,.bvi-body[data-bvi-size="38"] * h1 *{font-size:45px!important}.bvi-body[data-bvi-size="38"] * h2,.bvi-body[data-bvi-size="38"] * h2 *{font-size:44px!important}.bvi-body[data-bvi-size="38"] * h3,.bvi-body[data-bvi-size="38"] * h3 *{font-size:43px!important}.bvi-body[data-bvi-size="38"] * h4,.bvi-body[data-bvi-size="38"] * h4 *{font-size:42px!important}.bvi-body[data-bvi-size="38"] * h5,.bvi-body[data-bvi-size="38"] * h5 *{font-size:41px!important}.bvi-body[data-bvi-size="38"] * h6,.bvi-body[data-bvi-size="38"] * h6 *{font-size:40px!important}.bvi-body[data-bvi-size="37"] *{font-size:37px!important}.bvi-body[data-bvi-size="37"] * h1,.bvi-body[data-bvi-size="37"] * h1 *{font-size:44px!important}.bvi-body[data-bvi-size="37"] * h2,.bvi-body[data-bvi-size="37"] * h2 *{font-size:43px!important}.bvi-body[data-bvi-size="37"] * h3,.bvi-body[data-bvi-size="37"] * h3 *{font-size:42px!important}.bvi-body[data-bvi-size="37"] * h4,.bvi-body[data-bvi-size="37"] * h4 *{font-size:41px!important}.bvi-body[data-bvi-size="37"] * h5,.bvi-body[data-bvi-size="37"] * h5 *{font-size:40px!important}.bvi-body[data-bvi-size="37"] * h6,.bvi-body[data-bvi-size="37"] * h6 *{font-size:39px!important}.bvi-body[data-bvi-size="36"] *{font-size:36px!important}.bvi-body[data-bvi-size="36"] * h1,.bvi-body[data-bvi-size="36"] * h1 *{font-size:43px!important}.bvi-body[data-bvi-size="36"] * h2,.bvi-body[data-bvi-size="36"] * h2 *{font-size:42px!important}.bvi-body[data-bvi-size="36"] * h3,.bvi-body[data-bvi-size="36"] * h3 *{font-size:41px!important}.bvi-body[data-bvi-size="36"] * h4,.bvi-body[data-bvi-size="36"] * h4 *{font-size:40px!important}.bvi-body[data-bvi-size="36"] * h5,.bvi-body[data-bvi-size="36"] * h5 *{font-size:39px!important}.bvi-body[data-bvi-size="36"] * h6,.bvi-body[data-bvi-size="36"] * h6 *{font-size:38px!important}.bvi-body[data-bvi-size="35"] *{font-size:35px!important}.bvi-body[data-bvi-size="35"] * h1,.bvi-body[data-bvi-size="35"] * h1 *{font-size:42px!important}.bvi-body[data-bvi-size="35"] * h2,.bvi-body[data-bvi-size="35"] * h2 *{font-size:41px!important}.bvi-body[data-bvi-size="35"] * h3,.bvi-body[data-bvi-size="35"] * h3 *{font-size:40px!important}.bvi-body[data-bvi-size="35"] * h4,.bvi-body[data-bvi-size="35"] * h4 *{font-size:39px!important}.bvi-body[data-bvi-size="35"] * h5,.bvi-body[data-bvi-size="35"] * h5 *{font-size:38px!important}.bvi-body[data-bvi-size="35"] * h6,.bvi-body[data-bvi-size="35"] * h6 *{font-size:37px!important}.bvi-body[data-bvi-size="34"] *{font-size:34px!important}.bvi-body[data-bvi-size="34"] * h1,.bvi-body[data-bvi-size="34"] * h1 *{font-size:41px!important}.bvi-body[data-bvi-size="34"] * h2,.bvi-body[data-bvi-size="34"] * h2 *{font-size:40px!important}.bvi-body[data-bvi-size="34"] * h3,.bvi-body[data-bvi-size="34"] * h3 *{font-size:39px!important}.bvi-body[data-bvi-size="34"] * h4,.bvi-body[data-bvi-size="34"] * h4 *{font-size:38px!important}.bvi-body[data-bvi-size="34"] * h5,.bvi-body[data-bvi-size="34"] * h5 *{font-size:37px!important}.bvi-body[data-bvi-size="34"] * h6,.bvi-body[data-bvi-size="34"] * h6 *{font-size:36px!important}.bvi-body[data-bvi-size="33"] *{font-size:33px!important}.bvi-body[data-bvi-size="33"] * h1,.bvi-body[data-bvi-size="33"] * h1 *{font-size:40px!important}.bvi-body[data-bvi-size="33"] * h2,.bvi-body[data-bvi-size="33"] * h2 *{font-size:39px!important}.bvi-body[data-bvi-size="33"] * h3,.bvi-body[data-bvi-size="33"] * h3 *{font-size:38px!important}.bvi-body[data-bvi-size="33"] * h4,.bvi-body[data-bvi-size="33"] * h4 *{font-size:37px!important}.bvi-body[data-bvi-size="33"] * h5,.bvi-body[data-bvi-size="33"] * h5 *{font-size:36px!important}.bvi-body[data-bvi-size="33"] * h6,.bvi-body[data-bvi-size="33"] * h6 *{font-size:35px!important}.bvi-body[data-bvi-size="32"] *{font-size:32px!important}.bvi-body[data-bvi-size="32"] * h1,.bvi-body[data-bvi-size="32"] * h1 *{font-size:39px!important}.bvi-body[data-bvi-size="32"] * h2,.bvi-body[data-bvi-size="32"] * h2 *{font-size:38px!important}.bvi-body[data-bvi-size="32"] * h3,.bvi-body[data-bvi-size="32"] * h3 *{font-size:37px!important}.bvi-body[data-bvi-size="32"] * h4,.bvi-body[data-bvi-size="32"] * h4 *{font-size:36px!important}.bvi-body[data-bvi-size="32"] * h5,.bvi-body[data-bvi-size="32"] * h5 *{font-size:35px!important}.bvi-body[data-bvi-size="32"] * h6,.bvi-body[data-bvi-size="32"] * h6 *{font-size:34px!important}.bvi-body[data-bvi-size="31"] *{font-size:31px!important}.bvi-body[data-bvi-size="31"] * h1,.bvi-body[data-bvi-size="31"] * h1 *{font-size:38px!important}.bvi-body[data-bvi-size="31"] * h2,.bvi-body[data-bvi-size="31"] * h2 *{font-size:37px!important}.bvi-body[data-bvi-size="31"] * h3,.bvi-body[data-bvi-size="31"] * h3 *{font-size:36px!important}.bvi-body[data-bvi-size="31"] * h4,.bvi-body[data-bvi-size="31"] * h4 *{font-size:35px!important}.bvi-body[data-bvi-size="31"] * h5,.bvi-body[data-bvi-size="31"] * h5 *{font-size:34px!important}.bvi-body[data-bvi-size="31"] * h6,.bvi-body[data-bvi-size="31"] * h6 *{font-size:33px!important}.bvi-body[data-bvi-size="30"] *{font-size:30px!important}.bvi-body[data-bvi-size="30"] * h1,.bvi-body[data-bvi-size="30"] * h1 *{font-size:37px!important}.bvi-body[data-bvi-size="30"] * h2,.bvi-body[data-bvi-size="30"] * h2 *{font-size:36px!important}.bvi-body[data-bvi-size="30"] * h3,.bvi-body[data-bvi-size="30"] * h3 *{font-size:35px!important}.bvi-body[data-bvi-size="30"] * h4,.bvi-body[data-bvi-size="30"] * h4 *{font-size:34px!important}.bvi-body[data-bvi-size="30"] * h5,.bvi-body[data-bvi-size="30"] * h5 *{font-size:33px!important}.bvi-body[data-bvi-size="30"] * h6,.bvi-body[data-bvi-size="30"] * h6 *{font-size:32px!important}.bvi-body[data-bvi-size="29"] *{font-size:29px!important}.bvi-body[data-bvi-size="29"] * h1,.bvi-body[data-bvi-size="29"] * h1 *{font-size:36px!important}.bvi-body[data-bvi-size="29"] * h2,.bvi-body[data-bvi-size="29"] * h2 *{font-size:35px!important}.bvi-body[data-bvi-size="29"] * h3,.bvi-body[data-bvi-size="29"] * h3 *{font-size:34px!important}.bvi-body[data-bvi-size="29"] * h4,.bvi-body[data-bvi-size="29"] * h4 *{font-size:33px!important}.bvi-body[data-bvi-size="29"] * h5,.bvi-body[data-bvi-size="29"] * h5 *{font-size:32px!important}.bvi-body[data-bvi-size="29"] * h6,.bvi-body[data-bvi-size="29"] * h6 *{font-size:31px!important}.bvi-body[data-bvi-size="28"] *{font-size:28px!important}.bvi-body[data-bvi-size="28"] * h1,.bvi-body[data-bvi-size="28"] * h1 *{font-size:35px!important}.bvi-body[data-bvi-size="28"] * h2,.bvi-body[data-bvi-size="28"] * h2 *{font-size:34px!important}.bvi-body[data-bvi-size="28"] * h3,.bvi-body[data-bvi-size="28"] * h3 *{font-size:33px!important}.bvi-body[data-bvi-size="28"] * h4,.bvi-body[data-bvi-size="28"] * h4 *{font-size:32px!important}.bvi-body[data-bvi-size="28"] * h5,.bvi-body[data-bvi-size="28"] * h5 *{font-size:31px!important}.bvi-body[data-bvi-size="28"] * h6,.bvi-body[data-bvi-size="28"] * h6 *{font-size:30px!important}.bvi-body[data-bvi-size="27"] *{font-size:27px!important}.bvi-body[data-bvi-size="27"] * h1,.bvi-body[data-bvi-size="27"] * h1 *{font-size:34px!important}.bvi-body[data-bvi-size="27"] * h2,.bvi-body[data-bvi-size="27"] * h2 *{font-size:33px!important}.bvi-body[data-bvi-size="27"] * h3,.bvi-body[data-bvi-size="27"] * h3 *{font-size:32px!important}.bvi-body[data-bvi-size="27"] * h4,.bvi-body[data-bvi-size="27"] * h4 *{font-size:31px!important}.bvi-body[data-bvi-size="27"] * h5,.bvi-body[data-bvi-size="27"] * h5 *{font-size:30px!important}.bvi-body[data-bvi-size="27"] * h6,.bvi-body[data-bvi-size="27"] * h6 *{font-size:29px!important}.bvi-body[data-bvi-size="26"] *{font-size:26px!important}.bvi-body[data-bvi-size="26"] * h1,.bvi-body[data-bvi-size="26"] * h1 *{font-size:33px!important}.bvi-body[data-bvi-size="26"] * h2,.bvi-body[data-bvi-size="26"] * h2 *{font-size:32px!important}.bvi-body[data-bvi-size="26"] * h3,.bvi-body[data-bvi-size="26"] * h3 *{font-size:31px!important}.bvi-body[data-bvi-size="26"] * h4,.bvi-body[data-bvi-size="26"] * h4 *{font-size:30px!important}.bvi-body[data-bvi-size="26"] * h5,.bvi-body[data-bvi-size="26"] * h5 *{font-size:29px!important}.bvi-body[data-bvi-size="26"] * h6,.bvi-body[data-bvi-size="26"] * h6 *{font-size:28px!important}.bvi-body[data-bvi-size="25"] *{font-size:25px!important}.bvi-body[data-bvi-size="25"] * h1,.bvi-body[data-bvi-size="25"] * h1 *{font-size:32px!important}.bvi-body[data-bvi-size="25"] * h2,.bvi-body[data-bvi-size="25"] * h2 *{font-size:31px!important}.bvi-body[data-bvi-size="25"] * h3,.bvi-body[data-bvi-size="25"] * h3 *{font-size:30px!important}.bvi-body[data-bvi-size="25"] * h4,.bvi-body[data-bvi-size="25"] * h4 *{font-size:29px!important}.bvi-body[data-bvi-size="25"] * h5,.bvi-body[data-bvi-size="25"] * h5 *{font-size:28px!important}.bvi-body[data-bvi-size="25"] * h6,.bvi-body[data-bvi-size="25"] * h6 *{font-size:27px!important}.bvi-body[data-bvi-size="24"] *{font-size:24px!important}.bvi-body[data-bvi-size="24"] * h1,.bvi-body[data-bvi-size="24"] * h1 *{font-size:31px!important}.bvi-body[data-bvi-size="24"] * h2,.bvi-body[data-bvi-size="24"] * h2 *{font-size:30px!important}.bvi-body[data-bvi-size="24"] * h3,.bvi-body[data-bvi-size="24"] * h3 *{font-size:29px!important}.bvi-body[data-bvi-size="24"] * h4,.bvi-body[data-bvi-size="24"] * h4 *{font-size:28px!important}.bvi-body[data-bvi-size="24"] * h5,.bvi-body[data-bvi-size="24"] * h5 *{font-size:27px!important}.bvi-body[data-bvi-size="24"] * h6,.bvi-body[data-bvi-size="24"] * h6 *{font-size:26px!important}.bvi-body[data-bvi-size="23"] *{font-size:23px!important}.bvi-body[data-bvi-size="23"] * h1,.bvi-body[data-bvi-size="23"] * h1 *{font-size:30px!important}.bvi-body[data-bvi-size="23"] * h2,.bvi-body[data-bvi-size="23"] * h2 *{font-size:29px!important}.bvi-body[data-bvi-size="23"] * h3,.bvi-body[data-bvi-size="23"] * h3 *{font-size:28px!important}.bvi-body[data-bvi-size="23"] * h4,.bvi-body[data-bvi-size="23"] * h4 *{font-size:27px!important}.bvi-body[data-bvi-size="23"] * h5,.bvi-body[data-bvi-size="23"] * h5 *{font-size:26px!important}.bvi-body[data-bvi-size="23"] * h6,.bvi-body[data-bvi-size="23"] * h6 *{font-size:25px!important}.bvi-body[data-bvi-size="22"] *{font-size:22px!important}.bvi-body[data-bvi-size="22"] * h1,.bvi-body[data-bvi-size="22"] * h1 *{font-size:29px!important}.bvi-body[data-bvi-size="22"] * h2,.bvi-body[data-bvi-size="22"] * h2 *{font-size:28px!important}.bvi-body[data-bvi-size="22"] * h3,.bvi-body[data-bvi-size="22"] * h3 *{font-size:27px!important}.bvi-body[data-bvi-size="22"] * h4,.bvi-body[data-bvi-size="22"] * h4 *{font-size:26px!important}.bvi-body[data-bvi-size="22"] * h5,.bvi-body[data-bvi-size="22"] * h5 *{font-size:25px!important}.bvi-body[data-bvi-size="22"] * h6,.bvi-body[data-bvi-size="22"] * h6 *{font-size:24px!important}.bvi-body[data-bvi-size="21"] *{font-size:21px!important}.bvi-body[data-bvi-size="21"] * h1,.bvi-body[data-bvi-size="21"] * h1 *{font-size:28px!important}.bvi-body[data-bvi-size="21"] * h2,.bvi-body[data-bvi-size="21"] * h2 *{font-size:27px!important}.bvi-body[data-bvi-size="21"] * h3,.bvi-body[data-bvi-size="21"] * h3 *{font-size:26px!important}.bvi-body[data-bvi-size="21"] * h4,.bvi-body[data-bvi-size="21"] * h4 *{font-size:25px!important}.bvi-body[data-bvi-size="21"] * h5,.bvi-body[data-bvi-size="21"] * h5 *{font-size:24px!important}.bvi-body[data-bvi-size="21"] * h6,.bvi-body[data-bvi-size="21"] * h6 *{font-size:23px!important}.bvi-body[data-bvi-size="20"] *{font-size:20px!important}.bvi-body[data-bvi-size="20"] * h1,.bvi-body[data-bvi-size="20"] * h1 *{font-size:27px!important}.bvi-body[data-bvi-size="20"] * h2,.bvi-body[data-bvi-size="20"] * h2 *{font-size:26px!important}.bvi-body[data-bvi-size="20"] * h3,.bvi-body[data-bvi-size="20"] * h3 *{font-size:25px!important}.bvi-body[data-bvi-size="20"] * h4,.bvi-body[data-bvi-size="20"] * h4 *{font-size:24px!important}.bvi-body[data-bvi-size="20"] * h5,.bvi-body[data-bvi-size="20"] * h5 *{font-size:23px!important}.bvi-body[data-bvi-size="20"] * h6,.bvi-body[data-bvi-size="20"] * h6 *{font-size:22px!important}.bvi-body[data-bvi-size="19"] *{font-size:19px!important}.bvi-body[data-bvi-size="19"] * h1,.bvi-body[data-bvi-size="19"] * h1 *{font-size:26px!important}.bvi-body[data-bvi-size="19"] * h2,.bvi-body[data-bvi-size="19"] * h2 *{font-size:25px!important}.bvi-body[data-bvi-size="19"] * h3,.bvi-body[data-bvi-size="19"] * h3 *{font-size:24px!important}.bvi-body[data-bvi-size="19"] * h4,.bvi-body[data-bvi-size="19"] * h4 *{font-size:23px!important}.bvi-body[data-bvi-size="19"] * h5,.bvi-body[data-bvi-size="19"] * h5 *{font-size:22px!important}.bvi-body[data-bvi-size="19"] * h6,.bvi-body[data-bvi-size="19"] * h6 *{font-size:21px!important}.bvi-body[data-bvi-size="18"] *{font-size:18px!important}.bvi-body[data-bvi-size="18"] * h1,.bvi-body[data-bvi-size="18"] * h1 *{font-size:25px!important}.bvi-body[data-bvi-size="18"] * h2,.bvi-body[data-bvi-size="18"] * h2 *{font-size:24px!important}.bvi-body[data-bvi-size="18"] * h3,.bvi-body[data-bvi-size="18"] * h3 *{font-size:23px!important}.bvi-body[data-bvi-size="18"] * h4,.bvi-body[data-bvi-size="18"] * h4 *{font-size:22px!important}.bvi-body[data-bvi-size="18"] * h5,.bvi-body[data-bvi-size="18"] * h5 *{font-size:21px!important}.bvi-body[data-bvi-size="18"] * h6,.bvi-body[data-bvi-size="18"] * h6 *{font-size:20px!important}.bvi-body[data-bvi-size="17"] *{font-size:17px!important}.bvi-body[data-bvi-size="17"] * h1,.bvi-body[data-bvi-size="17"] * h1 *{font-size:24px!important}.bvi-body[data-bvi-size="17"] * h2,.bvi-body[data-bvi-size="17"] * h2 *{font-size:23px!important}.bvi-body[data-bvi-size="17"] * h3,.bvi-body[data-bvi-size="17"] * h3 *{font-size:22px!important}.bvi-body[data-bvi-size="17"] * h4,.bvi-body[data-bvi-size="17"] * h4 *{font-size:21px!important}.bvi-body[data-bvi-size="17"] * h5,.bvi-body[data-bvi-size="17"] * h5 *{font-size:20px!important}.bvi-body[data-bvi-size="17"] * h6,.bvi-body[data-bvi-size="17"] * h6 *{font-size:19px!important}.bvi-body[data-bvi-size="16"] *{font-size:16px!important}.bvi-body[data-bvi-size="16"] * h1,.bvi-body[data-bvi-size="16"] * h1 *{font-size:23px!important}.bvi-body[data-bvi-size="16"] * h2,.bvi-body[data-bvi-size="16"] * h2 *{font-size:22px!important}.bvi-body[data-bvi-size="16"] * h3,.bvi-body[data-bvi-size="16"] * h3 *{font-size:21px!important}.bvi-body[data-bvi-size="16"] * h4,.bvi-body[data-bvi-size="16"] * h4 *{font-size:20px!important}.bvi-body[data-bvi-size="16"] * h5,.bvi-body[data-bvi-size="16"] * h5 *{font-size:19px!important}.bvi-body[data-bvi-size="16"] * h6,.bvi-body[data-bvi-size="16"] * h6 *{font-size:18px!important}.bvi-body[data-bvi-size="15"] *{font-size:15px!important}.bvi-body[data-bvi-size="15"] * h1,.bvi-body[data-bvi-size="15"] * h1 *{font-size:22px!important}.bvi-body[data-bvi-size="15"] * h2,.bvi-body[data-bvi-size="15"] * h2 *{font-size:21px!important}.bvi-body[data-bvi-size="15"] * h3,.bvi-body[data-bvi-size="15"] * h3 *{font-size:20px!important}.bvi-body[data-bvi-size="15"] * h4,.bvi-body[data-bvi-size="15"] * h4 *{font-size:19px!important}.bvi-body[data-bvi-size="15"] * h5,.bvi-body[data-bvi-size="15"] * h5 *{font-size:18px!important}.bvi-body[data-bvi-size="15"] * h6,.bvi-body[data-bvi-size="15"] * h6 *{font-size:17px!important}.bvi-body[data-bvi-size="14"] *{font-size:14px!important}.bvi-body[data-bvi-size="14"] * h1,.bvi-body[data-bvi-size="14"] * h1 *{font-size:21px!important}.bvi-body[data-bvi-size="14"] * h2,.bvi-body[data-bvi-size="14"] * h2 *{font-size:20px!important}.bvi-body[data-bvi-size="14"] * h3,.bvi-body[data-bvi-size="14"] * h3 *{font-size:19px!important}.bvi-body[data-bvi-size="14"] * h4,.bvi-body[data-bvi-size="14"] * h4 *{font-size:18px!important}.bvi-body[data-bvi-size="14"] * h5,.bvi-body[data-bvi-size="14"] * h5 *{font-size:17px!important}.bvi-body[data-bvi-size="14"] * h6,.bvi-body[data-bvi-size="14"] * h6 *{font-size:16px!important}.bvi-body[data-bvi-size="13"] *{font-size:13px!important}.bvi-body[data-bvi-size="13"] * h1,.bvi-body[data-bvi-size="13"] * h1 *{font-size:20px!important}.bvi-body[data-bvi-size="13"] * h2,.bvi-body[data-bvi-size="13"] * h2 *{font-size:19px!important}.bvi-body[data-bvi-size="13"] * h3,.bvi-body[data-bvi-size="13"] * h3 *{font-size:18px!important}.bvi-body[data-bvi-size="13"] * h4,.bvi-body[data-bvi-size="13"] * h4 *{font-size:17px!important}.bvi-body[data-bvi-size="13"] * h5,.bvi-body[data-bvi-size="13"] * h5 *{font-size:16px!important}.bvi-body[data-bvi-size="13"] * h6,.bvi-body[data-bvi-size="13"] * h6 *{font-size:15px!important}.bvi-body[data-bvi-size="12"] *{font-size:12px!important}.bvi-body[data-bvi-size="12"] * h1,.bvi-body[data-bvi-size="12"] * h1 *{font-size:19px!important}.bvi-body[data-bvi-size="12"] * h2,.bvi-body[data-bvi-size="12"] * h2 *{font-size:18px!important}.bvi-body[data-bvi-size="12"] * h3,.bvi-body[data-bvi-size="12"] * h3 *{font-size:17px!important}.bvi-body[data-bvi-size="12"] * h4,.bvi-body[data-bvi-size="12"] * h4 *{font-size:16px!important}.bvi-body[data-bvi-size="12"] * h5,.bvi-body[data-bvi-size="12"] * h5 *{font-size:15px!important}.bvi-body[data-bvi-size="12"] * h6,.bvi-body[data-bvi-size="12"] * h6 *{font-size:14px!important}.bvi-body[data-bvi-size="11"] *{font-size:11px!important}.bvi-body[data-bvi-size="11"] * h1,.bvi-body[data-bvi-size="11"] * h1 *{font-size:18px!important}.bvi-body[data-bvi-size="11"] * h2,.bvi-body[data-bvi-size="11"] * h2 *{font-size:17px!important}.bvi-body[data-bvi-size="11"] * h3,.bvi-body[data-bvi-size="11"] * h3 *{font-size:16px!important}.bvi-body[data-bvi-size="11"] * h4,.bvi-body[data-bvi-size="11"] * h4 *{font-size:15px!important}.bvi-body[data-bvi-size="11"] * h5,.bvi-body[data-bvi-size="11"] * h5 *{font-size:14px!important}.bvi-body[data-bvi-size="11"] * h6,.bvi-body[data-bvi-size="11"] * h6 *{font-size:13px!important}.bvi-body[data-bvi-size="10"] *{font-size:10px!important}.bvi-body[data-bvi-size="10"] * h1,.bvi-body[data-bvi-size="10"] * h1 *{font-size:17px!important}.bvi-body[data-bvi-size="10"] * h2,.bvi-body[data-bvi-size="10"] * h2 *{font-size:16px!important}.bvi-body[data-bvi-size="10"] * h3,.bvi-body[data-bvi-size="10"] * h3 *{font-size:15px!important}.bvi-body[data-bvi-size="10"] * h4,.bvi-body[data-bvi-size="10"] * h4 *{font-size:14px!important}.bvi-body[data-bvi-size="10"] * h5,.bvi-body[data-bvi-size="10"] * h5 *{font-size:13px!important}.bvi-body[data-bvi-size="10"] * h6,.bvi-body[data-bvi-size="10"] * h6 *{font-size:12px!important}.bvi-body[data-bvi-size="9"] *{font-size:9px!important}.bvi-body[data-bvi-size="9"] * h1,.bvi-body[data-bvi-size="9"] * h1 *{font-size:16px!important}.bvi-body[data-bvi-size="9"] * h2,.bvi-body[data-bvi-size="9"] * h2 *{font-size:15px!important}.bvi-body[data-bvi-size="9"] * h3,.bvi-body[data-bvi-size="9"] * h3 *{font-size:14px!important}.bvi-body[data-bvi-size="9"] * h4,.bvi-body[data-bvi-size="9"] * h4 *{font-size:13px!important}.bvi-body[data-bvi-size="9"] * h5,.bvi-body[data-bvi-size="9"] * h5 *{font-size:12px!important}.bvi-body[data-bvi-size="9"] * h6,.bvi-body[data-bvi-size="9"] * h6 *{font-size:11px!important}.bvi-body[data-bvi-size="8"] *{font-size:8px!important}.bvi-body[data-bvi-size="8"] * h1,.bvi-body[data-bvi-size="8"] * h1 *{font-size:15px!important}.bvi-body[data-bvi-size="8"] * h2,.bvi-body[data-bvi-size="8"] * h2 *{font-size:14px!important}.bvi-body[data-bvi-size="8"] * h3,.bvi-body[data-bvi-size="8"] * h3 *{font-size:13px!important}.bvi-body[data-bvi-size="8"] * h4,.bvi-body[data-bvi-size="8"] * h4 *{font-size:12px!important}.bvi-body[data-bvi-size="8"] * h5,.bvi-body[data-bvi-size="8"] * h5 *{font-size:11px!important}.bvi-body[data-bvi-size="8"] * h6,.bvi-body[data-bvi-size="8"] * h6 *{font-size:10px!important}.bvi-body[data-bvi-size="7"] *{font-size:7px!important}.bvi-body[data-bvi-size="7"] * h1,.bvi-body[data-bvi-size="7"] * h1 *{font-size:14px!important}.bvi-body[data-bvi-size="7"] * h2,.bvi-body[data-bvi-size="7"] * h2 *{font-size:13px!important}.bvi-body[data-bvi-size="7"] * h3,.bvi-body[data-bvi-size="7"] * h3 *{font-size:12px!important}.bvi-body[data-bvi-size="7"] * h4,.bvi-body[data-bvi-size="7"] * h4 *{font-size:11px!important}.bvi-body[data-bvi-size="7"] * h5,.bvi-body[data-bvi-size="7"] * h5 *{font-size:10px!important}.bvi-body[data-bvi-size="7"] * h6,.bvi-body[data-bvi-size="7"] * h6 *{font-size:9px!important}.bvi-body[data-bvi-size="6"] *{font-size:6px!important}.bvi-body[data-bvi-size="6"] * h1,.bvi-body[data-bvi-size="6"] * h1 *{font-size:13px!important}.bvi-body[data-bvi-size="6"] * h2,.bvi-body[data-bvi-size="6"] * h2 *{font-size:12px!important}.bvi-body[data-bvi-size="6"] * h3,.bvi-body[data-bvi-size="6"] * h3 *{font-size:11px!important}.bvi-body[data-bvi-size="6"] * h4,.bvi-body[data-bvi-size="6"] * h4 *{font-size:10px!important}.bvi-body[data-bvi-size="6"] * h5,.bvi-body[data-bvi-size="6"] * h5 *{font-size:9px!important}.bvi-body[data-bvi-size="6"] * h6,.bvi-body[data-bvi-size="6"] * h6 *{font-size:8px!important}.bvi-body[data-bvi-size="5"] *{font-size:5px!important}.bvi-body[data-bvi-size="5"] * h1,.bvi-body[data-bvi-size="5"] * h1 *{font-size:12px!important}.bvi-body[data-bvi-size="5"] * h2,.bvi-body[data-bvi-size="5"] * h2 *{font-size:11px!important}.bvi-body[data-bvi-size="5"] * h3,.bvi-body[data-bvi-size="5"] * h3 *{font-size:10px!important}.bvi-body[data-bvi-size="5"] * h4,.bvi-body[data-bvi-size="5"] * h4 *{font-size:9px!important}.bvi-body[data-bvi-size="5"] * h5,.bvi-body[data-bvi-size="5"] * h5 *{font-size:8px!important}.bvi-body[data-bvi-size="5"] * h6,.bvi-body[data-bvi-size="5"] * h6 *{font-size:7px!important}.bvi-body[data-bvi-size="4"] *{font-size:4px!important}.bvi-body[data-bvi-size="4"] * h1,.bvi-body[data-bvi-size="4"] * h1 *{font-size:11px!important}.bvi-body[data-bvi-size="4"] * h2,.bvi-body[data-bvi-size="4"] * h2 *{font-size:10px!important}.bvi-body[data-bvi-size="4"] * h3,.bvi-body[data-bvi-size="4"] * h3 *{font-size:9px!important}.bvi-body[data-bvi-size="4"] * h4,.bvi-body[data-bvi-size="4"] * h4 *{font-size:8px!important}.bvi-body[data-bvi-size="4"] * h5,.bvi-body[data-bvi-size="4"] * h5 *{font-size:7px!important}.bvi-body[data-bvi-size="4"] * h6,.bvi-body[data-bvi-size="4"] * h6 *{font-size:6px!important}.bvi-body[data-bvi-size="3"] *{font-size:3px!important}.bvi-body[data-bvi-size="3"] * h1,.bvi-body[data-bvi-size="3"] * h1 *{font-size:10px!important}.bvi-body[data-bvi-size="3"] * h2,.bvi-body[data-bvi-size="3"] * h2 *{font-size:9px!important}.bvi-body[data-bvi-size="3"] * h3,.bvi-body[data-bvi-size="3"] * h3 *{font-size:8px!important}.bvi-body[data-bvi-size="3"] * h4,.bvi-body[data-bvi-size="3"] * h4 *{font-size:7px!important}.bvi-body[data-bvi-size="3"] * h5,.bvi-body[data-bvi-size="3"] * h5 *{font-size:6px!important}.bvi-body[data-bvi-size="3"] * h6,.bvi-body[data-bvi-size="3"] * h6 *{font-size:5px!important}.bvi-body[data-bvi-size="2"] *{font-size:2px!important}.bvi-body[data-bvi-size="2"] * h1,.bvi-body[data-bvi-size="2"] * h1 *{font-size:9px!important}.bvi-body[data-bvi-size="2"] * h2,.bvi-body[data-bvi-size="2"] * h2 *{font-size:8px!important}.bvi-body[data-bvi-size="2"] * h3,.bvi-body[data-bvi-size="2"] * h3 *{font-size:7px!important}.bvi-body[data-bvi-size="2"] * h4,.bvi-body[data-bvi-size="2"] * h4 *{font-size:6px!important}.bvi-body[data-bvi-size="2"] * h5,.bvi-body[data-bvi-size="2"] * h5 *{font-size:5px!important}.bvi-body[data-bvi-size="2"] * h6,.bvi-body[data-bvi-size="2"] * h6 *{font-size:4px!important}.bvi-body[data-bvi-size="1"] *{font-size:1px!important}.bvi-body[data-bvi-size="1"] * h1,.bvi-body[data-bvi-size="1"] * h1 *{font-size:8px!important}.bvi-body[data-bvi-size="1"] * h2,.bvi-body[data-bvi-size="1"] * h2 *{font-size:7px!important}.bvi-body[data-bvi-size="1"] * h3,.bvi-body[data-bvi-size="1"] * h3 *{font-size:6px!important}.bvi-body[data-bvi-size="1"] * h4,.bvi-body[data-bvi-size="1"] * h4 *{font-size:5px!important}.bvi-body[data-bvi-size="1"] * h5,.bvi-body[data-bvi-size="1"] * h5 *{font-size:4px!important}.bvi-body[data-bvi-size="1"] * h6,.bvi-body[data-bvi-size="1"] * h6 *{font-size:3px!important}.bvi-.bvi-tts .bvi-tts-link{display:inline-block;border:1px dashed transparent;border-bottom:0;padding:10px}.bvi-.bvi-tts .bvi-tts-text{border:1px dashed transparent;padding:10px}.bvi-a{text-decoration:none}.bvi-a.bvi-link{text-decoration:none;color:#000;background-color:transparent;text-align:center;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;cursor:pointer;border-radius:2px;display:inline-block;height:36px;font-weight:700;line-height:36px;padding:0 10px;vertical-align:middle;border:1px solid #b2b2b2;margin:2px}@media (max-width:575.98px){.bvi-a.bvi-link{height:28px;line-height:28px;padding:0 5px}}@media (min-width:576px) and (max-width:767.98px){.bvi-a.bvi-link{height:28px;line-height:28px;padding:0 5px}}@media (min-width:768px) and (max-width:991.98px){.bvi-a.bvi-link{height:30px;line-height:30px;padding:0 8px}}@media (min-width:992px) and (max-width:1199.98px){.bvi-a.bvi-link{height:34px;line-height:34px;padding:0 9px}}.bvi-a.bvi-link.active{color:inherit;outline:0;background-color:#dbdbdb;text-decoration:none}.bvi-a.bvi-link:hover{color:#000;outline:0;background-color:#dbdbdb;text-decoration:none}.bvi-a.bvi-link:focus{color:#000;outline:0;background-color:#dbdbdb;text-decoration:none}.bvi-body[data-bvi-images=true] .bvi-background-image.bvi-img,.bvi-body[data-bvi-images=true] img.bvi-img{-webkit-filter:grayscale(0);filter:grayscale(0)}.bvi-body[data-bvi-images=true] .bvi-background-image{background-color:transparent!important}.bvi-body[data-bvi-images=false] .bvi-background-image{background-image:none!important;border:0!important}.bvi-body[data-bvi-images=false] div.bvi-img{vertical-align:middle;border:2px dashed;box-sizing:border-box;overflow:hidden;max-width:100%;max-height:100%;word-wrap:break-word;text-align:center;display:flex;align-items:center;justify-content:center}.bvi-body[data-bvi-images=grayscale] .bvi-background-image,.bvi-body[data-bvi-images=grayscale] img.bvi-img{-moz-filter:url("data:image/svg+xml;utf8,#grayscale");-o-filter:url("data:image/svg+xml;utf8,#grayscale");-webkit-filter:grayscale(1);filter:gray;filter:url("data:image/svg+xml;utf8,#grayscale");filter:url("data:image/svg+xml;utf8,#grayscale");filter:grayscale(1)}.bvi-body[data-bvi-line-height=normal] :not(.bvi-link){line-height:1.5!important}.bvi-body[data-bvi-line-height=average] :not(.bvi-link){line-height:2!important}.bvi-body[data-bvi-line-height=big] :not(.bvi-link){line-height:2.5!important}.bvi-body[data-bvi-letter-spacing=normal] :not(.bvi-link){letter-spacing:0!important}.bvi-body[data-bvi-letter-spacing=average] :not(.bvi-link){letter-spacing:2px!important}.bvi-body[data-bvi-letter-spacing=big] :not(.bvi-link){letter-spacing:4px!important}.bvi-body[data-bvi-font-family=arial] :not(i):not(span){font-family:Arial,sans-serif!important}.bvi-body[data-bvi-font-family=times] :not(i):not(span){font-family:"Times New roman"!important}.bvi-body[data-bvi-flash-iframe=true] .wp-audio-shortcode,.bvi-body[data-bvi-flash-iframe=true] figure,.bvi-body[data-bvi-flash-iframe=true] iframe,.bvi-body[data-bvi-flash-iframe=true] video,.bvi-body[data-bvi-flash-iframe=true] ymaps{display:block!important}.bvi-body[data-bvi-flash-iframe=false] .wp-audio-shortcode,.bvi-body[data-bvi-flash-iframe=false] figure,.bvi-body[data-bvi-flash-iframe=false] iframe,.bvi-body[data-bvi-flash-iframe=false] video,.bvi-body[data-bvi-flash-iframe=false] ymaps{display:none!important}.bvi-.bvi-hide{display:none}.bvi-.bvi-show{display:block}.bvi-hide{display:block}.bvi-show{display:none}#bvi-panel-show.bvi-link{text-decoration:none;color:#000;background-color:#fff;text-align:center;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;cursor:pointer;border-radius:2px;display:inline-block;height:36px;font-weight:700;line-height:36px;padding:0 10px;vertical-align:middle;border:1px solid #b2b2b2}#bvi-panel-show.bvi-link.bvi-link-top{position:fixed!important;top:2.5rem!important;right:1.5rem!important;z-index:999999!important}#bvi-panel-show .bvi-images{font-weight:400;font-style:normal;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;vertical-align:middle}#bvi-panel-show .bvi-images.bvi-images-eye{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABMlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC88vZ+AAAAZXRSTlMAAQIDBAcICQsMDg8QEhMVFhcYGRweHyAjJCUmKCk1Nzg5Ojs8PUFGSUpMTVBRV1hZXmFiZmxvcXR1d3h5fn+AhYaJi4yOmJqbnaOlpqitvL7Iys7P0dfZ2tze4OTm6fHz9ff7/S2JgwQAAAFESURBVBgZ3cGJWhJhAIbRbyiYygGUFjY3LFuUMtTIfdcWl6g0DQRk/N/7vwX/wXEeKG9Az9Gdk8iXpqZK+YRulZpvEmrOp/SvzCF9DjPq9WCNrk9PnOeEVmOKpOpQN1zmJD0jYOpQTypU9DEzI/BaDxeaXBv+aPAL6soazjNaoaHYMTeW9bSJeSHL6/AnLh2zordEfkuJUy48yflFw5XkM6tNIh1JboOfjuYwg7L+0lr0iZzJGjLMqkVZgW/0+aLAe1o6YluBl/SZUGCHIyUNr2Q55/RoOLImMUmpjMnJytEjKysPZVkb+AVZ44aQGZVV9NlQ1x68kTVUo+tHWtY7+KrQAnx3ZaWnq9XptCx3H5YUGWtjqo8UefzZcFFSj/gWUPtQ8FzXK8zUgN24+g2sdoj4657+5xQrByft9slBpRjTPXMFyfd8QTOpicwAAAAASUVORK5CYII=);width:32px;height:32px}a.bvi-link-shortcode,a.bvi-link-widget{-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;cursor:pointer;border-radius:2px;display:inline-block;padding:5px 10px;vertical-align:middle;text-decoration:none}a.bvi-link-shortcode .bvi-svg-eye,a.bvi-link-widget .bvi-svg-eye{display:inline-block;overflow:visible;width:1.125em;height:1em;font-size:2em;vertical-align:middle}
/* End */
/* /local/templates/doctor/style.css?1779824303288819 */
/* /local/templates/doctor/assets/css/bvi.css?176182056087696 */