/* Start:/local/templates/light/css/grid.min.css?17464414364156*/
.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;margin-right:auto;margin-left:auto;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);width:100%}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1200px){.container{max-width:1140px}}@media(min-width:1400px){.container{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0}.col-1{flex:none;width:8.33333333%}.col-2{flex:none;width:16.66666667%}.col-3{flex:none;width:25%}.col-4{flex:none;width:33.33333333%}.col-5{flex:none;width:41.66666667%}.col-6{flex:none;width:50%}.col-7{flex:none;width:58.33333333%}.col-8{flex:none;width:66.66666667%}.col-9{flex:none;width:75%}.col-10{flex:none;width:83.33333333%}.col-11{flex:none;width:91.66666667%}.col-12{flex:none;width:100%}@media(min-width:320px){.col-xs{flex:1 0}.col-xs-1{flex:none;width:8.33333333%}.col-xs-2{flex:none;width:16.66666667%}.col-xs-3{flex:none;width:25%}.col-xs-4{flex:none;width:33.33333333%}.col-xs-5{flex:none;width:41.66666667%}.col-xs-6{flex:none;width:50%}.col-xs-7{flex:none;width:58.33333333%}.col-xs-8{flex:none;width:66.66666667%}.col-xs-9{flex:none;width:75%}.col-xs-10{flex:none;width:83.33333333%}.col-xs-11{flex:none;width:91.66666667%}.col-xs-12{flex:none;width:100%}}@media(min-width:576px){.col-sm{flex:1 0}.col-sm-1{flex:none;width:8.33333333%}.col-sm-2{flex:none;width:16.66666667%}.col-sm-3{flex:none;width:25%}.col-sm-4{flex:none;width:33.33333333%}.col-sm-5{flex:none;width:41.66666667%}.col-sm-6{flex:none;width:50%}.col-sm-7{flex:none;width:58.33333333%}.col-sm-8{flex:none;width:66.66666667%}.col-sm-9{flex:none;width:75%}.col-sm-10{flex:none;width:83.33333333%}.col-sm-11{flex:none;width:91.66666667%}.col-sm-12{flex:none;width:100%}}@media(min-width:768px){.col-md{flex:1 0}.col-md-1{flex:none;width:8.33333333%}.col-md-2{flex:none;width:16.66666667%}.col-md-3{flex:none;width:25%}.col-md-4{flex:none;width:33.33333333%}.col-md-5{flex:none;width:41.66666667%}.col-md-6{flex:none;width:50%}.col-md-7{flex:none;width:58.33333333%}.col-md-8{flex:none;width:66.66666667%}.col-md-9{flex:none;width:75%}.col-md-10{flex:none;width:83.33333333%}.col-md-11{flex:none;width:91.66666667%}.col-md-12{flex:none;width:100%}}@media(min-width:992px){.col-lg{flex:1 0}.col-lg-1{flex:none;width:8.33333333%}.col-lg-2{flex:none;width:16.66666667%}.col-lg-3{flex:none;width:25%}.col-lg-4{flex:none;width:33.33333333%}.col-lg-5{flex:none;width:41.66666667%}.col-lg-6{flex:none;width:50%}.col-lg-7{flex:none;width:58.33333333%}.col-lg-8{flex:none;width:66.66666667%}.col-lg-9{flex:none;width:75%}.col-lg-10{flex:none;width:83.33333333%}.col-lg-11{flex:none;width:91.66666667%}.col-lg-12{flex:none;width:100%}.offset-lg-1{margin-left:8.33333333%}}@media(min-width:1200px){.col-xl{flex:1 0}.col-xl-1{flex:none;width:8.33333333%}.col-xl-2{flex:none;width:16.66666667%}.col-xl-3{flex:none;width:25%}.col-xl-4{flex:none;width:33.33333333%}.col-xl-5{flex:none;width:41.66666667%}.col-xl-6{flex:none;width:50%}.col-xl-7{flex:none;width:58.33333333%}.col-xl-8{flex:none;width:66.66666667%}.col-xl-9{flex:none;width:75%}.col-xl-10{flex:none;width:83.33333333%}.col-xl-11{flex:none;width:91.66666667%}.col-xl-12{flex:none;width:100%}}@media(min-width:1400px){.col-xxl{flex:1 0}.col-xxl-1{flex:none;width:8.33333333%}.col-xxl-2{flex:none;width:16.66666667%}.col-xxl-3{flex:none;width:25%}.col-xxl-4{flex:none;width:33.33333333%}.col-xxl-5{flex:none;width:41.66666667%}.col-xxl-6{flex:none;width:50%}.col-xxl-7{flex:none;width:58.33333333%}.col-xxl-8{flex:none;width:66.66666667%}.col-xxl-9{flex:none;width:75%}.col-xxl-10{flex:none;width:83.33333333%}.col-xxl-11{flex:none;width:91.66666667%}.col-xxl-12{flex:none;width:100%}}
/* End */


/* Start:/local/templates/light/css/modal.min.css?1711392914643*/
#modal-window{display:none;position:fixed;top:0;left:0;bottom:0;right:0;align-items:center;justify-content:center;z-index:3000}#modal-window.active{display:flex}#modal-window .overlay{background:#3a3f44;height:100%;width:100%;position:fixed;left:0;top:0;opacity:.7;z-index:2999}#modal-window .window{animation:toggle_opacity 200ms;background:#fff;max-height:100%;max-width:100%;position:fixed;width:580px;opacity:1;z-index:3000}#modal-window .close{cursor:pointer;display:block;height:auto;width:auto;opacity:1;padding:16px;position:absolute;right:4px;top:5px;z-index:2}body>*:not(#modal-window).blur{-webkit-filter:blur(2px);filter:blur(2px)}
/* End */


/* Start:/local/templates/light/components/aspro/social.info.max/favor_mobile/style.min.css?1711392915824*/
.mobile-menu-wrapper .social-icons{margin:1.75rem 0 2.25rem}.mobile-menu-wrapper .social-icons ul{display:flex;padding:0 1rem}.mobile-menu-wrapper .social-icons ul li{display:flex}.mobile-menu-wrapper .social-icons ul li+li{margin-left:.625rem}.mobile-menu-wrapper .social-icons ul li a{width:43px;height:43px;font-size:0;background:url(/local/templates/light/images/svg/social.svg)no-repeat;border-radius:3px;transition:opacity .3s ease}.mobile-menu-wrapper .social-icons ul li a:hover{opacity:.8}.mobile-menu-wrapper .social-icons ul li.vk a{background-position:0 -188px}.mobile-menu-wrapper .social-icons ul li.telegram a{background-position:-329px -329px}.mobile-menu-wrapper .social-icons ul li.viber a{background-position:-329px -188px}.mobile-menu-wrapper .social-icons ul li.dzen a{background-position:-470px -329px}
/* End */


/* Start:/local/templates/light/components/bitrix/breadcrumb/main/style.min.css?1711392915811*/
.breadcrumbs{display:flex;flex-wrap:wrap;padding:1rem 0;font-size:.875rem}.breadcrumbs__item{display:flex}.breadcrumbs__separator{margin:0 .625rem;color:#ddd}.breadcrumbs__link{color:#5e5e5e;text-decoration:none}.breadcrumbs__item-name{color:#5e5e5e}.breadcrumbs a,.breadcrumbs span{line-height:1.875;color:#5e5e5e}.breadcrumbs a:hover span{color:var(--main-color)}@media(max-width:767px){.breadcrumbs__separator,div.breadcrumbs__item,span.breadcrumbs__item{display:none}div.breadcrumbs__item:nth-last-child(3){display:block;position:relative;padding-left:1.5rem}div.breadcrumbs__item:nth-last-child(3):before{content:"";display:block;position:absolute;width:10px;height:18px;top:2px;left:0;background:url(/local/templates/light/components/bitrix/breadcrumb/main/../../../../images/arrows_green.png)no-repeat 0 -58px}.breadcrumbs a,.breadcrumbs span{line-height:1.25}}
/* End */


/* Start:/local/templates/light/styles.min.css?17113929141949*/
:root{--main-color:#178759;--main-color-opacity:#1787593e;--main-hover-color:#0cc071;--main-active-color:#0aa360;--gradient-from-color:#0aa360;--gradient-to-color:#084f31;--gradient-bg:linear-gradient(to right, var(--gradient-from-color) 0, var(--gradient-to-color) 100%) no-repeat;--main-font:Helvetica, 'Verdana', sans-serif;--bg-color:#fafafa;--border-color:#ececec;--text-color:#333;--footer-text-color:#cecece}h1,h2,h3,h4,h5,h6{font-weight:400}h1{font-size:1.75rem}h2{font-size:1.575rem;line-height:1.25;margin:0 0 1.5rem}h3{font-size:1.375rem;line-height:1.2;margin:1.5rem 0 1rem}h4{font-size:1.25rem;line-height:1.2;margin:1.5rem 0 1rem}h5{font-size:1.125rem;line-height:1.2;margin:1.5rem 0 1rem}@media(max-width:767px){h1{font-size:1.25rem}h2{font-size:1.125rem;font-weight:600;margin-bottom:.75rem}h3{font-size:1.0625rem;font-weight:600;margin:1rem 0 .75rem}h4,h5{font-size:1rem;font-weight:600;margin:1rem 0 .75rem}}.center{text-align:center}blockquote{border:none;font-size:1.1rem;font-weight:300;margin:2.5rem 0;min-height:40px;padding:2px 20px 2px 37px;position:relative}blockquote:before{background-color:var(--main-color);bottom:5px;content:" ";display:block;left:0;position:absolute;top:5px;width:3px}table.bg-row-odd,table.bg-col-odd{border-collapse:collapse;display:block;font-size:.9375rem;line-height:1.2;margin-bottom:1.5rem;overflow:hidden;overflow-x:auto;overscroll-behavior:contain;scrollbar-width:thin}table.bg-row-odd td,table.bg-col-odd td{border:1px solid var(--border-color);padding:.5rem}table.bg-row-odd tr:nth-child(odd),table.bg-col-odd td:nth-child(odd){background-color:var(--bg-color)}table.bg-row-odd tr:nth-child(1),table.bg-col-odd td:nth-child(1){background-color:var(--main-color);color:#fff}table.bg-row-odd.w-11 td,table.bg-col-odd.w-11 td{width:calc(85%/11)}@media(max-width:767px){table.bg-row-odd,table.bg-col-odd{font-size:.875rem;line-height:1.1}table.bg-row-odd td,table.bg-col-odd td{padding:.3rem}}
/* End */


/* Start:/local/templates/light/template_styles.css?175654925540861*/
* {margin:0; padding:0}
html {height:100%; width:100%}
body {min-height:100%}
img {height:auto; max-width:100%}
header, article, aside, nav, section, footer {display:block}

/* NEW TEMPLATE 2023 ------------------------------ */
*,
*::before,
*::after {
	box-sizing: border-box;
}

::placeholder {
    color: #b8b8b8;
}

html {
	font-size: 16px;
}
body {
    margin: 0;
    padding: 0;
    font-family: var(--main-font), serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
	background-color: #fff;
    color: #333;
}
a {
    text-decoration: none;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	appearance: auto;
}

.btn {
	display: inline-block;
	padding: 0.6rem 0.875rem;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.2;
    letter-spacing: .075em;
	color: var(--main-color);
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	background-color: #fff;
	border: 1px solid var(--main-color);
	border-radius: 3px;
	transition: 0.25s ease-in-out;
}
.btn:focus {
    outline: none;
}
.btn.btn-default {
    background: var(--gradient-bg);
    border-color: var(--gradient-from-color);
    color: #fff;
}
.btn:hover,
.btn.btn-default:hover {
    background: linear-gradient(to right, var(--main-hover-color) 0, var(--gradient-to-color) 100%) no-repeat;
    border-color: var(--main-hover-color);
    color: #fff;
}
.btn.btn-warning {
    background: linear-gradient(to right, #ffa720 0, #ff6e05 100%) no-repeat;
    border-color: #ffa720;
    color: #fff;
}
.btn.btn-warning:hover {
    background: linear-gradient(to right, #ffb74a 0, #ff6e05 100%) no-repeat;
    border-color: #ffb74a;
}
.btn.btn-lg {
    padding: 1rem 1.625rem;
}
.btn.link::after {content:" \2192"; display:inline-block; font-size:120%; padding-left:.3rem}
.btn.link:hover::after {transform:translate(.3rem,0) skewX(0) skewY(0) scaleX(1) scaleY(1)}
.btn .svg {
    position: relative;
    top: -1px;
    margin-right: 0.5em;
}
@media (max-width: 991px) {
    .btn {
        font-size: .7333em;
    }
}


/* Grid ---------- */
.container {
    --bs-gutter-x: 3.75rem;
    --bs-gutter-y: 0;
    max-width: 1700px; /* 1760px */
}
.row {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 0;
}

@media (min-width: 1400px) {
    .container {
        max-width: 1360px;
    }
}
@media (min-width: 1700px) {
    .container {
        max-width: 1700px;
    }
    .col-xxxl-1-5 {
        flex: 0 0 auto;
        width: 12.5%;
    }
}
@media (max-width: 767px) {
    .container {
        --bs-gutter-x: 2rem;
        --bs-gutter-y: 0;
    }
}
/* Grid ---------- */


/* for scaling through js */
@media (min-width: 1921px) {
    body {
        width: 1903px;
    }
}


.pc {
    display: flex;
}
@media (max-width: 991px) {
    .pc {
        display: none;
    }
}
.mb {
    display: none;
}
@media (max-width: 991px) {
    .mb {
        display: block;
    }
}

.fly-buttons.mb {
    position: fixed;
    left: 0;
    bottom: 60px;
    z-index: 9;
}
.fly-buttons.pc {
    position: fixed;
    right: 0;
    top: 230px;
    z-index: 9;
}
.fly-buttons.mb .btn {
    border-radius: 0 2.5em 2.5em 0;
    padding: 0.875rem 1rem;
}
.fly-buttons.pc {
    flex-direction: column;
    width: 63px;
    background: #fff;
    border-radius: 4px 0 0 4px;
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
    overflow: hidden;
}
.fly-buttons.pc > * {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0;
    width: 63px;
    height: 65px;
    padding: 0;
    background: #fff;
    border: none;
    border-radius: 0;
}
.fly-buttons.pc > * + * {
    border-top: 1px solid var(--border-color);
}
.fly-buttons.pc > *:hover {
    background: #fff;
    border-color: var(--border-color);
}
.fly-buttons.pc > * .svg svg {
    opacity: 0.4;
}
.fly-buttons.pc > * .svg path {
    fill: #333;
}
.fly-buttons.pc > *:hover .svg path {
    fill: var(--main-color);
}
.fly-buttons.pc > *:hover .svg svg {
    opacity: 1;
}
.fly-buttons.pc .calc .svg svg {
    width: 26px;
}



/* ASPRO default ---------- */
.svg {
    display: inline-block;
    vertical-align: middle;
}
.svg svg {
    display: block;
}
.svg svg use {
    opacity: 0.5;
    fill: #333;
    fill-rule: evenodd;
}
.img-responsive {
    display: block;
    height: auto;
	margin: auto;
    max-width: 100%;
}
.flex-center {
	justify-content: center;
}
.scrollblock {
	overflow: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
}
.hidden {
    display: none !important;
    visibility: hidden !important;
}
.bordered {
    border: 1px solid var(--border-color);
}
.box-shadow {
    transition: transform ease .2s, box-shadow ease .2s;
}
@media (min-width: 992px) {
    .box-shadow:hover {
        border-color: #fff;
        box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
        transform: translateY(-1px);
        background-color: #fff;
        z-index: 1;
    }
}
.accordion-type-1 .item-accordion-wrapper {
    margin: 0 0 -1px;
    background: 0 0;
    padding-bottom: 0;
}
.accordion-head {
    cursor: pointer;
    padding: 27px 30px 28px 35px;
    position: relative;
    z-index: 1;
    color: #333;
}
.accordion-type-1 .item-accordion-wrapper .accordion-head {
    position: relative;
    margin-bottom: 0!important;
    overflow: hidden;
    padding-right: 88px;
    border: none;
    font-size: 1.0667em;
    line-height: 1.5625em;
}
.arrow_open {
    position: absolute;
    display: block;
    right: 25px;
    top: 21px;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(51,51,51,.1);
    border-radius: 3px;
    transition: background-color .3s ease;
}
.accordion-type-1 .item-accordion-wrapper .accordion-head .arrow_open {
    top: 24px;
    width: 32px;
    height: 32px;
}
.arrow_open:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -3px 0 0 -5px;
    width: 10px;
    height: 6px;
    background: url(/local/templates/light/images/svg/sprite_arrows.svg) 0 -5px no-repeat;
}
.accordion-head:hover .arrow_open:after {
    background-position: 0 -23px;
}
.item-accordion-wrapper.opened .accordion-head .arrow_open:after {
    background-position: 0 -5px;
    transform: rotate(180deg);
}
.item-accordion-wrapper.opened .accordion-head:hover .arrow_open:after {
    background-position: 0 -23px;
    opacity: 1;
    transform: rotate(180deg);
}
.accordion-head:hover .arrow_open {
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.panel-collapse {
    display: none;
}
.item-accordion-wrapper.opened .panel-collapse {
    display: block;
}
.panel-collapse .accordion-body {
    padding: 0 2rem 2rem 2rem;
    position: relative;
    z-index: 2;
}
/* ASPRO default ---------- */



.content-wrapper {
    padding: 0 0 3rem;
}
.content-wrapper.grey,
.content-navigation {
    background-color: var(--bg-color);
}
.content-navigation {
    padding-bottom: 2rem;
}
.content-navigation .page-title {
	display: inline;
}
.content-main-block  {
    padding: 2em 0 0;
}
.content-main-block .content .left-block {
    flex: 0 0 auto;
    width: 24%;
}
.content-main-block .content .main-block {
    flex: 1 0 auto;
	order: 2;
    width: 76%;
}
@media (min-width: 1400px) {
    .content-main-block .content .left-block {
        padding-right: calc(var(--bs-gutter-x) * .5 + 1rem);
    }
}
/*@media (min-width: 1700px) {
    .content-main-block .content .left-block {
        padding-right: calc(var(--bs-gutter-x) * .5 + 2rem);
    }
}
@media (max-width: 1399px) {
    .content-main-block .content .left-block {
        width: 27%;
    }
    .content-main-block .content .main-block {
        width: 73%;
    }
}*/
@media (max-width: 991px) {
    .content-main-block .content .left-block {
        display: none;
    }
}
@media (max-width: 767px) {
    .content-main-block {
        padding-top: 1em;
    }
	.content-navigation {
	    padding-bottom: 1rem;
	}
}

.title-with-info {
    display: flex;
    align-items: flex-start;
}
.title-with-info .page-title {
    padding-right: 2rem;
}
.title-with-info h1 {
    flex: 0 0 65%;
}
@media (max-width: 1199px) {
    .title-with-info {
        flex-wrap: wrap;
    }
    .title-with-info .page-title {
        padding-right: 0;
    }
    .title-with-info h1 {
        flex: 1 0 100%;
    }
}


/* HEADER ------------------------------ */
.header .top-panel {
    display: none;
    background-color: #fff;
}
.header .top-panel .top-panel-menu {
    display: flex;
    justify-content: flex-end;
    padding-top: 0.5em;
}
.header .top-panel .top-panel-menu ul {
    display: flex;
}
.header .top-panel .top-panel-menu ul li {
    display: none;
}
.header .top-panel .top-panel-menu ul li + li {
    margin-left:1em;
}
.header .top-panel .top-panel-menu ul a {
    display: flex;
    font-size: 0.75em;
    letter-spacing: 1.2px;
    color: #555;
}
.header .top-panel .top-panel-menu ul a:hover {
    color: var(--main-color)
}

.header .main-panel {
    padding: 1em 0;
}
.header .main-panel__item {
    flex: 0 0 auto;
    width: auto;
    display: flex;
    align-items: center;
}
.header .main-panel__item.logo a {
    display: flex;
    margin-right: 3rem;
}
.header .main-panel__item.contacts {
    flex-direction: column;
    align-items: flex-start;
}
.header .main-panel__item.contacts .communication {
    display: flex;
    align-items: center;
}
.header .main-panel__item.contacts .communication a {
    text-decoration: none;
    color: #555;
}
.header .main-panel__item.contacts .communication .phones {
    display: flex;
    flex-direction: column-reverse;
    margin-right: 1em;
}
.header .main-panel__item.contacts .communication .phones span {
    font-size: 0.675em;
    padding-left: 1.25em;
    margin-bottom: 0.2em;
}
.header .main-panel__item.contacts .communication .phones .phone {
    font-size: 1.25em;
    align-self: flex-end;
}
.header .main-panel__item.contacts .communication .phones a + a {
    margin-top: 0.25em;
}
.header .main-panel__item.contacts .communication .telegram,
.header .main-panel__item.contacts .communication .whatsapp {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    background-image: url(/local/templates/light/images/svg/social.svg);
    background-repeat: no-repeat;
    border-radius: 50%;
    transition: 0.3s;
}
.header .main-panel__item.contacts .communication .telegram {
    background-position: -336px -335px;
    margin-right: 0.75em;
}
.header .main-panel__item.contacts .communication .whatsapp {
    background-position: -335px -242px;
}
.header .main-panel__item.contacts .communication .telegram:hover,
.header .main-panel__item.contacts .communication .whatsapp:hover {
    opacity: 0.75;
}

.header .main-panel__item.contacts .regions {
    margin-top: 0.5em;
    font-size: 0.875em;
    color: #555;
}
.header .main-panel__item.contacts .regions .svg {
    vertical-align: baseline;
}
.header .main-panel__item.contacts .regions svg path {
    fill: var(--main-color);
}
.header .main-panel__item.contacts .regions span {
    font-weight: bold;
}
.header .main-panel__item.contacts .regions a {
    text-decoration: none;
    color: #555;
    border-bottom: 1px solid rgba(85, 85, 85, 0.2);
}
.header .main-panel__item.contacts .regions a:hover {
    border-bottom: none;
}

.header .main-panel__item.search {
    flex: 1 1 0;
}
.header .main-panel__item.search .search-form {
    display: flex;
    position: relative;
    width: 100%;
}
.header .main-panel__item.search .search-form .search-input {
    background: var(--bg-color);
    border: 1px solid var(--border-color);
    border-radius: 3px;
    font-size: 0.8125em;
    color: #333;
    width: 100%;
    height: 3.25em;
    padding: 0 50px 0 16px;
    outline: none;
}
.header .main-panel__item.search .search-form .search-input:focus {
    background: #fff;
}
.header .main-panel__item.search .search-form .search-btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 16px;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
}
.header .main-panel__item.search .search-form .search-btn:hover .svg svg use {
    opacity: 1;
    fill: var(--main-color);
}
.header .main-panel__item.callback span {
    font-size: 0.875em;
    color: #333;
    text-transform: uppercase;
    border-bottom: 1px dotted;
    cursor: pointer;
}
.header .main-panel__item.callback span:hover {
    color: var(--main-color);
}
.header .main-panel__item.user-interaction a {
    display: flex;
    align-items: center;
    text-decoration: none;
}
.header .main-panel__item.user-interaction a + a {
    margin-left: 1.25rem;
}
.header .main-panel__item.user-interaction a.with-name {
    flex-direction: column;
    padding: 0 0.5em;
}
.header .main-panel__item.user-interaction a .name {
    font-size: 0.875em;
    line-height: 1;
    color: #333;
    margin-top: 0.25em;
}
.header .main-panel__item.user-interaction a:hover .name {
    color: var(--main-color);
}
.header .main-panel__item.user-interaction a .count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    background-color: var(--main-color);
    font-size: 0.75em;
    line-height: 1;
    color: #fff;
    border-radius: 50%;
    margin-left: 0.5em;
}
.header .main-panel__item.user-interaction a:hover .svg svg use {
    opacity: 1;
    fill: var(--main-color);
}


.header .menu-panel {
    background: var(--gradient-bg);
}
.header .menu-panel .main-menu > ul {
    display: flex;
}
.header .menu-panel .main-menu > ul > li {
    flex: 1 0 auto;
    position: relative;
}
.header .menu-panel .main-menu > ul > li:hover {
    background-color: var(--main-hover-color);
}
.header .menu-panel .main-menu > ul > li.active {
    background-color: var(--main-active-color);
}
.header .menu-panel .main-menu > ul > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 53px;
    text-decoration: none;
    white-space: nowrap;
    font-size: 0.8125rem;
    font-weight: bold;
    line-height: 1.33rem;
    letter-spacing: 1.2px;
    color: #fff;
    text-transform: uppercase;
}
.header .menu-panel .main-menu > ul > li.parent::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    pointer-events: none;
    /* transition: all 0.2s ease-in 0.2s; */
    z-index: 9;
}
.header .menu-panel .main-menu > ul > li.parent:hover::before {
    background-color: rgba(58, 63, 68, 0.7);
    /* backdrop-filter: blur(2px); */
}
.header .menu-panel .main-menu > ul > li.parent:hover > a {
    background-color: inherit;
    position: relative;
    z-index: 9;
}

.header .menu-panel .main-menu .dropdown-menu {
    position: absolute;
    top: 53px;
    left: 0;
    width: 100%;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    /* transition: opacity 0.2s ease-in-out 0.2s, visibility 0.2s ease-in-out 0.2s; */
    z-index: 999;
}
.header .menu-panel .main-menu > ul > li:hover > .dropdown-menu {
    visibility: visible;
    opacity: 1;
}
.header .menu-panel .main-menu .dropdown-menu li {
    position: relative;
}
.header .menu-panel .main-menu .dropdown-menu a {
    display: flex;
    align-items: center;
    min-height: 53px;
    text-decoration: none;
    font-size: 0.9375rem;
    line-height: 1.2;
    color: #333;
    padding: 0.5rem 1.75rem 0.5rem 1rem;
    border-top: 1px solid #f0f0f0;
    border-radius: 0 0 3px 3px;
}
.header .menu-panel .main-menu .dropdown-menu li:first-child > a {
    border-top-color: transparent;
}
.header .menu-panel .main-menu .dropdown-menu li:hover > a {
    background-color: var(--bg-color);
}
.header .menu-panel .main-menu .dropdown-menu li:hover > .dropdown-menu {
    visibility: visible;
    opacity: 1;
}
.header .menu-panel .main-menu .dropdown-menu .dropdown-menu {
    top: 0;
    left: 100%;
}
.header .menu-panel .main-menu .dropdown-menu li.parent > a {
    display: flex;
    justify-content: space-between;
    padding-right: 0.5rem;
}
.header .menu-panel .main-menu .dropdown-menu li.parent > a::after {
    content: '';
    flex-shrink: 0;
    width: 0.75rem;
    height: 0.75rem;
    background-image: url(/local/templates/light/images/mobile-menu-arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: 0.5rem;
}


.header .mobile-panel {
    display: none;
    background: var(--gradient-bg);
    color: #fff;
    position: relative;
}
.header .mobile-panel .container {
    padding-left: 0;
}
.header .mobile-panel .wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 80px;
}
.header .mobile-panel .burger {
    height: 63px;
    min-width: 63px;
    padding: 0 calc(var(--bs-gutter-x) * 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.header .mobile-panel .mobile-logo {
    padding-right: 1.75em;
}
.header .mobile-panel .mobile-logo a {
    display: flex;
    align-items: center;
    margin-top: 0.25em;
}


.header .mobile-panel .contacts .communication {
    display: flex;
    align-items: center;
}
.header .mobile-panel .contacts .communication a {
    text-decoration: none;
    color: #fff;
}
.header .mobile-panel .contacts .communication .phones {
    display: flex;
    flex-direction: column-reverse;
    margin-right: 1em;
}
.header .mobile-panel .contacts .communication .phones span {
    display: none;
}
.header .mobile-panel .contacts .communication .phones .phone {
    font-size: 1em;
    font-weight: bold;
    align-self: flex-end;
}
.header .mobile-panel .contacts .communication .phones a + a {
    margin-top: 0.25em;
}
.header .mobile-panel .contacts .communication .telegram,
.header .mobile-panel .contacts .communication .whatsapp {
    flex-shrink: 0;
    /* width: 26px; */
    /* height: 26px; */
    width: 34px;
    height: 34px;
    background-image: url(/local/templates/light/images/svg/social.svg);
    background-repeat: no-repeat;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: 0.3s;
}
.header .mobile-panel .contacts .communication .telegram {
    /* background-position: -339px -338px; */
    background-position: -335px -334px;
    margin-right: 0.75em;
}
.header .mobile-panel .contacts .communication .whatsapp {
    /* background-position: -338px -245px; */
    background-position: -334px -241px;
}
.header .mobile-panel .contacts .communication .telegram:hover,
.header .mobile-panel .contacts .communication .whatsapp:hover {
    opacity: 0.75;
}

.header .mobile-panel .contacts .regions {
    margin-top: 0.5em;
    font-size: 0.925em;
    color: #fff;
}
.header .mobile-panel .contacts .regions .svg {
    vertical-align: baseline;
}
.header .mobile-panel .contacts .regions svg path {
    fill: #fff;
    opacity: 0.5;
}
.header .mobile-panel .contacts .regions span {
    font-weight: bold;
}
.header .mobile-panel .contacts .regions a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
}
.header .mobile-panel .contacts .regions a:hover {
    border-bottom: none;
}


.header .mobile-panel svg use {
    fill: #fff;
}
.header .mobile-panel .user-interaction {
    flex: 1 1 0;
    display: flex;
    justify-content: flex-end;
}
.header .mobile-panel .user-interaction > * {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.header .mobile-panel .user-interaction .search-btn {
    background: none;
    border: none;
    outline: none;
}
.header .mobile-panel .user-interaction a .count {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    background-color: #fff;
    font-size: 0.75em;
    line-height: 1;
    color: #333;
    border-radius: 50%;
    margin-left: 0.5em;
}

/* mobile multi-level menu -------------------- */
.mobile-menu-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(58, 63, 68, 0.7);
    z-index: 998;
    cursor: pointer;
}
.mobile-menu-wrapper {
    transform: translateX(-320px);
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    height: 100%;
    background: #fff;
    color: #333;
    overflow-y: auto;
    overflow-x: hidden;
    transition: 0.8s cubic-bezier(.64, .01, .19, 1) 0s;
    z-index: 999;
    display: flex;
    flex-direction: column;
    box-shadow: 3px 0 10px 0 rgb(0 0 0 / 45%);
}
.mobile-menu-wrapper.opened {
    transform: translateX(0px);
}
.mobile-menu ul li {
    display: block;
    border-bottom: 1px solid #f2f2f2;
}
.mobile-menu ul li a {
    display: block;
    text-decoration: none;
    font-size: 1rem;
    color: #333;
    padding: 0.9rem 1rem;
}
.mobile-menu ul > li.active > a,
.mobile-menu ul > li.active > .goto > a {
    background: #f6f6f7;
    font-weight: bold;
}
.mobile-menu ul > li.active > .goto span {
    background-color: #f6f6f7;
}
.mobile-menu ul li.parent .goto {
    display: flex;
}
.mobile-menu ul li.parent .goto a {
    flex-grow: 1;
	background: url(/local/templates/light/images/mobile-menu-arrow-right.svg) no-repeat 95% center;
	background-size: 16px;
}
.mobile-menu ul li .back {
    display: block;
    font-size: 1rem;
    color: #333;
	background-image: url(/local/templates/light/images/mobile-menu-arrow-left.svg);
	background-repeat: no-repeat;
	background-position: left 1rem center;
    background-color: #fff;
    padding: 0.75rem 1rem 0.75rem 3rem;
}
.mobile-menu ul li .title {
    display: block;
    background-color: #f2f2f2;
    color: var(--main-color);
    font-size: 1rem;
    padding: 0.75rem 1rem;
}
.mobile-menu ul li ul {
	transform: translateX(320px);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
	background: #fff;
    transition: 0.5s cubic-bezier(.64, .01, .19, 1) 0s;
	z-index: 1;
	opacity: 0;
}
.mobile-menu ul li ul.shown {
	transform: translateX(0px);
	opacity: 1;
}

.mobile-menu-wrapper .mobile-user-interaction a {
    display: flex;
    align-items: center;
    text-decoration: none;
    background-color: #fbfbfb;
    border-bottom: 1px solid #f2f2f2;
    font-size: 1rem;
    font-weight: bold;
    color: #333;
    padding: 0.9rem 1rem 0.9rem 3rem;
    position: relative;
}
.mobile-menu-wrapper .mobile-user-interaction .svg {
    position: absolute;
    top: 14px;
    left: 16px;
}
.mobile-menu-wrapper .mobile-user-interaction a > span {
    display: flex;
    align-items: center;
}
.mobile-menu-wrapper .mobile-user-interaction a .count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    font-size: 0.75em;
    line-height: 1;
    color: #fff;
    background-color: #969ba5;
    border-radius: 50%;
    margin-left: 0.5em;
}

.mobile-menu-wrapper .mobile-contacts {
    margin-top: 1.75rem;
    padding: 0 1rem;
}
.mobile-menu-wrapper .mobile-contacts .title {
    font-size: 0.9375rem;
    font-weight: bold;
}
.mobile-menu-wrapper .mobile-contacts > div:not(.title) {
    display: flex;
    position: relative;
    padding-left: 1.25rem;
}
.mobile-menu-wrapper .mobile-contacts > div + div {
    margin-top: 0.75rem;
}
.mobile-menu-wrapper .mobile-contacts .svg {
    position: absolute;
    top: 3px;
    left: 1px;
}
.mobile-menu-wrapper .mobile-contacts .phone .svg {
    left: 2px;
}
.mobile-menu-wrapper .mobile-contacts .email .svg {
    top: 6px;
    left: 0;
}
.mobile-menu-wrapper .mobile-contacts a {
    color: inherit;
}
/* mobile multi-level menu -------------------- */


@media (max-width: 1199px) {
    .header .top-panel,
    .header .top-panel .top-panel-menu ul li {
        display: block;
    }
	.header .main-panel {
        padding-top: 0.5em;
    }
    .header .main-panel__item.logo a {
        margin-right: 0;
    }
    .header .main-panel__item.contacts .communication .phones span {
        padding-left: 1.35em;
    }
    .header .main-panel__item.contacts .communication .phones .phone {
        font-size: 1em;
    }
    .header .main-panel__item.contacts .regions {
        font-size: 0.75em;
    }
    .header .main-panel__item.callback {
        flex-basis: 0;
    }
    .header .main-panel__item.callback span {
        text-align: center;
        border-bottom: 0;
    }
    .header .menu-panel .main-menu > ul > li:last-child,
    .header .menu-panel .main-menu > ul > li:nth-last-child(2) {
        display: none;
    }
}
@media (max-width: 991px) {
    .hidden-mb,
    .header .top-panel,
    .header .main-panel {
        display: none;
    }
    .header .menu-panel {
		background: var(--gradient-bg);
        border-top: 1px solid #dedede;
    }
	.header .menu-panel .container {
        --bs-gutter-x: 0;
    }
    .header .menu-panel .main-menu > ul > li {
        display: none;
    }
    .header .menu-panel .main-menu > ul > li:nth-child(1),
    .header .menu-panel .main-menu > ul > li:nth-child(2) {
        display: block;
    }
    .header .menu-panel .main-menu > ul > li:nth-child(1) {
        border-right: 1px solid #dedede;
    }
    .header .menu-panel .main-menu > ul > li:hover,
    .header .menu-panel .main-menu > ul > li.active {
        background-color: transparent;
    }
	.header .menu-panel .main-menu > ul > a {
        height: 48px;
    }
    .header .menu-panel .main-menu > ul > li.parent::before {
        content: none;
    }
    .header .menu-panel .main-menu .dropdown-menu {
        display: none;
    }
    .header .mobile-panel {
        display: block;
    }
    .header .mobile-panel .burger svg {
        width: 22px;
        height: 17px;
    }
}
@media (max-width: 690px) {
    .header .mobile-panel .user-interaction .personal,
    .header .mobile-panel .user-interaction .compare {
        display: none;
    }
}
@media (max-width: 600px) {
    .header .mobile-panel .contacts .communication .telegram,
    .header .mobile-panel .contacts .communication .whatsapp {
        width: 26px;
        height: 26px;
    }
    .header .mobile-panel .contacts .communication .telegram {
        background-position: -339px -338px;
    }
    .header .mobile-panel .contacts .communication .whatsapp {
        background-position: -338px -245px;
    }
}
@media (max-width: 575px) {
    .header .menu-panel .main-menu > ul > li > a .counts {
		display: none;
	}
    .header .mobile-panel .burger {
        height: 50px;
        min-width: 50px;
    }
    .header .mobile-panel .contacts {
        order: 1;
        flex: 0 0 auto;
        width: 100%;
        padding: 0.5em 0 0.5em calc(var(--bs-gutter-x) * 0.5);
        max-width: 305px;
        margin: 0 auto;
    }
    .header .mobile-panel .contacts .communication .phones {
        margin-right: 1.5em;
    }
    .header .mobile-panel .contacts .communication .telegram,
    .header .mobile-panel .contacts .communication .whatsapp {
        width: 34px;
        height: 34px;
        position: relative;
        /* top: 10px; */
    }
    .header .mobile-panel .contacts .communication .telegram {
        background-position: -335px -334px;
    }
    .header .mobile-panel .contacts .communication .whatsapp {
        background-position: -334px -241px;
    }
    .header .mobile-panel .contacts .regions {
        /* margin-top: 0; */
    }
    .header .mobile-panel .user-interaction .personal,
    .header .mobile-panel .user-interaction .compare {
        display: flex;
    }
    .header .mobile-panel .user-interaction a .count {
        top: 3px;
        right: 3px;
    }
}
@media (max-width: 399px) {
	.header .menu-panel .main-menu > ul > li > a {
        font-size: 0.6125em;
    }
	.header .menu-panel .main-menu > ul > li > a .counts,
    .header .mobile-panel .user-interaction .personal,
    .header .mobile-panel .user-interaction .compare {
        display: none;
    }
}
/* HEADER ------------------------------ */


/* VIEWED PRODUCTS ------------------------------ */
.viewed-products-block {
    background: var(--bg-color);
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}
.viewed-products-block .viewed-products {
    padding: 3rem 0 3rem;
}
.viewed-products-block .viewed-products .title {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
}
.viewed-products-block .viewed-products .wrapper {
    position: relative;
}
.viewed-products-block .viewed-products .items {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 0.25rem;
}
.viewed-products-block .viewed-products .items .item {
    flex: 0 0 auto;
    width: 19.5%;
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid var(--border-color);
    padding: 0.875rem;
    transition: all ease .2s;
}
.viewed-products-block .viewed-products .items .item + .item {
    margin-left: 0.625rem;
}
.viewed-products-block .viewed-products .items .item:hover {
    border: 1px solid #dfdfdf;
}
.viewed-products-block .viewed-products .item__image {
    flex-shrink: 0;
}
.viewed-products-block .viewed-products .item__image a {
    display: flex;
}
.viewed-products-block .viewed-products .item__image a img {
    max-width: 80px;
    height: auto;
}
.viewed-products-block .viewed-products .item__info {
    display: flex;
    flex-direction: column;
    margin-left: 1rem;
}
.viewed-products-block .viewed-products .item__info a {
    font-size: 0.875rem;
    line-height: 1.25;
    color: #333;
    height: 4.5rem;
}
.viewed-products-block .viewed-products .item__info a:hover {
    color: var(--main-color);
}
.viewed-products-block .viewed-products .item__info span {
    font-size: 0.875rem;
    font-weight: bold;
    margin-top: 0.5rem;
}
@media (max-width: 1699px) {
    .viewed-products-block .viewed-products .items .item {
        width: 28%;
    }
}
@media (max-width: 1199px) {
    .viewed-products-block .viewed-products .items .item {
        width: 38%;
    }
}
@media (max-width: 991px) {
    .viewed-products-block .viewed-products .items .item {
        width: 43%;
    }
}
@media (max-width: 767px) {
    .viewed-products-block .viewed-products .items .item {
        width: 55%;
    }
}
@media (max-width: 575px) {
    .viewed-products-block .viewed-products .items .item {
        width: 75%;
    }
}
@media (max-width: 399px) {
    .viewed-products-block .viewed-products .items .item {
        padding: 0.5rem;
    }
    .viewed-products-block .viewed-products .item__image a img {
        max-width: 60px;
    }
    .viewed-products-block .viewed-products .item__info {
        margin-left: 0.5rem;
    }
    .viewed-products-block .viewed-products .item__info a {
        font-size: 0.75rem;
    }
}
/* VIEWED PRODUCTS ------------------------------ */


/* FOOTER ------------------------------ */
.footer {
    background-color: #333;
    color: var(--footer-text-color);
    padding: 3.75rem 0;
}
.footer a {
    color: var(--footer-text-color);
    text-decoration: none;
}
.footer a:hover {
    color: #fff;
}

.footer .footer-menu,
.footer .section {
    margin-bottom: 2.5em;
}
.footer .section a {
    font-size: 0.8125em;
    line-height: 1.5em;
}
.footer .section .section__title {
    display: flex;
}
.footer .section .section__title a {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #fff;
}
.footer .section .section__title a:hover {
    opacity: 0.5;
}
.footer .section .section__list {
    margin-top: 1.25em;
}
.footer .section .section__list li {
    display: flex;
}
.footer .section .section__list li + li {
    margin-top: 0.65em;
}

.footer .footer-menu a {
    font-size: 0.8125em;
    line-height: 1.5em;
}
.footer .footer-menu .footer-menu__title {
    display: flex;
}
.footer .footer-menu .footer-menu__title + .footer-menu__title{
    margin-top: 1.25em;
}
.footer .footer-menu .footer-menu__title a {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #fff;
}
.footer .footer-menu .footer-menu__title a:hover {
    opacity: 0.5;
}
.footer .footer-menu .footer-menu__list {
    margin-top: 1.25em;
}
.footer .footer-menu .footer-menu__list li {
    display: flex;
}
.footer .footer-menu .footer-menu__list li + li {
    margin-top: 0.65em;
}

.footer .contacts {
    color: #fff;
    font-size: 0.9375em;
    line-height: 1.35em;
}
.footer .contacts a {
    color: #fff;
}
.footer .contacts a:hover {
    color: #fff;
    opacity: 0.5;
}
.footer .contacts .svg svg path {
    opacity: 0.5;
}
.footer .contacts .svg svg use,
.footer .contacts .svg svg path {
    fill: #fff;
}
.footer .contacts > div {
    display: flex;
    position: relative;
    padding-left: 1.8125em;
}
.footer .contacts > div + div {
    margin-top: 1.5em;
}
.footer .contacts .svg {
    position: absolute;
    top: 3px;
    left: 1px;
}
.footer .contacts .phone .svg {
    left: 2px;
}
.footer .contacts .email .svg {
    top: 6px;
    left: 0;
}
.footer .contacts .regions a {
    font-size: 0.8125em;
    color: var(--footer-text-color);
}
.footer .contacts .regions a + a {
    padding-left: 0.75em;
}
.footer .contacts .regions a:hover {
    opacity: 1;
    color: #fff;
}

.footer .social-icons {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 1.375em 0 2.625em;
}
.footer .social-icons::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
}
.footer .social-icons ul {
    display: flex;
    padding: 0 2em;
    background-color: #333;
    z-index: 1;
}
.footer .social-icons ul li {
    display: flex;
    margin: 0.25em;
}
.footer .social-icons ul li a {
    width: 43px;
    height: 43px;
    font-size: 0;
    background: url(/local/templates/light/images/svg/social.svg) 0 0 no-repeat;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px;
    opacity: 0.5;
    transition: opacity 0.3s ease;
}
.footer .social-icons ul li a:hover {
    opacity: 1;
    border: none;
}
.footer .social-icons ul li.vk a {
    background-position: -1px -377px;
}
.footer .social-icons ul li.vk a:hover {
    background-position: 0 -188px;
}
.footer .social-icons ul li.telegram a {
    background-position: -330px -518px;
}
.footer .social-icons ul li.telegram a:hover {
    background-position: -329px -329px;
}
.footer .social-icons ul li.viber a {
    background-position: -330px -377px;
}
.footer .social-icons ul li.viber a:hover {
    background-position: -329px -188px;
}
.footer .social-icons ul li.dzen a {
    background-position: -471px -518px;
}
.footer .social-icons ul li.dzen a:hover {
    background-position: -470px -329px;
}

