/* Start:/local/templates/shchedrayapolyana.ru/css/icons.css?175065798121917*/
.icon-base {
position: relative;
background-repeat: no-repeat;
background-position: center;
}
.icon__search--black {
background-image: url('data:image/svg+xml,');
width: 20px;
height: 20px;
}
.icon__search--green {
background-image: url('data:image/svg+xml,');
width: 17px;
height: 17px;
}
.icon__circle {
width: var(--icon-circle-size);
height: var(--icon-circle-size);
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.icon__circle--green {
background: var(--clr-icon-green);
}
.icon__circle--gray {
background: var(--clr-icon-gray);
}
.icon__circle--big {
width: var(--icon-circle-big-size);
height: var(--icon-circle-big-size);
}
.icon__circle--outline {
width: var(--icon-circle-size);
height: var(--icon-circle-size);
border: 2px solid;
}
.icon__circle--outline-green {
border-color: var(--clr-black-green);
}
.icon__circle--outline-gray {
border-color: var(--clr-icon-gray);
}
.icon__phone--white {
background-image: url('data:image/svg+xml,');
width: 20px;
height: 20px;
}
.icon__wapp--white {
background-image: url('data:image/svg+xml,');
width: 20px;
height: 20px;
}
.icon__tg--white {
background-image: url('data:image/svg+xml,');
width: 16px;
height: 16px;
}
.icon__lc--green {
background-image: url('data:image/svg+xml,');
width: 22px;
height: 22px;
}
.icon__lc--big {
background-size: contain;
width: 30px;
height: 30px;
}
.icon__truck--green {
background-image: url('data:image/svg+xml,');
width: 32px;
height: 32px;
}
.icon__handesnake--green {
background-image: url('data:image/svg+xml,');
width: 32px;
height: 32px;
}
.icon__sale--green {
background-image: url('data:image/svg+xml,');
width: 32px;
height: 32px;
}
.icon__contact--green {
background-image: url('data:image/svg+xml,');
width: 32px;
height: 32px;
}
.icon__time--green {
background-image: url('data:image/svg+xml,');
width: 32px;
height: 32px;
}
.icon__order--green {
background-image: url('data:image/svg+xml,');
width: 32px;
height: 32px;
}
.icon__basket--green {
background-image: url('data:image/svg+xml,');
width: 24px;
height: 24px;
}
.icon__basket--big {
background-size: contain;
width: 30px;
height: 30px;
}
.icon__burger--green {
background-image: url('data:image/svg+xml,');
width: 26px;
height: 26px;
}
.icon__burger--big {
background-size: contain;
width: 30px;
height: 30px;
}
.icon__close--green {
background-image: url('data:image/svg+xml,');
width: 14px;
height: 14px;
}
.icon__size--26px {
background-size: contain;
width: 28px;
height: 28px;
}
/* End */
/* Start:/local/templates/shchedrayapolyana.ru/css/custom.css?17661197021438*/
:root {
--clr-text-green: #3e8357;
--clr-icon-green: #9abf9d;
--clr-icon-gray: #efefef;
--clr-bg-green: #c7dec1;
--clr-black-green: #428057;
--clr-black: #202020;
--clr-white-1: #f9fbf8;
--clr-lite-green: #eff6ed;
--clr-notification: #ea3b3b;
--cstm-item-width: 325px;
--border-radius: 15px;
--base-shadow: 0px 5px 10px 0px #0000000d;
--header-h--mobile: 68px;
--header-h--desktop: 88px;
--base-gap: 20px;
--preview-padding-top: 140px;
--preview-item-top-height: 190px;
--preview-row-gap: 140px;
--preview-img-top: -70%;
--preview-img-size: 220px;
--preview-img-border: 16px;
--preview-title-padding-bottom: 20px;
--preview-title-max-width: 320px;
--preview-title-font-size: 20px;
--preview-desc-padding-top: 20px;
--preview-desc-max-width: 320px;
--preview-desc-font-size: 14px;
--preview-bottom-height: 140px;
--icon-circle-size: 32px;
--icon-circle-big-size: 45px;
}
/* Кастомный стиль для контейнера */
@media screen and (min-width: 1400px) {
.container,
.container-xl,
.container-xs,
.container-md,
.container-lg,
.container-xxl {
max-width: 1042px !important;
}
}
@media (min-width: 1200px) {
.container,
.container-xl,
.container-xs,
.container-md,
.container-lg,
.container-xxl {
max-width: 1042px !important;
}
}
html, body{
width: 100%;
overflow-x: hidden;
}
#root{
overflow-x: hidden;
}
/* End */
/* Start:/local/templates/shchedrayapolyana.ru/css/about.css?17454809433488*/
.about {
position: relative;
background-color: var(--clr-lite-green);
padding: 40px 0 160px 0;
}
.about-title {
color: var(--clr-black-green);
margin: 55px 0;
font-weight: 900;
font-size: 36px;
text-align: center;
text-transform: uppercase;
}
.about-list {
display: flex;
flex-direction: column;
gap: calc(var(--base-gap) * 2);
}
.about-list__item {
display: flex;
}
.about-list__item span {
max-width: 49%;
position: relative;
font-weight: 400;
font-size: 16px;
/* line-height: 100%; */
color: var(--clr-black);
}
.about-list__item span::before {
content: '';
display: block;
width: 200px;
height: 1px;
background: url('data:image/svg+xml;utf8,')
no-repeat center;
margin-bottom: var(--base-gap);
}
.about-list__item:nth-child(even) {
justify-content: flex-end;
}
.about-list__item:nth-child(odd) {
justify-content: flex-start;
}
.about-bg {
position: absolute;
min-width: 100%;
min-height: 100%;
}
.about-bg__item {
position: absolute;
z-index: 1;
}
.about-bg__item:nth-child(1) {
top: 142px;
right: 200px;
}
.about-bg__item:nth-child(2) {
top: 285px;
left: -200px;
}
.about-bg__item:nth-child(3) {
top: 485px;
right: -150px;
}
.about-bg__item:nth-child(4) {
bottom: -200px;
left: 60px;
}
@media screen and (max-width: 1400px) {
.about-bg__item:nth-child(2) {
top: 280px;
left: -80px;
}
.about-bg__item:nth-child(3) {
bottom: 50px;
right: -30px;
}
}
@media screen and (max-width: 1200px) {
.about-bg__item:nth-child(1) {
top: 150px;
right: 20px;
}
.about-bg__item:nth-child(2) {
top: 280px;
left: -50px;
}
.about-bg__item:nth-child(3) {
bottom: 50px;
right: 0;
}
.about-bg__item:nth-child(4) {
bottom: -200px;
left: -50px;
}
}
@media screen and (max-width: 992px) {
.about {
padding-bottom: 40px;
}
.about-list__item span {
max-width: 70%;
}
.about-bg__item:nth-child(1) img {
width: 110px;
}
.about-bg__item:nth-child(2) img {
width: 145px;
}
.about-bg__item:nth-child(3) img {
width: 148px;
}
.about-bg__item:nth-child(4) img {
width: 250px;
}
}
@media screen and (max-width: 992px) {
.about-bg__item:nth-child(1) {
top: 120px;
right: 60px;
}
.about-bg__item:nth-child(2) {
top: 330px;
left: -20px;
}
.about-bg__item:nth-child(3) {
top: unset;
bottom: 150px;
right: 20px;
}
.about-bg__item:nth-child(4) {
bottom: -50px;
left: -30px;
}
}
@media screen and (max-width: 677px) {
.about-bg__item:nth-child(4) img {
width: 230px;
}
}
@media screen and (max-width: 600px) {
.about-list__item:nth-child(even) {
justify-content: flex-start;
}
.about-list__item span {
max-width: none;
font-weight: 400;
font-size: 14px;
}
.about-list {
gap: calc(var(--base-gap) * 2);
}
.about-title {
padding: 0;
margin: 20px 0px 40px 0px;
font-weight: 900;
font-size: 20px;
}
.about-bg__item {
display: none;
}
}
@media screen and (max-width: 400px) {
}
/* End */
/* Start:/local/templates/shchedrayapolyana.ru/css/advantages.css?17440600701625*/
.advantages {
position: relative;
}
.advantages__list {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: var(--base-gap);
width: 100%;
}
.advantages__item {
height: 180px;
border: 1px solid var(--clr-bg-green);
border-radius: var(--border-radius);
box-shadow: var(--base-shadow);
flex-grow: 1;
display: flex;
padding: 20px;
width: var(--cstm-item-width);
gap: 30px;
}
.advantages__item-icon .icon__circle,
.advantages__item-icon {
position: relative;
}
.advantages__item-icon .icon__circle > div {
position: absolute;
left: -25%;
}
.advantages__item-line {
position: absolute;
height: 126px;
width: 1px;
left: 23%;
background-image: url('data:image/svg+xml,');
}
.advantages__item-text {
display: flex;
align-items: center;
/* justify-content: center; */
text-align: left;
flex-grow: 1;
text-wrap: pretty;
font-size: 14px;
}
@media screen and (max-width: 996px) {
.advantages__list {
flex-wrap: wrap;
justify-content: center;
}
.advantages__item {
flex-grow: 1;
max-width: 340px;
}
}
@media screen and (max-width: 694px) {
.advantages__item {
max-width: 100%;
}
}
@media screen and (max-width: 660px) {
.advantages__list {
flex-wrap: wrap;
justify-content: center;
}
}
/* End */
/* Start:/local/templates/shchedrayapolyana.ru/css/burger.css?17661188271712*/
.burger-menu {
user-select: none;
width: 80%;
}
.burger-list {
height: 100%;
display: flex;
flex-direction: column;
/* align-items: center; */
padding-top: calc(var(--base-gap) * 2);
overflow-x: auto;
}
.burger-item {
display: flex;
justify-content: center;
align-items: center;
padding-top: calc(var(--base-gap));
padding-bottom: calc(var(--base-gap));
font-weight: 400;
font-size: 16px;
}
.burger-item a {
text-decoration: none;
color: var(--clr-black-green);
text-align: justify;
cursor: pointer;
}
.burger-item a:hover,
.burger-item a:active {
color: var(--clr-black-green);
text-decoration: underline;
}
.burger-social {
display: flex;
justify-content: center;
align-items: center;
padding-top: calc(var(--base-gap) * 4);
gap: calc(var(--base-gap) * 2);
}
.burger-social a {
display: flex;
justify-content: center;
align-items: center;
}
.burger-logo {
position: absolute;
left: calc(var(--base-gap) / 2);
top: calc(var(--base-gap) / 2);
}
.burger-logo img {
height: 40px;
}
.burger-lc {
display: flex;
gap: calc(var(--base-gap) / 2);
}
.burger-item--price{
display: flex;
justify-content: center;
margin-top: 16px;
}
.burger-price-btn{
display: flex;
align-items: center;
justify-content: center;
width: 320px;
max-width: 90%;
height: 48px;
background-color: #3e8357;
color: #ffffff !important;
border-radius: 10px;
text-decoration: none !important;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.04em;
}
.burger-price-btn:hover,
.burger-price-btn:active,
.burger-price-btn:focus{
background-color: #2f6a48;
color: #ffffff !important;
text-decoration: none !important;
}
/* End */
/* Start:/local/templates/shchedrayapolyana.ru/css/contacts.css?17524761153935*/
.contacts-title {
display: flex;
align-items: center;
justify-content: center;
font-weight: 900;
font-size: 36px;
text-align: center;
text-transform: uppercase;
color: var(--clr-text-green);
padding: 95px 0 calc(var(--base-gap) * 2) 0;
}
.contacts-list {
display: flex;
justify-content: space-between;
padding-bottom: var(--base-gap);
}
.contacts-list__item {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: var(--base-gap);
width: auto;
}
.contacts-list__item a {
color: #000;
}
.contacts-list__item-icon {
padding-left: calc(var(--base-gap) / 2);
}
.contacts-list__item-icon div > .icon-base {
position: absolute;
left: calc(var(--base-gap) / -2);
}
.contacts-list__item-text {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: calc(var(--base-gap) / 2);
}
.contacts-list__item-text span {
font-weight: 400;
font-size: 14px;
line-height: 100%;
}
.contacts-map {
width: 100%;
height: 360px;
-moz-border-radius: var(--border-radius); /* Firefox */
-webkit-border-radius: var(--border-radius); /* Safari, Chrome */
-khtml-border-radius: var(--border-radius); /* KHTML */
border-radius: var(--border-radius); /* CSS3 */
overflow: hidden;
position: relative;
}
#contact-map {
width: 100%;
height: 100%;
}
.contacts-list {
/* display: flex;
align-items: center;
justify-content: center; */
}
.balloon-root {
width: 250px;
/* height: 140px; */
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: stretch;
background-color: white;
text-align: center;
color: #2b2b2a;
z-index: 10;
padding: 10px;
border: 1px solid #c7dec1;
border-radius: 4px;
}
.balloon-btn {
margin: 0 !important ;
}
.close {
position: absolute;
right: 10px;
top: 10px;
opacity: 0.5;
}
.close:hover {
opacity: 1;
}
.balloon {
display: flex;
flex-direction: column;
justify-content: space-around;
/* align-items: center; */
flex-wrap: wrap;
}
.balloon-head {
/* border-radius: 10px 10px 0 0; */
/* width: 100%;
height: 30%; */
background-color: white;
font-size: 14px;
color: #2b2b2a;
}
.balloon-body {
width: 100%;
height: 50%;
}
.balloon-footer {
width: 100%;
height: 30%;
font-size: 12px;
/* font-size: 14px; */
}
.balloon-pin {
height: 10px;
width: 10px;
position: absolute;
background-color: white;
z-index: -1;
bottom: -6.4px;
transform: rotate(45deg);
border-bottom: 1px solid #c7dec1;
border-right: 1px solid #c7dec1;
}
.balloon-title,
.balloon-type,
.balloon-address,
.balloon-tel,
.balloon-schedule {
width: 100%;
text-align: start;
}
.balloon-type,
.balloon-address,
.balloon-tel,
.balloon-schedule {
color: #8d9394;
}
.balloon-root {
position: relative;
background-color: #000;
width: 200px;
background-color: #fff;
}
.contacts-map__balloon-main {
display: flex;
flex-flow: column;
gap: calc(var(--base-gap) / 4);
font-family: 'Montserrat';
padding: var(--base-gap) calc(var(--base-gap) + 10px);
}
.contacts-map__balloon-link {
color: #000;
font-weight: 400;
font-size: 14px;
text-decoration: underline;
text-decoration-style: solid;
text-underline-offset: 17.5%;
text-decoration-thickness: 0%;
text-decoration-skip-ink: auto;
text-align: start;
}
@media screen and (max-width: 991px) {
.contacts-list__item {
width: 193px;
}
.contacts-title {
padding: 35px 0 38px 0;
}
}
@media screen and (max-width: 600px) {
.contacts-list {
flex-direction: column;
gap: var(--base-gap);
}
.contacts-title {
font-size: 20px;
}
.contacts-list__item {
width: auto;
}
}
/* End */
/* Start:/local/templates/shchedrayapolyana.ru/css/footer.css?17578791172751*/
.footer {
position: relative;
padding-top: calc(var(--base-gap) * 4);
padding-bottom: calc(var(--base-gap) * 0.5);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.footer-logo {
}
.footer-logo__img {
display: flex;
align-items: center;
justify-content: center;
}
.footer-logo__img img {
width: 292px;
}
.footer-logo__text {
display: flex;
align-items: center;
justify-content: center;
}
.footer-logo__text span {
font-weight: 700;
font-size: 16px;
text-align: center;
color: var(--clr-text-green);
}
.footer-catalog {
padding-top: calc(var(--base-gap) * 2);
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: calc(var(--base-gap) / 2);
}
.footer-catalog__item {
color: var(--clr-text-green);
font-weight: 400;
font-size: 17px;
}
.footer-catalog__item:hover,
.footer-catalog__item:active,
.footer-catalog__item:focus {
color: var(--clr-text-green);
}
.footer-contacts {
padding-top: calc(var(--base-gap) * 2);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.footer-contacts span {
font-weight: 400;
font-size: 14px;
color: var(--clr-text-green);
}
.footer-social {
padding: calc(var(--base-gap)) 0;
display: flex;
align-items: center;
justify-content: center;
gap: calc(var(--base-gap) / 2);
}
.footer-social__item .icon__circle {
display: flex;
justify-content: center;
align-items: center;
}
.footer-social__item .icon__circle > div {
background-size: contain;
width: 22px;
height: 22px;
}
.footer-license {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: calc(var(--base-gap) / 2);
}
.footer-license span {
font-weight: 400;
font-size: 13px;
color: var(--clr-text-green);
text-align: center;
}
.footer-license a {
color: var(--clr-text-green);
}
.footer-license a:hover,
.footer-license a:active,
.footer-license a:focus {
color: var(--clr-text-green);
text-decoration: none;
}
.footer-bg {
position: absolute;
top: 18%;
width: 2327px;
height: 2327px;
border-radius: 2327px;
background-color: var(--clr-bg-green);
z-index: -1;
}
@media (max-width: 996px) {
.footer-catalog__item {
font-size: 14px;
}
.footer {
margin-top: 50px;
}
}
.close-img-modal {
background-image: url('/include/img/close-btn-1.svg');
width: 40px;
height: 40px;
}
#modal-img {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(198, 222, 192, 0.2);
padding: 0;
}
/* End */
/* Start:/local/templates/shchedrayapolyana.ru/css/header.css?17661159556645*/
.header {
position: relative;
/* TODO: delete */
z-index: 3;
}
.header-main__container {
position: relative;
/* height: 80px; */
display: flex;
gap: 25px;
z-index: 1;
background-color: var(--clr-bg-green);
padding: 10px 0px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.header-main__logo {
user-select: none;
transition: all 0.5s ease-in;
/* width: 195px; */
}
.header-main__logo img {
max-width: 100%;
max-height: 80px;
}
.header-main__search-container {
position: relative;
display: flex;
align-items: center;
flex-grow: 1;
height: 100%;
width: 100%;
}
.header-main__bottom-nav,
.header-main__search-container {
max-width: 480px;
}
.header-main__search-input {
user-select: none;
width: 100%;
height: 100%;
max-height: 38px;
border: 1px #fff;
border-radius: 16px;
padding-left: 20px;
padding-right: 30px;
}
.header-main__search-input:focus-visible,
.header-main__search-input:focus,
.header-main__search-input:active {
outline: none !important;
}
.header-main__search-icon {
position: absolute;
top: 0;
right: 10px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.header-main__menu {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.header-main__menu-top {
position: relative;
display: flex;
justify-content: space-between;
gap: var(--base-gap);
}
.header-main__contacts {
display: flex;
gap: 10px;
flex-grow: 1;
justify-content: space-between;
}
.header-main__contacts-phone {
display: flex;
flex-direction: column;
font-size: 16px;
}
.header-main__contacts-phone a {
text-decoration: none;
color: var(--clr-text-green);
text-align: justify;
cursor: pointer;
text-wrap: nowrap;
}
.header-main__contacts-phone a:hover {
text-decoration: underline;
color: #3e8357;
}
.header-main__contacts-social {
display: flex;
justify-content: space-between;
align-items: center;
}
.header-main__contacts-social a {
display: flex;
justify-content: center;
align-items: center;
color: #3e8357;
}
.header-main__desktop-menu {
display: flex;
justify-content: space-between;
align-items: center;
/* gap: var(--base-gap); */
gap: 10px;
}
.header-main__mobile-menu {
display: none;
gap: calc(var(--base-gap) / 2);
}
.header-main__menu-bottom {
display: flex;
justify-content: space-between;
align-items: end;
flex-grow: 1;
gap: 10px;
user-select: none;
}
.header-main__bottom-nav {
display: flex;
justify-content: space-between;
align-items: center;
flex-grow: 1;
padding: 0 calc(var(--base-gap) / 2);
}
.header-main__nav-item {
color: var(--clr-text-green);
}
.header-main__nav-item a {
color: #3e8357;
text-decoration: none;
}
.header-main__nav-item a:hover {
color: #3e8357;
text-decoration: underline;
}
.header-main__bottom-lc {
display: flex;
align-items: center;
justify-content: flex-end;
flex-grow: 1;
max-width: 250px;
font-size: 16px;
gap: 20px;
}
.header-main__bottom-lc a {
display: flex;
align-items: center;
gap: 5px;
text-decoration: none;
color: var(--clr-text-green);
}
.header-main__bottom-lc a:hover {
color: #3e8357;
text-decoration: underline;
}
.header-main__mobile-search {
position: relative;
display: none;
}
.header-main__search-btn {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--clr-bg-green);
}
@media screen and (max-width: 996px) {
.header-main__contacts-phone {
display: none;
}
.header-main__bottom-lc span {
display: none;
}
.header-main__container {
height: 60px;
gap: 10px;
}
.header-main__logo {
display: flex;
align-items: center;
}
.header-main__logo img {
height: 40px;
}
.header-main__menu-bottom {
display: none;
}
.header-main__menu-top {
height: 100%;
}
.header-main__mobile-menu {
display: flex;
}
.header-main__desktop-menu {
display: none;
}
}
.header-main__price{
flex: 0 0 auto;
margin-left: auto;
}
.header-main__price-btn{
background-color: #3e8357;
color: #ffffff;
border-radius: 8px;
padding: 3px 26px;
text-decoration: none;
white-space: nowrap;
}
.header-main__bottom-nav{
flex: 1 1 auto;
}
.header-main__bottom-lc{
flex: 0 0 auto;
}
@media screen and (max-width: 476px) {
.header {
background-color: var(--clr-bg-green);
}
.header-main__container {
justify-content: flex-end;
gap: 0;
}
.header-main__search-input {
position: absolute;
right: -45px;
border: 1.8px solid var(--clr-black-green);
background-color: var(--clr-bg-green);
color: var(--clr-black-green);
border-radius: 32px;
font-weight: 400;
font-size: 14px;
width: calc(100% + 45px);
}
.header-main__search-input::placeholder {
color: var(--clr-black-green);
font-weight: 400;
font-size: 14px;
}
.header-main__menu-top {
justify-content: flex-end;
gap: calc(var(--base-gap) / 4);
}
.header-main__menu {
flex-grow: 0;
}
.header-main__container.modile-search .header-main__menu {
flex-grow: 1;
}
.header-main__container.modile-search .header-main__search-btn {
/* display: none; */
border: none;
}
.header-main__search-container {
overflow: hidden;
max-width: 0%;
height: 100%;
transition: all 0.3s ease-out;
}
.header-main__logo img {
max-width: unset;
}
.header-main__logo {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
transition: left 0.3s ease-out;
}
.header-main__logo.animate {
left: -100%;
}
.header-main__container.modile-search .header-main__search-container {
overflow: initial;
max-width: 100%;
transition: all 0.3s ease-in;
}
.header-main__search-icon {
display: none;
}
.header-main__mobile-search {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
max-height: 40px;
}
}
a:hover {
text-decoration: underline;
color: #3e8357;
}
/* End */
/* Start:/local/templates/shchedrayapolyana.ru/css/modal.css?17582618171532*/
.modal {
display: block !important;
position: fixed !important;
top: 0 !important;
left: -100% !important;
z-index: 1060 !important;
width: 100% !important;
height: 100% !important;
overflow-x: hidden !important;
overflow-y: auto !important;
outline: 0 !important;
transition: left 0.5s ease !important;
}
.modal > * {
opacity: 0 !important;
}
.modal--open {
left: 0% !important;
transition: left 0.5s ease;
}
.modal--open > * {
background-color: var(--clr-bg-green);
opacity: 1 !important;
padding: calc(var(--base-gap) * 2);
}
.modal-inner {
height: 100%;
position: relative;
}
.modal-close {
position: absolute;
right: calc(var(--base-gap));
top: calc(var(--base-gap));
}
.message-modal {
display: flex;
justify-content: space-evenly;
align-items: center;
flex-direction: column;
width: 356px;
height: 199px;
border-radius: 15px;
border: 1px solid rgba(255, 255, 255, 1);
background-color: rgba(255, 255, 255, 0.9);
}
.message-text {
font-weight: 600;
font-size: 20px;
line-height: 122%;
text-align: center;
}
.message-close {
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
height: 40px;
border-radius: var(--border-radius);
background-color: var(--clr-black-green);
width: 138px;
padding: var(--base-gap);
cursor: pointer;
color: rgba(255, 255, 255, 1);
}
.message-close::after {
content: url(/include/img/base/arrow.png);
}
/* End */
/* Start:/local/templates/shchedrayapolyana.ru/css/preview.css?17539497853470*/
.preview {
padding-top: var(--preview-padding-top);
}
.preview-item {
width: var(--cstm-item-width);
border-radius: var(--border-radius);
flex-grow: 1;
box-shadow: 0px 0px 15px 0px #0000001a;
}
.preview-item__top {
position: relative;
display: flex;
align-items: flex-end;
justify-content: center;
height: var(--preview-item-top-height);
border: 1px solid var(--clr-bg-green);
background-color: var(--clr-bg-green);
border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.preview-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: calc(var(--base-gap) / 2);
row-gap: var(--preview-row-gap);
width: 100%;
}
.preview-item__img {
position: absolute;
top: var(--preview-img-top);
width: var(--preview-img-size);
height: var(--preview-img-size);
border: var(--preview-img-border) solid #fff;
border-radius: 50%;
background: center / cover no-repeat;
}
.preview-item__title {
text-decoration: none;
padding-bottom: var(--preview-title-padding-bottom);
max-width: var(--preview-title-max-width);
color: var(--clr-black-green);
font-size: var(--preview-title-font-size);
font-weight: 600;
text-align: center;
text-transform: uppercase;
display: flex;
flex-direction: column;
align-items: center;
}
.preview-item__title:hover {
color: var(--clr-black-green);
opacity: 0.8;
}
.preview-item__desc {
padding-top: var(--preview-desc-padding-top);
max-width: var(--preview-desc-max-width);
color: var(--clr-black);
font-size: var(--preview-desc-font-size);
font-weight: 400;
text-align: center;
word-wrap: break-word;
}
.preview-item__bottom {
display: flex;
align-items: flex-start;
justify-content: center;
min-height: var(--preview-bottom-height);
border: 1px solid var(--clr-bg-green);
background-color: var(--clr-white-1);
border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.preview-bg {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
display: flex;
flex-flow: column;
justify-content: space-between;
}
.preview-bg__item {
height: 100%;
}
.preview-bg__item:nth-child(2n) {
align-self: flex-end;
}
.preview-bg__item:nth-child(2n + 1) {
align-self: flex-start;
}
.preview-bg__item:nth-child(2n) img {
transform: rotate(180deg);
}
@media screen and (max-width: 1200px) {
.preview-item:last-child:nth-child(2n + 1) {
width: 55%;
align-self: center;
display: flex;
flex-direction: column;
align-items: center;
box-shadow: none;
}
.preview-item:last-child:nth-child(2n + 1) .preview-item__top,
.preview-item:last-child:nth-child(2n + 1) .preview-item__bottom {
width: 55%;
}
.preview-item:last-child:nth-child(2n + 1) .preview-item__bottom {
box-shadow: var(--base-shadow);
}
.preview-bg {
display: none;
}
}
@media screen and (max-width: 684px) {
.preview-item:last-child:nth-child(2n + 1) {
display: block;
width: var(--cstm-item-width);
flex-grow: 1;
box-shadow: var(--base-shadow);
}
.preview-item:last-child:nth-child(2n + 1) .preview-item__top,
.preview-item:last-child:nth-child(2n + 1) .preview-item__bottom {
width: auto;
}
.preview-item:last-child:nth-child(2n + 1) .preview-item__bottom {
box-shadow: unset;
}
}
/* End */
/* Start:/local/templates/shchedrayapolyana.ru/components/bitrix/search.title/search_title/style.css?17151509132630*/
/*.hg-search-1 {*/
/* position: absolute;*/
/* top: 50%;*/
/* right: 4px;*/
/* transform: translateY(-50%);*/
/* margin: 0;*/
/* margin-top: 0 !important;*/
/*}*/
.search-form {
/*position: absolute;*/
top: 50%;
margin-top: -20px;
left: 300px;
right: 264px;
opacity: 0;
pointer-events: none;
transition: all .25s ease-in-out
}
.search-form.open {
opacity: 1;
pointer-events: auto
}
.search-form form {
position: relative
}
.search-form form input {
padding-right: 36px;
background: initial;
border-color: #454543;
/*color: #454543*/
}
.search-form form button i {
color: #454543;
font-size: 24px
}
.search-form .search_result {
position: absolute;
top: 145px;
left: 0;
right: 0;
z-index: 5;
background: #fff;
max-height: 300px;
overflow: auto;
opacity: 0;
pointer-events: none;
transition: all .25s ease-in-out
}
.search-form .search_result .item {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
padding: 4px 8px;
transition: all .25s ease-in-out
}
.white .search-form .search_result {
background: initial;
}
.white .info {
color: white !important;
}
@media (min-width:992px) {
.search-form .search_result .item:hover {
background: rgba(43, 43, 42, .1)
}
}
.search-form .search_result.open {
top: 45px;
opacity: 1;
pointer-events: auto
}
.mob .search-form .search_result.open {
top: 230px;
opacity: 1;
pointer-events: auto;
}
.search-form .search_result .item .photo {
position: relative;
width: 80px
}
.search-form .search_result .item .photo div {
width: 100%;
padding-top: 132.5%;
background-color: #ccc;
background-size: cover;
background-position: 50%
}
.search-form .search_result .item .info {
width: calc(100% - 80px - 16px);
margin-left: 16px;
color: #454543
}
.search-form .search_result .item .info .name {
padding-right: 40px;
line-height: 20px;
padding-bottom: 8px;
color:#000;
}
.white .search-form .search_result .item .info .name {
padding-right: 40px;
line-height: 20px;
padding-bottom: 8px;
color:#fff;
}
.search-form .search_result .item .info .color {
font-size: 14px;
display: block
}
.search-form .search_result .item .info .color+.color {
margin-top: 8px
}
.search-form .search_result .item .info .params {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 8px
}
.search-form .search_result .item .info .params .br {
margin-bottom: 8px
}
.search-form .search_result .item .info .params>span {
display: block;
font-size: 14px;
font-weight: 400;
color: #454543;
line-height: 20px
}
/* End */
/* Start:/local/templates/shchedrayapolyana.ru/components/bitrix/sale.basket.basket.line/basket_line_mobail/style.min.css?17151509134008*/
.basket-line-block{position:relative;padding-left:25px;white-space:nowrap;font-size:13px}.basket-line-block-icon-cart,.basket-line-block-icon-profile{position:relative;margin-right:10px}.basket-line-block-icon-cart:after,.basket-line-block-icon-profile:after{position:absolute;top:-1px;left:-25px;display:block;width:20px;height:20px;content:''}.basket-line-block-icon-profile:after{background:no-repeat center url(/local/templates/shchedrayapolyana.ru/components/bitrix/sale.basket.basket.line/basket_line_mobail/images/profile.svg)}.basket-line-block-icon-cart:after{background:no-repeat center url(/local/templates/shchedrayapolyana.ru/components/bitrix/sale.basket.basket.line/basket_line_mobail/images/cart.svg)}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:998;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:998;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-item-list{display:none}}.bx-basket-fixed .basket-line-block{margin-left:10px}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .basket-line{line-height:1.44em}
/* End */
/* Start:/local/templates/shchedrayapolyana.ru/components/bitrix/sale.basket.basket.line/basket_line/style.min.css?17151509134008*/
.basket-line-block{position:relative;padding-left:25px;white-space:nowrap;font-size:13px}.basket-line-block-icon-cart,.basket-line-block-icon-profile{position:relative;margin-right:10px}.basket-line-block-icon-cart:after,.basket-line-block-icon-profile:after{position:absolute;top:-1px;left:-25px;display:block;width:20px;height:20px;content:''}.basket-line-block-icon-profile:after{background:no-repeat center url(/local/templates/shchedrayapolyana.ru/components/bitrix/sale.basket.basket.line/basket_line/images/profile.svg)}.basket-line-block-icon-cart:after{background:no-repeat center url(/local/templates/shchedrayapolyana.ru/components/bitrix/sale.basket.basket.line/basket_line/images/cart.svg)}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:998;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:998;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-item-list{display:none}}.bx-basket-fixed .basket-line-block{margin-left:10px}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .basket-line{line-height:1.44em}
/* End */
/* Start:/local/templates/shchedrayapolyana.ru/components/bitrix/catalog.section.list/POL_gl_catalog_footermenu/style.min.css?17490386206236*/
.bx_catalog_line{margin-bottom:30px}.bx_catalog_line .bx_catalog_line_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_line .bx_catalog_line_category_title a{color:#000;text-decoration:none}.bx_catalog_line .bx_catalog_line_ul{padding:0}.bx_catalog_line .bx_catalog_line_ul li{margin-bottom:20px;list-style:none}.bx_catalog_line .bx_catalog_line_ul li:before{content:''!important}.bx_catalog_line .bx_catalog_line_img{position:relative;display:block;float:left;overflow:hidden;margin-right:40px;width:125px;height:125px;border:1px solid #ccc;border-radius:2px;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_line .bx_catalog_line_title{margin-bottom:10px;padding:0;vertical-align:top;line-height:18px}.bx_catalog_line .bx_catalog_line_title a{color:#4c7da6;font-size:18px}.bx_catalog_line .bx_catalog_line_title a:hover{text-decoration:none}.bx_catalog_line .bx_catalog_line_title span{font-size:16px}.bx_catalog_line .bx_catalog_line_description{color:#3f3f3f;font-size:13px;line-height:16px}@media(max-width:639px){.bx-touch .bx_catalog_line .bx_catalog_line_img{margin-right:10px;width:50px;height:50px}.bx-touch .bx_catalog_line .bx_catalog_line_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_line .bx_catalog_line_title a{font-size:14px}.bx-touch .bx_catalog_line .bx_catalog_line_description{font-size:11px}}.bx_catalog_line .bx_catalog_line_img,.bx_catalog_line .bx_catalog_line_title,.bx_catalog_line .bx_catalog_line_title a,.bx_catalog_line .bx_catalog_line_description{transition:all .3s ease}.bx_catalog_text{margin-bottom:30px}.bx_catalog_text .bx_catalog_text_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_text .bx_catalog_text_category_title a{color:#000;text-decoration:none}.bx_catalog_text .bx_catalog_text_ul{padding:0}.bx_catalog_text .bx_catalog_text_ul li{float:left;margin:0 10px 10px;list-style:none}.bx_catalog_text .bx_catalog_text_ul li:before{content:''!important}.bx_catalog_text .bx_catalog_text_title{margin:0;padding:0;vertical-align:top;font-size:14px;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{display:inline-block;overflow:hidden;max-width:100%;color:#4c7da6;-ms-text-overflow:ellipsis;text-overflow:ellipsis;font-size:14px}.bx_catalog_text .bx_catalog_text_title a:hover{text-decoration:none}.bx_catalog_text .bx_catalog_text_title span{font-size:12px}@media(max-width:639px){.bx-touch .bx_catalog_text .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_catalog_text .bx_catalog_line_title a{font-size:12px}}.bx_catalog_text .bx_catalog_line_title,.bx_catalog_text .bx_catalog_line_title a{transition:all .3s ease}.bx_catalog_tile{margin-bottom:30px}.bx_catalog_tile .bx_catalog_tile_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_tile .bx_catalog_tile_category_title a{color:#000;text-decoration:none}.bx_catalog_tile .bx_catalog_tile_ul{padding:0}.bx_catalog_tile .bx_catalog_tile_ul li{float:left;box-sizing:border-box;margin-bottom:20px;padding:0 10px;width:12.5%;list-style:none;text-align:center}.bx_catalog_tile .bx_catalog_tile_ul li:before{content:''!important}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:both}.bx_catalog_tile .bx_catalog_tile_img{position:relative;display:block;overflow:hidden;margin:0 auto;width:78px;height:78px;border:1px solid #ccc;border-radius:2px;background-color:#fff;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_tile .bx_catalog_tile_title{margin-top:5px;margin-bottom:10px;padding:0;vertical-align:top;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{color:#4c7da6;font-size:14px}.bx_catalog_tile .bx_catalog_tile_title a:hover{text-decoration:none}.bx_catalog_tile .bx_catalog_tile_title span{font-size:12px}@media(max-width:980px){.bx_catalog_tile .bx_catalog_tile_ul li{width:20%}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:both}}@media(max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title{line-height:10px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title a{font-size:11px}}@media(min-width:480px) and (max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:25%}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1){clear:both}}@media(max-width:479px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:33.3%}.bx-touch .bx_catalog_tile .bx_catalog_tile_img{width:100%;height:80px}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1){clear:both}}.bx_catalog_tile .bx_catalog_tile_title,.bx_catalog_tile .bx_catalog_tile_title a,.bx_catalog_tile .bx_catalog_tile_ul li,.bx_catalog_tile .bx_catalog_tile_img{transition:all .3s ease}.bx_sitemap{margin-bottom:30px}.bx_sitemap .bx_sitemap_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_sitemap .bx_sitemap_title a{color:#000;text-decoration:none}.bx_sitemap .bx_sitemap_ul li{padding:0;line-height:14px}.bx_sitemap .bx_sitemap_ul li:before{content:''!important}.bx_sitemap .bx_sitemap_li_title{display:inline-block;margin:0;margin-bottom:10px;padding:0;vertical-align:top;font-weight:normal;line-height:13px}.bx_sitemap .bx_sitemap_li_title a{color:#4c7da6;white-space:nowrap;font-size:13px}.bx_sitemap .bx_sitemap_li_title a:hover{text-decoration:none}.bx_sitemap .bx_sitemap_li_title span{font-size:11px}@media(max-width:639px){.bx-touch .bx_sitemap .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_sitemap .bx_catalog_line_title a{font-size:12px}}.bx_sitemap .bx_catalog_line_title,.bx_sitemap .bx_catalog_line_title a{transition:all .3s ease}
/* End */
/* Start:/local/templates/shchedrayapolyana.ru/styles.css?176396922013811*/
/* cyrillic-ext */
@font-face {
font-family: Montserrat;
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2)
format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: Montserrat;
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2)
format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: Montserrat;
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2)
format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: Montserrat;
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2)
format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: Montserrat;
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2)
format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: Montserrat;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2)
format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: Montserrat;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2)
format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: Montserrat;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2)
format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: Montserrat;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2)
format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: Montserrat;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2)
format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
#root {
font-family: Montserrat !important;
overflow-x: hidden;
position: relative;
}
#root img {
pointer-events: none;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.icon-instagram-hg-1 {
border: 0;
padding: 10px 0;
background: initial;
display: -ms-flexbox;
display: flex;
}
.hg-search-1 {
position: absolute;
top: 50%;
right: 4px;
transform: translateY(-50%);
margin: 0;
margin-top: 0 !important;
}
.icon-instagram-hg-2 {
display: block;
font-size: 20px;
color: #454543;
transition: all 0.25s ease-in-out;
}
.icon-instagram-hg-3 {
font-size: 10px;
letter-spacing: 1.26px;
color: #454543;
display: block;
line-height: 24px;
margin-left: 6px;
text-transform: uppercase;
}
.hg-btn-1 {
color: #000;
background-color: #d8d8d8;
}
.hg-btn-1:hover {
background-color: #000;
color: #fff;
}
.hg-btn-2 {
background-color: transparent;
color: #000;
}
.hg-btn-2:hover {
background-color: #000;
color: #fff;
}
.child-cokie {
position: absolute;
top: 65%;
left: 75%;
}
.hg-1 {
display: flex;
flex-wrap: wrap;
justify-content: left;
}
.hg-2 {
height: 14px;
min-width: 14px;
font-weight: 700;
font-size: 9px;
line-height: 10px;
padding: 2px;
text-align: center;
position: absolute;
z-index: 1;
top: 25px;
right: 80px;
border-radius: 12px;
color: #fff;
background: #e00;
}
.btn-hg-1 {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.hg-3 {
font-size: 24px;
transition: all 0.25s ease-in-out;
color: #454543;
background: initial;
border: 0;
padding: 15px;
margin: 0;
position: relative;
cursor: pointer;
display: block;
color: #fff;
}
header.header.white .right div i {
color: #fff;
}
.header.not-home {
background-color: var(--clr-bg-green);
}
.hg-3:hover {
opacity: 0.5;
}
.hg-4 {
font-size: 24px;
color: #454543;
transition: all 0.25s ease-in-out;
}
.add_favour {
text-decoration: none;
}
.hg-look-1 {
display: block;
opacity: 1;
}
.active .hg-look-1 {
display: none;
}
.hg-look-2 {
display: none;
}
.active .hg-look-2 {
display: block;
opacity: 1 !important;
}
.hg-sku-1-1 {
list-style-type: none;
padding: 0px 8px 0px 0px;
cursor: pointer;
}
.notification--active {
position: absolute;
top: -30%;
left: -30%;
display: flex;
justify-content: center;
align-items: center;
width: 17px;
height: 17px;
background-color: var(--clr-notification);
border-radius: var(--border-radius);
}
.notification-value {
color: #fff;
font-size: 11px;
font-weight: 500;
line-height: 100%;
}
.notification--big {
top: -20%;
left: -20%;
width: 19px;
height: 19px;
}
.hidden {
display: none !important;
}
.lock {
overflow: hidden;
}
.modal-opened {
filter: blur(2px);
}
.header-bg {
position: relative;
display: flex;
align-items: center;
justify-content: center;
user-select: none;
}
.header-bg__inner {
position: absolute;
top: -1740px;
width: 2327px;
height: 2327px;
border-radius: 2327px;
background-color: var(--clr-bg-green);
z-index: -2;
}
@media screen and (max-width: 991px) {
.header-bg__inner {
top: -1940px;
}
}
@media screen and (max-width: 694px) {
.header-bg__inner {
top: -2040px;
}
}
.page-title {
text-transform: uppercase;
color: var(--clr-black-green);
font-weight: 900;
font-size: 36px;
margin-bottom: 30px;
}
@media (max-width: 700px) {
.page-title {
font-size: 30px;
}
}
@media (max-width: 400px) {
.page-title {
font-size: 20px;
}
}
.medium-page {
display: flex;
justify-content: center;
align-items: center;
}
.medium-page > * {
width: 500px;
}
/* Группы полей */
.form-group {
margin-bottom: 1.2rem;
}
.form-group label {
display: block;
font-weight: 400;
font-size: 16px;
color: #202020;
opacity: 0.5;
}
.form-group input[type='text'],
.form-group input[type='password'] {
width: 100%;
padding: 15px 10px;
border: 1px solid #c7dec1;
border-radius: var(--border-radius);
font-weight: 400;
font-size: 14px;
box-sizing: border-box;
transition: border-color 0.3s ease;
}
.form-group input[type='text']:focus,
.form-group input[type='password']:focus {
border-color: var(--clr-black-green);
outline: none;
box-shadow: 0 0 0 2px rgba(95, 185, 21, 0.2);
}
.form-group input[type='checkbox'],
.form-group input[type='radio'] {
min-width: 18px;
min-height: 18px;
border: 1px solid rgba(66, 128, 87, 1);
accent-color: rgba(66, 128, 87, 1);
background: transparent;
cursor: pointer;
appearance: none;
position: relative;
}
/* .form-group input[type='radio'] {
min-width: 18px;
min-height: 18px;
} */
.form-group input[type='checkbox']::after,
.form-group input[type='radio']::after {
content: '';
position: absolute;
background-image: url(/include/img/checked.svg);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
width: 100%;
height: 100%;
opacity: 0;
}
.form-group input[type='checkbox']:checked::after,
.form-group input[type='radio']:checked::after {
opacity: 1;
}
.form-group input[type='checkbox']:checked,
.form-group input[type='radio']:checked {
background: transparent;
}
.hg-btn-main {
border: none;
background-color: var(--clr-black-green);
margin-bottom: 10px;
text-transform: uppercase;
text-decoration: none;
color: #fff;
cursor: pointer;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
width: 100%;
height: 52px;
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
border-radius: var(--border-radius);
}
a.hg-btn-main {
color: #fff;
}
a.hg-btn-main:hover {
color: #fff;
text-decoration: unset !important;
}
.hg-btn-main:hover {
opacity: 0.9;
}
.hg-btn-main::after {
content: url(/include/img/base/arrow.png);
padding-bottom: 2px;
}
.password-container {
position: relative;
}
.password-see {
width: 26px;
height: 26px;
position: absolute;
top: 13px;
right: 20px;
background-image: url('/include/img/eye-open.svg');
}
.password-see.active {
background-image: url('/include/img/eye-close.svg');
}
.form-links {
display: flex;
justify-content: space-between;
align-items: center;
}
.form-link {
font-weight: 400;
font-size: 12px;
line-height: 122%;
letter-spacing: 0%;
text-transform: uppercase;
text-decoration: underline;
text-decoration-style: solid;
text-decoration-offset: 0%;
text-decoration-thickness: 0%;
text-decoration-skip-ink: auto;
color: rgba(32, 32, 32, 1);
}
.form-link:hover {
color: rgba(32, 32, 32, 0.8);
}
.message-desc {
padding: 0;
margin: 0;
}
.message-img {
object-fit: cover;
width: 100%;
height: 100%;
}
.pagination {
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}
.pagination-container {
display: flex;
justify-content: center;
align-items: center;
line-height: 122%;
letter-spacing: 0%;
text-align: center;
cursor: default;
}
.pagination a,
.pagination span {
padding: 0px 2px;
text-decoration: none;
color: rgba(32, 32, 32, 1);
}
.pagination a {
cursor: pointer;
color: rgba(32, 32, 32, 1);
text-decoration: none;
transition: font-size 0.2s;
}
.pagination a:hover {
color: rgba(66, 128, 87, 1);
font-size: 20px;
font-weight: bold;
}
.pagination .current {
font-weight: bold;
font-size: 20px;
color: rgba(66, 128, 87, 1);
}
.pagination .disabled {
color: #ccc;
}
.pagination .dot-separator {
margin: 0 2px;
line-height: 0px;
font-size: 20px;
padding-bottom: 2px;
}
.pagination .dots {
margin: 0 4px;
font-size: 20px;
font-size: 20px;
padding-bottom: 2px;
}
#modal-message {
background-color: rgba(198, 222, 192, 0.2);
}
.popup-window-overlay {
background-color: rgba(198, 222, 192, 0.2) !important;
opacity: unset !important;
}
.second-title {
font-weight: 700;
font-size: 20px;
line-height: 122%;
letter-spacing: 0%;
text-transform: uppercase;
color: #428057;
padding-bottom: 20px;
padding-top: 20px;
}
.simple-text {
font-weight: 400;
font-size: 16px;
line-height: 122%;
letter-spacing: 0%;
color: rgba(0, 0, 0, 1);
}
.tab-button a:hover {
text-decoration: unset !important;
}
.w-fit {
width: fit-content !important;
}
.hg-link {
color: #3e8357;
text-decoration: none;
}
.hg-link:hover {
color: #3e8357;
text-decoration: underline;
}
.sale-order-detail-back-to-list-link-up {
color: #3e8357;
text-decoration: none;
}
.sale-order-detail-back-to-list-link-up:hover {
color: #3e8357;
text-decoration: underline;
}
.catalog-seo-text-wrapper {
width: 100%;
max-width: 1100px; /* делаем шире – можно увеличить */
margin: 50px auto 60px auto;
padding: 30px 0;
font-size: 17px;
line-height: 1.7;
color: #333;
}
.catalog-seo-text-wrapper h2 {
font-size: 26px;
margin-bottom: 20px;
font-weight: 700;
color: #2b3a1a; /* тёмно-зелёный оттенок под стиль логотипа */
}
.catalog-seo-text-wrapper h3 {
font-size: 20px;
margin-top: 35px;
margin-bottom: 12px;
font-weight: 600;
color: #476b2e;
}
.catalog-seo-text-wrapper p {
margin-bottom: 16px;
}
.catalog-seo-text-wrapper ul,
.catalog-seo-text-wrapper ol {
padding-left: 22px;
margin-bottom: 18px;
}
.catalog-seo-text-wrapper strong {
font-weight: 600;
}
/* End */
/* /local/templates/shchedrayapolyana.ru/css/icons.css?175065798121917 */
/* /local/templates/shchedrayapolyana.ru/css/custom.css?17661197021438 */
/* /local/templates/shchedrayapolyana.ru/css/about.css?17454809433488 */
/* /local/templates/shchedrayapolyana.ru/css/advantages.css?17440600701625 */
/* /local/templates/shchedrayapolyana.ru/css/burger.css?17661188271712 */
/* /local/templates/shchedrayapolyana.ru/css/contacts.css?17524761153935 */
/* /local/templates/shchedrayapolyana.ru/css/footer.css?17578791172751 */
/* /local/templates/shchedrayapolyana.ru/css/header.css?17661159556645 */
/* /local/templates/shchedrayapolyana.ru/css/modal.css?17582618171532 */
/* /local/templates/shchedrayapolyana.ru/css/preview.css?17539497853470 */
/* /local/templates/shchedrayapolyana.ru/components/bitrix/search.title/search_title/style.css?17151509132630 */
/* /local/templates/shchedrayapolyana.ru/components/bitrix/sale.basket.basket.line/basket_line_mobail/style.min.css?17151509134008 */
/* /local/templates/shchedrayapolyana.ru/components/bitrix/sale.basket.basket.line/basket_line/style.min.css?17151509134008 */
/* /local/templates/shchedrayapolyana.ru/components/bitrix/catalog.section.list/POL_gl_catalog_footermenu/style.min.css?17490386206236 */
/* /local/templates/shchedrayapolyana.ru/styles.css?176396922013811 */