.footer .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8125em;
    line-height: 1.5em;
}
.footer .info .add-info {
    display: flex;
    align-items: center;
}
.footer .sitemap {
    font-size: 0.75em;
    text-transform: uppercase;
}
.footer .paysystems {
    margin-left: 3em;
}
.footer .paysystems i {
    display: inline-block;
    vertical-align: middle;
    margin: 3px 10px;
    background: url(/local/templates/light/images/svg/payment.svg) 0 0 no-repeat;
    opacity: .5;
}
.footer .paysystems i:hover {
    opacity: 1;
}
.footer .paysystems i.cacsh {
    width: 20px;
    height: 20px;
    background-position: 0 -298px;
}
.footer .paysystems i.cacsh:hover {
    background-position: 0 -198px;
}
.footer .paysystems i.mastercard {
    width: 24px;
    height: 16px;
    background-position: -279px -300px;
}
.footer .paysystems i.mastercard:hover {
    background-position: -327px -200px;
}
.footer .paysystems i.visa {
    width: 32px;
    height: 10px;
    background-position: -40px -304px;
}
.footer .paysystems i.visa:hover {
    background-position: -40px -204px;
}
.footer .paysystems i.yandex_money {
    width: 15px;
    height: 19px;
    background-position: -92px -298px;
}
.footer .paysystems i.yandex_money:hover {
    background-position: -92px -198px;
}
.footer .paysystems i.sbrf {
    width: 19px;
    height: 20px;
    background-position: -240px -298px;
}
.footer .paysystems i.sbrf:hover {
    background-position: -240px -198px;
}
.footer .paysystems i.alfa {
    width: 14px;
    height: 19px;
    background-position: -323px -298px;
}
.footer .paysystems i.alfa:hover {
    background-position: -415px -198px;
}
.footer .notice {
    font-size: 0.8125em;
    line-height: 1.5em;
	margin: 2rem 1rem 0;
	text-align: center;
}

@media (max-width: 991px) {
    .footer .footer-menu {
        margin-bottom: 2.5em;
    }
    .footer .contacts {
        max-width: 400px;
        margin: 0 auto 2.5em;
    }
    .footer .info {
        flex-direction: column;
    }
    .footer .info .copyright {
        order: 1;
        text-align: center;
        margin-top: 1.25em;
    }
    .footer .info .add-info {
        order: 0;
        flex-direction: column;
    }
    .footer .sitemap {
        order: 1;
        margin-top: 2em;
    }
    .footer .paysystems {
        order: 0;
        margin: 0;
    }
}
@media (max-width: 767px) {
    .footer .catalog-sections {
        display: none;
    }
    .footer {
        padding: 2rem 0;
    }
    .footer .social-icons {
        margin: 3em 0 2em;
    }
}
/* FOOTER ------------------------------ */


/* LEFT BLOCK */
.left-block > * + * {
    margin-top: 2em;
}
.left-block .buttons .btn {
    width: 100%;
    min-height: 58px;
    text-align: left;
    padding: 0.6rem 1.5rem;
}
.left-block .buttons .btn.calc {font-size:80%; padding-top:1.1rem}
.left-block .buttons .calc svg {width:23px}
.left-block .buttons .calc svg path {fill:#fff}
.left-block .note {font-size:85%; margin:.5em 0 0 1.25em}
.left-block .note a {color:var(--main-color)}
/* LEFT BLOCK */


/* CONTENT -------------------------------------------------- */
.main-block {
    font-size: 1rem;
    line-height: 1.5rem;
}
.main-block a {
    color: var(--main-color);
}
.main-block a:not(.btn):hover {
    color: #333;
}
.main-block p {
    margin: 1rem 0;
}
.main-block p:first-of-type {
    margin-top: 0;
}
.main-block ul {
    padding: 0;
    margin: 26px 0 36px;
}
.main-block ul > li:first-of-type {
    margin-top: 0;
}
.main-block ul > li {
    margin: 8px 0 0 21px;
    list-style-type: none;
    position: relative;
}
.main-block ul:not([id*="bx_"]) > li:not(.bordered):before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--main-color);
    left: 0;
    top: 10px;
}
.main-block ul:not([id*=bx_]) > li:before {
    margin: 0 7px 0 -21px;
}
.main-block ol {
    padding: 0;
    margin: 26px 0 36px 20px;
}
.main-block ol > li {
    margin: 8px 0 0;
    padding: 0 0 0 2px;
}
.main-block ol > li:first-of-type {
    margin-top: 0;
}

.text a:not(.btn) {border-bottom:1px solid var(--main-color-opacity)}
/* CONTENT -------------------------------------------------- */


/* MOBILE SEARCH -------------------------------------------------- */
.mobile-search-overlay {
    background: #3a3f44;
    opacity: 0.7;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 998;
}
.mobile-search-wrapper {
    position: fixed;
    background: #fff;
    width: 100%;
    top: -100px;
    right: 0;
    z-index: 999;
    transition: all ease 0.5s;
}
.mobile-search-wrapper.opened {
    top: 0;
}
.search-form {
    display: flex;
}
.search-form .search-input {
    display: block;
    width: 100%;
    padding: 0 2rem;
    font-size: 1.25rem;
    color: #444444;
    background: #fff;
    border: none;
    border-radius: 0;
    outline: none;
}
.search-form .search-btn {
    background-color: var(--main-color);
    border-color: var(--main-color);
    display: block;
	padding: 2rem;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.2;
    letter-spacing: .075em;
	color: var(--text-color);
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	user-select: none;
	border: none;
}
@media (max-width: 575px) {
    .search-form .search-input {
        padding: 0 1rem;
        font-size: 0.875rem;
    }
    .search-form .search-btn {
        padding: 1rem;
    }
}
/* MOBILE SEARCH -------------------------------------------------- */

/* Фикс. кнопка Whatsapp */
a.go-to-wa {position:fixed; border-radius:50%; cursor:pointer; display:block; height:3rem; width:3rem; bottom:3rem; right:4rem; transition:opacity .3s; z-index:995}
a.go-to-wa:hover {opacity:.8}
a.go-to-wa svg {height:4rem; width:4rem}
a.go-to-wa svg path {fill:#65bc54}
@media (max-width: 575px) {
	a.go-to-wa {bottom:1rem; right:1rem}
	a.go-to-wa svg {height:3.5rem; width:3.5rem}
}
/* Фикс. кнопка Whatsapp */

/* End */
/* /local/templates/light/css/grid.min.css?17464414364156 */
/* /local/templates/light/css/modal.min.css?1711392914643 */
/* /local/templates/light/components/aspro/social.info.max/favor_mobile/style.min.css?1711392915824 */
/* /local/templates/light/components/bitrix/breadcrumb/main/style.min.css?1711392915811 */
/* /local/templates/light/styles.min.css?17113929141949 */
/* /local/templates/light/template_styles.css?175654925540861 */