/* Start:/local/templates/main/css/custom.css?17550981827046*/

.product__info-activity-item__favorite {
    position: absolute;
    top: 20px;
    right: 15px;
    margin-left: 0;
    width: 21px;
}
.product__info-activity-item__favorite span::before {
    font-size: 1.3rem;
}

.product__info-activity-item__compare {
    position: absolute;
    top: 50px;
    right: 15px;
    margin-left: 0;
    width: 21px;
}
.product__check {
    text-align: left;
}
.product__check-cost, .product__check-btn {
    text-align: center;
}
.product-consult-btn {
    width: 90%;
}
.product__info-activity-item__compare span::before {
    font-size: 1.3rem;
}

.delivery-card-block {
    box-shadow: 2px 2px 20px -2px rgb(0 0 0 / 10%);
    background: #fff;
    padding: 20px 20px 1px 20px;
    margin-bottom: 10px;
    border-radius: 10px;
}
.delivery-card-block .h5 {
    margin-bottom: 10px;
    font-size: 1rem;
}
.delivery-card-block div {
    margin-bottom: 20px;
}
.delivery-card-block div > span {
    text-decoration: none;
    color: #000;
}
.delivery-card-block div > a {
    text-decoration: none;
}
.delivery-card-block div > span > span {
    font-weight: bold;
    color: #FF6A40;
}
/*.mobile-popup {
    padding-top: 60px;
}*/
@media(max-width: 768px) {
    .breadcrumbs {
        margin-top: 60px;
    }
}
.js-order-info-delivery-cost-ctn {
    margin-bottom: 10px;
}

/* Tabs */

.tab-section__tabs {
    padding: 15px 0;
    background: #fff;
	border: 1px solid #eeeef3;
}

.tab-section__box {
    position: relative;
    overflow: auto;
    display: flex;
    margin: 0 -30px;
}

@media screen and (max-width: 1023px) {
    .tab-section__box {
        margin: 0 -20px;
    }
}

@media screen and (max-width: 767px) {
    .tab-section__box {
        margin: 0 -15px;
    }
}

.tab-section__list,
.tab-section__item {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tab-section__list {
    flex: 1 0 auto;
    display: flex;
    padding: 0 30px;
}

@media screen and (max-width: 1023px) {
    .tab-section__list {
        padding: 0 20px;
    }
}

@media screen and (max-width: 767px) {
    .tab-section__list {
        padding: 0 15px;
    }
}

.tab-section__item {
    flex: 0 0 auto;
    display: block;
}

.tab-section__item:not(:first-child) {
    margin-left: 30px;
}

@media screen and (max-width: 1023px) {
    .tab-section__item:not(:first-child) {
        margin-left: 20px;
    }
}

@media screen and (max-width: 767px) {
    .tab-section__item:not(:first-child) {
        margin-left: 15px;
    }
}

.tab {
    display: block;
    white-space: nowrap;
    margin: 0;
    padding: 5px 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: #fff;
    line-height: 20px;
    font-weight: 400;
    font-size: 16px;
    color: #10496A;
    cursor: pointer;
}

.tab--active,
.tab:hover {
    color: #737373;
}

.tab--active {
    text-decoration: underline;
    text-underline-offset: 5px;
}

.tab-section__block {
    display: none;
}

.tab-section__block--padding-top_30px {
	padding-top: 30px;
}

.tab-section__block--active {
    display: block;
}


.tab-section__block .section-gray {
	box-shadow: none;
	border-top: 0;
}


.product__description {
	margin-right: 20px;
}

@media screen and (max-width: 767px) {
	.product__description {
		margin-right: 0;
	}
}

.product__check-wrapper {
	flex: 0 0 auto;
	margin-left: auto;
}

.product-characteristic__list {
	max-height: none;
}

.product-characteristic__list::before {
	display: none;
}


.product__guarantee {
    display: block;
    margin: 0;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 2px 2px 20px -2px rgb(0 0 0 / 10%);
    background: #fff;
}

.product__guarantee-image {
    display: block;
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.product__guarantee-text {
    color: #FF6A40;
}



.product__guarantee {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 10px;
    box-shadow: 2px 2px 20px -2px rgb(0 0 0 / 10%);
    background: #fff;
}

.product__guarantee-image {
    flex: 0 0 auto;
    display: block;
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.product__guarantee-text {
    flex: 1 1 auto;
    margin: 0 0 0 10px;
    font-weight: 700;
    color: #FF6A40;
}

.header-main__search-button {
  position: absolute;
  width: 34px;
  height: 34px;
  background: #10496A;
  z-index: 11;
  right: 0;
top: 0;
  border-radius: 0 3px 3px 0;
  color: #fff;
	transform: translate(0, 0);
}

.header-main__search-button:hover {
	background: #143C53;
  color: #fff;
}



@media screen and (min-width: 768px) {

    .header-main__middle .header-main__info {
        align-items: center;
    }
    
    .header-main__middle .header-main__info-item.header-main__shopping-cart {
        flex: 0 0 auto;
        border: 1px solid #eee;
        border-radius: 3px;
        padding: 10px;
    }

    .header-main__middle .header-main__info-item-num {
        flex: 1 0 auto;
        font-weight: 700;
        font-size: 12px
    }
}

.header-main__bottom .header-main__info-item-num {
    display: none;
}











.owl-stage {
    display: flex;
}
  
.owl-item {
    display: flex;
    flex-direction: column;
}

.owl-prev,
.owl-next {
    margin-top: -20px;
}

.media__item {
    flex: 1 1 auto;
    height: auto;
}

.media__text {
    padding-bottom: 15px;
}
  
.media__text::before {
    display: none;
}

.media__text-title {
    margin-bottom: 0;
}




.product-accessory-modal img {
	max-width: 100%;
}

.fast {
    position: absolute;
    top: 25%;
    width: 200px;
    text-align: center;
    background: #fff;
    z-index: 100;
    cursor: pointer;
    padding: 10px;
    left: 0;
    display:none;
    border: 0.5px solid #FBBF34;
    margin-left: 20px;
}

.modal-fast .product__info {
    width: 100%;
}

.modal-fast .product__title {
    font-size: 26px;
    line-height: 1;
}

.modal-fast .article {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    color: gray;
}

.modal-fast .product__info-popular-wrapper {
    display: inline-block;
}

.product-card-container:hover .fast {
    display: block;
}
@media screen and (max-width:340px) {
    .modal-fast .product__title {
        font-size: 23px;
    }
}

.custom-checkbox {
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.custom-checkbox input[type="checkbox"] {
    display: none; /* Скрываем стандартный чекбокс */
}

.custom-checkbox .checkbox-icon {
    fill: none;
    stroke-width: 2;
    transition: stroke 0.3s;
}

.custom-checkbox input[type="checkbox"]:checked + .checkbox-icon {
    stroke: #f47920; /* Цвет для активного состояния */
}

/* End */


/* Start:/local/templates/main/css/libs.min.css?175509818245699*/
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translateZ(0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:a}@keyframes a{0%{opacity:1}to{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/main/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:50%;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.tooltipster-base{display:-ms-flexbox;display:flex;pointer-events:none;position:absolute}.tooltipster-box{-ms-flex:1 1 auto;flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{transform:scale(0);transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{transform:scale(1);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;transform:rotate(4deg);transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;transform:rotate(0deg);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{transition-property:top;transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{transition-property:all;top:0!important;opacity:0}.tooltipster-slide{transition-property:left;transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{transition-property:all;left:0!important;opacity:0}@keyframes b{0%{opacity:0}to{opacity:1}}.tooltipster-update-fade{animation:b .4s}@keyframes c{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}to{transform:rotate(0)}}.tooltipster-update-rotate{animation:c .6s}@keyframes d{50%{transform:scale(1.1)}to{transform:scale(1)}}.tooltipster-update-scale{animation:d .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}.tooltipster-sidetip.tooltipster-borderless .tooltipster-box{border:none;background:#1b1b1b;background:hsla(0,0%,4%,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow{height:8px;margin-left:-8px;width:16px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow{height:16px;margin-left:0;margin-top:-8px;width:8px}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border{border:8px solid transparent}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#1b1b1b;border-bottom-color:hsla(0,0%,4%,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border{border-left-color:#1b1b1b;border-left-color:hsla(0,0%,4%,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border{border-right-color:#1b1b1b;border-right-color:hsla(0,0%,4%,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border{border-top-color:#1b1b1b;border-top-color:hsla(0,0%,4%,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped{top:-8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped{left:-8px}

/*!
 * Fotorama 4.6.4 | http://fotorama.io/license/
 */.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:"";border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:transform,width;transition-timing-function:cubic-bezier(.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(/local/templates/main/css/fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(/local/templates/main/css/fotorama@2x.png) 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:hsla(0,0%,50%,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>:not(:first-child){display:none}.fullscreen{max-width:100%!important;max-height:100%!important;padding:0!important;overflow:hidden!important}.fotorama--fullscreen,.fullscreen{width:100%!important;height:100%!important;margin:0!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,hsla(0,0%,100%,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:hsla(0,0%,100%,.9);padding:5px 10px}@keyframes e{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.fotorama__wrap--css3 .fotorama__spinner{animation:e 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{transform:translateZ(0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}.nice-select{-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:5px;border:1px solid #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:400;height:42px;line-height:40px;outline:none;padding-left:18px;padding-right:30px;position:relative;text-align:left!important;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto}.nice-select:hover{border-color:#dbdbdb}.nice-select.open,.nice-select:active,.nice-select:focus{border-color:#999}.nice-select:after{border-bottom:2px solid #999;border-right:2px solid #999;content:"";display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;transform-origin:66% 66%;transform:rotate(45deg);transition:all .15s ease-in-out;width:5px}.nice-select.open:after{transform:rotate(-135deg)}.nice-select.open .list{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.nice-select.disabled:after{border-color:#ccc}.nice-select.wide{width:100%}.nice-select.wide .list{left:0!important;right:0!important}.nice-select.right{float:right}.nice-select.right .list{left:auto;right:0}.nice-select.small{font-size:12px;height:36px;line-height:34px}.nice-select.small:after{height:4px;width:4px}.nice-select.small .option{line-height:34px;min-height:34px}.nice-select .list{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,.11);box-sizing:border-box;margin-top:4px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:100%;left:0;transform-origin:50% 0;transform:scale(.75) translateY(-21px);transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;z-index:9}.nice-select .list:hover .option:not(:hover){background-color:transparent!important}.nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;min-height:40px;outline:none;padding-left:18px;padding-right:29px;text-align:left;transition:all .2s}.nice-select .option.focus,.nice-select .option.selected.focus,.nice-select .option:hover{background-color:#f6f6f6}.nice-select .option.selected{font-weight:700}.nice-select .option.disabled{background-color:transparent;color:#999;cursor:default}.no-csspointerevents .nice-select .list{display:none}.no-csspointerevents .nice-select.open .list{display:block}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-bg,.mfp-wrap{top:0;left:0;width:100%;height:100%;position:fixed}.mfp-wrap{z-index:1043;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;-ms-touch-action:manipulation;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:"";display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure,img.mfp-img{line-height:0}.mfp-figure:after{content:"";position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-height:300px),screen and (max-width:800px) and (orientation:landscape){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media (max-width:900px){.mfp-arrow{transform:scale(.75)}.mfp-arrow-left{transform-origin:0}.mfp-arrow-right{transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}mark.im-caret{animation:1s f step-end infinite!important}mark.im-caret-select{background-color:rgba(0,0,0,.25)}@keyframes f{0%,to{border-right-color:#000}50%{border-right-color:transparent}}span.im-static{color:grey}div.im-colormask{display:inline-block;border-style:inset;border-width:2px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;cursor:text}div.im-colormask>input,div.im-colormask>input:-webkit-autofill{position:absolute!important;display:inline-block;background-color:transparent;color:transparent;-webkit-text-fill-color:transparent;transition:background-color 5000s ease-in-out 0s;caret-color:transparent;text-shadow:none;-webkit-appearance:caret;appearance:caret;border-style:none;left:0}div.im-colormask>input:focus{outline:none}div.im-colormask>input::selection{background:none}div.im-colormask>input::-moz-selection{background:none}div.im-colormask>input:-webkit-autofill~div{background-color:#faffbd}div.im-colormask>div{color:#000;display:inline-block;width:100px}[im-insert=false]{caret-color:red;caret-shape:block}.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-container-multirow>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:50%;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:hsla(0,0%,100%,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:g 1s steps(12) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")}@keyframes g{to{transform:rotate(1turn)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
/* End */


/* Start:/local/templates/main/components/bitrix/sale.basket.basket.line/small_basket/style.css?17550981822634*/
.bx-basket {
	position: relative;
}

.bx-basket:hover .bx-basket-item-list {
	display: block;
}

.bx-basket-item-list {
	width: 270px;
	display: none;
	position: absolute;
	right: -50%;
    margin-top: -3px;
	overflow: hidden;
	border: 1px solid #f7f7f7;
	background: #fff;
	box-shadow: 0px 2px 16px -8px #000;
    z-index: 10;
}
.bx-basket-item-list-item-status {
	margin-bottom: 10px;
	padding: 5px;
	background: #ebebeb;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}
.bx-basket-item-list-button-container {
	padding: 10px 0;
	text-align: center;
}
.bx-basket-item-list-container {
	overflow-y: auto;
	height: 100%;
    max-height: 400px;
}

.bx-basket-item-list-item {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	padding: 15px 10px;
	border-bottom: 1px solid #ebebeb;
}

.bx-basket-item-list-item-img {
	width: 30%;
	text-align: center;
}

.bx-basket-item-list-item-img img {
	max-width: 100%;
	width: auto;
	height: auto;
}

.bx-basket-item-list-item-name {
	width: 70%;
}

.bx-basket-item-list-item-name a {
	display: block;
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 8px;
}

.bx-basket-item-list-item-remove {
	position: absolute;
	top: 10px;
	right: 5px;
	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 {
	width: 100%;
	padding-top: 10px;
	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-basket-item-list-item-price-summ {
	padding-top: 5px;
}
/* End */


/* Start:/local/templates/main/components/bitrix/main.register/reg/style.css?1755098182463*/
div.bx-auth-reg input.bx-auth-input {vertical-align:middle;}
div.bx-auth-reg span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:middle;}
div.bx-auth-reg div.bx-auth-secure-icon {background-image:url(/local/templates/main/components/bitrix/main.register/reg/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;}
div.bx-auth-reg div.bx-auth-secure-unlock {background-image:url(/local/templates/main/components/bitrix/main.register/reg/images/sec-unlocked.png);}


/* End */


/* Start:/local/templates/main/template_styles.css?1755098183367203*/
@import"https://fonts.googleapis.com/css?family=Roboto:300,400,900";
.pgs-body .mCSB_scrollTools .mCSB_buttonUp,
.pgs-body .mCSB_scrollTools .mCSB_buttonDown,
.pgs-body .mCSB_scrollTools .mCSB_buttonLeft,
.pgs-body .mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(/local/templates/main/mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.pgs-body .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.pgs-body .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.pgs-body .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.pgs {
    position: fixed;
    top: 0;
    left: -300px;
    z-index: 1000;
    width: 277px;
    height: 100%;
    background-color: #252527;
    box-shadow: 0 0 27px #00000045;
    -webkit-transition: left .3s ease;
    transition: left .3s ease;
    overflow: hidden
}

.pgs.pgs-active-panel,
.pgs-nav.pgs-active-panel,
.pgs-footer.pgs-active-panel {
    left: 0;
    -webkit-transition: left .3s ease;
    transition: left .3s ease
}

.pgs-btn {
    width: 51px;
    height: 46px;
    background-color: #2e2e30;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    padding: 14px 18px;
    cursor: pointer
}

.pgs-btn span {
    height: 4px;
    width: 14px;
    border-radius: 2px;
    background-color: #949494;
    display: block;
    margin: 4px 0
}

.pgs-btn span:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .12s ease;
    transition: all .12s ease
}

.pgs-btn span:last-child {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .12s ease;
    transition: all .12s ease
}

.pgs-btn.pgs-btn-active span:first-child {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .12s ease;
    transition: all .12s ease
}

.pgs-btn.pgs-btn-active span:last-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .12s ease;
    transition: all .12s ease
}

.pgs-project-name {
    width: 277px;
    height: 46px;
    display: block;
    background-color: #39393d;
    padding-left: 79px;
    padding-right: 23px;
    text-align: right
}

.pgs-project-name span {
    font-size: 14px;
    line-height: 46px;
    color: #8e8e8e
}

.pgs-project-logo {
    width: 277px;
    height: 154px;
    position: relative;
    display: block;
    background-color: #2f2f33;
    padding: 15px 56px
}

.pgs-project-logo #pgs-logo {
    max-width: 170px;
    height: auto;
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.pgs-project-logo .pgs-project-version-site {
    font-size: 10px;
    font-weight: 300;
    color: #fff;
    padding: 4px;
    background-color: #5b8b15;
    border-radius: 2px;
    position: absolute;
    top: 15px;
    left: 13px
}

.pgs-nav {
    border-top: 1px solid #37373c;
    width: 277px;
    display: block;
    position: fixed;
    top: 200px;
    bottom: 248px;
    left: -300px;
    background-color: #252527;
    -webkit-transition: left .3s ease;
    transition: left .3s ease
}

.pgs-nav ul {
    margin: 0;
    padding: 22px 27px;
    overflow-y: auto;
    overflow-x: visible;
    list-style: none
}

.pgs-nav ul li {
    min-height: 39px;
    border-bottom: 1px solid #323236
}

.pgs-nav ul li a {
    background-color: transparent;
    font-size: 14px;
    color: #8e8e8e;
    line-height: 39px;
    -webkit-transition: all .14s ease;
    transition: all .14s ease;
    text-decoration: none;
    display: block;
    padding: 0 10px
}

.pgs-nav ul li a:hover {
    color: #fff;
    background-color: #323236;
    -webkit-transition: all .14s ease;
    transition: all .14s ease
}

.pgs-footer {
    width: 277px;
    height: 248px;
    display: block;
    background-color: #2b2b2e;
    padding: 30px 50px;
    position: fixed;
    left: -300px;
    bottom: 0;
    box-shadow: 0 -60px 50px -20px #2b2b2eb3;
    -webkit-transition: left .3s ease;
    transition: left .3s ease
}

.pgs-footer #tech {
    display: block;
    margin: 0 auto;
    width: 179px;
    height: 52px
}

.pgs-footer #pgs-logo-group {
    margin: 34px auto 19px;
    display: block;
    width: 113px;
    height: 43px
}

.pgs-footer #pgs-phone {
    font-size: 18px;
    line-height: 36px;
    color: #8e8e8e;
    font-weight: 900;
    display: block;
    text-align: center;
    cursor: default;
    text-decoration: none
}

.pgs-footer #pgs-phone:hover {
    text-decoration: none
}

.pgs-footer #pgs-domen {
    font-size: 14px;
    line-height: 16px;
    color: #8e8e8e;
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: 300
}

@media (max-width: 768px) {
    .pgs-project-name,
    .pgs-project-logo,
    .pgs-footer {
        display: none !important
    }
    .pgs-nav {
        top: 0;
        bottom: 0;
        left: -300px
    }
    .pgs-nav ul {
        margin-top: 40px
    }
}

.pgs-body .mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none
}

.pgs-body .mCustomScrollbar.mCS_no_scrollbar {
    -ms-touch-action: auto;
    touch-action: auto
}

.pgs-body .mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr
}

.pgs-body .mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.pgs-body .mCSB_inside>.mCSB_container {
    margin-right: 0
}

.pgs-body .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.pgs-body .mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.pgs-body .mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.pgs-body .mCSB_scrollTools {
    position: absolute;
    width: 8px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.pgs-body .mCSB_outside+.mCSB_scrollTools {
    right: -26px
}

.pgs-body .mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.pgs-body .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0
}

.pgs-body .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px
}

.pgs-body .mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.pgs-body .mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}

.pgs-body .mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.pgs-body .mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.pgs-body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.pgs-body .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.pgs-body .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.pgs-body .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.pgs-body .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.pgs-body .mCSB_scrollTools .mCSB_buttonUp,
.pgs-body .mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.pgs-body .mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.pgs-body .mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.pgs-body .mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}

.pgs-body .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.pgs-body .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.pgs-body .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.pgs-body .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.pgs-body .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px
}

.pgs-body .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.pgs-body .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.pgs-body .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.pgs-body .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.pgs-body .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.pgs-body .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.pgs-body .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.pgs-body .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.pgs-body .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.pgs-body .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.pgs-body .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.pgs-body .mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.pgs-body .mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px
}

.pgs-body .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.pgs-body .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.pgs-body .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.pgs-body .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.pgs-body .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.pgs-body .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.pgs-body .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.pgs-body .mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.pgs-body .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pgs-body .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pgs-body .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.pgs-body .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.pgs-body .mCSB_scrollTools,
.pgs-body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCSB_scrollTools .mCSB_buttonUp,
.pgs-body .mCSB_scrollTools .mCSB_buttonDown,
.pgs-body .mCSB_scrollTools .mCSB_buttonLeft,
.pgs-body .mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.pgs-body .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.pgs-body .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.pgs-body .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.pgs-body .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.pgs-body .mCSB_scrollTools {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.pgs-body .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.pgs-body .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.pgs-body .mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.pgs-body .mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.pgs-body .mCustomScrollBox:hover>.mCSB_scrollTools,
.pgs-body .mCustomScrollBox:hover~.mCSB_scrollTools,
.pgs-body .mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.pgs-body .mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.pgs-body .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: #0006;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.pgs-body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: #ffffffbf;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.pgs-body .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: #ffffffd9;
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.pgs-body .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.pgs-body .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: #ffffffe6;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.pgs-body .mCSB_scrollTools .mCSB_buttonUp,
.pgs-body .mCSB_scrollTools .mCSB_buttonDown,
.pgs-body .mCSB_scrollTools .mCSB_buttonLeft,
.pgs-body .mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(/local/templates/main/mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.pgs-body .mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.pgs-body .mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.pgs-body .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.pgs-body .mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.pgs-body .mCSB_scrollTools .mCSB_buttonUp:hover,
.pgs-body .mCSB_scrollTools .mCSB_buttonDown:hover,
.pgs-body .mCSB_scrollTools .mCSB_buttonLeft:hover,
.pgs-body .mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.pgs-body .mCSB_scrollTools .mCSB_buttonUp:active,
.pgs-body .mCSB_scrollTools .mCSB_buttonDown:active,
.pgs-body .mCSB_scrollTools .mCSB_buttonLeft:active,
.pgs-body .mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.pgs-body .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: #00000026
}

.pgs-body .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: #000000bf
}

.pgs-body .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000000d9
}

.pgs-body .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.pgs-body .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000000e6
}

.pgs-body .mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.pgs-body .mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.pgs-body .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.pgs-body .mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.pgs-body .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.pgs-body .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: #ffffff1a;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.pgs-body .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: #ffffffbf;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.pgs-body .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.pgs-body .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.pgs-body .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.pgs-body .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: #ffffffd9
}

.pgs-body .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.pgs-body .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: #ffffffe6
}

.pgs-body .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.pgs-body .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.pgs-body .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.pgs-body .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.pgs-body .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: #0000001a;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.pgs-body .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: #000000bf;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.pgs-body .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: #000000d9
}

.pgs-body .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.pgs-body .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: #000000e6
}

.pgs-body .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.pgs-body .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.pgs-body .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.pgs-body .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.pgs-body .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.pgs-body .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: #ffffff1a;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.pgs-body .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
    background-color: #fff;
    background-color: #ffffffbf;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.pgs-body .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.pgs-body .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.pgs-body .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.pgs-body .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: #ffffffd9
}

.pgs-body .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.pgs-body .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: #ffffffe6
}

.pgs-body .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.pgs-body .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.pgs-body .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.pgs-body .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.pgs-body .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #757575;
    background-color: #75757500;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0
}

.pgs-body .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #757575;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0
}

.pgs-body .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.pgs-body .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.pgs-body .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #757575
}

.pgs-body .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.pgs-body .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.pgs-body .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.pgs-body .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.pgs-body .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: #ffffff1a
}

.pgs-body .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.pgs-body .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.pgs-body .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.pgs-body .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.pgs-body .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: #00000026
}

.pgs-body .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: #000000bf
}

.pgs-body .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: #000000d9
}

.pgs-body .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.pgs-body .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: #000000e6
}

.pgs-body .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.pgs-body .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.pgs-body .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.pgs-body .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.pgs-body .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: #ffffff26
}

.pgs-body .mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.pgs-body .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.pgs-body .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.pgs-body .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.pgs-body .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.pgs-body .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.pgs-body .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.pgs-body .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.pgs-body .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.pgs-body .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.pgs-body .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.pgs-body .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.pgs-body .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.pgs-body .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.pgs-body .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.pgs-body .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.pgs-body .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.pgs-body .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.pgs-body .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.pgs-body .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.pgs-body .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.pgs-body .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.pgs-body .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.pgs-body .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.pgs-body .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.pgs-body .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.pgs-body .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.pgs-body .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.pgs-body .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: #000000bf
}

.pgs-body .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: #00000026
}

.pgs-body .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.pgs-body .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: #000000d9
}

.pgs-body .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.pgs-body .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.pgs-body .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.pgs-body .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: #000000e6
}

.pgs-body .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.pgs-body .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.pgs-body .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.pgs-body .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.pgs-body .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.pgs-body .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.pgs-body .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.pgs-body .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.pgs-body .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.pgs-body .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.pgs-body .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.pgs-body .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.pgs-body .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.pgs-body .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.pgs-body .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.pgs-body .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.pgs-body .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.pgs-body .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.pgs-body .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.pgs-body .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.pgs-body .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.pgs-body .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.pgs-body .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.pgs-body .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, #ffffff80, #fff0)
}

.pgs-body .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, #ffffff80, #fff0)
}

.pgs-body .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.pgs-body .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.pgs-body .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.pgs-body .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.pgs-body .mCS-3d.mCSB_scrollTools,
.pgs-body .mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.pgs-body .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.pgs-body .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.pgs-body .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.pgs-body .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.pgs-body .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: #0003;
    box-shadow: inset 1px 0 1px #00000080, inset -1px 0 1px #fff3
}

.pgs-body .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.pgs-body .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.pgs-body .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.pgs-body .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.pgs-body .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.pgs-body .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555
}

.pgs-body .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.pgs-body .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.pgs-body .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px #00000080, inset 0 -1px 1px #fff3
}

.pgs-body .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.pgs-body .mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.pgs-body .mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.pgs-body .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.pgs-body .mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.pgs-body .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: #0000001a;
    box-shadow: inset 1px 0 1px #0000001a
}

.pgs-body .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px #0000001a
}

.pgs-body .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.pgs-body .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.pgs-body .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.pgs-body .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.pgs-body .mCS-3d-thick.mCSB_scrollTools,
.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.pgs-body .mCS-3d-thick.mCSB_scrollTools,
.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools,
.pgs-body .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.pgs-body .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.pgs-body .mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,
.pgs-body .mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px
}

.pgs-body .mCS-3d-thick.mCSB_scrollTools_vertical,
.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px #0000001a, inset 0 0 14px #00000080
}

.pgs-body .mCS-3d-thick.mCSB_scrollTools_horizontal,
.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px #0000001a, inset 0 0 14px #00000080
}

.pgs-body .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 #fff6;
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.pgs-body .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px #fff6
}

.pgs-body .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.pgs-body .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.pgs-body .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555
}

.pgs-body .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto
}

.pgs-body .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: #0000000d;
    box-shadow: inset 1px 1px 16px #0000001a
}

.pgs-body .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.pgs-body .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.pgs-body .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.pgs-body .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.pgs-body .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px #0003
}

.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px #0000001a, inset 0 0 14px #0003
}

.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 #fff6, inset -1px 0 #0003
}

.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px #fff6, inset 0 -1px #0003
}

.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777
}

.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: #0000000d;
    box-shadow: inset 1px 1px 16px #0000001a
}

.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.pgs-body .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.pgs-body .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.pgs-body .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.pgs-body .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.pgs-body .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.pgs-body .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.pgs-body .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.pgs-body .mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.pgs-body .mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.pgs-body .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.pgs-body .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.pgs-body .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.pgs-body .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.pgs-body .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.pgs-body .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.pgs-body .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: #fff3;
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.pgs-body .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.pgs-body .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: #ffffff80;
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.pgs-body .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: #0003;
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.pgs-body .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.pgs-body .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: #00000080;
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.pgs-body .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.pgs-body .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: #0003
}

.pgs-body .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.pgs-body .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.pgs-body .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.pgs-body .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.pgs-body .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.pgs-body .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.pgs-body .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.pgs-body .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.pgs-body .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.pgs-body .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.pgs-body .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.pgs-body .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.pgs-body .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.pgs-body .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.pgs-body .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.pgs-body .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: #000000bf
}

.pgs-body .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: #000000d9
}

.pgs-body .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.pgs-body .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: #000000e6
}

.pgs-body .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: #0000001a
}

.pgs-body .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.pgs-body .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.pgs-body .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.pgs-body .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.pgs-body .mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.pgs-body .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.pgs-body .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.pgs-body .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.pgs-body .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.pgs-body .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: #0003
}

.pgs-body .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.pgs-body .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.pgs-body .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.pgs-body .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.pgs-body .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.pgs-body .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.pgs-body .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.pgs-body .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.pgs-body .mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.pgs-body .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.pgs-body .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.pgs-body .mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.pgs-body .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.pgs-body .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.pgs-body .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.pgs-body .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.pgs-body .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.pgs-body .mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.pgs-body .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.pgs-body .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.pgs-body .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pgs-body .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: #000000bf
}

.pgs-body .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.pgs-body .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.pgs-body .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: #000000d9
}

.pgs-body .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.pgs-body .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.pgs-body .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.pgs-body .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.pgs-body .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.pgs-body .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: #000000e6
}

.pgs-body .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.pgs-body .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.pgs-body .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: #0000001a
}

.pgs-body .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.pgs-body .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.pgs-body .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.pgs-body .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.pgs-body .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.pgs-body .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.pgs-body .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.pgs-body .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.pgs-body .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.pgs-body .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.pgs-body .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.pgs-body .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.pgs-body .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.pgs-body .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: #fff3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pgs-body .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: #0003
}

.pgs-body .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: #fff9
}

.pgs-body .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: #0009
}

.pgs-body .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: #000000bf
}

.pgs-body .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: #000000d9
}

.pgs-body .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.pgs-body .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: #000000e6
}

.pgs-body .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: #ffffffbf
}

.pgs-body .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: #ffffffd9
}

.pgs-body .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.pgs-body .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: #ffffffe6
}

@font-face {
    font-family: Inter;
    src: url(/local/templates/main/fonts/Inter-Regular.woff2), url(/local/templates/main/fonts/Inter-Regular.woff), url(/local/templates/main/fonts/Inter-Regular.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: PFAgoraSansPro;
    src: url(/local/templates/main/fonts/PFAgoraSansPro-Bold.woff2), url(/local/templates/main/fonts/PFAgoraSansPro-Bold.woff), url(/local/templates/main/fonts/PFAgoraSansPro-Bold.ttf);
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: PFAgoraSansPro;
    src: url(/local/templates/main/fonts/PFAgoraSansPro-Medium.woff2), url(/local/templates/main/fonts/PFAgoraSansPro-Medium.woff), url(/local/templates/main/fonts/PFAgoraSansPro-Medium.ttf);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: PFAgoraSansPro;
    src: url(/local/templates/main/fonts/PFAgoraSansPro-Regular.woff2), url(/local/templates/main/fonts/PFAgoraSansPro-Regular.woff), url(/local/templates/main/fonts/PFAgoraSansPro-Regular.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: PFAgoraSlabPro;
    src: url(/local/templates/main/fonts/PFAgoraSlabPro-Bold.woff2), url(/local/templates/main/fonts/PFAgoraSlabPro-Bold.woff), url(/local/templates/main/fonts/PFAgoraSlabPro-Bold.ttf);
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: PFAgoraSlabPro;
    src: url(/local/templates/main/fonts/PFAgoraSlabPro-Medium.woff2), url(/local/templates/main/fonts/PFAgoraSlabPro-Medium.woff), url(/local/templates/main/fonts/PFAgoraSlabPro-Medium.ttf);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

* {
    padding: 0;
    margin: 0;
    border: none
}

*,
*:before,
*:after {
    box-sizing: border-box
}

*:focus,
*:active {
    outline: none
}

a,
a:link,
a:hover {
    background-color: transparent;
    text-decoration: none;
    color: inherit
}

nav,
header,
main,
aside,
footer,
section {
    display: block
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-size: inherit;
    font-weight: inherit
}

ul,
ol,
ul li,
ol li {
    list-style: none
}

img {
    vertical-align: top
}

img,
svg {
    max-width: 100%;
    height: auto
}

address {
    font-style: normal
}

input,
textarea,
button,
select {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: transparent
}

input::-ms-clear {
    display: none
}

button,
input[type=submit] {
    display: inline-block;
    box-shadow: none;
    background-color: transparent;
    background: none;
    cursor: pointer
}

input:focus,
input:active,
button:focus,
button:active {
    outline: none
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

label {
    cursor: pointer
}

legend {
    display: block
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-vertical .noUi-origin {
    top: -100%;
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform .3s;
    transition: transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    bottom: -17px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
}

.noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #3fb8af
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

.noUi-handle:before,
.noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
    cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-sub,
.noUi-marker-large {
    background: #aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translateY(-50%);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translateY(50%)
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translateY(-50%);
    top: 50%;
    right: 120%
}

.noUi-horizontal .noUi-origin>.noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%);
    left: auto;
    bottom: 10px
}

.noUi-vertical .noUi-origin>.noUi-tooltip {
    -webkit-transform: translate(0, -18px);
    transform: translateY(-18px);
    top: auto;
    right: 28px
}

:root {
    --color-dark-blue: #004669;
    --color-gray: #cfcfcf;
    --color-dark-gray: #6d6e71;
    --color-black: #333333;
    --color-blue: #006daa;
    --color-orange: #f47920;
    --color-red: #f04e23;
    --color-red-default: #eb5757;
    --color-yellow: #fcaf17;
    --color-cyan: #00aee6;
    --color-dark-orange: #de6b20;
    --color-white: #f5f5f5;
    --color-light-white: #fff;
    --color-violet: #c629ff;
    --color-black-opacity-30: #3333333f;

}

.text-lg {
    font-size: 16px
}

.text-base {
    font-size: 14px
}

.text-sm {
    font-size: 15px
}

.text-xs {
    font-size: 12px
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 500
}

a {
    cursor: pointer
}

.flex-block-tmp {
    display: flex;
    flex-direction: column;
    padding-top: 50px
}

.flex-block-tmp .container {
    display: flex;
    flex-direction: column;
    gap: 30px
}

.mog-wrapper {
    transition: all .2s;
    position: relative;
    width: max-content
}

.mog-wrapper .mog-label {
    transition: all .2s;
    background-color: var(--color-light-white);
    position: absolute;
    top: -8px;
    left: 15px;
    font-size: .8rem;
    padding-inline: 2px;
    z-index: 5;
    display: none
}

.mog-wrapper .mog-label.error {
    display: block;
    top: auto;
    bottom: -7px;
    color: var(--color-red)
}

.mog-wrapper .mog-label.visible {
    display: block
}

.mog-wrapper .mog-label.placeholder {
    display: block;
    top: 10px;
    background-color: #0000;
    color: var(--color-gray);
    font-size: 1rem
}

.mog-wrapper .mog-input {
    position: relative;
    background-color: var(--color-white);
    border: 1px solid var(--color-white);
    border-radius: 5px;
    color: var(--color-gray);
    padding: 10px 15px;
    transition: all .2s;
    font-size: 15px;
    font-weight: 400
}

.mog-wrapper .mog-input::placeholder {
    color: var(--color-gray)
}

.mog-wrapper .mog-input:focus {
    color: var(--color-dark-gray);
    border-color: var(--color-dark-gray)
}

.mog-wrapper .mog-input.error {
    color: var(--color-red)-default;
    border-color: var(--color-red)-default
}

.mog-wrapper .mog-input.mog-input-dropdown {
    padding-right: 30px;
    width: calc(100% - 15px)
}

.mog-wrapper .mog-input.mog-with-icon__right {
    width: 100%;
    padding-right: 30px
}

.mog-wrapper .mog-input.mog-with-icon__left {
    width: 100%;
    padding-left: 30px
}

.mog-wrapper .mog-input.mog-ok {
    border-color: var(--color-orange);
    color: var(--color-orange)
}

.mog-wrapper .mog-icon {
    cursor: pointer;
    position: absolute
}

.mog-wrapper .mog-icon__right {
    right: 8px
}

.mog-wrapper .mog-icon__left {
    left: 8px
}

.mog-tabs {
    display: flex
}

.mog-tabs .mog-tab {
    border: 1px solid var(--color-light-white);
    transition: all .2s;
    cursor: pointer;
    border-radius: 25px;
    color: #333;
    width: 100%;
    max-height: 100%;
    padding: 8px 20px;
    white-space: nowrap;
    text-align: center
}

.mog-tabs .mog-tab:hover {
    background-color: transparent;
    color: var(--color-orange);
    border: 1px solid var(--color-orange)
}

.mog-tabs .mog-tab.active {
    border: 1px solid #333333;
    background-color: #333;
    color: #fff
}

.mog-tab-list .mog-tab-item {
    display: none
}

.mog-tab-list .mog-tab-item.active {
    display: block
}

.mog-button {
    transition: all .2s
}

.mog-button-dropdown {
    position: absolute;
    right: 18px;
    top: 8px
}

.mog-button-normal {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 15px 35px;
    border-radius: 25px;
    border: 1px solid var(--color-black);
    transition: all .2s
}

.mog-button-normal__icon-right {
    margin-left: 10px
}

.mog-button-normal__icon:first-child:not(:last-child) {
    margin-right: 10px
}

.mog-button-normal__icon:last-child:not(:first-child) {
    margin-left: 10px
}

.mog-button-normal__icon:not(:first-child):not(:last-child) {
    margin-right: 0;
    margin-left: 10px
}

.mog-button-normal__icon--mx-xs:first-child:not(:last-child) {
    margin-right: 4px
}

.mog-button-normal__icon--mx-xs:not(:first-child):not(:last-child) {
    margin-right: 0;
    margin-left: 4px
}

.mog-button-normal__icon--mx-xs:last-child:not(:first-child) {
    margin-left: 4px
}

.mog-button-normal__icon:not(:last-child)+.mog-button-normal__icon {
    margin-left: 0
}

.mog-button-input {
    padding: 14.5px 35px;
    position: absolute
}

.mog-button-with-icon {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    border: 1px solid var(--color-black);
    padding: 15px 35px;
    width: 100%;
    transition: all .2s
}

.mog-btn__help {
    position: relative
}

.mog-btn__help:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(/local/templates/main/icons/all/circle-help.svg);
    mask-image: url(/local/templates/main/icons/all/circle-help.svg)
}

.mog-btn__help-orange {
    position: relative
}

.mog-btn__help-orange:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='17'%20height='17'%20viewBox='0%200%2017%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.3175%206.25C6.49383%205.74875%206.84186%205.32608%207.29997%205.05685C7.75807%204.78762%208.29667%204.6892%208.82038%204.77903C9.34409%204.86886%209.81911%205.14114%2010.1613%205.54765C10.5035%205.95415%2010.6908%206.46864%2010.69%207C10.69%208.5%208.44%209.25%208.44%209.25M8.5%2012.25H8.5075M16%208.5C16%2012.6421%2012.6421%2016%208.5%2016C4.35786%2016%201%2012.6421%201%208.5C1%204.35786%204.35786%201%208.5%201C12.6421%201%2016%204.35786%2016%208.5Z'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='17'%20height='17'%20viewBox='0%200%2017%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.3175%206.25C6.49383%205.74875%206.84186%205.32608%207.29997%205.05685C7.75807%204.78762%208.29667%204.6892%208.82038%204.77903C9.34409%204.86886%209.81911%205.14114%2010.1613%205.54765C10.5035%205.95415%2010.6908%206.46864%2010.69%207C10.69%208.5%208.44%209.25%208.44%209.25M8.5%2012.25H8.5075M16%208.5C16%2012.6421%2012.6421%2016%208.5%2016C4.35786%2016%201%2012.6421%201%208.5C1%204.35786%204.35786%201%208.5%201C12.6421%201%2016%204.35786%2016%208.5Z'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")
}

.mog-btn__minus {
    position: relative
}

.mog-btn__minus:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(/local/templates/main/icons/all/minus.svg);
    mask-image: url(/local/templates/main/icons/all/minus.svg)
}

.mog-btn__delete {
    position: relative
}

.mog-btn__delete:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(/local/templates/main/icons/all/delete.svg);
    mask-image: url(/local/templates/main/icons/all/delete.svg)
}

.mog-btn__plus {
    position: relative
}

.mog-btn__plus:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(/local/templates/main/icons/all/plus.svg);
    mask-image: url(/local/templates/main/icons/all/plus.svg)
}

.mog-btn__download {
    position: relative
}

.mog-btn__download:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(/local/templates/main/icons/all/download.svg);
    mask-image: url(/local/templates/main/icons/all/download.svg)
}

a.mog-color,
.mog-color {
    transition: all .2s
}

a.mog-color__button-orange,
.mog-color__button-orange {
    color: var(--color-light-white);
    background-color: var(--color-orange);
    border: 1px solid var(--color-orange);
    transition: all .2s
}

a.mog-color__button-orange:hover,
.mog-color__button-orange:hover {
    color: var(--color-orange);
    background-color: transparent
}

a.mog-color__button-orange:after,
.mog-color__button-orange:after {
    background-color: var(--color-light-white)
}

a.mog-color__button-orange:hover:after,
.mog-color__button-orange:hover:after {
    background-color: var(--color-orange)
}

a.mog-color__button-orange:disabled,
.mog-color__button-orange:disabled {
    opacity: .8;
    pointer-events: none
}

a.mog-color__button-white-br-orange,
.mog-color__button-white-br-orange {
    color: var(--color-orange);
    background-color: var(--color-light-white);
    border: 1px solid var(--color-orange);
    transition: all .2s
}

a.mog-color__button-white-br-orange:hover,
.mog-color__button-white-br-orange:hover {
    color: var(--color-light-white);
    background-color: var(--color-orange)
}

a.mog-color__button-white-br-orange:after,
.mog-color__button-white-br-orange:after {
    background-color: var(--color-orange)
}

a.mog-color__button-white-br-orange:hover:after,
.mog-color__button-white-br-orange:hover:after {
    background-color: var(--color-light-white)
}

a.mog-color__button-white-br-orange:disabled,
.mog-color__button-white-br-orange:disabled {
    opacity: .8;
    pointer-events: none
}

a.mog-color__button-transparent-br-orange,
.mog-color__button-transparent-br-orange {
    color: var(--color-orange);
    background-color: transparent;
    border: 1px solid var(--color-orange);
    transition: all .2s
}

a.mog-color__button-transparent-br-orange:hover,
.mog-color__button-transparent-br-orange:hover {
    color: var(--color-light-white);
    background-color: var(--color-orange)
}

a.mog-color__button-transparent-br-orange:after,
.mog-color__button-transparent-br-orange:after {
    background-color: var(--color-orange)
}

a.mog-color__button-transparent-br-orange:hover:after,
.mog-color__button-transparent-br-orange:hover:after {
    background-color: var(--color-light-white)
}

a.mog-color__button-transparent-br-orange:disabled,
.mog-color__button-transparent-br-orange:disabled {
    opacity: .8;
    pointer-events: none
}

a.mog-color__button-transparent,
.mog-color__button-transparent {
    align-items: center;
    display: flex;
    color: var(--color-light-white);
    background-color: transparent;
    border: 1px solid var(--color-light-white);
    transition: all .2s
}

a.mog-color__button-transparent:hover,
.mog-color__button-transparent:hover {
    color: var(--color-light-white);
    background-color: var(--color-orange);
    border: 1px solid var(--color-orange)
}

a.mog-color__button-transparent:after,
.mog-color__button-transparent:after {
    background-color: var(--color-light-white)
}

a.mog-color__button-transparent:hover:after,
.mog-color__button-transparent:hover:after {
    background-color: var(--color-light-white)
}

a.mog-color__button-transparent:disabled,
.mog-color__button-transparent:disabled {
    opacity: .8;
    pointer-events: none
}

a.mog-color__button-blue-br,
.mog-color__button-blue-br {
    color: var(--color-blue);
    background-color: transparent;
    border: 1px solid var(--color-blue);
    transition: all .2s
}

a.mog-color__button-blue-br:hover,
.mog-color__button-blue-br:hover {
    color: var(--color-light-white);
    background-color: var(--color-blue)
}

a.mog-color__button-blue-br:after,
.mog-color__button-blue-br:after {
    background-color: var(--color-blue)
}

a.mog-color__button-blue-br:hover:after,
.mog-color__button-blue-br:hover:after {
    background-color: var(--color-light-white)
}

a.mog-color__button-blue-br:disabled,
.mog-color__button-blue-br:disabled {
    opacity: .8;
    pointer-events: none
}

.mog-content {
    padding: 80px 100px
}

.mog-label {
    transition: all .2s
}

.mog-label__radio-button {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px
}

.mog-label__radio-button input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.mog-label__radio-button input:not(:disabled):not(:checked)+span:hover:before {
    border-color: var(--color-gray)
}

.mog-label__radio-button input:not(:disabled):active+span:before {
    background-color: #ffe1b3;
    border-color: #ffe1b3
}

.mog-label__radio-button input:focus+span:before {
    box-shadow: 0 0 0 .2rem #ff940940
}

.mog-label__radio-button input:focus:not(:checked)+span:before {
    border-color: #fdce87
}

.mog-label__radio-button input:checked+span:before {
    border-color: var(--color-orange);
    background-color: var(--color-orange)
}

.mog-label__radio-button input:checked+span:after {
    content: "";
    position: absolute;
    z-index: 1;
    background-color: var(--color-light-white);
    width: 8px;
    height: 8px;
    border-radius: 50px;
    left: 6.3px;
    top: 6px
}

.mog-label__radio-button input:disabled+span:after {
    background-color: transparent
}

.mog-label__radio-button span {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
    user-select: none
}

.mog-label__radio-button span:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid var(--color-gray);
    border-radius: 50%;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.mog-label__checkbox {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px
}

.mog-label__checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.mog-label__checkbox input:not(:disabled):not(:checked)+span:hover:before {
    border-color: var(--color-gray)
}

.mog-label__checkbox input:not(:disabled):active+span:before {
    background-color: #ffe1b3;
    border-color: #ffe1b3
}

.mog-label__checkbox input:focus:not(:checked)+span:before {
    border-color: #fdce87
}

.mog-label__checkbox input:checked+span:before {
    border-color: var(--color-orange);
    background-color: var(--color-orange)
}

.mog-label__checkbox input:checked+span:after {
    position: absolute;
    display: block;
    content: "";
    -webkit-mask-image: url(/local/templates/main/icons/all/ok.svg);
    mask-image: url(/local/templates/main/icons/all/ok.svg);
    mask-clip: no-clip;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 8%;
    mask-size: 8%;
    background-color: var(--color-light-white);
    width: 100%;
    height: 100%;
    top: 1px;
    left: 2px
}

.mog-label__checkbox input:disabled+span:after {
    background-color: transparent
}

.mog-label__checkbox>span {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
    user-select: none
}

.mog-label__checkbox>span:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid var(--color-gray);
    border-radius: 3px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.mog-counter {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    border-radius: 25px;
    border: 1px solid var(--color-orange);
    width: 100%;
    min-height: 41px;
    max-width: max-content;
    padding: 10px
}

.mog-counter button {
    width: 22px;
    height: 22px
}

.mog-counter button:after {
    background-color: var(--color-orange)
}

.mog-counter button:hover:after {
    background-color: var(--color-gray)
}

.mog-counter input {
    display: flex;
    width: max-content;
    max-width: 20px;
    text-align: center;
    margin-inline: 5px
}

.mog-counter input::-webkit-outer-spin-button,
.mog-counter input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.icon__authorization {
    position: relative
}

.icon__authorization:after {
    content: "";
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2013C13.6569%2013%2015%2011.6569%2015%2010C15%208.34315%2013.6569%207%2012%207C10.3431%207%209%208.34315%209%2010C9%2011.6569%2010.3431%2013%2012%2013Z'%20stroke='%23171724'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12%2021C16.9706%2021%2021%2016.9706%2021%2012C21%207.02944%2016.9706%203%2012%203C7.02944%203%203%207.02944%203%2012C3%2016.9706%207.02944%2021%2012%2021Z'%20stroke='%23171724'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M18%2018C16.32%2016.6667%2014.28%2016%2012%2016C9.72%2016%207.68%2016.8%206%2018'%20stroke='%23171724'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2013C13.6569%2013%2015%2011.6569%2015%2010C15%208.34315%2013.6569%207%2012%207C10.3431%207%209%208.34315%209%2010C9%2011.6569%2010.3431%2013%2012%2013Z'%20stroke='%23171724'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12%2021C16.9706%2021%2021%2016.9706%2021%2012C21%207.02944%2016.9706%203%2012%203C7.02944%203%203%207.02944%203%2012C3%2016.9706%207.02944%2021%2012%2021Z'%20stroke='%23171724'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M18%2018C16.32%2016.6667%2014.28%2016%2012%2016C9.72%2016%207.68%2016.8%206%2018'%20stroke='%23171724'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    background-color: var(--color-light-white);
    display: inline-block;
    margin-left: 5px;
    width: 24px;
    height: 24px;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon__plus {
    position: relative
}

.icon__plus:after {
    content: "";
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2012L18%2012M12%2012L12%206M12%2012L6%2012M12%2012L12%2018'%20stroke='black'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2012L18%2012M12%2012L12%206M12%2012L6%2012M12%2012L12%2018'%20stroke='black'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    display: inline-block;
    margin-left: 5px;
    width: 24px;
    height: 24px;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon__left-arrow {
    position: relative
}

.icon__left-arrow:after {
    content: "";
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='23'%20height='14'%20viewBox='0%200%2023%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%206.95181H9H22M22%206.95181L17.5323%203M22%206.95181L17.5323%2011'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='23'%20height='14'%20viewBox='0%200%2023%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%206.95181H9H22M22%206.95181L17.5323%203M22%206.95181L17.5323%2011'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    display: inline-block;
    margin-left: 5px;
    width: 24px;
    height: 24px;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 21px;
    height: 11px
}

.icon__rigth-arrow {
    position: relative
}

.icon__rigth-arrow:after {
    content: "";
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='23'%20height='14'%20viewBox='0%200%2023%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22%207.04819L14%207.04819L1%207.04819M1%207.04819L5.46766%2011M1%207.04819L5.46766%203'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='23'%20height='14'%20viewBox='0%200%2023%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22%207.04819L14%207.04819L1%207.04819M1%207.04819L5.46766%2011M1%207.04819L5.46766%203'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    display: inline-block;
    margin-left: 5px;
    width: 24px;
    height: 24px;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 21px;
    height: 11px
}

.icon__left-arrow-big {
    position: relative
}

.icon__left-arrow-big:after {
    content: "";
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%2012L18%2012'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12.9231%206L18.9231%2012L12.9231%2018'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%2012L18%2012'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12.9231%206L18.9231%2012L12.9231%2018'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    display: inline-block;
    margin-left: 5px;
    width: 24px;
    height: 24px;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 80%;
    mask-size: 80%;
    -webkit-mask-position: center;
    mask-position: center
}

.icon__right-arrow-big {
    position: relative
}

.icon__right-arrow-big:after {
    content: "";
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.9231%2012L6.92307%2012'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12%2018L5.99999%2012L12%206'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.9231%2012L6.92307%2012'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12%2018L5.99999%2012L12%206'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    display: inline-block;
    margin-left: 5px;
    width: 24px;
    height: 24px;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 80%;
    mask-size: 80%;
    -webkit-mask-position: center;
    mask-position: center
}

.icon__left-ok {
    position: relative
}

.icon__left-ok:after {
    content: "";
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20%207L9%2018L4%2013'%20stroke='black'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20%207L9%2018L4%2013'%20stroke='black'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    display: inline-block;
    margin-left: 5px;
    width: 24px;
    height: 24px;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 80%;
    mask-size: 80%;
    -webkit-mask-position: center;
    mask-position: center
}

.mog__container {
    margin-top: 40px
}

.point {
    display: flex;
    align-items: center;
    margin-left: 8px
}

.point:before {
    display: inline-block;
    content: "";
    height: 4px;
    min-width: 4px;
    border-radius: 10px;
    background-color: var(--color-light-white);
    margin-right: 8px
}

.input__main {
    position: relative;
    width: 100%
}

.input__field {
    padding: 10px 15px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid var(--color-gray);
    color: var(--color-black);
    line-height: 1.2
}

.input__field:placeholder-shown {

    border: 1px solid var(--color-gray);
    color: var(--color-gray);

}

.input__field::placeholder {
    color: var(--color-gray)
}

.input__field:focus {
    border-color: var(--color-dark-gray);
    color: var(--color-black)
}

.input__field::-webkit-outer-spin-button,
.input__field::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.input__field[type=number] {
    -moz-appearance: textfield
}

.input__field--white {
    background-color: var(--color-white);
    border-color: transparent
}

.input__field--white:focus {
    border-color: var(--color-dark-gray)
}

.input__field--light-white {
    background-color: var(--color-light-white)
}

.input__field--light-white:focus {
    border-color: var(--color-dark-gray)
}

.input__field--sm {
    padding-top: 8px;
    padding-bottom: 8px
}

.input__field--area {
    resize: none;
    overflow: hidden
}

.input__field--area-lg {
    height: 80px
}

.input--error .input__field {
    border-color: var(--color-red)-default;
    color: var(--color-red)-default
}

.input__name,
.input__error {
    position: absolute;
    left: 12px;
    padding: 0 3px;
    max-width: calc(100% - 24px);
    background: var(--color-white);
    display: none;
    pointer-events: none
}

.input__name--bg-light-white,
.input__error--bg-light-white {
    background-color: var(--color-light-white)
}

.input__name {
    bottom: calc(100% - 9px)
}

.input__error {
    top: calc(100% - 8px)
}

.input--error .input__error {
    display: block;
    color: var(--color-red);
}

.input__field:focus~.input__name {
    display: block
}

.input__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8px
}

.filter-num {
    max-width: 100%
}

.filter-num__fields {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between
}

.filter-num__fields--mb-xs {
    margin-bottom: 10px
}

.filter-num__field {
    position: relative;
    display: inline-flex;
    flex: 0 0 calc(50% - 10px);
    min-width: 0
}

.filter-num__field:not(:first-child) {
    margin-left: 20px
}

.filter-num__field:not(:first-child):before {
    content: "-";
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translate(50%, -50%)
}

.filter-num__field--justify-end {
    justify-content: flex-end
}

.filter-num__field-width {
    position: absolute;
    padding: 12px 20px;
    max-width: 100%;
    visibility: hidden;
    white-space: pre-wrap
}

.filter-num__header {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.filter-num__input {
    padding: 7px 15px;
    flex: 0 0 auto;
    max-width: 100%;
    background-color: transparent;
    border-radius: 6px;
    border: 1px solid #c3c3c3;
    color: #c3c3c3;
    outline: none
}

.filter-num__input-text {
    margin-left: 3px
}

.filter-num__field:last-child:not(:first-child) .filter-num__input {
    margin-left: auto
}

.filter-num__slider-box {
    padding: 11px 8px 11px 11px
}

.filter-num__slider {
    background-color: #c3c3c3
}

.filter-num__values {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.filter-num__values-max {
    margin-left: auto;
    padding-left: 12px
}

.noUi-horizontal {
    height: 3px
}

.noUi-horizontal .noUi-handle {
    top: -7.5px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 5px solid var(--color-orange);
    box-shadow: none;
    cursor: pointer
}

.noUi-horizontal .noUi-handle:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    display: none
}

.noUi-horizontal .noUi-handle:after {
    display: none
}

.noUi-horizontal .noUi-handle-lower {
    right: -16px
}

.noUi-horizontal .noUi-handle-upper {
    right: 0
}

.noUi-connects {
    cursor: pointer;
    overflow: visible
}

.noUi-connects:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 16px
}

.noUi-connect {
    position: relative;
    background-color: var(--color-orange)
}

.noUi-target {
    border: none;
    background: #eee;
    border-radius: 0;
    box-shadow: none
}

.select__main {
    position: relative;
    height: 100%
}

.select__main:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    display: inline-block;
    background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17%2010L12%2015L7%2010'%20stroke='%236d6e71'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") center / contain no-repeat;
    width: 24px;
    height: 24px
}

.select__field {
    padding: 9px 15px;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    border: 1px solid var(--color-dark-gray);
    color: var(--color-black);
    line-height: 1.2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.select__field--sm {
    padding-top: 7px;
    padding-bottom: 7px
}

.select__field:focus {
    border-color: var(--color-dark-gray);
    color: var(--color-black)
}

.select--error .select__field {
    border-color: var(--color-red)-default;
    color: var(--color-red)-default
}

.select--error .select__field option {
    color: var(--color-black)
}

.select__name,
.select__error {
    position: absolute;
    left: 12px;
    padding: 0 3px;
    max-width: calc(100% - 24px);
    background: var(--color-white);
    display: none;
    pointer-events: none
}

.select__name--bg-light-white,
.select__error--bg-light-white {
    background-color: var(--color-light-white)
}

.select__name {
    bottom: calc(100% - 8px)
}

.select__field:focus~.select__name {
    display: block
}

.select__error {
    top: calc(100% - 8px)
}

.select--error .select__error {
    display: block
}

.checkbox {
    display: flex;
    align-items: flex-start;
    -webkit-user-select: none;
    user-select: none
}

.checkbox__main {
    display: flex;
    align-items: flex-start
}

.checkbox__input {
    display: none
}

.checkbox__switch {
    position: relative;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    cursor: pointer
}

.checkbox__switch:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
    opacity: 0;
    background: url("data:image/svg+xml,%3csvg%20width='12'%20height='9'%20viewBox='0%200%2012%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.3332%200.666748L3.99984%208.00008L0.666504%204.66675'%20stroke='white'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") center / contain no-repeat;
    width: 12px;
    height: 9px
}

.checkbox__switch--circle {
    border-radius: 50%
}

.checkbox__input:checked~.checkbox__switch {
    background: var(--color-orange);
    border-color: var(--color-orange)
}

.checkbox__input:checked~.checkbox__switch:before {
    visibility: visible;
    opacity: 1
}

.checkbox__input:checked~.checkbox__switch--circle {
    border-width: 6px;
    border-color: var(--color-orange);
    background-color: #fff
}

.checkbox__input:checked~.checkbox__switch--circle:before {
    display: none
}

.checkbox__text {
    margin-left: 10px
}

.checkbox__text--ml-sm {
    margin-left: 8px
}

.checkbox__text--desktop-nowrap {
    white-space: nowrap
}

.checkbox__text-item {
    display: block
}

.checkbox__text-item:not(:first-child) {
    margin-top: 5px
}

.switch,
.switch__main {
    display: flex;
    align-items: center
}

.switch__field {
    display: none
}

.switch__label {
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
    user-select: none;
    height: 28px;
    width: 48px;
    border-radius: 40px;
    cursor: pointer;
    overflow: hidden
}

.switch__label:before {
    content: "";
    position: absolute;
    display: block;
    background: var(--color-gray);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transition: width .25s cubic-bezier(0, 0, 0, .1), background .25s
}

.switch__label:after {
    content: "";
    position: absolute;
    display: block;
    box-shadow: 0 5px 10px #0003;
    background: #fff;
    height: 24px;
    width: 24px;
    top: 50%;
    transform: translateY(-50%);
    left: 2px;
    border-radius: 50%;
    box-shadow: 0 2px 5px -2px #0a090b0f, 0 2px 7px #0a090b0d, 0 0 0 1px #0a090b0d;
    transition: .25s ease-in-out
}

.switch__field:checked+.switch__label:before {
    background: var(--color-orange)
}

.switch__field:checked+.switch__label:after {
    left: 22px
}

.switch__text {
    margin-left: 8px
}

.form__main,
.form__group {
    width: 100%
}

.form__group:not(:first-child) {
    margin-top: 20px
}

.form__group--mt-sm:not(:first-child) {
    margin-top: 15px
}

.form__group-list {
    margin-left: -20px;
    margin-top: -20px;
    display: flex;
    flex-wrap: wrap
}

.form__group-item {
    margin-left: 20px;
    margin-top: 20px;
    flex: 1 1 0%
}

.form__group-item--col-4 {
    flex: 0 0 calc(33.33% - 20px)
}

.form__group-item.js-toggle-item {
    display: none
}

.form__group-item.js-toggle-item-active {
    display: block
}

.form__group--mt-sm .form__group-list {
    margin-left: -15px;
    margin-top: -15px
}

.form__group--mt-sm .form__group-item {
    margin-left: 15px;
    margin-top: 15px
}

.form__group--mt-sm .form__group-item--col-4 {
    flex: 0 0 calc(33.33% - 15px)
}

.form__item {
    width: 100%;
    display: flex
}

.form__item:not(:first-child) {
    margin-top: 20px
}

.form__item--mt-sm:not(:first-child) {
    margin-top: 15px
}

.form__checkboxes {
    margin-top: -20px;
    margin-left: -20px;
    display: flex;
    flex-wrap: wrap
}

.form__checkboxes-item {
    margin-top: 20px;
    margin-left: 20px
}

.form__checkboxes-item--sm {
    width: 192px
}

.form__btn {
    margin-top: 20px
}

.form__btn--mt-lg {
    margin-top: 25px
}

.form__btn--mt-sm {
    margin-top: 15px
}

.form__btn--full {
    width: 100%
}

.form__actions {
    margin-top: 15px;
    display: flex;
    align-items: center
}

.form__actions-forgot {
    margin-left: 35px
}

.form__option {
    margin-top: 15px
}

.form__label {
    margin: 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.form__label:before,
.form__label:after {
    content: "";
    display: inline-block;
    flex: 0 1 110px;
    height: 1px;
    background-color: #d9d9d9
}

.form__privacy {
    margin-top: 25px
}

.form__row-footer {
    margin-top: 25px;
    display: flex;
    align-items: center
}

.form__row-privacy {
    margin-right: 50px
}

.form__row-btn {
    flex: 0 0 220px
}

.form.js-switch-item {
    display: none
}

.form.js-switch-item-active {
    display: block
}

.tag {
    padding: 4px 15px;
    border-radius: 25px;
    display: inline-flex;
    justify-content: center;
    border: 1px solid var(--color-cyan);
    color: var(--color-cyan);
    font-weight: 500;
    font-size: 12px;
    line-height: 1.1
}

.icon-btn {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.icon-btn--sm {
    width: 20px;
    height: 20px
}

.icon-btn__img {
    max-height: 100%;
    object-fit: contain
}

@media (max-width: 991px) {
    .form__group-item {
        margin-left: 15px;
        margin-top: 15px;
        width: calc(100% - 15px);
        flex: none
    }
    .form__group-item--col-4 {
        width: calc(100% - 15px)
    }
    .form__group--mt-sm .form__group-item--col-4 {
        flex: none;
        width: calc(100% - 15px)
    }
    .form__row-footer {
        margin-top: 15px;
        flex-direction: column;
        align-items: flex-start
    }
    .form__row-privacy {
        margin-right: 0;
        margin-bottom: 25px
    }
    .form__row-btn {
        flex: none;
        width: 100%
    }
}

@media (max-width: 768px) {
    .text-overflow {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: pre
    }
    .mog__container {
        margin-top: 20px
    }
    .mog-content {
        padding: 20px
    }
    h2 {
        font-size: 1.5rem;
        line-height: 2.5rem
    }
    .mog-tabs {
        overflow-x: auto
    }
    .form__checkboxes-item {
        width: calc(100% - 20px)
    }
    .checkbox__text--desktop-nowrap {
        white-space: initial
    }
}

@media (max-width: 375px) {
    .form__actions-forgot {
        margin-left: auto
    }
}

.price-in-ruble {
    display: flex;
    align-items: center;
    position: relative
}

.price-in-ruble:after {
    position: relative;
    display: inline-block;
    content: "";
    -webkit-mask-image: url(/local/templates/main/icons/all/rouble.svg);
    mask-image: url(/local/templates/main/icons/all/rouble.svg);
    margin-left: 3.5px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    height: 90%;
    width: 12px;
    min-width: 14px;
    background-color: var(--color-black)
}

.price-in-ruble--xl {
    height: 20px
}

ol {
    list-style-type: none;
    counter-reset: num;
    margin: 0 0 0 20px
}

ol li {
    position: relative;
    margin: 0 0 0 18px
}

ol li:before {
    content: counter(num) ".";
    counter-increment: num;
    display: inline-block;
    position: absolute;
    top: 0;
    left: -24px;
    width: 20px;
    color: var(--color-black);
    text-align: right
}

.mog-select {
    position: relative;
    width: 100%;
    height: 40px;
    margin: 0 auto;
    font-weight: 400;
    font-size: 15px
}

.mog-select[data-state=active] .mog-select__title:before {
    transform: translate(-3px, -50%) rotate(-45deg)
}

.mog-select[data-state=active] .mog-select__title:after {
    transform: translate(3px, -50%) rotate(45deg)
}

.mog-select[data-state=active] .mog-select__content {
    opacity: 1
}

.mog-select[data-state=active] .mog-select__label+.mog-select__input+.mog-select__label {
    max-height: 40px
}

.mog-select[data-state=active] .mog-select__label:nth-child(4) {
    border-radius: 15px 15px 0 0
}

.mog-select[data-state=active] .mog-select__label:last-child {
    border-radius: 0 0 15px 15px
}

.mog-select__title {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 8px 30px 8px 16px;
    background-color: var(--color-white);
    border-radius: 5px;
    border: solid 1px var(--color-white);
    text-wrap: nowrap;
    overflow: hidden;
    cursor: pointer
}

.mog-select__title:before,
.mog-select__title:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    display: block;
    width: 10px;
    height: 2px;
    transition: all .3s ease-out;
    background-color: #333;
    transform: translate(-3px, -50%) rotate(45deg)
}

.mog-select__title:after {
    transform: translate(3px, -50%) rotate(-45deg)
}

.mog-select__title:hover {
    border-color: var(--color-orange)
}

.mog-select__title:hover:before,
.mog-select__title:hover:after {
    background-color: var(--color-orange)
}

.reset {
    display: flex;
    width: 230px;
    padding: 8px 16px;
    margin: 0 auto 10px;
    background-color: var(--color-light-white);
    border: solid 1px var(--color-gray);
    border-radius: 5px;
    transition: all .2s ease-out;
    cursor: pointer;
    font-weight: 700;
    color: var(--color-black)
}

.reset:hover {
    background-color: var(--color-orange);
    color: var(--color-light-white)
}

.mog-select__content {
    position: absolute;
    top: 50px;
    left: 3px;
    display: flex;
    flex-direction: column;
    width: calc(100% - 6px);
    background-color: var(--color-light-white);
    border: 1px solid var(--color-gray);
    border-radius: 15px;
    transition: all .3s ease-out;
    opacity: 0;
    z-index: 8
}

.mog-select__input {
    display: none
}

.mog-select__input:checked+label {
    background-color: var(--color-gray)
}

.mog-select__input:disabled+label {
    opacity: .6;
    pointer-events: none
}

.mog-select__label {
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    max-height: 0;
    padding: 0 16px;
    transition: all .2s ease-out;
    cursor: pointer;
    overflow: hidden
}

.mog-select__label+input+.mog-select__label {
    border-top: 0 solid var(--color-dark-gray)
}

.mog-select__label:hover {
    background-color: var(--color-orange) !important;
    color: var(--color-light-white)
}

.custom-cluster {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #004669;
    border: 5px solid #fff;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    font-family: PFAgoraSansPro, sans-serif
}

div.simplebar-scrollbar:before {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: transparent
}

div.simplebar-scrollbar.simplebar-visible {
    background-color: var(--color-gray);
    border-radius: 2px
}

div.simplebar-scrollbar.simplebar-visible:before {
    opacity: 1
}

div.simplebar-content-wrapper {
    outline: none
}

.simplebar-scrollbar:before {
    border-radius: 0
}

div.simplebar-track {
    background-color: var(--color-white);
    border-radius: 2px
}

div.simplebar-track.simplebar-vertical {
    width: 4px
}

div.simplebar-track.simplebar-horizontal {
    height: 4px
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    height: auto;
    width: 100%;
    /* height: 100%; */
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #00000080, #0000)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
    display: none !important
}

.swiper-button-prev svg,
.swiper-button-next svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-vertical>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

.simplebar-content:before,
.simplebar-content:after {
    content: " ";
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden
}

[data-simplebar].simplebar-dragging,
[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: #000;
    border-radius: 7px;
    left: 2px;
    right: 2px;
    opacity: 0;
    transition: opacity .2s .5s linear
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition-delay: 0s;
    transition-duration: 0s
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 0;
    bottom: 0;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.simplebar-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: scrollbar !important
}

.simplebar-dummy-scrollbar-size>div {
    width: 200%;
    height: 200%;
    margin: 10px 0
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper {
    width: 100%;
    height: 100%
}

.swiper-pagination {
    position: static;
    display: flex;
    justify-content: center;
    column-gap: 5px
}

.swiper-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 2px;
    background-color: var(--color-gray);
    border-radius: 0
}

.swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--color-orange)
}

.swiper-pagination-bullet {
    position: relative
}

.swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    top: -8px;
    right: -4px;
    bottom: -8px;
    left: -4px
}

.swiper-button-next,
.swiper-button-prev {
    border-radius: 50px;
    border: 5px solid var(--color-light-white);
    background-color: var(--color-gray);
    position: absolute;
    width: 40px;
    height: 40px;
    z-index: 10;
    transition: all .2s
}

.swiper-button-next:after,
.swiper-button-prev:after {
    content: "";
    position: absolute;
    background-color: var(--color-light-white);
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    border: 5px solid var(--color-light-white);
    background-color: var(--color-orange);
    position: absolute
}

.swiper-button-next:hover:after,
.swiper-button-prev:hover:after {
    background-color: var(--color-light-white)
}

.swiper-button-next {
    right: 20px
}

.swiper-button-next:after {
    -webkit-mask-image: url(/local/templates/main/icons/all/arrow-right.svg);
    mask-image: url(/local/templates/main/icons/all/arrow-right.svg)
}

.swiper-button-prev {
    left: 20px
}

.swiper-button-prev:after {
    -webkit-mask-image: url(/local/templates/main/icons/all/arrow-left.svg);
    mask-image: url(/local/templates/main/icons/all/arrow-left.svg)
}

.swiper-button-next-arrow {
    width: 24px;
    height: 24px
}

.swiper-button-next-arrow:before {
    content: "";
    display: inline-block;
    background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17%2010L12%2015L7%2010'%20stroke='black'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") center / contain no-repeat;
    transform: rotate(-90deg);
    width: 100%;
    height: 100%
}

* {
    box-sizing: border-box
}

body {
    font-size: 15px;
    font-weight: 400;
    font-family: PFAgoraSansPro, sans-serif;
    line-height: 1.3;
    color: var(--color-black);
    background-color: #fff
}

.body--lock {
    overflow: hidden
}

.wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%
}

.wrapper .main {
    width: 100%;
    flex: 1 1 auto
}

.container {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px
}

.container-1440 {
    position: relative;
    width: 100%;
    max-width: 1440px
}

.main {
    width: 100%;
    flex: 1 1 auto
}

.main__section {
    margin-top: 100px
}

.main__section--mt-xs {
    margin-top: 40px
}

.main__bottom {
    margin-bottom: 100px
}

.main__article-banner {
    margin-bottom: 40px
}

.breadcrumbs {
    margin-top: 30px;
    margin-bottom: 10px;
    position: relative;
    width: 100%
}

.breadcrumbs__list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: 13px;
    min-width: 13px
}

.breadcrumbs__arrow {
    display: flex;
    align-items: center;
    min-height: 19px
}

.breadcrumbs__item {
    max-width: calc(100% - 28px)
}

.breadcrumbs__item--current {
    opacity: .5
}

.breadcrumbs__item--gray {
    color: var(--color-gray)
}

.section-title {
    font-weight: 500;
    font-size: 36px;
    line-height: 130%;
    color: #333;
    margin-bottom: 40px
}

.section-title--mb-sm {
    margin-bottom: 25px
}

.showmore {
    display: block
}

.showmore .showmore-btn {
    border: 1px solid #f47920;
    border-radius: 25px;
    padding: 14.5px 50px;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #f47920
}

.link,
a.link {
    font-size: 15px;
    transition: color .3s
}

.link:hover,
a.link:hover,
.link--orange,
a.link--orange {
    color: var(--color-orange)
}

.link--medium,
a.link--medium {
    font-weight: 500
}

.link--lg,
a.link--lg {
    font-size: 16px
}

.link--sm,
a.link--sm {
    font-size: 14px
}

.link--xs,
a.link--xs {
    font-size: 12px
}

.link--iflex,
a.link--iflex {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.link__icon:first-child:not(:last-child),
a.link__icon:first-child:not(:last-child) {
    margin-right: 10px
}

.link__icon:not(:first-child),
a.link__icon:not(:first-child) {
    margin-left: 10px
}

.link__icon--rotate-180deg,
a.link__icon--rotate-180deg {
    transform: rotate(180deg)
}

.link__icon--mx-xl:first-child:not(:last-child),
a.link__icon--mx-xl:first-child:not(:last-child) {
    margin-right: 15px
}

.link__icon--mx-xl:not(:first-child),
a.link__icon--mx-xl:not(:first-child) {
    margin-left: 15px
}

.title {
    font-weight: 700;
    line-height: 1.3
}

.title--1 {
    font-size: 36px
}

.title--2 {
    font-size: 32px
}

.title--3 {
    font-size: 24px
}

.title--4 {
    font-size: 18px
}

.title--5 {
    font-size: 16px
}

.title--medium {
    font-weight: 500
}

.title--light-white {
    color: var(--color-light-white)
}

.title--blue {
    color: var(--color-blue)
}

.title--upper {
    text-transform: uppercase
}

.title--link-orange a {
    color: var(--color-orange)
}

.text {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3
}

.text p:not(:first-child) {
    margin-top: 15px
}

.text--my-xs p:not(:first-child) {
    margin-top: 8px
}

.text--lg {
    font-size: 16px
}

.text--sm {
    font-size: 14px
}

.text--xs {
    font-size: 12px
}

.text--light-white {
    color: var(--color-light-white)
}

.text--gray {
    color: var(--color-gray)
}

.text--dark-gray {
    color: var(--color-dark-gray)
}

.text--dark-blue {
    color: var(--color-dark-blue)
}

.text--red-default {
    color: var(--color-red)-default
}

.text--medium {
    font-weight: 500
}

.text--semibold {
    font-weight: 600
}

.text--bold {
    font-weight: 700
}

.text--lh-15 {
    line-height: 1.5
}

.text--iflex {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.text--link-line a {
    text-decoration: underline
}

.text--link-line a:hover {
    text-decoration: none
}

.text--link-blue a {
    color: var(--color-blue)
}

.text--link-orange a {
    color: var(--color-orange)
}

.text--link-bold a {
    font-weight: 700
}

.text--link-nowrap a {
    white-space: nowrap
}

.text--center {
    text-align: center
}

.text--strong-blue strong {
    color: var(--color-blue)
}

.text__row-item:not(:first-child) {
    margin-left: 5px
}

.text-content__body h1,
.text-content__body h2,
.text-content__body h3,
.text-content__body h4,
.text-content__body h5 {
    font-weight: 500;
    line-height: 1.3
}

.text-content__body h1:not(:first-child),
.text-content__body h2:not(:first-child),
.text-content__body h3:not(:first-child),
.text-content__body h4:not(:first-child),
.text-content__body h5:not(:first-child) {
    margin-top: 40px
}

.text-content__body h1:not(:last-child),
.text-content__body h2:not(:last-child),
.text-content__body h3:not(:last-child),
.text-content__body h4:not(:last-child),
.text-content__body h5:not(:last-child) {
    margin-bottom: 20px
}

.text-content__body h1 {
    font-size: 36px
}

.text-content__body h2 {
    font-size: 32px
}

.text-content__body h3 {
    font-size: 24px
}

.text-content__body h4 {
    font-size: 18px
}

.text-content__body h4:not(:first-child) {
    margin-top: 20px
}

.text-content__body p:not(:first-child) {
    margin-top: 15px
}

.text-content__body ol {
    margin-left: 0;
    padding-left: 5px;
    counter-reset: count
}

.text-content__body ol:not(:first-child) {
    margin-top: 20px
}

.text-content__body ol li {
    display: flex;
    align-items: flex-start
}

.text-content__body ol li:before {
    margin-right: 5px;
    content: counter(count) ".";
    counter-increment: count
}

.text-content__body ol li:not(:first-child) {
    margin-top: 15px
}

.text-content__body ul:not(:first-child) {
    margin-top: 20px
}

.text-content__body ul li {
    padding-left: 9px;
    display: flex;
    align-items: flex-start
}

.text-content__body ul li:not(:first-child) {
    margin-top: 10px
}

.text-content__body ul li:before {
    content: "";
    margin-top: 8px;
    margin-right: 10px;
    flex: 0 0 auto;
    width: 3px;
    height: 3px;
    display: inline-block;
    border-radius: 50%;
    background-color: var(--color-black)
}

.text-content__body img {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.text-content__body img:not(:first-child) {
    margin-top: 60px
}

.text-content__body img:not(:last-child) {
    margin-bottom: 60px
}

.text-content__body .images-group {
    display: flex;
    justify-content: center;
    align-items: center
}

.text-content__body .images-group:not(:first-child) {
    margin-top: 60px
}

.text-content__body .images-group:not(:last-child) {
    margin-bottom: 60px
}

.text-content__body .images-group img {
    margin: 0;
    height: auto;
    min-width: 0
}

.text-content__body .images-group img:not(:first-child) {
    margin-left: 40px
}

.text-content__body .images-group img:not(:last-child) {
    margin-bottom: 0
}

.text-content__body .content-slider-tablet {
    display: none
}

.text-content__body--li-my-0 ul li:not(:first-child),
.text-content__body--li-my-0 ol li:not(:first-child) {
    margin-top: 0
}

.text-content__body--lg {
    font-size: 16px
}

.text-content__body--clamp {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-word
}

.text-content__body--clamp-14 {
    -webkit-line-clamp: 14;
    line-clamp: 14
}

.text-content__body--clamp-15 {
    -webkit-line-clamp: 15;
    line-clamp: 15
}

.text-content__body--clamp-6 {
    -webkit-line-clamp: 6;
    line-clamp: 6
}

.text-content__body--clamp-7 {
    -webkit-line-clamp: 7;
    line-clamp: 7
}

.text-content__body--clamp-19 {
    -webkit-line-clamp: 19;
    line-clamp: 19
}

.text-content--active .text-content__body--clamp {
    display: block
}

.text-content__show,
.text-content__hide {
    margin-top: 20px
}

.text-content__show--mobile,
.text-content__hide--mobile,
.text-content__show--inactive,
.text-content__hide--inactive,
.text-content__hide,
.text-content--active .text-content__show {
    display: none
}

.text-content--active .text-content__hide {
    display: inline-flex
}

.text-content--active .text-content__hide--mobile {
    display: none
}

.info__content {
    display: flex;
    background-color: var(--color-white);
    border-radius: 30px;
    overflow: hidden
}

.info__main {
    padding: 40px 0 40px 40px
}

.info__main:last-child {
    padding-left: 0;
    padding-right: 40px
}

.info__title {
    margin-bottom: 20px
}

.info__img-box {
    width: 40.8%;
    flex: 0 0 auto
}

.info__img-box:last-child {
    margin-left: 20px
}

.info__img-box:first-child {
    margin-right: 20px
}

.info__img-box--mx-lg:last-child {
    margin-left: 40px
}

.info__img-box--mx-lg:first-child {
    margin-right: 40px
}

.info__img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.info__btns {
    margin-top: 20px;
    display: flex
}

.info__btns-item {
    width: auto
}

.info__btns-item:not(:first-child) {
    margin-left: 20px
}

.dropdown-sort,
.dropdown {
    position: relative;
    display: inline-flex
}

.dropdown__btn {
    width: 100%
}

.dropdown__main {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 12;
    width: max(100%, 220px);
    display: none
}

.dropdown__main--middle {
    left: 50%;
    transform: translate(-50%)
}

.dropdown__filter-menu {
    max-height: 358px
}

.dropdown--active .dropdown__main {
    display: block
}

.filter-menu {
    display: flex;
    flex-direction: column;
    background: var(--color-light-white);
    border: 1px solid var(--color-gray);
    box-shadow: 0 30px 40px #00000040;
    border-radius: 10px;
    overflow: hidden
}

.filter-menu__main {
    padding: 12px 10px;
    min-height: 0
}

.filter-menu__btn {
    padding: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: 5px;
    text-align: left;
    transition: background .2s
}

.filter-menu__btn:hover {
    background-color: var(--color-white)
}

.filter-menu__btn:not(:first-child) {
    margin-top: 4px
}

.filter-menu__btn--active,
.filter-menu__btn.select-menu__option--active {
    background-color: var(--color-white);
    cursor: default
}

.filter-menu__btn-icon {
    margin-right: 5px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.filter-menu__btn-addition {
    margin-left: 4px
}

.list-btn {
    padding: 6px 6px 6px 15px;
    display: flex;
    align-items: center;
    border: 1px solid var(--color-dark-gray);
    border-radius: 5px;
    font-size: 14px;
    text-align: left
}

.list-btn:after {
    content: "";
    margin-left: auto;
    display: inline-block;
    background: url("data:image/svg+xml,%3csvg%20width='12'%20height='7'%20viewBox='0%200%2012%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11%201L5.99999%206L1%201'%20stroke='%236D6E71'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") center / 12px 8px no-repeat;
    width: 24px;
    height: 24px
}

.list-btn__text:last-child {
    margin-right: 8px
}

.list-btn__addition {
    margin-left: 4px
}

.list-btn__addition:last-child {
    margin-right: 10px
}

.list-btn.dropdown__btn--active:after {
    transform: rotate(180deg)
}

.tag-btn {
    padding: 8px 20px;
    border-radius: 25px;
    background: var(--color-white);
    font-size: 14px;
    font-weight: 500
}

.tag-btn:hover {
    background: var(--color-white)
}

.tag-btn--active,
.tag-btn.js-filter-blog-active {
    background-color: var(--color-black);
    color: var(--color-light-white);
    cursor: default
}

.tag-btn--active:hover,
.tag-btn.js-filter-blog-active:hover {
    background-color: var(--color-black);
    color: var(--color-light-white)
}

.label {
    padding: 5px 20px;
    background-color: var(--color-black);
    border-radius: 25px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--color-light-white)
}

.popup {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 300;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility .4s, opacity .4s
}

.popup__backdrop {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #333333b3;
    pointer-events: auto
}

.popup__body {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    pointer-events: auto
}

.popup__dialog {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 40px;
    padding-bottom: 40px;
    min-height: calc(100% - 40px);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: auto
}

.popup__content {
    position: relative;
    z-index: 1;
    pointer-events: auto;
    max-width: calc(100% - 40px)
}

.popup--show {
    display: flex
}

.popup--active {
    opacity: 1;
    visibility: visible;
    display: block
}

.popup--no-transition {
    transition: none !important
}

.popup-content {
    background-color: #fff;
    border-radius: 30px;
    padding: 30px;
    width: 414px
}

.popup-content__header {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.popup-content__title {
    font-size: 20px
}

.popup-content__close {
    margin-left: 10px;
    display: flex
}

.popup-content__text:not(:first-child) {
    margin-top: 15px
}

.popup-content__form:not(:first-child) {
    margin-top: 15px
}

.popup-content__btn {
    margin-top: 25px
}

.popup-content__btn--full {
    width: 100%
}

.search-popup {
    padding: 20px 0;
    background-color: #fff;
    box-shadow: 0 4px 16px #101b3024;
    border-radius: 4px
}

.search-popup__section:not(:first-child) {
    margin-top: 20px
}

.search-popup__header {
    margin-bottom: 4px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.search-popup__header--mb-lg {
    margin-bottom: 8px
}

.search-popup__section-clear {
    margin-left: 10px;
    transition: color .2s
}

.search-popup__section-clear:hover {
    color: var(--color-black)
}

.search-popup__btn {
    padding: 7px 16px;
    display: flex;
    align-items: center;
    width: 100%;
    transition: color .2s
}

.search-popup__btn:hover {
    color: var(--color-blue)
}

.search-popup__btn-icon {
    margin-right: 8px;
    margin-top: 2px;
    flex: 0 0 auto;
    width: 18px;
    height: 18px
}

.search-popup__btn-text:not(:last-child) {
    margin-right: 10px
}

.search-popup__btn-clear {
    margin-left: auto;
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    opacity: .5;
    visibility: hidden
}

.search-popup__btn-clear:hover {
    opacity: 1
}

.search-popup__btn:hover .search-popup__btn-clear {
    visibility: visible
}

.search-popup__btn-clear img {
    max-width: 100%;
    max-height: 100%
}

.search-popup__footer {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.search-popup__footer-btn {
    width: auto
}

.search-popup__footer-btn svg {
    stroke: var(--color-orange);
    transition: stroke .2s
}

.search-popup__footer-btn:hover svg {
    stroke: #fff
}

.search-popup-product {
    padding: 0 16px
}

.search-popup-product:not(:first-child) {
    margin-top: 12px
}

.search-popup-product {
    display: flex;
    align-items: center
}

.search-popup-product__img-box {
    margin-right: 16px;
    width: 65px;
    height: 65px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.search-popup-product__img-box .search-popup-product__img,
.search-popup-product__img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.search-popup-product__title a {
    transition: color .2s
}

.search-popup-product__title a:hover {
    color: var(--color-blue)
}

.search-popup-product__price {
    margin-top: 8px
}

.accordion__btn {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.accordion__content {
    height: 0;
    visibility: hidden;
    overflow: hidden
}

.accordion--active .accordion__content {
    height: auto;
    visibility: visible;
    overflow: visible
}

.accordion--activating .accordion__content {
    visibility: visible;
    transition: height .5s;
    overflow: hidden
}

.message-text {
    padding: 25px 30px 28px;
    background-color: var(--color-white);
    border-radius: 10px
}

.message-text__item--sm {
    max-width: 645px
}

.tooltip {
    padding: 5px;
    background: #fff;
    max-width: 240px;
    border-radius: 4px;
    border: 1px solid rgba(var(--color-gray));
    box-shadow: 0 2px 10px #0000001a
}

@media (max-width: 1480px) {
    .container--xxl {
        max-width: none;
        padding: 0
    }
}

@media (max-width: 1200px) {
    .container {
        max-width: 990px
    }
    .title--2 {
        font-size: 26px
    }
    .title--3 {
        font-size: 22px
    }
    .text-content__body .images-group:not(:first-child) {
        margin-top: 50px
    }
    .text-content__body .images-group:not(:last-child) {
        margin-bottom: 50px
    }
    .text-content__body .images-group img:not(:first-child) {
        margin-left: 20px
    }
    .main__section {
        margin-top: 80px
    }
    .main__section--mt-xs {
        margin-top: 30px
    }
    .main__bottom {
        margin-bottom: 80px
    }
    .main__article-banner {
        margin-bottom: 30px
    }
}

@media (max-width: 991px) {
    .info__main {
        padding: 30px 0 30px 30px
    }
    .info__main:last-child {
        padding-left: 0;
        padding-right: 30px
    }
    .text-content__body .content-slider-tablet {
        display: block
    }
    .text-content__body .content-slider-tablet:not(:first-child) {
        margin-top: 40px
    }
    .text-content__body .content-slider-tablet:not(:last-child) {
        margin-bottom: 30px
    }
}

@media (max-width: 768px) {
    .container {
        max-width: 570px
    }
    .section-title {
        font-size: 24px;
        margin-bottom: 30px
    }
    .section-title--mb-sm {
        margin-bottom: 25px
    }
    .title--1 {
        font-size: 24px
    }
    .title--2 {
        font-size: 20px
    }
    .title--3 {
        font-size: 18px
    }
    .text-content__body h1 {
        font-size: 24px
    }
    .text-content__body h2 {
        font-size: 20px
    }
    .text-content__body h3 {
        font-size: 18px
    }
    .text-content__body h4 {
        font-size: 14px
    }
    .text-content__body ol li.text-content__more--mobile,
    .text-content__body ul li.text-content__more--mobile {
        display: none
    }
    .text-content__body .images-group:not(:first-child) {
        margin-top: 40px
    }
    .text-content__body .images-group:not(:last-child) {
        margin-bottom: 40px
    }
    .text-content__body .images-group img:not(:first-child) {
        margin-left: 12px
    }
    .text-content__body--mobile-clamp-10 {
        -webkit-line-clamp: 10;
        line-clamp: 10
    }
    .text-content--active .text-content__body ol li.text-content__more--mobile,
    .text-content--active .text-content__body ul li.text-content__more--mobile {
        display: inline-flex
    }
    .text-content__more--mobile {
        display: none
    }
    .text-content__show--mobile {
        display: inline-flex
    }
    .text-content--active .text-content__show {
        display: none
    }
    .text-content--active .text-content__hide {
        display: inline-flex
    }
    .main__section {
        margin-top: 60px
    }
    .main__section--mt-xs {
        margin-top: 20px
    }
    .main__bottom {
        margin-bottom: 40px
    }
    .main__bottom--mobile-lg {
        margin-bottom: 60px
    }
    .main__article-banner {
        margin-bottom: 20px
    }
    .info__content {
        flex-direction: column
    }
    .info__main {
        padding: 30px
    }
    .info__main:last-child {
        padding-left: 30px;
        padding-right: 30px
    }
    .info__img-box {
        order: -1;
        width: 100%;
        height: 230px
    }
    .info__img-box:first-child {
        margin-right: 0
    }
    .info__img-box:last-child {
        margin-left: 0
    }
    .info__btns {
        margin-top: 30px;
        flex-direction: column
    }
    .info__btns-item:not(:first-child) {
        margin-top: 25px;
        margin-left: 0
    }
    .popup-content {
        padding: 20px
    }
    .message-text {
        padding-left: 28px;
        padding-right: 25px
    }
}

@media (max-width: 576px) {
    .container {
        width: 100%
    }
}

.header {
    position: sticky;
    top: 0;
    left: 0;
    display: flex;
    z-index: 100;
    background-color: var(--color-light-white);
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    align-items: center;
    align-content: center
}

.header:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 21;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 30px #0000001a;
    pointer-events: none
}

.header__logo {
    cursor: pointer;
    padding-bottom: 10px
}

.header__img-link img {
    width: 121px
}

.header__content {
    display: flex;
    align-items: center
}

.header__nav {
    margin: 0 40px 0 50px
}

.header__nav-list {
    display: flex;
    gap: 20px
}

.header__nav-item a {
    position: relative;
    text-wrap: nowrap;
    transition: all .2s
}

.header__nav-item a:hover {
    color: var(--color-blue)
}

.header__nav-item a:hover:after {
    position: absolute;
    display: block;
    content: "";
    background-color: var(--color-blue);
    width: 100%;
    height: 2px;
    bottom: -3px
}

.header__nav-item:hover .header__modal {
    display: block
}

.header__search {
    position: relative
}

.header__input-search {
    background-color: var(--color-gray)
}

.header__img-btn-search {
    top: 4px;
}

.header__search-popup {
    position: absolute;
    top: 100%;
    z-index: 25;
    max-height: calc(100vh - 90px);
    margin-top: 2px;
    left: 0;
    width: 540px;
    display: none
}

.header__search-popup--active {
    display: block
}

.header__contact {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    margin: auto;
    padding: 0 20px 0 10px
}

.header__phone {
    font-size: 20px;
    font-weight: 700;
    color: var(--color-dark-blue)
}

.header__date {
    position: relative
}

.header__date:hover .header__modal {
    display: block;
    top: 10px;
    line-height: 1.6
}

.header__date h5 {
    color: var(--color-dark-gray);
    line-height: 1
}

.header__buttons {
    display: flex;
    gap: 16px;
    margin-left: auto;
    align-items: center;
    align-content: center
}

.header__btn-likes {
    cursor: pointer;
    position: relative
}

.header__count-likes {
    position: absolute;
    display: flex;
    width: 16px;
    height: 16px;
    border-radius: 25px;
    background-color: var(--color-light-white);
    color: var(--color-light-white);
    top: -3px;
    right: -7px;
    z-index: 5;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.header__count-likes span {
    position: relative;
    z-index: 5;
    display: block;
    font-size: .600rem;
   
    font-weight: 700
}

.header__count-likes:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 25px;
    left: 0px;
    background-color: var(--color-orange)
}

.header__btn-account,
.header__btn-cart,
.header__btn-compare {
    position: relative;
    cursor: pointer
}

.header__btn-icons {
    height: 24px;
    width: 24px
}

.header img {
    max-width: max-content
}

.header__modal {
    display: none;
    position: absolute;
    z-index: 100;
    width: max-content;
    padding-top: 20px
}

.header__modal-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px 10px;
    box-shadow: 0 0 30px #00000040;
    background-color: var(--color-white);
    border-radius: 10px
}

.header__modal-container a {
    padding: 10px
}

.header__modal-container a:hover:after {
    left: 0
}

.menu-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 200;
    padding: 14px 0;
    background-color: var(--color-light-white);
    box-shadow: 0 4px 30px #00000040
}

.menu-bottom__wrapper {
    display: flex;
    justify-content: space-around
}

.menu-bottom__wrapper div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.menu-bottom__name-btn {
    margin-top: 3px;
    font-size: .625rem
}

.menu-bottom__btn-likes {
    position: relative
}

.menu-bottom__count-likes {
    position: absolute;
    display: flex;
    width: 16px;
    height: 16px;
    border-radius: 25px;
    background-color: var(--color-light-white);
    color: var(--color-light-white);
    top: -3px;
    right: 5px;
    z-index: 5;
    text-align: center
}

.menu-bottom__count-likes span {
    position: relative;
    font-size: .625rem;
    top: 1px;
    left: 6px;
    font-weight: 700
}

.menu-bottom__count-likes:before {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 25px;
    left: 2px;
    background-color: var(--color-orange)
}

.header-category {
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 20;
    width: 100%;
    padding: 40px 0 0
}

.header-category__container {
    position: relative;
    background-color: var(--color-light-white);
    display: flex;
    max-height: min(582px, calc(100dvh - 80px));
    max-height: min(582px, calc(100vh - 80px))
}

.header-category__container:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100px;
    box-shadow: 0 0 30px #00000040;
    animation: fadeIn 1s
}

.header-category__list {
    padding: 22px 5px 22px 0;
    display: flex;
    flex-direction: column;
    background-color: var(--color-white);
    width: calc((100% - 1280px)/2 + 412px)
}

.header-category__list.simplebar-scrollable-y:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    visibility: visible;
    opacity: 1;
    background: linear-gradient(180deg, #f5f5f500, #f5f5f5);
    pointer-events: none;
    transition: visibility .3s, opacity .3s
}

.header-category__list.simplebar-scrollable-y.simplebar-scroll-end:after {
    visibility: hidden;
    opacity: 0
}

.header-category__head {
    display: flex;
    align-items: center;
    align-content: center;
    font-weight: 500;
    color: var(--color-black);
    width: 100%;
    padding: 9px 0 9px calc(100% - 412px);
    cursor: pointer;
    transition: all .2s
}

.header-category__head:after {
    content: "";
    flex: 0 0 auto;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='23'%20height='14'%20viewBox='0%200%2023%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%206.95181H9H22M22%206.95181L17.5323%203M22%206.95181L17.5323%2011'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='23'%20height='14'%20viewBox='0%200%2023%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%206.95181H9H22M22%206.95181L17.5323%203M22%206.95181L17.5323%2011'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    width: 24px;
    height: 16px;
    margin-left: auto;
    background-color: var(--color-dark-blue);
    opacity: 0;
    transition: all .4s
}

.header-category__item--active .header-category__head {
    background-color: #fff;
    color: #f47920
}

.header-category__item--active .header-category__head:after {
    opacity: 1
}

.header-category__category-products {
    align-self: center
}

.header-category__count-products {
    flex: 0 0 auto;
    border-radius: 30px;
    padding: 5px 15px;
    margin-left: 10px;
    background-color: var(--color-light-white);
    color: var(--color-gray);
    font-size: .75rem;
    margin-right: 10px
}

.header-category__main {
    flex: 1 1 auto;
    max-width: 868px;
    min-width: 0
}

.header-category__main-list {
    position: relative;
    height: 100%
}

.header-category__main-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none
}

.header-category__main-item--active {
    display: flex
}

.header-category-contents {
    height: 100%;
    background: #fff
}

.header-category-contents__head {
    margin-bottom: 20px;
    display: block
}

.header-category-contents__body {
    padding: 25px 40px;
    display: flex
}

.header-category-contents__main {
    flex: 1 1 auto
}

.header-category-contents__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.header-category-contents__item:not(:first-child) {
    margin-top: 20px
}

.header-category-contents__item:hover a {
    color: inherit
}

.header-category-contents__item a {
    display: flex;
    align-items: center;
    font-weight: 500;
    transition: color .2s
}

.header-category-contents__item a:after,
.header-category-contents__item a:hover:after {
    content: "";
    position: static;
    margin-left: 15px;
    flex: 0 0 auto;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='23'%20height='14'%20viewBox='0%200%2023%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%206.95181H9H22M22%206.95181L17.5323%203M22%206.95181L17.5323%2011'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='23'%20height='14'%20viewBox='0%200%2023%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%206.95181H9H22M22%206.95181L17.5323%203M22%206.95181L17.5323%2011'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    width: 24px;
    height: 16px;
    background-color: var(--color-orange);
    transition: opacity .2s, visibility .2s
}

.header-category-contents__item a:after {
    opacity: 0;
    visibility: hidden
}

.header-category-contents__item a:hover {
    color: var(--color-orange)
}

.header-category-contents__item a:hover:after {
    opacity: 1;
    visibility: visible
}

.header-category-contents__brands {
    margin-left: 20px;
    padding: 5px 0;
    background-color: var(--color-light-white);
    flex: 0 0 380px
}

.header-category-contents__brands-head {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.3;
    color: var(--color-black);
    margin-bottom: 20px
}

.header-category-contents__brands-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 280px;
    gap: 10px
}

.header-category-contents__brands-list a {
    filter: grayscale(100);
    opacity: .5;
    mix-blend-mode: multiply;
    transition: all .2s
}

.header-category-contents__brands-list a img {
    max-height: 50px;
    max-width: 120px
}

.header-category-contents__brands-list a:hover {
    filter: grayscale(0);
    opacity: 1
}

.header-category-contents__brands-list a:hover:after {
    content: none
}

.menu-modal {
    position: fixed;
    width: 100%;
    display: none;
    opacity: 0;
    border-radius: 30px 30px 0 0;
    bottom: 0;
    z-index: 300;
    background-color: var(--color-light-white);
    height: 90%;
    transition: all 1s;
    transform: translateY(1500px)
}

.menu-modal__container {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 20px;
    height: 100%
}

.menu-modal__logo {
    margin-bottom: 30px
}

.menu-modal__close-button {
    position: absolute;
    right: 20px;
    top: 20px
}

.menu-modal__close-button:after {
    content: "";
    display: block;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%206L12%2012M18%2018L12%2012M12%2012L18%206M12%2012L6%2018'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%206L12%2012M18%2018L12%2012M12%2012L18%206M12%2012L6%2018'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/svg%3e");
    width: 24px;
    height: 24px;
    background-color: var(--color-blue)
}

.menu-modal__search {
    margin-bottom: 20px
}

.menu-modal__wrapper {
    width: 100%
}

.menu-modal__img-btn-search {
    top: 8px
}

.menu-modal__nav {
    padding: 10px 0;
    display: block;
    border-top: 1px solid var(--color-gray);
    font-weight: 500
}

.menu-modal__nav:last-child {
    border-bottom: 1px solid var(--color-gray)
}

.menu-modal__button-phone {
    margin-top: auto
}

@media (max-width: 1320px) {
    .header-category__head {
        padding-left: 20px
    }
    .header-category-contents__brands-content {
        padding-right: 20px
    }
}

@media (max-width: 1200px) {
    .header__nav {
        margin: 0 15px
    }
    .header__nav-list {
        flex-wrap: wrap;
        gap: 5px;
        row-gap: 0px
    }
    .header__phone {
        font-size: 18px;
    }
    .header-category__list {
        width: 360px
    }
    .header-category-contents__brands {
        flex-basis: 280px
    }
}

@media (max-width: 991px) {
    .header-category-contents__brands {
        display: none
    }
}

@media (max-width: 768px) {
    .header {
        padding-top: 14px;
        padding-bottom: 14px
    }
    .header__contact {
        flex-direction: row;
        justify-content: space-between;
        gap: 8px;
        align-items: center;
    }
    .header__phone {
        font-size: 16px;
    }
    .header__buttons {
        margin-left: 0
    }
}

.active-menu {
    transform: translateY(0);
    opacity: 1;
    display: block;
    transition: all .2s
}

.active-bloor:after {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    content: "";
    width: 100vw;
    height: 100vh;
    z-index: 100;
    background-color: var(--color-dark-gray);
    opacity: .5
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.banner {
    width: 100%;
    position: relative;
    color: var(--color-light-white);
    padding-top: 10px;
    padding-bottom: 0
}

.banner__content {
    position: relative
}

.banner__title {
    font-size: 48px
}

.banner__arrow {
    position: absolute;
    border-radius: 50px;
    border: 5px solid var(--color-light-white);
    background-color: var(--color-gray)
}

.banner__arrow img {
    fill: var(--color-light-white)
}

.banner__list {
    max-height: 599px;
    border-radius: 30px
}

.banner__item {
    position: relative;
    border-radius: 30px;
    width: 100%;
    height: 599px
}

.banner__item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background: linear-gradient(180deg, #03060fcc, #03060f33)
}

.banner__item-1 {
/*    background-image: url(/local/templates/main/../../img/banner.png);*/
    background-repeat: no-repeat;
    background-size: cover
}

.banner__block-top {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    position: relative;
    z-index: 3;
    /* max-width: 556px; */
    padding: 80px 100px 80px  100px
}

.banner__block-top button {
    margin-top: 38px;
    max-width: 240px
}

.slider-link{
    margin-top: 38px;
    max-width: 240px
}

.banner__text-header {
    color: var(--color-light-white);
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase
}

.banner__text-description {
    flex-wrap: wrap;
    color: var(--color-light-white)
}

.banner__block-bottom {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    z-index: 3;
    border-radius: 0 50px;
    max-width: 573px;
    padding: 35px 30px 39px;
    width: 100%;
    border: 20px solid var(--color-light-white);
    border-left: none;
    background-color: var(--color-blue);
    bottom: -20px;
    left: 0
}

.banner__block-bottom button {
    max-width: 210px
}

.banner__block-wrapper {
    display: flex;
    width: 100%;
    gap: 15px;
    margin-top: 15px;
    align-items: center;
    justify-content: space-between
}

.banner__block-text {
    color: var(--color-light-white);
    width: 100%;
    font-size: 1.125rem
}

.banner__authorization-text {
    color: var(--color-light-white);
    max-width: 265px
}

.banner-button-prev {
    left: -64px
}

.banner-button-next {
    right: -64px
}

.popular-category {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
    padding-bottom: 0
}

.popular-category__content {
    position: relative
}

.popular-category__head {
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500
}

.popular-category__list {
    margin: -20px -28px -40px;
    padding: 20px 28px 40px;
    height: 100%;
    width: auto
}

.popular-category__button-catalog-main {
    z-index: 1
}

.popular-item {
    border-radius: 10px;
    background-color: var(--color-white);
    transition: box-shadow .3s ease;
    height: 240px
}

.popular-item:hover {
    box-shadow: 0 15px 40px -10px #00000040
}

.popular-item:hover .popular-item__title {
    color: var(--color-orange)
}

.popular-item__content {
    height: 240px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-content: space-between;
    justify-content: center
}

.popular-item__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: var(--color-black);
    margin-bottom: 10px;
    transition: all .2s
}

.popular-item__img {
    mix-blend-mode: multiply;
    margin-top: auto;
    display: flex;
    justify-content: center
}

.popular-item__img img {
    max-height: 125px
}

.popular-button-prev {
    left: -64px
}

.popular-button-next {
    right: -64px
}

.popular-button-prev,
.popular-button-next {

    top: 62% ;
}

.brands {
    padding-inline: 0;
    display: flex;
    justify-content: center
}

.brands__title {
    padding-inline: 80px
}

.brands__container {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.brands__list .swiper-wrapper {
    align-items: center;
    transition-timing-function: linear
}

.brands__item {
    cursor: pointer;
    opacity: .5;
    filter: grayscale(100%);
    transition: all .2s
}

.brands__item:hover {
    opacity: 1;
    filter: grayscale(0%)
}

.brands__item img {
    max-height: 84px
}

.main-catalog {
    padding-top: 80px;
    padding-bottom: 20px;
    background: var(--color-white);
    width: 100%;
    position: relative
}

.main-catalog__head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px
}

.main-catalog__head h2 {
    font-weight: 500;
    position: relative
}

.main-catalog__head h2:after {
    display: inline-block;
    content: "";
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='23'%20height='14'%20viewBox='0%200%2023%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%206.95181H9H22M22%206.95181L17.5323%203M22%206.95181L17.5323%2011'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='23'%20height='14'%20viewBox='0%200%2023%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%206.95181H9H22M22%206.95181L17.5323%203M22%206.95181L17.5323%2011'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    width: 24px;
    height: 16px;
    align-self: center;
    background-color: var(--color-orange);
    margin-left: 10px
}

.main-catalog__head h2:hover:after {
    transform: translate(20px)
}

.main-catalog__tabs {
    display: flex;
    gap: 5px;
    align-items: center
}

.main-catalog__tab {
    border-radius: 25px;
    background-color: var(--color-light-white);
    color: var(--color-black);
    width: 100%;
    max-height: 100%;
    padding: 8px 20px;
    text-wrap: nowrap
}

.main-catalog__tab.active {
    border: 1px solid var(--color-black);
    background-color: var(--color-black);
    color: var(--color-light-white)
}

.main-catalog__slider {
    position: relative;
    overflow: hidden;
}

.main-catalog__slider.js-tab-item {
    display: none
}

.main-catalog__slider.js-tab-item.active {
    display: block
}

.main-catalog__container .category-products__list {
    min-height: 600px
}

.main-catalog__swiper-wrapper {
    min-width: 0
}

.main-catalog .category-product {
    /* margin-right: 20px; */
   /* width: calc(25% - 15px); */
    /* min-width: 0; */
    max-height: 560px
}

.main-catalog__pagination {
    display: none;
    justify-self: center;
    align-self: center;
    margin-top: -60px
}

.main-catalog__button {
    display: flex;
    margin-top: 20px
}

.main-catalog__button button {
    width: 100%;
    max-width: 100%
}
.main-catalog-button-prev,
.product-comparison__slider .product-comparison-button-prev{
    left: -50px
}

.main-catalog-button-next,
.product-comparison__slider .product-comparison-button-next{
    right: -50px 
}



.material {
    background: var(--color-white);
    width: 100%;
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px
}

.material__head {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between
}

.material__section-title {
    position: relative
}

.material__section-title:after {
    display: inline-block;
    content: "";
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='23'%20height='14'%20viewBox='0%200%2023%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%206.95181H9H22M22%206.95181L17.5323%203M22%206.95181L17.5323%2011'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='23'%20height='14'%20viewBox='0%200%2023%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%206.95181H9H22M22%206.95181L17.5323%203M22%206.95181L17.5323%2011'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    width: 24px;
    height: 16px;
    align-self: center;
    background-color: var(--color-orange);
    margin-left: 10px
}

.material__section-title:hover:after {
    transform: translate(20px)
}

.material--no-arrow .material__section-title:after {
    display: none
}

.material__tabs {
    display: flex;
    gap: 5px;
    align-items: center
}

.material__tab {
    border-radius: 25px;
    background-color: var(--color-light-white);
    color: var(--color-black);
    width: 100%;
    max-height: 100%;
    padding: 8px 20px
}

.material__tab.active {
    border: 1px solid var(--color-black);
    background-color: var(--color-black);
    color: var(--color-light-white)
}

.material__slider {
    position: relative
}

.material__slider.js-tab-item {
    display: none
}

.material__slider.js-tab-item.active {
    display: block
}

.material__container {
    margin: -20px -28px -60px;
    padding: 20px 28px 60px;
    width: auto
}

.material__item {
    margin-right: 30px;
    position: relative;
    cursor: pointer;
    background: var(--color-light-white);
    height: 420px;
    width: calc(33.33% - 20px);
    border-radius: 10px;
    transition: all .2s
}

.material__item:hover {
    box-shadow: 0 20px 40px #00000040
}

.material__item:link,
.material__item:visited {
    background: #fff
}

.material__item:after {
    position: absolute;
    display: block;
    content: "";
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='23'%20height='14'%20viewBox='0%200%2023%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%206.95181H9H22M22%206.95181L17.5323%203M22%206.95181L17.5323%2011'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='23'%20height='14'%20viewBox='0%200%2023%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%206.95181H9H22M22%206.95181L17.5323%203M22%206.95181L17.5323%2011'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    width: 24px;
    height: 16px;
    background-color: var(--color-orange);
    bottom: 15px;
    right: 20px;
    opacity: 0;
    transition: all .2s
}

.material__item:hover:after {
    opacity: 1
}

/* .material__item-img img {
    border-radius: 10px 10px 0 0;
    width: 100%;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;

} */


.material__item-img {
    border-radius: 10px 10px 0 0;
    width: 100%;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;

}

.material__text {
    height: 180px;
    position: relative;
    padding: 30px 35px
}

.material__date {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.3;
    color: var(--color-dark-gray)
}

.material__title {
    margin-top: 5px;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.3;
    color: var(--color-black)
}

.material__description {
    margin-top: 10px;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.3;
    color: var(--color-black);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.material__pagination,
.material__pagination.swiper-pagination {
    position: absolute;
    top: unset;
    bottom: 40px;
    margin-top: 20px;
    display: none
}

.material-button-prev {
    top: 60%;
    left: -50px
}

.material-button-next {
    top: 60%;
    right: -50px
}

.advantages {
    overflow: visible
}

.advantages h2 {
    font-weight: 500
}

.advantages__container {
    overflow: visible;
    margin-top: 40px;
    color: var(--color-black);
    line-height: 1.3;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 15px;
    max-height: 620px
}

.advantages__block {
    position: relative;
    background: var(--color-white);
    height: 256px;
    max-width: 305px;
    width: 25%;
    border-radius: 30px;
    padding: 30px;
    transition: all .2s
}

.advantages__block:hover {
    box-shadow: 0 20px 40px #00000040
}

.advantages__block-h100 {
    flex: 0 0 auto;
    height: auto
}

.advantages__block:last-child {
    height: 527px;
    display: flex;
    flex-direction: column
}

.advantages__block:last-child img {
    max-width: 80px;
    max-height: 66px
}
.advantages__block:last-child a.mog-button-normal,
.advantages__block:last-child button {
    margin-top: auto
}

.advantages__title {
    font-weight: 500;
    font-size: 18px;
    margin-top: 17px;
    margin-bottom: 10px
}

.advantages__show-more {
    margin-top: 20px
}

.information__title {
    margin-bottom: 40px
}

.information__container {
    position: relative;
    display: flex;
    justify-content: space-between;
    border-radius: 30px;
    border: 1px solid var(--color-gray);
    overflow: hidden
}

.information__block {
    padding: 40px 28px 35px 40px;
    align-self: center;
    max-width: calc(100% - 382px)
}

.information__block-title {
    margin-bottom: 10px
}

.information__text {
    line-height: 1.5
}

.information__message-text {
    margin: 25px 0;
    max-width: 758px
}

.information__block-img {
    position: absolute;
    right: -144px;
    bottom: -96px;
    width: 526px;
    height: 526px;
    object-fit: contain
}

@media (max-width: 1440px) {
    .banner-button-prev {
        left: -15px
    }
    .banner-button-next {
        right: -15px
    }
    .main-catalog-button-prev {
        left: -5px
    }
    .main-catalog-button-next {
        right: -5px
    }
    .material-button-prev {
        left: -5px
    }
    .material-button-next {
        right: -5px
    }
    .popular-button-prev {
        left: -15px
    }
    .popular-button-next {
        right: -15px
    }
}

@media (max-width: 1350px) {
    .popular-category__list {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px
    }
    .advantages__block {
        width: 24%
    }
    .material__container {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 1200px) {
    .advantages__container {
        max-height: 1000px
    }
    .advantages__block {
        max-width: 32%;
        width: 100%
    }
    .information__title {
        margin-bottom: 30px
    }
    .information__block {
        max-width: calc(100% - 282px)
    }
    .information__block-img {
        width: 426px;
        height: 426px
    }
    .popular-category__head {
        margin-bottom: 30px
    }
}

@media (max-width: 991px) {
    .information__container {
        flex-direction: column
    }
    .information__block {
        padding-bottom: 278px;
        max-width: 100%
    }
    .information__block-img {
        right: -80px;
        bottom: -118px;
        width: 370px;
        height: 370px
    }
}

@media (max-width: 768px) {
    .banner__title {
        font-size: 32px
    }
    .banner__item {
        display: flex;
        flex-direction: column;
        justify-content: end;
        height: 500px
    }
    .banner__block-top {
        padding: 20px
    }
    .banner__block-top button {
        max-width: 100%
    }
    .main-catalog {
        padding-top: 60px
    }
    .main-catalog__head {
        display: flex;
        justify-content: left;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 20px
    }
    .main-catalog__head h2 {
        font-size: 1.5rem;
        margin-bottom: 10px
    }
    .main-catalog__head h2:after {
        content: none
    }
    .main-catalog__tab {
        flex-wrap: wrap;
        width: auto
    }
    .main-catalog__list {
        margin-left: -20px;
        margin-right: -20px;
        padding-right: 20px;
        padding-left: 20px;
        width: auto
    }
    .main-catalog__pagination {
        position: relative;
        display: block;
        justify-self: center;
        align-self: center
    }
    .main-catalog__tabs {
        gap: 10px
    }
    .material {
        padding-top: 40px;
        padding-bottom: 0
    }
    .material__container {
        margin-bottom: 0;
        padding-bottom: 80px
    }
    .material__head {
        display: flex;
        justify-content: left;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 20px;
    }
    .material__section-title {
        width: 100%;
        display: flex
    }
    .material__section-title:after {
        margin-left: auto
    }
    .material__tab {
        width: auto
    }
    .material__container {
        margin-right: -20px;
        margin-left: -20px;
        padding-right: 20px;
        padding-left: 20px;
        width: auto
    }
    .material__text {
        padding: 20px
    }
    .material__pagination,
    .material__pagination.swiper-pagination {
        display: block
    }
    .brands {
        padding: 60px 20px
    }
    .brands h2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-inline: 0;
        font-size: 1.5rem;
        font-weight: 500
    }
    .brands h2:after {
        display: inline-block;
        content: "";
        -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='23'%20height='14'%20viewBox='0%200%2023%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%206.95181H9H22M22%206.95181L17.5323%203M22%206.95181L17.5323%2011'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg%20width='23'%20height='14'%20viewBox='0%200%2023%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%206.95181H9H22M22%206.95181L17.5323%203M22%206.95181L17.5323%2011'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
        width: 24px;
        height: 16px;
        align-self: center;
        background-color: var(--color-orange);
        margin-left: 10px
    }
    .brands h2:hover:after {
        transform: translate(20px)
    }
    .information__title {
        margin-bottom: 20px
    }
    .information__block {
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px
    }
    .information__message-text {
        margin-top: 5px
    }
    .advantages {
        overflow: visible
    }
    .advantages__container {
        margin-top: 20px;
        max-height: 100%;
        flex-wrap: nowrap;
        overflow: hidden
    }
    .advantages__block {
        max-width: 100%
    }
    .advantages__block:last-child {
        height: 100%
    }
    .advantages__block:last-child .advantages__description {
        margin-bottom: 20px
    }
    .advantages__show-more {
        margin-top: 20px
    }
    .popular-category__head {
        margin-bottom: 20px
    }
    .popular-category__button-catalog {
        margin-top: 20px
    }
}

@media (max-width: 576px) {
    .main-catalog .category-product {
        /* margin-right: 20px; */
        /* max-width: 88.25% */
    }
    .material__item {
        margin-right: 20px;
        width: 88.25%
    }
    .popular-category {
        display: flex;
        justify-content: center
    }
    .popular-category__list {
        margin: 0 -20px;
        padding: 0 20px;
        max-height: 520px
    }
    .popular-category__list .swiper-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 20px;
        flex-wrap: wrap;
        width: 100%;
        transform: translateZ(0) !important
    }
    .popular-category__button-catalog {
        margin-top: 0
    }
    .popular-item {
        width: calc(50% - 10px) !important;
        margin-right: 0 !important
    }
    .popular-item__content {
        max-height: 200px;
        padding: 20px
    }
    .popular-item__title {
        font-size: 14px
    }
}

.catalog {
    margin-bottom: 100px
}

.catalog-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 20px
}

.catalog-item {
    border-radius: 10px;
    background-color: var(--color-white);
    transition: box-shadow .3s ease
}

.catalog-item:hover {
    box-shadow: 0 15px 40px -10px #00000040
}

.catalog-item__content {
    padding: 30px
}

.catalog-item__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: var(--color-black);
    margin-bottom: 10px
}

.catalog-item__count {
    border-radius: 25px;
    padding: 5px 15px;
    width: fit-content;
    font-weight: 500;
    font-size: 12px;
    line-height: 110%;
    text-align: center;
    color: var(--color-gray);
    background-color: var(--color-light-white);
    margin-bottom: 41px
}

.catalog-item__img {
    mix-blend-mode: multiply;
    margin-bottom: 15px
}

.catalog-showmore {
    display: none
}

.catalog-info {
    margin-bottom: 100px
}

.catalog-info__inner {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 40px;
    border: 1px solid var(--color-gray);
    border-radius: 30px;
    overflow: hidden
}

.catalog-info__inner li{padding-left: 1rem; position: relative; margin-bottom: 0.2rem}
.catalog-info__inner li::after{display: block; content: ""; position: absolute; left: 0; top: 0.5rem; width: 4px; height: 4px; border-radius: 100%; background: #000}


.catalog-info__inner ul,
.catalog-info__inner p{margin-bottom: 1rem}
.catalog-info__inner h1,
.catalog-info__inner h2{font-size: 1.25rem; font-weight: 500; margin-bottom: 1rem}



.catalog-info__col:nth-child(1) {
    flex: 0 1 698px
}

.catalog-info__col:nth-child(2) {
    flex: 0 1 502px
}

.catalog-info__title {
    margin-bottom: 20px
}

.catalog-info__text {
    display: flex;
    flex-direction: column;
    row-gap: 13px;
    font-weight: 400;
    font-size: 15px;
    color: var(--color-black);
    margin-bottom: 20px
}

.catalog-info__link {
    font-weight: 500;
    font-size: 16px;
    color: var(--color-orange)
}

.catalog-info__img {
    position: absolute;
    top: -100px;
    right: -122px;
    width: 590px;
    height: 590px
}

.catalog-info__img img {
    width: 100%;
    border-radius: 295px
}

.catalog-info__img:after {
    content: "";
    position: absolute;
    display: block;
    background: url(/local/templates/main/./descr-image-bg-BgdYULWo.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 20px;
    right: 10px;
    border-radius: 295px;
    z-index: -1
}

.btn-disabled {
    opacity: .6;
    pointer-events: none;
    cursor: default;
    -webkit-user-select: none;
    user-select: none
}

@media (max-width: 1200px) {
    .catalog {
        margin-bottom: 80px
    }
    .catalog-list {
        grid-template-columns: repeat(3, 1fr)
    }
    .catalog-info__inner {
        column-gap: 150px
    }
    .catalog-info__col {
        width: 50%
    }
    .catalog-info__img {
        width: 496px;
        height: 496px;
        top: unset;
        bottom: -180px;
        right: -170px
    }
    .catalog-info__img:after {
        width: 496px;
        height: 496px;
        top: 0;
        right: 45px
    }
}

@media (max-width: 768px) {
    .catalog {
        margin-bottom: 60px
    }
    .catalog-list {
        grid-template-columns: repeat(2, 1fr)
    }
    .catalog-info__inner {
        flex-direction: column;
        row-gap: 36px
    }
    .catalog-info__col {
        width: 100%
    }
    .catalog-info__col:nth-child(1) {
        flex-basis: auto
    }
    .catalog-info__col:nth-child(2) {
        flex-basis: 354px
    }
    .catalog-info__img {
        top: unset;
        bottom: -135px;
        right: -150px
    }
    .catalog-info__img:after {
        top: 0;
        right: 45px
    }
}

@media (max-width: 576px) {
    .catalog-list {
        grid-template-columns: repeat(1, 320px);
        justify-content: center
    }
    .catalog-info__inner {
        padding: 30px
    }
    .catalog-info__title {
        font-size: 18px
    }
    .catalog-info__img {
        top: unset;
        bottom: -135px;
        right: -155px
    }
    .catalog-info__img:after {
        top: -5px;
        right: 65px
    }
    .catalog-info__img img {
        transform: scale(1.02)
    }
    .catalog-showmore {
        display: block;
        text-align: center
    }
    .catalog-showmore__btn {
        min-width: 320px
    }
}

.category__header {
    margin-bottom: 40px
}

.category__content {
    display: flex;
    column-gap: 20px
}

.category-sidebar {
    flex: 0 0 305px;
    overflow: hidden
}

.filters-list {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    margin-bottom: 40px
}

.filters-list:last-child {
    margin-bottom: 0
}

.filter-item {
    max-width: 100%;
    border-radius: 10px;
    padding: 20px;
    background-color: var(--color-white)
}

.filter-item__title {
    font-weight: 500;
    font-size: 18px;
    color: var(--color-black);
    cursor: pointer
}

.filter-item__title span {
    display: flex
}

.filter-item__title span:after {
    content: "";
    background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17%2010L12%2015L7%2010'%20stroke='black'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    width: 24px;
    height: 24px;
    margin-left: auto;
    transition: .35s
}

.filter-item__title--default {
    cursor: auto
}

.filter-item__title--default span:after {
    display: none
}

.filter-item__title.accordion__btn--active span:after {
    transform: rotate(-180deg)
}

.filter-item__main {
    padding-top: 20px
}

/* .filter-item:nth-child(2) {
    display: none
} */

.filter-item:nth-child(2).filter-item--visible {
    display: block
}

.filter-item--open .filter-item__title span:after {
    transform: rotate(-180deg)
}

.filter-category__title {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.filter-category__title.accordion__btn {
    cursor: pointer
}

.filter-category__title.accordion__btn:after {
    content: "";
    display: inline-block;
    background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17%2010L12%2015L7%2010'%20stroke='black'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    width: 24px;
    height: 24px;
    margin-left: 8px;
    transition: transform .4s
}

.filter-category__title.accordion__btn.accordion__btn--active:after {
    transform: rotate(-180deg)
}

.filter-category__main {
    padding-top: 12px
}

.filter-category__list {
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.filter-category__item {
    display: flex
}

.filter-category__item:before {
    content: "—";
    margin-right: 5px
}

.filter-category__item:not(:first-child) {
    margin-top: 10px
}

.filters-title {
    display: none;
    font-weight: 500;
    font-size: 20px;
    color: var(--color-black);
    margin-bottom: 30px
}

.filters-title svg {
    fill: var(--color-orange)
}

.filter-item__category:not(:first-child) {
    margin-top: 20px
}

.sorting-filter {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    font-size: 15px;
    color: #000
}

.sorting-filter__item {
    display: flex;
    align-items: center
}

.sorting-filter__item:hover:not(.sorting-filter__item--active) .sorting-filter__switch {
    border: 2px solid var(--color-black)
}

.sorting-filter__input {
    display: none
}

.sorting-filter__switch {
    display: flex;
    border-radius: 50%;
    border: 1px solid var(--color-gray);
    width: 20px;
    height: 20px;
    margin-right: 8px
}

.sorting-filter__item--active .sorting-filter__switch {
    display: flex;
    border-radius: 50%;
    border: 6px solid var(--color-orange);
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.tabs-filter__list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

a.tabs-filter__item {
    display: flex;
    align-items: center;
    border-radius: 25px;
    padding: 7px 21px;
    width: fit-content;
    font-size: 15px;
    color: var(--color-black);
    text-align: center;
    background-color: var(--color-light-white)
}

a.tabs-filter__item--active {
    background-color: var(--color-black);
    color: var(--color-light-white)
}

a.tabs-filter__item--active .tabs-filter__close-btn {
    display: flex;
    margin-left: 10px
}

/* a.tabs-filter__item--active .tabs-filter__close-btn:after {
    content: "";
    width: 24px;
    height: 24px;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='14.381'%20height='0.934924'%20rx='0.467462'%20transform='matrix(0.700204%200.713943%20-0.700204%200.713943%206.43066%205.5)'%20fill='%23F5F5F5'/%3e%3crect%20width='14.381'%20height='0.934924'%20rx='0.467462'%20transform='matrix(0.700204%20-0.713943%200.700204%200.713943%205.5%2015.8325)'%20fill='%23F5F5F5'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='14.381'%20height='0.934924'%20rx='0.467462'%20transform='matrix(0.700204%200.713943%20-0.700204%200.713943%206.43066%205.5)'%20fill='%23F5F5F5'/%3e%3crect%20width='14.381'%20height='0.934924'%20rx='0.467462'%20transform='matrix(0.700204%20-0.713943%200.700204%200.713943%205.5%2015.8325)'%20fill='%23F5F5F5'/%3e%3c/svg%3e");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--color-light-white)
} */


.tabs-filter__text {
    display: flex;
    align-items: center;
    min-height: 24px
}

.tabs-filter__count {
    margin-left: 5px
}

.tabs-filter__close-btn {
    display: none
}

.price-filter__name {
    margin-bottom: 13px
}

.price-filter__bottom:not(:first-child) {
    margin-top: 20px
}

.price-range {
    display: flex;
    align-items: center
}

.price-range__item {
    position: relative;
    max-width: 100px;
    border: 1px solid var(--color-gray);
    border-radius: 5px;
    padding: 8px 15px;
    opacity: .8
}

.price-range__border-text {
    position: absolute;
    display: block;
    top: -8px;
    left: 12px;
    padding: 0 3px;
    width: 18px;
    font-size: 12px;
    color: var(--color-black);
    background: var(--color-white)
}

.price-range__value {
    max-width: 100%;
    color: #000
}

.price-range__value::placeholder {
    color: var(--color-dark-gray)
}

.price-range__devider {
    margin: 0 8px;
    width: 11px;
    height: 2px;
    background-color: #000
}

.price-range__currency {
    margin-left: 10px;
    display: flex
}

.price-range__currency:after {
    content: "";
    background: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.62946%2016.4999V14.5543H5.5V13.3731H6.62946V11.9313H5.5V10.5068H6.62946V4.58325H12.1295C12.9043%204.58325%2013.5427%204.73959%2014.0446%205.05228C14.5575%205.35338%2014.9395%205.77608%2015.1905%206.32038C15.4524%206.86467%2015.5833%207.49583%2015.5833%208.21384C15.5833%208.94343%2015.4415%209.59196%2015.1577%2010.1594C14.874%2010.7153%2014.4702%2011.1496%2013.9464%2011.4623C13.4335%2011.7749%2012.8224%2011.9313%2012.1131%2011.9313H8.18452V13.3731H11.622V14.5543H8.18452V16.4999H6.62946ZM8.18452%2010.5068H12.0149C12.626%2010.5068%2013.1116%2010.3042%2013.4717%209.89885C13.8318%209.49352%2014.0119%208.93764%2014.0119%208.23121C14.0119%207.7564%2013.9355%207.35686%2013.7827%207.0326C13.6409%206.70833%2013.4226%206.45935%2013.128%206.28563C12.8333%206.10034%2012.4623%206.00769%2012.0149%206.00769H8.18452V10.5068Z'%20fill='%23333333'/%3e%3c/svg%3e");
    width: 22px;
    height: 22px
}

.price-range__text {
    margin-left: 6px
}

.price-bottom {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    font-size: 15px;
    color: #000
}

.price-bottom__item {
    display: flex;
    align-items: center
}

.price-bottom__item:hover:not(.price-bottom__item--active) .price-bottom__switch {
    border: 2px solid var(--color-black)
}

.price-bottom__input {
    display: none
}

.price-bottom__switch {
    display: flex;
    border-radius: 50%;
    border: 1px solid var(--color-gray);
    width: 20px;
    height: 20px;
    margin-right: 8px
}

.price-bottom__text {
    padding-top: 2px
}

.price-bottom__currency {
    padding-top: 2px;
    font-size: 16px;
    font-weight: 500;
    margin-left: 6px
}

.price-bottom__item--active .price-bottom__switch {
    display: flex;
    border-radius: 50%;
    border: 6px solid var(--color-orange);
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.size-filter__list {
    display: flex;
    flex-direction: column;
    row-gap: 20px
}

.size-filter__name {
    font-size: 15px;
    margin-bottom: 13px
}

.size-filter__item-row {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.size-range {
    position: relative;
    max-width: 100px;
    border: 1px solid var(--color-gray);
    border-radius: 5px;
    padding: 8px 15px;
    opacity: .8
}

.size-range__border-text {
    position: absolute;
    display: block;
    top: -8px;
    left: 12px;
    padding: 0 3px;
    width: 18px;
    font-size: 12px;
    color: var(--color-black);
    background: var(--color-white)
}

.size-range__value {
    max-width: 100%;
    color: #000
}

.size-range__value::placeholder {
    color: var(--color-dark-gray)
}

.size-range__devider {
    width: 11px;
    height: 2px;
    background-color: #000
}

.size-range__text {
    font-size: 15px;
    margin-left: -5px
}

.checkbox-filter__list {
    display: flex;
    flex-direction: column;
    row-gap: 10px
}

.checkbox-filter__list:not(:last-child) {
    padding-bottom: 10px
}

.checkbox-filter__item {
    display: flex;
    align-items: center
}

.checkbox-filter__item:hover:not(.checkbox-filter__item--active) .checkbox-filter__switch {
    border: 2px solid var(--color-black)
}

.checkbox-filter__item--hidden {
    display: none
}

.checkbox-filter--active .checkbox-filter__item--hidden {
    display: flex
}

.checkbox-filter__input {
    display: none
}

.checkbox-filter__switch {
    border-radius: 4px;
    border: 1px solid var(--color-gray);
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.checkbox-filter__text {
    font-size: 15px
}

.checkbox-filter__count {
    font-size: 14px;
    line-height: 1.5;
    color: var(--color-gray);
    margin-left: 5px
}
.checkbox-filter__hidemore-btn,
.checkbox-filter__showmore-btn {
    font-weight: 500;
    color: var(--color-orange)
}
.checkbox-filter__hidemore-btn span,
.checkbox-filter__showmore-btn span {
    display: flex;
    transition: .3s ease
}

.checkbox-filter__hidemore-btn span:after{
    content: "";
    background: url("data:image/svg+xml,%3csvg%20width='12'%20height='7'%20viewBox='0%200%2012%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11%201L5.99999%206L1%201'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(180deg);
    width: 16px;
    height: 8px;
    margin-left: 5px;
    align-self: center;
}

.checkbox-filter__showmore-btn span:before {
    content: "";
    background: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.99998%208.5L12%208.5M7.99998%208.5L7.99999%204.5M7.99998%208.5L4%208.5M7.99998%208.5L8.00001%2012.5'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    width: 16px;
    height: 16px;
    margin-right: 5px
}

/* .checkbox-filter--active .checkbox-filter__showmore-btn,
.checkbox-filter__hidemore-btn {
    display: none
} */

/* .checkbox-filter--active .checkbox-filter__hidemore-btn {
    display: flex
} */

.checkbox-filter__item--active .checkbox-filter__switch {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: none;
    width: 20px;
    height: 20px;
    background-color: var(--color-orange);
    margin-right: 10px
}

.checkbox-filter__item--active .checkbox-filter__switch:after {
    content: "";
    background: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.3332%204.66675L5.99984%2012.0001L2.6665%208.66675'%20stroke='white'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    width: 16px;
    height: 16px
}

.filters-footer {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    margin-top: 40px
}

.filters-footer__section.simplebar-scrollable-x {
    padding-bottom: 4px
}

.filters-footer__reset-btn {
    font-weight: 500;
    text-align: center;
    color: var(--color-black);
    border: 1px solid var(--color-black);
    border-radius: 25px;
    padding: 8px 20px;
    transition: .3s ease
}

.filters-footer__reset-btn:hover {
    background-color: var(--color-black);
    color: var(--color-white)
}

.filters-footer__tabs {
    display: flex;
    column-gap: 10px
}

.filters-footer__allfilters-btn {
    border-radius: 25px;
    padding: 15px 35px;
    background-color: var(--color-orange);
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: var(--color-light-white);
    transition: .3s ease
}

.filters-footer__allfilters-btn:hover {
    border: 1px solid var(--color-orange);
    background-color: var(--color-light-white);
    color: var(--color-orange)
}

.footer-tab {
    display: flex;
    align-items: center;
    width: fit-content;
    border-radius: 25px;
    padding: 8px 20px;
    background-color: var(--color-white)
}

.footer-tab__text {
    text-wrap: nowrap;
    font-size: 15px;
    color: var(--color-black)
}

.footer-tab__count {
    margin-left: 5px
}

.footer-tab--active {
    background-color: var(--color-black)
}

.footer-tab--active .footer-tab__text,
.footer-tab--active .footer-tab__count {
    color: var(--color-white)
}

.footer-tab--active .footer-tab__close-btn {
    display: flex;
    margin-left: 10px
}

.footer-tab--active .footer-tab__close-btn:after {
    content: "";
    width: 22px;
    height: 22px;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='14.381'%20height='0.934924'%20rx='0.467462'%20transform='matrix(0.700204%200.713943%20-0.700204%200.713943%206.43066%205.5)'%20fill='%23F5F5F5'/%3e%3crect%20width='14.381'%20height='0.934924'%20rx='0.467462'%20transform='matrix(0.700204%20-0.713943%200.700204%200.713943%205.5%2015.8325)'%20fill='%23F5F5F5'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='14.381'%20height='0.934924'%20rx='0.467462'%20transform='matrix(0.700204%200.713943%20-0.700204%200.713943%206.43066%205.5)'%20fill='%23F5F5F5'/%3e%3crect%20width='14.381'%20height='0.934924'%20rx='0.467462'%20transform='matrix(0.700204%20-0.713943%200.700204%200.713943%205.5%2015.8325)'%20fill='%23F5F5F5'/%3e%3c/svg%3e");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--color-light-white)
}

.category-main {
    flex: 1 1 auto
}

.category-sort {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px
}

.category-sort__item {
    width: 220px
}

.sort-select {
    position: relative;
    min-width: 220px;
    color: var(--color-dark-gray);
    margin-left: auto
}

.sort-select:after {
    content: "";
    position: absolute;
    top: 6px;
    right: 6px;
    background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17%2010L12%2015L7%2010'%20stroke='black'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    width: 24px;
    height: 24px;
    z-index: -1
}

.sort-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: 9px 15px;
    border: 1px solid var(--color-dark-gray);
    border-radius: 5px;
    cursor: pointer
}

.category-products__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 40px
}

.category-products__list--col-3 {
    grid-template-columns: repeat(4, 1fr)
}

.category-products__list.swiper {
    display: flex
}

.buy-one-click {
    position: absolute;
    display: flex;
    justify-content: center;
    top: 136px;
    left: 0;
    width: 100%;
    opacity: 0;
    z-index: 11;
    transition: .3s ease
}

.buy-one-click__btn {
    border: 1px solid var(--color-orange);
    border-radius: 25px;
    padding: 14px;
    min-width: 213px;
    height: 49px;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: var(--color-orange);
    background-color: #ffffffb3;
    cursor: pointer;
    transition: .3s ease
}

.buy-one-click__btn:hover {
    background-color: var(--color-orange);
    color: var(--color-white)
}

.category-product {
    position: relative;
    border: 1px solid var(--color-white);
    border-radius: 10px;
    max-width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    background-color: var(--color-light-white);
    transition: .3s ease;
    height: 100%;
}

.category-product:hover {
    box-shadow: 0 15px 40px -10px #00000040
}

.category-product:hover .buy-one-click {
    opacity: 1
}

.category-product__img-link {
    display: block;
    margin-bottom: 10px
}

.category-product__content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 0 20px;
    height: 100%;
}

.category-product--bd-gray {
    border-color: var(--color-gray)
}

.product-slider {
    padding-bottom: 20px
}

.product-slider__pagination.swiper-pagination {
    position: absolute;
    bottom: 8px
}

.product-slider__pagination.swiper-pagination .swiper-pagination-bullet {
    margin: 0 3px
}

.product-slide {
    display: flex;
    justify-content: center
}

.product-slide img {
    object-fit: contain
}

.product__article {
    margin-bottom: 5px
}

.product__article-text {
    color: var(--color-dark-gray)
}

.product__title {
    display: block;
    margin-bottom: 5px
}

.product__title-text {
    display: block;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.3;
    color: var(--color-black)
}

.product__rating {
    display: flex;
    column-gap: 10px;
    margin-bottom: 20px
}

.product__rating .product__rating-score {
    font-weight: 700;
    font-size: 14px;
    color: var(--color-orange)
}

.product__rating .product__rating-score span {
    display: flex
}

.product__rating .product__rating-score span:before {
    content: "";
    background: url(/local/templates/main/icons/rating-star-icon.svg);
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.product__rating .product__rating-comment {
    color: var(--color-dark-gray)
}

.product__properties {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    margin-bottom: 20px
}

.product__prop-item {
    display: flex;
    column-gap: 10px
}

.product__prop-name {
    color: var(--color-dark-gray)
}

.product__prop-value {
    color: var(--color-black)
}

.product__price {
    display: flex;
    flex-direction: column
}

.product__old-price {
    font-weight: 500;
    font-size: 16px;
    color: var(--color-dark-gray);
    text-decoration: line-through
}

.product__new-price {
    font-weight: 500;
    font-size: 22px;
    color: var(--color-black)
}

.product__cart-add {
    display: flex;
    align-items: center;
    column-gap: 5px;
    border: 1px solid var(--color-orange);
    border-radius: 25px;
    padding: 12px 15px;
    width: 76px;
    height: 48px;
    background-color: var(--color-orange);
    transition: .3s ease
}

.product__cart-add .cart-icon {
    stroke: var(--color-light-white)
}

.product__cart-add .cart-icon-added {
    display: none
}

.product__cart-add:hover {
    background-color: transparent
}

.product__cart-add:hover .cart-icon {
    stroke: var(--color-orange)
}

.product__labels {
    position: absolute;
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    top: 20px;
    left: 20px;
    z-index: 10
}

.product__meta {
    position: absolute;
    display: flex;
    flex-direction: column;
    row-gap: 0px;
    top: 20px;
    right: 20px;
    z-index: 10
}

.product-footer {
    display: flex;
    justify-content: space-between;
    margin-top: auto
}
.popular-label,
.recommend-label{
    display: none;
    border-radius: 25px;
    padding: 5px 10px;
    width: max-content;
    height: 24px;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
}

.recommend-label{
    color: var(--color-light-white);
    background-color: var(--color-blue);
}

.popular-label{
    color: var(--color-light-white);
    background-color: var(--color-violet);
}

.discount-label{  
    color: var(--color-light-white);
    background-color: var(--color-red);
}


.discount-label, 
.new-label{
    display: none;
    border-radius: 25px;
    padding: 5px 20px;
    width: 87px;
    height: 24px;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
}

.popular-label--active,
.new-label--active,
.recommend-label--active,
.discount-label--active {
    display: block
}

.new-label {
    color: var(--color-light-white);
    background-color: var(--color-yellow)
}


.discount-product .discount-label,
.new-product .new-label {
    display: block
}

.discount-first .discount-label {
    order: 1
}

.discount-first .new-label,
.new-first .discount-label {
    order: 2
}

.new-first .new-label {
    order: 1
}

.meta-btn svg {
    fill: none;
    stroke-width: 2px;
    stroke: var(--color-gray);
    transition: .3s ease
}

.meta-btn:hover svg,
.meta-btn--active svg {
    fill: none;
    stroke: var(--color-orange)
}

.category-footer {
    display: flex;
    align-items: center;
    margin-bottom: 100px;
    justify-content: space-between;
}
.category-footer #pag .category-footer__showmore{
    margin-right: 75px;
}

.category-footer__showmore {
    border: 1px solid var(--color-orange);
    border-radius: 25px;
    padding: 14px 35px;
    min-width: 240px;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: var(--color-orange);
    transition: .3s ease;
    cursor: pointer
}

.category-footer__showmore:hover {
    background-color: var(--color-orange);
    color: var(--color-light-white)
}

.category-footer__pagination {
    display: flex;
    column-gap: 20px;
    /* margin-left: 78px */
}

.category-footer__pagination .pagination__link {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    width: 38px;
    height: 38px;
    padding: 10px;
    font-size: 15px;
    text-align: center;
    color: #bdbdbd
}

.category-footer__pagination .pagination__link--active {
    border-radius: 50%;
    color: var(--color-light-white);
    background-color: var(--color-orange)
}

.category-footer__pagination .pagination__link-dots {
    display: flex;
    gap: 2px
}

.category-footer__pagination .pagination__link-dots span {
    width: 2px;
    height: 2px;
    background-color: #bdbdbd
}
.category-footer__pagination .pagination__link-prev,
.category-footer__pagination .pagination__link-next {
    border: 1px solid var(--color-orange);
    border-radius: 50%
}

.category-footer__pagination--ml-auto,
.category-footer__pages-count {
    margin-left: unset;
}

.category-footer__pages-count {
    display: flex;
    align-items: center;
    column-gap: 15px
}

.pages-count {
    font-size: 15px;
    color: var(--color-black)
}

.pages-count__current-page {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border: 1px solid var(--color-dark-gray);
    border-radius: 5px;
    width: 38px;
    height: 38px;
    text-align: center
}

.mobile-filters-btn {
    display: none;
    border: 1px solid var(--color-orange);
    border-radius: 25px;
    padding: 13px 35px;
    max-width: 320px;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: var(--color-orange);
    cursor: pointer;
    transition: .3s ease
}

.mobile-filters-btn svg {
    stroke: var(--color-orange);
    transition: .3s ease
}

.mobile-filters-btn:hover {
    background-color: var(--color-orange);
    color: var(--color-white)
}

.mobile-filters-btn:hover svg {
    stroke: var(--color-white)
}

.mobile-bg,
.category-footer__pagination-mobile {
    display: none
}

@media (max-width: 1200px) {
    .category-products__list {
        grid-template-columns: repeat(2, 1fr)
    }
    .category-products__list--col-3 {
        grid-template-columns: repeat(3, 1fr)
    }
    .category-footer {
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 65px
    }
    .category-footer__showmore {
        flex: 1 1 320px;
        margin-bottom: 20px
    }
    .category-footer__pagination,
    .category-footer__pages-count {
        margin-left: unset
    }
}

@media (max-width: 991px) {
    .category-products__list--col-3 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 768px) {
    body {
        position: relative
    }
    .mobile-filters-btn {
        margin-inline: auto
    }
    .mobile-bg--active {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: var(--color-black);
        opacity: .5;
        z-index: 100
    }
    .category__header {
        margin-bottom: 25px
    }
    .category-sidebar {
        position: fixed;
        bottom: 40px;
        left: -300%;
        height: calc(100vh - 108px);
        height: calc(100dvh - 108px);
        overflow-y: auto;
        border-radius: 30px 30px 0 0;
        padding: 20px;
        background-color: #fff;
        max-width: 100%;
        z-index: 100;
        transition: .3s ease
    }
    .category-sidebar .filters-list {
        row-gap: 0
    }
    .category-sidebar .filter-item {
        padding-left: 0;
        padding-right: 0;
        border-bottom: 1px solid #d9d9d9;
        border-radius: 0;
        background-color: #fff
    }
    .category-sidebar-mobile {
        left: 0
    }
    .category-sort {
        display: none
    }
    .mobile-filters-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 16px;
        margin-left: auto
    }
    .category-product {
        min-width: calc(100% - 10px)
    }
    .category-footer {
        margin-bottom: 60px
    }
    .filters-title__text {
        font-size: 20px;
        line-height: 1.3
    }
}

@media (max-width: 576px) {
    .filters-title {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
    .filter-item:nth-child(2) {
        display: block
    }
    .filters-title+.filter-item {
        padding-top: 0
    }
    .category-products__list {
        grid-template-columns: repeat(1, 1fr);
        justify-items: center
    }
    .category-product {
        min-width: 320px
    }
    .category-footer {
        flex-direction: column
    }
    .category-footer__showmore {
        flex: 0 0 100%;
        min-width: 100%
    }
    .category-footer__pagination {
        display: none
    }
    .category-footer__pagination-mobile {
        display: flex
    }
    .category-footer__pages-count {
        display: none
    }
}

.product-card-top {
    margin-bottom: 40px
}

.product-card-top__mobile-title,
.product-card-top__mobile-article {
    display: none
}

.product-card {
    margin-bottom: 100px
}

.product-card__content {
    display: flex;
    column-gap: 40px
}

.product-card__column-img {
    display: flex;
    align-items: flex-start;
    column-gap: 20px;
    flex: 0 1 610px
}

.product-card__column-img .swiper-slide{
    max-height: 420px;
}

.product-card__column-info {
    flex: 0 1 630px
}

.product-card__thumbs-next {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 1;
    transform: translate(-50%);
    cursor: pointer
}

.product-card__thumbs-next:before {
    transform: rotate(0)
}

.product-card__thumbs-next.swiper-button-disabled {
    opacity: .5;
    cursor: default
}

.column-img__slider {
    max-width: 502px;
    order: 2
}

.column-img__slider-pagination {
    display: none
}

.column-img__thumbs-box {
    position: relative;
    padding-bottom: 44px;
    max-width: 88px;
    order: 1
}

.column-img__thumbs {
    max-width: 100%;
    min-height: 440px;
    max-height: 440px;
    height: 100%;
}

.column-img__thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    height: 95px;
    border-radius: 10px;
    overflow: hidden;
    opacity: .5;
    border: 1px solid transparent;
    cursor: pointer;
    transition: opacity .3s, border .3s
}

.column-img__thumb.swiper-slide-thumb-active {
    border-color: var(--color-gray);
    opacity: 1
}

.column-img__labels {
    top: 0
}

.column-img__meta {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center
}

.column-img__meta-btn:not(:first-child) {
    /* margin-top: 20px; */
}

.column-img__meta-btn svg {
    display: block
}

.column-info__article {
    color: var(--color-dark-gray);
    margin-bottom: 20px
}

.column-info__title {
    font-weight: 500;
    font-size: 36px;
    color: #000;
    margin-bottom: 20px
}

.product-rating {
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

.product-rating__score {
    font-weight: 700;
    color: var(--color-orange)
}

.product-rating__score span {
    display: flex;
    font-size: 14px
}

.product-rating__score span:before {
    content: "";
    background: url(/local/templates/main/icons/rating-star-icon.svg);
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.product-rating__comment {
    color: var(--color-dark-gray);
    margin-left: 10px;
    font-size: 14px
}

.product-rating__available-count {
    border: 1px solid var(--color-cyan);
    border-radius: 25px;
    padding: 8px 10px;
    width: 170px;
    margin-left: 25px;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.1;
    text-transform: uppercase;
    text-align: center;
    color: var(--color-cyan)
}

.product-details__inner {
    padding-top: 100px;
    position: relative;
    border-radius: 30px
}

.product-details__warranty {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 30px;
    padding: 17px 32px;
    background-color: var(--color-cyan);
    width: 273px;
    height: 160px;
    z-index: 5
}

.product-details__brand {
    position: absolute;
    top: -1px;
    left: 128px;
    border: 1px solid var(--color-gray);
    border-radius: 30px;
    padding: 17px 32px;
    width: calc(100% - 128px);
    height: 160px;
    background-color: var(--color-light-white);
    z-index: 10
}

.product-details__order {
    position: relative;
    padding: 30px;
    border-radius: 30px;
    width: 100%;
    background-color: var(--color-white);
    z-index: 15
}

.product-warranty__img {
    margin-bottom: 5px
}

.product-warranty__img svg {
    display: block
}

.product-warranty__text {
    font-weight: 500;
    font-size: 16px;
    color: var(--color-white)
}

.product-brand__inner {
    display: flex;
    align-items: center;
    column-gap: 40px
}

.product-brand__devider {
    width: 100%;
    height: 1px;
    background-color: var(--color-gray)
}

.product-brand__additional {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    width: 260px;
    font-weight: 500;
    font-size: 16px;
    color: var(--color-orange)
}

.product-brand__additional span {
    font-weight: 700
}

.product-brand__all-products {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 15px
}

.product-brand__all-products:after {
    content: "";
    background: url("data:image/svg+xml,%3csvg%20width='23'%20height='14'%20viewBox='0%200%2023%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%206.95181H9H22M22%206.95181L17.5323%203M22%206.95181L17.5323%2011'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    display: block;
    width: 22px;
    height: 14px
}

.product-brand__download-catalog {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 15px
}

.product-brand__download-catalog:after {
    content: "";
    background: url(/local/templates/main/icons/download-icon.svg);
    display: block;
    width: 24px;
    height: 24px
}

.product-order__price {
    display: flex;
    align-items: baseline;
    column-gap: 20px;
    margin-bottom: 20px
}

.product-order__price-new {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 34px;
    color: var(--color-black)
}

.product-order__price-new span:not(:first-child) {
    margin-left: 7px
}

.product-order__price-old {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 20px;
    text-decoration: line-through;
    color: var(--color-dark-gray)
}

.product-order__price-old span:not(:first-child) {
    margin-left: 5px
}

.product-order__devider {
    width: 100%;
    height: 1px;
    background-color: var(--color-gray);
    margin-bottom: 20px
}

.product-order__delivery {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    margin-bottom: 20px
}

.product-order__delivery-item span:nth-child(1) {
    font-weight: 500;
    font-size: 18px;
    color: var(--color-black);
    margin-right: 10px
}

.product-order__delivery-item span:nth-child(2) {
    font-size: 16px;
    color: var(--color-black)
}

.product-order__footer {
    display: flex;
    column-gap: 10px
}

.product-order__footer-btn {
    display: flex;
    column-gap: 15px;
    width: 280px;
    height: 50px;
    border: 1px solid var(--color-orange);
    border-radius: 25px;
    padding-left: 10px
}

.product-order__footer-btn--hide {
    display: none
}

.product-order__footer-btn-cart {
    flex: 0 0 auto;
    width: 280px;
    display: none
}

.product-order__footer-btn-cart--active {
    display: flex
}

.product-order__count {
    display: flex;
    align-items: center;
    column-gap: 12px
}

.product-order__decr:before {
    content: "";
    background: url(/local/templates/main/icons/minus-icon.svg);
    display: block;
    width: 24px;
    height: 24px
}

.product-order__value {
    font-size: 15px;
    text-align: center;
    color: #000
}

.product-order__incr:before {
    content: "";
    background: url(/local/templates/main/icons/plus-icon.svg);
    display: block;
    width: 24px;
    height: 24px
}

.product-order__add-to-cart {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    width: 180px;
    height: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    color: var(--color-light-white);
    background-color: var(--color-orange)
}

.product-order__add-to-card-main {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 12px
}

.product-order__add-to-card-main svg {
    display: block
}

.product-order__cart-icon svg {
    stroke: var(--color-light-white)
}

.product-order__addToCart-additional {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    row-gap: 12px;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    color: #f47920
}

.product-mobile-cart {
    position: fixed;
    left: 0;
    bottom: 68px;
    z-index: 100;
    padding: 20px;
    width: 100%;
    background: #fff;
    box-shadow: 0 4px 30px #00000040;
    border-radius: 10px 10px 0 0;
    display: none
}

.product-mobile-cart__main {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.product-mobile-cart__title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-word
}

.product-mobile-cart__price {
    margin-top: 7px;
    display: flex;
    align-items: center
}

.product-mobile-cart__price-new {
    font-size: 22px
}

.product-mobile-cart__price-old {
    margin-left: 15px;
    text-decoration: line-through
}

.product-mobile-cart__add-btn {
    margin-left: 10px;
    padding: 11px 19px
}

.product-mobile-cart__add-btn:hover {
    background: var(--color-orange)
}

.product-mobile-cart__added {
    width: 100%;
    display: none
}

.product-mobile-cart--active .product-mobile-cart__main {
    display: none
}

.product-mobile-cart--active .product-mobile-cart__added {
    display: block
}

.product-card-tabs {
    margin-bottom: 40px
}

.product-card-tabs__inner {
    display: flex;
    column-gap: 20px
}

.product-card-tabs__item {
    display: none;
}

.product-card-tabs__item.active {
    display: block;
}

.tabs-column {
    flex: 1 1 auto;
    min-width: 0
}

.short-props-column {
    flex: 0 0 413px
}

.tabs-btns {
    display: flex;
    column-gap: 60px;
    overflow-x: auto
}

.tabs-btns__item {
    position: relative;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    column-gap: 10px;
    white-space: nowrap
}

.tabs-btns__item-text {
    font-weight: 500;
    font-size: 18px;
    color: var(--color-dark-gray)
}

.tabs-btns__item.active .tabs-btns__item-text,
.tabs-btns__item--active .tabs-btns__item-text {
    font-weight: 500;
    font-size: 18px;
    color: var(--color-black)
}

.tabs-btns__item.active:after,
.tabs-btns__item--active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 4px;
    background-color: var(--color-dark-orange)
}

.tabs-btns__item-count {
    font-weight: 500;
    font-size: 18px;
    color: var(--color-gray)
}

.product-card-tabs__devider {
    width: 100%;
    height: 1px;
    background-color: var(--color-gray);
    margin-bottom: 40px
}

.tab-item {
    max-width: 630px
}

@media (min-width: 769px) {
    .tab-item__content.accordion__content {
        height: auto !important;
        overflow: visible;
        visibility: visible
    }
}

.tab-item__title {
    font-weight: 500;
    font-size: 24px;
    color: var(--color-black);
    margin-bottom: 20px
}

.tab-item__subtitle {
    font-weight: 500;
    font-size: 18px;
    color: var(--color-black);
    margin-bottom: 8px
}

.tab-item__prop-item {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.tab-item__prop-item:not(:first-child) {
    margin-top: 10px
}

.tab-item__prop-value {
    margin-left: 10px;
    text-align: right
}

.tab-item__text {
    font-size: 15px;
    color: var(--color-black);
    margin-bottom: 16px
}

.tab-item__features-list {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    font-size: 15px;
    color: var(--color-black)
}

.tab-item__features-item {
    margin-left: 20px;
    list-style: disc;
    list-style-position: outside
}

.tab-item-mob {
    display: none;
    align-items: center;
    width: 100%
}

.tab-item-mob__text {
    margin-right: 10px;
    font-size: 18px;
    font-weight: 500
}

.tab-item-mob__count {
    margin-right: 10px;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-gray)
}

.tab-item-mob__icon {
    margin-left: auto;
    flex: 0 0 auto;
    transition: transform .3s
}

.tab-item-mob.accordion__btn--active .tab-item-mob__icon {
    transform: rotate(-180deg)
}

.short-props {
    border: 1px solid var(--color-gray);
    border-radius: 10px;
    padding: 20px 30px
}

.short-props__title {
    font-weight: 500;
    font-size: 18px;
    color: var(--color-black);
    margin-bottom: 15px
}

.short-props__list {
    display: flex;
    flex-direction: column;
    row-gap: 10px
}

.short-props__item {
    display: flex;
    justify-content: space-between
}

.short-props__item-text {
    font-size: 15px;
    color: var(--color-dark-gray)
}

.short-props__item-value {
    font-size: 15px;
    color: var(--color-black)
}

/* .product-card-similar-products {
    margin-bottom: 100px
} */

.product-card-similar-products__inner {
    position: relative
}

.product-card-similar-products__next {
    right: -64px
}

.product-card-similar-products__prev {
    left: -64px
}

.product-card-slider__title {
    margin-bottom: 40px
}

.product-card-similar-slider {
    margin: -30px -20px -40px;
    padding: 30px 20px 40px;
    width: auto
}

.product-card-similar-slider .category-product {
    border: none
}

@media (max-width: 1440px) {
    .product-card-similar-products__next {
        right: -15px
    }
    .product-card-similar-products__prev {
        left: -15px
    }
}

@media (max-width: 1340px) {
    .tabs-btns {
        column-gap: 50px
    }
    .short-props-column {
        flex-basis: 380px
    }
}

@media (max-width: 1200px) {
    .product-card {
        margin-bottom: 60px
    }
    .product-card-top__mobile-title,
    .product-card-top__mobile-article {
        margin-top: 20px;
        display: block
    }
    .product-details__inner {
        padding-top: 0;
        display: flex;
        flex-direction: column
    }
    .product-details__warranty {
        margin-top: -34px;
        padding-top: 15px;
        padding-bottom: 15px;
        position: static;
        width: 100%;
        order: 2;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        height: 90px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
    .product-warranty__img {
        margin-right: 5px;
        margin-bottom: 0
    }
    .product-warranty__text {
        margin-top: 2px
    }
    .product-warranty__text:not(:last-child) {
        margin-right: 5px
    }
    .product-details__brand {
        margin-top: 20px;
        padding: 20px 30px 33px;
        position: static;
        width: 100%;
        height: auto;
        order: 3
    }
    .product-brand__inner {
        flex-direction: column
    }
    .product-brand__additional {
        margin-top: 20px;
        row-gap: 20px
    }
    .product-brand__logo {
        max-width: 200px
    }
    .product-details__order {
        position: static;
        width: 100%;
        box-shadow: 0 15px 30px -25px #00000080
    }
    .product-order__footer {
        flex-direction: column;
        align-items: flex-start
    }
    .product-order__addToCart-additional {
        margin-top: 18px;
        align-items: center
    }
    .product-card__content {
        flex-direction: column
    }
    .product-card__column-img {
        flex: none
    }
    .column-img__thumbs-box {
        display: none
    }
    .column-img__slider {
        padding-bottom: 20px;
        max-width: 100%
    }
    .column-img__slide {
        display: flex;
        align-items: center;
        justify-content: center
    }
    .column-img__slider-pagination {
        margin-top: 10px;
        display: flex
    }
    .column-img__labels {
        left: 0
    }
    .column-info__title,
    .column-info__article,
    .short-props-column {
        display: none
    }
    .product-card-tabs {
        margin-bottom: 20px
    }
}

@media (max-width: 991px) {
    .column-img__slide img {
        max-height: 400px
    }
    .tabs-btns {
        column-gap: 40px
    }
}

@media (max-width: 768px) {
    .product-card,
    .product-card__slider-title,
    .product-card-top,
    .product-rating {
        margin-bottom: 20px
    }
    .product-rating__available-count {
        margin-left: auto;
        padding: 4px 14px;
        width: auto;
        font-size: 12px;
        text-transform: initial
    }
    .product-details__order {
        padding: 25px 20px
    }
    .product-order__delivery {
        row-gap: 10px
    }
    .product-order__delivery-item {
        display: flex;
        flex-direction: column
    }
    .product-order__delivery-item span:nth-child(1) {
        margin-right: 0;
        margin-bottom: 4px
    }
    .product-order__delivery-item span:nth-child(2) {
        font-size: 15px
    }
    .product-mobile-cart {
        display: block
    }
    .product-card-tabs__btns,
    .product-card-tabs__devider {
        display: none
    }
    .product-card-tabs__item {
        padding: 20px 0;
        display: block;
        border-bottom: 1px solid #d9d9d9
    }
    .product-card-tabs__item:first-child {
        padding-top: 0
    }
    .tab-item-mob {
        display: flex
    }
    .tab-item__title {
        display: none
    }
    .tab-item__main {
        padding-top: 20px
    }
    .product-card-tabs {
        margin-bottom: 0
    }
}

.stocks .category-products__list {
    grid-template-columns: repeat(4, 1fr)
}

.stocks .category-footer {
    justify-content: space-between
}

.stocks .category-footer__pagination {
    margin-left: 0
}

.stocks .category-footer__pages-count {
    margin-left: 20px
}

@media (max-width: 1200px) {
    .stocks .category-products__list {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 968px) {
    .stocks .category-products__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 576px) {
    .stocks .category-products__list {
        grid-template-columns: repeat(1, 1fr)
    }
}

.boilers-selection {
    display: flex;
    width: 100%
}

.boilers-selection__inner,
.boilers-selection__content {
    width: 100%
}

.boilers-selection__main {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px
}

.boilers-selection__parameters {
    display: flex;
    flex-direction: column;
    min-width: 50%
}

.boilers-selection__button {
    max-width: 320px
}

.boilers-selection__img {
    position: sticky;
    top: 110px;
    left: 0
}

.boilers-selection__img img {
    border-radius: 30px;
    overflow: hidden
}

.boilers-parameter {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-bottom: 1px solid var(--color-gray);
    margin-bottom: 20px
}

.boilers-parameter__header {
    display: flex;
    align-items: center;
    padding-bottom: 20px
}

.boilers-parameter__header img {
    margin-left: auto;
    transition: transform .35s
}

.boilers-parameter__header.accordion__btn--active img {
    transform: rotate(-180deg)
}

.boilers-parameter__number {
    display: flex;
    height: 38px;
    min-width: 38px;
    background-color: var(--color-cyan);
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    color: var(--color-light-white);
    margin-right: 17px
}

.boilers-parameter__title {
    font-size: 1.125rem;
    font-weight: 500
}

.boilers-parameter__body {
    padding-top: 7px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column
}

.boilers-parameter__form {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.boilers-parameter__all-button {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--color-orange);
    cursor: pointer
}

.boilers-parameter__all-button:before {
    display: inline-block;
    content: "+";
    color: var(--color-orange);
    margin-right: 5px;
    font-size: 1.2rem
}

.boilers-parameter__all-button:hover {
    color: var(--color-gray)
}

.boilers-parameter__all-button:hover:before {
    color: var(--color-gray)
}

.boilers-parameter__range {
    max-width: 287px
}

.input-range {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.input-range--column {
    flex-direction: column;
    align-items: flex-start
}

.input-range__main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.input-range__item {
    position: relative;
    max-width: 100px;
    border: 1px solid var(--color-gray);
    border-radius: 5px;
    padding: 8px 15px;
    opacity: .8
}

.input-range__border-text {
    position: absolute;
    display: block;
    top: -8px;
    left: 12px;
    padding: 0 3px;
    width: 18px;
    font-size: 12px;
    color: var(--color-black);
    background: var(--color-white)
}

.input-range__value {
    color: #000
}

.input-range__value::placeholder {
    color: #000
}

.input-range__devider {
    width: 11px;
    height: 2px;
    background-color: #000
}

.input-range__currency {
    display: flex
}

.input-range__currency:after {
    content: "";
    background: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.62946%2016.4999V14.5543H5.5V13.3731H6.62946V11.9313H5.5V10.5068H6.62946V4.58325H12.1295C12.9043%204.58325%2013.5427%204.73959%2014.0446%205.05228C14.5575%205.35338%2014.9395%205.77608%2015.1905%206.32038C15.4524%206.86467%2015.5833%207.49583%2015.5833%208.21384C15.5833%208.94343%2015.4415%209.59196%2015.1577%2010.1594C14.874%2010.7153%2014.4702%2011.1496%2013.9464%2011.4623C13.4335%2011.7749%2012.8224%2011.9313%2012.1131%2011.9313H8.18452V13.3731H11.622V14.5543H8.18452V16.4999H6.62946ZM8.18452%2010.5068H12.0149C12.626%2010.5068%2013.1116%2010.3042%2013.4717%209.89885C13.8318%209.49352%2014.0119%208.93764%2014.0119%208.23121C14.0119%207.7564%2013.9355%207.35686%2013.7827%207.0326C13.6409%206.70833%2013.4226%206.45935%2013.128%206.28563C12.8333%206.10034%2012.4623%206.00769%2012.0149%206.00769H8.18452V10.5068Z'%20fill='%23333333'/%3e%3c/svg%3e");
    width: 22px;
    height: 22px
}

.input-range__slider-box {
    margin-top: 5px;
    padding: 10px 0;
    width: 100%
}

@media (max-width: 768px) {
    .boilers-selection {
        display: flex;
        width: 100%
    }
    .boilers-selection__inner,
    .boilers-selection__content {
        width: 100%
    }
    .boilers-selection__main {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 40px
    }
    .boilers-selection__parameters {
        display: flex;
        flex-direction: column;
        min-width: 50%;
        order: 2
    }
    .boilers-selection__button {
        max-width: 100%
    }
    .boilers-selection__img {
        position: static;
        order: 1
    }
    .boilers-selection__img img {
        border-radius: 30px;
        overflow: hidden
    }
}

.boilers-result__header {
    margin-bottom: 40px
}

.boilers-result__content {
    display: flex;
    column-gap: 20px
}

.category-header {
    display: flex;
    align-items: center
}

.boilers-result__requirement {
    display: flex;
    justify-content: space-between;
    background-color: var(--color-white);
    border-radius: 30px;
    gap: 40px;
    margin-bottom: 60px
}

.boilers-result__img img {
    max-width: 320px;
    border-radius: 0 30px 30px 0;
    height: 100%
}

.boilers-result__title {
    font-size: 32px;
    margin-bottom: 25px
}

.boilers-requirement {
    padding: 30px 0 30px 40px;
    width: 100%;
    max-width: 710px
}

.boilers-requirement__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.3;
    text-align: left;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--color-gray)
}

.boilers-requirement__parameters {
    display: flex;
    justify-content: space-between;
    padding-top: 20px
}

.boilers-requirement__item-parameter {
    display: flex;
    flex-direction: column
}

.boilers-requirement__item-parameter .text {
    margin-bottom: 2px
}

.boilers-requirement__item-parameter .title--4 {
    font-weight: 500
}

@media (max-width: 768px) {
    .boilers-result__requirement {
        flex-direction: column;
        gap: 12px;
        background-color: var(--color-white);
        gap: 0;
        margin-bottom: 40px
    }
    .boilers-result__img {
        display: none
    }
    .boilers-result__title {
        font-size: 20px
    }
    .boilers-requirement {
        padding: 30px;
        width: 100%;
        max-width: 100%
    }
    .boilers-requirement__title {
        font-weight: 500;
        font-size: 20px
    }
    .boilers-requirement__parameters {
        display: flex;
        flex-direction: column;
        padding-top: 20px;
        gap: 12px
    }
    .boilers-requirement__item-parameter {
        display: flex;
        flex-direction: column
    }
    .boilers-requirement__item-parameter .text {
        margin-bottom: 2px
    }
    .boilers-requirement__item-parameter .title--4 {
        font-size: 18px;
        font-weight: 500
    }
}

.cart-top__count-products {
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.3;
    color: var(--color-orange);
    margin-left: 5px
}

.cart {
    width: 100%
}

.cart__wrapper {
    display: flex;
    width: 100%;
    justify-content: space-between
}

.cart__list-products {
    width: 100%;
    display: flex;
    flex-direction: column;
    max-width: 830px
}

.cart-product {
    display: grid;
    grid-template-columns: repeat(5, auto);
    grid-template-rows: auto auto;
    border-bottom: 1px solid var(--color-gray);
    padding: 20px 0;
    justify-content: space-between
}

.cart-product__img {
    display: flex;
    grid-row-start: 1;
    grid-row-end: 3;
    min-width: 120px;
    min-height: 115px;
    max-width: 120px;
    max-height: 115px;
    height: 100%;
    width: 100%;
    border: 1px solid var(--color-white);
    border-radius: 10px;
    padding-bottom: 5px;
    margin-right: 20px;
    justify-content: center;
}

.cart-product__img a{

}

.cart-product__info {
    display: flex;
    flex-direction: column;
    max-width: 310px
}

.cart-product__name-column {
    font-weight: 400;
    font-size: 14px;
    color: var(--color-dark-gray);
    margin-bottom: 10px
}

.cart-product__name {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 10px
}

.cart-product__name-mobile {
    display: none
}

.cart-product__addition {
    display: flex;
    align-items: center;
    align-content: center;
    display: none;
}

.cart-product__addition span {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4
}

.cart-product__addition-price {
    height: 20px
}

.cart-product__help {
    margin-left: 10px;
    flex: 0 0 auto
}

.cart-product__help-btn {
    width: 18px;
    height: 18px
}

.cart-product__help-btn:after {
    background-color: var(--color-orange)
}

.cart-product__counter,
.cart-product__price {
    margin-right: 34px
}

.cart-product__with-discount {
    font-weight: 500;
    font-size: 22px
}

.cart-product__with-discount .price-in-ruble:after {
    height: 26px
}

.cart-product__without-discount {
    width: max-content;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    color: var(--color-dark-gray)
}

.cart-product__without-discount:before {
    position: absolute;
    top: 10px;
    display: flex;
    width: 100%;
    height: 1.2px;
    content: "";
    background-color: var(--color-dark-gray)
}
.cart-product__with-montage .price-in-ruble:after,
.cart-product__without-discount .price-in-ruble:after {
    height: 20px;
    background-color: var(--color-dark-gray)
}

.cart-product__delete {
    display: flex;
    flex-direction: column;
    align-items: end
}

.cart-product__delete button {
    transition: all .2s;
    height: 20px;
    width: 20px
}

.cart-product__delete button:after {
    background-color: var(--color-gray)
}

.cart-product__delete button:hover:after {
    transition: all .2s;
    background-color: var(--color-red)
}

.cart-product--order {
    grid-template-columns: repeat(4, auto)
}

.cart-total {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 413px;
    background-color: var(--color-white);
    border-radius: 30px;
    height: max-content;
    padding: 25px 30px
}

.cart-total .price-in-ruble:after {
    height: 19px;
    margin-left: 2px
}

.cart-total__title {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 12px
}

.cart-total__row {
    font-size: 15px;
    color: var(--color-dark-gray)
}

.cart-total__price {
    font-size: 15px
}

.cart-total__all {
    display: flex;
    flex-direction: column;
    font-weight: 400;
    font-size: 15px;
    padding-bottom: 25px;
    border-bottom: 1px solid var(--color-gray)
}

.cart-total__product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}

.cart-total__discount {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.cart-total__discount .cart-total__price {
    color: var(--color-dark-gray)
}

.cart-total__discount .cart-total__price.price-in-ruble:after {
    background-color: var(--color-dark-gray)
}

.cart-total__result {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    margin: 25px 0
}

.cart-total__result .cart-total__row {
    color: var(--color-black);
    font-size: 18px
}

.cart-total__result .cart-total__price {
    font-size: 20px
}

.cart-total__result .cart-total__price.price-in-ruble:after {
    height: 24px
}

.cart-total__button {
    padding: 10px 35px
}

.cart-total__button span {
    display: flex;
    align-items: center;
    margin-top: 1px ; 
}

.cart-total__button span:after {
    position: relative;

    background-color: var(--color-light-white);
    -webkit-mask-size: 80%;
    mask-size: 80%
}

.cart-total__button:hover span:after {
    background-color: var(--color-orange);
    -webkit-mask-size: 80%;
    mask-size: 80%
}

.cart-total__button--disabled {
    opacity: .8;
    pointer-events: none
}

.cart-total__privacy {
    margin-top: 25px
}

.cart-total .promo-code{
    margin-bottom: 20px;

}

.promo-code .basket-coupon-block-field-description{
    font-family: 'PFAgoraSansPro', sans-serif;
    color: var(--color-black);
    font-size: 14px;
    margin-bottom: 5px;
}
.promo-code input.form-group{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.promo-code input.form-control{

    padding: 5px 10px;
    width: 90%;
    border: 1px solid var(--color-gray);
    border-radius: 10px;
    transition: all 0.2s;

}

.promo-code input.form-control:focus{
    border: 1px solid var(--color-orange);
    transition: all 0.2s;
}


.popular-product {
    width: 100%;
    position: relative;
    padding-top: 60px;
    padding-bottom: 20px
}

.popular-product__content {
    position: relative
}

.popular-product__head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px
}

.popular-product__title {
    position: relative
}

.popular-product__container .category-products__list {
    min-height: 600px
}

.popular-product .category-product {
    max-width: 100%;
    min-width: 0;
    max-height: 560px
}

.popular-product .popular-product__pagination {
    display: none;
    justify-self: center;
    align-self: center;
    margin-top: -60px
}

.popular-product-button-next {
    right: -64px
}

.popular-product-button-prev {
    left: -64px
}

@media (max-width: 1440px) {
    .popular-product-button-prev {
        left: -15px
    }
    .popular-product-button-next {
        right: -15px
    }
}

@media (max-width: 1200px) {
    .cart__wrapper {
        flex-direction: column
    }
    .cart__list-products {
        max-width: 100%;
        margin-bottom: 30px
    }
    .cart__list-products--order {
        margin-bottom: 0
    }
    .cart-total {
        align-self: center;
        max-width: 700px
    }
}

@media (max-width: 768px) {
    .cart-total__result {
        margin-bottom: 20px
    }
    .cart-total__privacy {
        margin-top: 20px
    }
    .cart-product {
        grid-template-columns: repeat(2, auto);
        grid-template-rows: repeat(4, auto);
        gap: 10px 20px;
        overflow: hidden
    }
    .cart-product__img {
        order: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        margin: 0
    }
    .cart-product__info {
        order: 2;
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 2;
        grid-column-end: 3;
        margin: 0
    }
    .cart-product__name-column {
        display: none
    }
    .cart-product__article {
        display: block
    }
    .cart-product__name {
        margin: 0;
        font-size: 18px
    }
    .cart-product__addition {
        order: 4;
        grid-row-start: 3;
        grid-row-end: 4;
        grid-column-start: 1;
        grid-column-end: 3
    }
    .cart-product__addition .dropdown__main {
        left: unset;
        right: -20px;
        transform: translate(0)
    }
    .cart-product__counter {
        order: 5;
        margin-right: 0;
        margin-top: 10px
    }
    .cart-product__counter-value {
        font-size: 15px;
        font-weight: 400
    }
    .cart-product__price {
        padding-top: 10px;
        order: 3;
        display: flex;
        grid-row-start: 2;
        grid-row-end: 3;
        grid-column-start: 1;
        grid-column-end: 3;
        margin: 0;
        align-items: center
    }
    .cart-product__with-discount {
        margin-right: 10px
    }
    .cart-product__delete {
        order: 6;
        align-items: end;
        justify-content: center
    }
    .cart-product--order {
        gap: 0
    }
    .cart-product--order .cart-product__img {
        margin-right: 20px
    }
    .cart-product--order .cart-product__price {
        padding-top: 20px
    }
    .cart-product--order .cart-product__counter {
        padding-top: 10px;
        margin-top: 0;
        display: flex;
        align-items: center
    }
    .cart-product--order .cart-product__name-mobile {
        margin-right: 5px;
        display: block
    }
    .cart-product--order .cart-product__addition {
        padding-top: 10px
    }
    .cart-top__count-products {
        font-size: 14px
    }
    .popular-product__head {
        margin-bottom: 20px
    }
    .popular-product__container .category-products__list {
        min-height: 100%;
    }
    .popular-product .popular-product__pagination {
        position: absolute;
        display: block
    }
}

.profit__title {
    margin-bottom: 40px
}

.profit__main {
    display: flex;
    align-items: flex-start
}

.profit__list {
    margin-top: -20px;
    margin-left: -20px;
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap
}

.profit__item {
    margin-top: 20px;
    margin-left: 20px;
    width: calc(50% - 20px)
}

.profit__text {
    margin-left: 40px;
    padding-right: 30px;
    flex: 0 0 393px
}

.profit-item {
    padding: 15px 20px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    background-color: var(--color-white)
}

.profit-item__num {
    margin-right: 10px;
    flex: 0 0 100px;
    text-align: center;
    font-size: 40px;
    font-weight: 700
}

.profit-item__main:first-child {
    padding-left: 10px
}

.profit-item__main:first-child:last-child {
    padding-bottom: 3px
}

.profit-item__title {
    font-size: 20px
}

.profit-item__text:not(:first-child) {
    margin-top: 3px
}

.profit-item--yellow {
    background-color: var(--color-yellow)
}

.profit-item--red {
    background-color: var(--color-red)
}

.profit-item--cyan {
    background-color: var(--color-cyan)
}

.cooperate__title {
    margin-bottom: 40px
}

.cooperate__item:not(:first-child) {
    margin-top: 40px
}

.cooperate-item {
    display: flex;
    border: 1px solid var(--color-gray);
    border-radius: 30px;
    overflow: hidden
}

.cooperate-item__title {
    margin-bottom: 20px
}

.cooperate-item__img-box {
    position: relative;
    width: 40.8%;
    flex: 0 0 auto
}

.cooperate-item__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cooperate-item__main {
    padding: 30px 40px;
    min-height: 275px;
    flex: 1 1 auto
}

.cooperate-item__main--h-xs {
    min-height: 200px
}

.cooperate-start__content {
    border-radius: 30px;
    overflow: hidden
}

.cooperate-start__main {
    background-color: var(--color-white);
    border-radius: 30px;
    overflow: hidden
}

.cooperate-start__info {
    padding: 40px 40px 0;
    display: flex;
    align-items: flex-start
}

.cooperate-start__info-left {
    flex: 1 1 auto
}

.cooperate-start__text:not(:first-child) {
    margin-top: 20px
}

.cooperate-start__btn {
    margin-left: 30px;
    flex: 0 0 342px
}

.cooperate-start__info-right {
    margin-left: 30px;
    flex: 0 0 555px
}

.cooperate-start__img-box {
    position: relative;
    margin-top: 16px;
    height: 152px
}

.cooperate-start__img-box--mt-xl {
    margin-top: 45px
}

.cooperate-start__img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    width: 1280px;
    max-width: none;
    height: 100%
}

.cooperate-start__footer {
    margin-top: -40px;
    padding: 66px 40px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--color-cyan)
}

.cooperate-start__footer-phone {
    flex: 1 1 auto
}

.cooperate-start__footer-phone a {
    font-size: 36px
}

.cooperate-start__footer-text {
    flex: 0 0 430px
}

.cooperate-start__footer-text:not(:first-child) {
    margin-left: 20px
}

@media (max-width: 1280px) {
    .cooperate-start__footer-text {
        flex-basis: 270px
    }
}

@media (max-width: 1200px) {
    .profit__title {
        margin-bottom: 30px
    }
    .profit__text {
        margin-left: 25px;
        padding-right: 0;
        flex: 0 0 295px
    }
    .cooperate__title {
        margin-bottom: 30px
    }
    .cooperate-start__footer-phone {
        max-width: 400px
    }
    .cooperate-start__footer-text {
        flex-basis: 380px
    }
}

@media (max-width: 991px) {
    .profit__title {
        margin-bottom: 20px
    }
    .profit__main {
        flex-direction: column
    }
    .profit__text {
        margin-left: 0;
        margin-top: 25px;
        flex: none;
        font-weight: 400
    }
    .cooperate__item:not(:first-child) {
        margin-top: 30px
    }
    .cooperate-item__main {
        padding-left: 30px;
        padding-right: 30px
    }
    .cooperate-start__img-box--mt-xl {
        margin-top: 25px
    }
    .cooperate-start__img {
        left: 0%;
        transform: translate(0)
    }
    .cooperate-start__btn {
        flex-basis: 240px
    }
    .cooperate-start__info-right {
        flex-basis: 290px
    }
    .cooperate-start__footer {
        flex-direction: column;
        align-items: flex-start
    }
    .cooperate-start__footer-text {
        flex: none
    }
    .cooperate-start__footer-text:not(:first-child) {
        margin-top: 20px;
        margin-left: 0
    }
}

@media (max-width: 768px) {
    .profit__item {
        width: calc(100% - 20px)
    }
    .profit__text {
        font-size: 16px
    }
    .cooperate__item:not(:first-child) {
        margin-top: 20px
    }
    .cooperate-item {
        flex-direction: column
    }
    .cooperate-item__img-box {
        order: -1;
        width: 100%;
        height: 200px
    }
    .cooperate-start__info {
        padding: 30px 30px 0;
        flex-direction: column
    }
    .cooperate-start__title {
        font-size: 24px
    }
    .cooperate-start__btn {
        margin-top: 20px;
        margin-left: 0;
        flex: none
    }
    .cooperate-start__info-right {
        margin-top: 20px;
        margin-left: 0;
        flex: none;
        width: 100%
    }
    .cooperate-start__img-box--mt-xl {
        margin-top: 10px
    }
    .cooperate-start__img {
        left: -230px
    }
    .cooperate-start__footer {
        margin-top: -30px;
        padding: 50px 30px 26px
    }
    .cooperate-start__footer-phone {
        font-size: 18px
    }
    .cooperate-start__footer-phone a {
        font-size: 20px
    }
}

.contacts__cards {
    margin-top: -20px;
    margin-left: -20px;
    display: flex;
    flex-wrap: wrap
}

.contacts__card {
    margin-top: 20px;
    margin-left: 20px;
    width: calc(50% - 20px)
}

.contacts__locations {
    margin-top: 60px
}

.contacts-card {
    padding: 30px 30px 30px 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid var(--color-gray);
    border-radius: 30px
}

.contacts-card__title {
    margin-bottom: 15px
}

.contacts-card__cols {
    margin-top: -15px;
    margin-left: -25px;
    display: flex;
    flex-wrap: wrap
}

.contacts-card__col {
    margin-top: 15px;
    margin-left: 25px;
    width: calc(50% - 25px)
}

.contacts-card__item-label {
    margin-bottom: 4px
}

.contacts-card__item-values {
    margin-top: 8px
}

.contacts-card__item-value:not(:first-child) {
    margin-top: 8px
}

.contacts-card__btn {
    margin-top: 15px;
    width: 280px;
    max-width: 100%
}

.locations__title {
    margin-bottom: 25px
}

.locations__main {
    display: flex;
    border: 1px solid var(--color-gray);
    border-radius: 30px;
    overflow: hidden
}

.locations__map-box {
    flex: 0 0 auto;
    width: 41%
}

.locations__map {
    width: 100%;
    height: 100%;
    transition: none
}

.locations__info {
    padding: 40px 20px 30px 40px;
    flex: 1 1 auto;
    min-width: 0
}

.locations__search {
    max-width: calc(100% - 44px)
}

.locations__list {
    position: relative;
    padding-right: 20px;
    max-height: 334px
}

.locations__list:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    visibility: visible;
    opacity: 1;
    background: linear-gradient(180deg, #fff0, #fff);
    pointer-events: none;
    transition: visibility .3s, opacity .3s
}

.locations__list:not(:first-child) {
    margin-top: 14px
}

.locations__list.simplebar-scroll-end:after {
    visibility: hidden;
    opacity: 0
}

.locations__item {
    margin-right: 24px
}

.locations__item:first-child {
    padding-top: 0
}

.locations__item:last-child {
    padding-bottom: 0
}

.locations__item:not(:last-child) {
    border-bottom: 1px solid #d9d9d9
}

.locations__more {
    margin-top: 20px;
    width: 100%
}

.locations__more--mobile {
    display: none
}

.location-item {
    padding: 14px 0;
    display: flex;
    cursor: pointer
}

.location-item__contact:first-child {
    flex: 1 1 auto
}

.location-item__contact:nth-child(2) {
    flex: 0 0 37%
}

.location-item__contact:nth-child(3) {
    flex: 0 0 33%
}

.location-item__contact:not(:first-child) {
    margin-left: 10px
}

.location-item__contact-label {
    margin-bottom: 2px;
    opacity: .5
}

.location-item__contact-value {
    display: flex;
    align-items: center
}

.location-item__contact-phone {
    flex: 0 0 auto
}

.location-item__contact-addition {
    margin-left: 10px;
    opacity: .5
}

@media (max-width: 1310px) {
    .location-item__contact:nth-child(3) {
        flex: 0 0 36%
    }
}

@media (max-width: 1200px) {
    .contacts__locations {
        margin-top: 50px
    }
    .contacts-card {
        padding-left: 30px
    }
    .locations__info {
        padding: 30px 20px 30px 30px
    }
    .locations__search {
        max-width: calc(100% - 24px)
    }
    .locations__item {
        margin-right: 4px
    }
    .location-item__contact-value {
        flex-direction: column;
        align-items: flex-start
    }
    .location-item__contact-addition {
        margin-top: 4px;
        margin-left: 0
    }
}

@media (max-width: 991px) {
    .contacts__card {
        width: calc(100% - 20px)
    }
    .locations__main {
        flex-direction: column;
        border: none;
        border-radius: 0
    }
    .locations__map-box {
        width: 100%;
        height: 375px;
        border-radius: 30px;
        overflow: hidden
    }
}

@media (max-width: 768px) {
    .contacts__title {
        margin-bottom: 20px
    }
    .contacts__locations {
        margin-top: 40px
    }
    .contacts-card__col {
        width: calc(100% - 25px)
    }
    .locations__title {
        margin-bottom: 20px
    }
    .locations__info {
        padding: 20px 0 0
    }
    .locations__search {
        max-width: 100%
    }
    .locations__list {
        padding-right: 0;
        max-height: 100%
    }
    .locations__list:after {
        display: none
    }
    .locations__list:not(:first-child) {
        margin-top: 20px
    }
    .locations__item {
        margin-right: 0;
        flex-direction: column;
        display: none
    }
    .locations__item:nth-child(1),
    .locations__item:nth-child(2),
    .locations__item:nth-child(3),
    .locations__item:nth-child(4),
    .locations__item:nth-child(5) {
        display: flex
    }
    .locations__more--mobile,
    .locations--active .locations__item {
        display: flex
    }
    .locations--active .locations__more {
        display: none
    }
    .location-item {
        padding: 20px 0
    }
    .location-item__contact {
        padding: 4px 0
    }
    .location-item__contact:not(:first-child) {
        margin-top: 5px;
        margin-left: 0
    }
    .location-item__contact-value {
        flex-direction: row
    }
    .location-item__contact-addition {
        margin-top: 0;
        margin-left: 10px
    }
}

.order__content {
    display: flex
}

.order__main {
    flex: 1 1 auto
}

.order__section:not(:first-child) {
    margin-top: 20px
}

.order__cart {
    margin-top: 60px
}

.order__sidebar {
    position: relative;
    margin-left: 40px;
    flex: 0 0 413px
}

.order__sidebar-total {
    position: sticky;
    top: 130px
}

.order-box {
    padding: 30px;
    border-radius: 30px;
    background-color: var(--color-white)
}

.order-box__title {
    margin-bottom: 20px
}

.order-box__form,
.order-box__delivery {
    margin-top: 20px
}

.delivery {
    display: flex;
    border-radius: 30px;
    background-color: var(--color-light-white);
    border: 1px solid var(--color-gray);
    overflow: hidden
}

.delivery__map-box {
    width: 360px;
    height: 320px
}

.delivery__map {
    width: 100%;
    height: 100%
}

.delivery__main {
    padding: 30px
}

.delivery__item:not(:first-child) {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #d9d9d9
}

.delivery.js-switch-item {
    display: none
}

.delivery.js-switch-item-active,
.delivery-item__info {
    display: flex
}

.delivery-item__address {
    padding: 4px 0;
    flex: 1 1 auto
}

.delivery-item__date {
    margin-left: 10px;
    padding: 4px 0;
    flex: 0 0 111px
}

.delivery-item__label {
    margin-bottom: 4px;
    opacity: .5
}

.delivery-item__btn {
    padding: 8px 20px
}

.delivery-item__btn.js-location-btn-active {
    color: #fff;
    background-color: #f47920
}

@media (max-width: 1310px) {
    .order__sidebar {
        flex-basis: 350px
    }
}

@media (max-width: 1200px) {
    .order__content {
        flex-direction: column;
        align-items: stretch
    }
    .order__sidebar {
        margin-top: 40px;
        margin-left: 0;
        flex: none;
        width: 100%
    }
    .order__sidebar-total {
        max-width: 100%
    }
    .delivery {
        flex-direction: column
    }
    .delivery__map-box {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 768px) {
    .order-box {
        padding: 25px 20px
    }
    .delivery {
        background-color: transparent;
        border: none;
        border-radius: 0
    }
    .delivery__map-box {
        border-radius: 30px;
        overflow: hidden
    }
    .delivery__main {
        padding: 15px 0 0
    }
    .delivery-item__info {
        flex-direction: column
    }
    .delivery-item__date {
        margin-top: 10px;
        margin-left: 0;
        flex: none
    }
    .delivery-item__btn {
        margin-top: 15px;
        width: 100%
    }
    .delivery-item__btn:hover {
        color: #f47920;
        background-color: transparent
    }
    .delivery-item__btn:hover.js-location-btn-active {
        color: #fff;
        background-color: #f47920
    }
}

.benefits__title {
    margin-bottom: 40px
}

.benefits__list {
    margin-top: -20px;
    margin-left: -20px;
    display: flex;
    flex-wrap: wrap
}

.benefits__item {
    margin-top: 20px;
    margin-left: 20px;
    min-height: 215px;
    width: calc(25% - 20px)
}

.benefit-item {
    padding: 30px;
    border-radius: 30px;
    background-color: var(--color-white);
    transition: box-shadow .2s
}

.benefit-item:hover {
    box-shadow: 0 20px 40px #00000040
}

.benefit-item__img-box {
    height: 85px
}

.benefit-item__img {
    max-height: 100%
}

.features__title {
    margin-bottom: 30px
}

.features__item:not(:first-child) {
    margin-top: 40px
}

.feature-item {
    position: relative;
    padding: 40px 40px 30px;
    display: flex;
    align-items: flex-start;
    border: 1px solid var(--color-gray);
    border-radius: 30px;
    overflow: hidden
}

.feature-item:before {
    content: "";
    position: absolute;
    left: 20%;
    z-index: -1;
    bottom: -93px;
    background: url("data:image/svg+xml,%3csvg%20width='150'%20height='204'%20viewBox='0%200%20150%20204'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.5'%3e%3cpath%20opacity='0.6'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M150%20134.673C150%2069.6649%2090.9158%205.12965%2056.8284%200C58.9873%206.86525%2060.4783%2015.5722%2060.4783%2026.8342C60.4783%2062.1343%200%2084.7356%200%20141.914C0%20159.347%205.7506%20189.247%2023.6898%20204C26.6129%20192.669%2033.2371%20182.627%2042.5193%20175.458C51.8016%20168.288%2063.2146%20164.396%2074.9613%20164.396C86.7079%20164.396%2098.121%20168.288%20107.403%20175.458C116.686%20182.627%20123.31%20192.669%20126.233%20204C132.332%20198.986%20150%20178.188%20150%20134.673Z'%20fill='%23CFCFCF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M74.8537%20164.621C95.2809%20164.621%20112.175%20179.45%20115.999%20183.732C124.943%20173.739%20129.878%20160.815%20129.862%20147.429C129.851%20137.365%20127.059%20127.499%20121.791%20118.911C116.522%20110.324%20108.982%20103.347%2099.9957%2098.7453C99.9957%2098.7453%2080.4978%2087.6471%2074.6116%2078.4003C69.5871%2086.6636%2061.7937%2092.285%2051.1638%2097.5882C51.1638%2097.5882%2040.3499%20104.376%2035.9644%20108.754C30.8534%20113.826%2026.7985%20119.853%2024.0323%20126.49C21.2662%20133.127%2019.8432%20140.243%2019.8452%20147.429C19.8452%20161.487%2025.1796%20174.311%2033.941%20183.992C37.0099%20180.511%2054.4167%20164.611%2074.8537%20164.611V164.621Z'%20fill='%23CFCFCF'/%3e%3c/g%3e%3c/svg%3e") center / contain no-repeat;
    width: 150px;
    height: 204px
}

.feature-item:first-child:before {
    bottom: -102px
}

.feature-item__title {
    margin-right: 40px;
    flex: 0 0 35.5%
}

.feature-item__text {
    max-width: 730px
}

.feature-item__text--sm {
    max-width: 680px
}

.feature-item__main {
    flex: 1 1 auto
}

.details__content {
    padding: 30px 40px 40px;
    background-color: var(--color-white);
    border-radius: 30px;
    display: flex;
    justify-content: space-between
}

.details__main {
    flex: 1 1 auto;
    max-width: 700px
}

.details__title {
    margin-bottom: 15px
}

.details__btn {
    margin-left: 40px;
    align-self: flex-end;
    flex: 0 0 280px
}

@media (max-width: 1200px) {
    .benefits__title {
        margin-bottom: 30px
    }
    .details__btn {
        flex-basis: 240px
    }
}

@media (max-width: 991px) {
    .benefits__item {
        width: calc(50% - 20px)
    }
    .features__item:not(:first-child) {
        margin-top: 30px
    }
    .feature-item {
        padding: 30px
    }
    .feature-item__title {
        margin-right: 30px;
        flex: 0 0 30.5%
    }
    .details__btn {
        flex-basis: 200px
    }
}

@media (max-width: 767px) {
    .benefits__title {
        margin-bottom: 25px
    }
    .benefits__item {
        width: calc(100% - 20px);
        min-height: auto
    }
    .features__title {
        margin-bottom: 25px
    }
    .features__item:not(:first-child) {
        margin-top: 20px
    }
    .feature-item {
        flex-direction: column
    }
    .feature-item:before {
        bottom: -73px
    }
    .feature-item:first-child:before {
        bottom: -73px
    }
    .feature-item__title {
        margin-right: 0;
        margin-bottom: 20px;
        font-size: 26px
    }
    .details__content {
        padding: 30px;
        flex-direction: column;
        align-items: flex-start
    }
    .details__btn {
        margin-top: 15px;
        margin-left: 0;
        align-self: flex-start;
        flex: none;
        width: 100%
    }
}

.blog__header {
    margin-bottom: 40px
}

.blog__list {
    margin-top: -40px;
    margin-left: -40px;
    display: flex;
    flex-wrap: wrap
}

.blog__item {
    margin-top: 40px;
    margin-left: 40px;
    width: calc(33.33% - 40px)
}

.blog__footer {
    margin-top: 40px
}

.blog-header {
    display: flex;
    align-items: center
}

.blog-header__tags {
    margin-right: auto;
    display: flex
}



.blog-header__tags-btn:not(:first-child) {
    margin-left: 10px
}

.blog-header__filter {
    display: flex;
    align-items: center
}

.blog-header__filter-label {
    margin-right: 20px
}

.blog-header__filter-item {
    min-width: 220px
}

.blog-header__filter-item:not(:last-child) {
    margin-right: 40px
}

.blog-item {
    position: relative;
    background-color: #fff;
    border: 1px solid var(--color-gray);
    border-radius: 10px;
    overflow: hidden;
    transition: box-shadow .2s
}

.blog-item:after {
    content: "";
    position: absolute;
    display: block;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='23'%20height='14'%20viewBox='0%200%2023%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%206.95181H9H22M22%206.95181L17.5323%203M22%206.95181L17.5323%2011'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='23'%20height='14'%20viewBox='0%200%2023%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%206.95181H9H22M22%206.95181L17.5323%203M22%206.95181L17.5323%2011'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    width: 24px;
    height: 16px;
    background-color: #f47920;
    bottom: 15px;
    right: 20px;
    opacity: 0;
    transition: opacity .2s
}

.blog-item:hover {
    box-shadow: 0 20px 40px #00000040
}

.blog-item:hover:after {
    opacity: 1
}

.blog-item__img-box {
    position: relative;
    width: 100%;
    height: 240px
}

.blog-item__img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.blog-item__label {
    position: absolute;
    left: 20px;
    top: 20px
}

.blog-item__main {
    padding: 30px 30px 35px
}

.blog-item__date {
    margin-bottom: 5px
}

.blog-item__text {
    margin-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-word
}

.blog-item--hide {
    display: none
}

@media (max-width: 1200px) {
    .blog__list {
        margin-top: -20px;
        margin-left: -20px
    }
    .blog__item {
        margin-top: 20px;
        margin-left: 20px;
        width: calc(33.33% - 20px)
    }
    .blog-header__filter-item:not(:last-child) {
        margin-right: 20px
    }
}

@media (max-width: 991px) {
    .blog__item {
        width: calc(50% - 20px)
    }
    .blog-header {
        flex-direction: column;
        align-items: flex-start
    }
    .blog-header__tags {
        margin-right: 0
    }
    .blog-header__tags:not(:last-child) {
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .blog__header {
        margin-bottom: 30px
    }
    .blog__item {
        width: calc(100% - 20px)
    }
    .blog-header__filter {
        width: 100%;
        flex-direction: column
    }
    .blog-header__filter-item {
        width: 100%
    }
    .blog-header__filter-item:not(:last-child) {
        margin-bottom: 10px;
        margin-right: 0
    }
    .blog-header__filter-label {
        display: none
    }
    .blog-item__main {
        padding: 20px
    }
}

.article-banner__content {
    position: relative;
    padding: 50px 60px;
    min-height: 360px;
    border-radius: 30px;
    overflow: hidden
}

.article-banner__content:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #03060fa3, #03060f3d)
}

.article-banner__main {
    position: relative;
    z-index: 2
}

.article-banner__main--sm {
    max-width: 556px
}

.article-banner__breadcrumbs {
    margin-top: 0;
    margin-bottom: 15px
}

.article-banner__date {
    margin-top: 20px
}

.article-banner__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.article__body {
    display: flex
}

.article__main {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    min-width: 0
}

.article__sidebar {
    margin-left: 20px;
    flex: 0 0 413px;
    min-width: 0
}

.article__sidebar-slider-box {
    margin-top: 50px
}

.article-content {
    padding: 20px 30px;
    border: 1px solid var(--color-gray);
    border-radius: 10px
}

.article-content__title {
    margin-bottom: 15px
}

.article-content__item:not(:first-child) {
    margin-top: 10px
}

.benefit-slider__header {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.benefit-slider__controls {
    position: relative;
    margin-left: 10px;
    display: flex;
    align-items: center
}

.benefit-slider__prev.swiper-button-prev {
    margin-top: 0;
    position: relative;
    left: unset;
    top: unset
}

.benefit-slider__prev.swiper-button-prev:hover {
    position: relative
}

.benefit-slider__next.swiper-button-next {
    margin-top: 0;
    position: relative;
    right: unset;
    top: unset
}

.benefit-slider__next.swiper-button-next:hover {
    position: relative
}

.benefit-slider__main {
    margin: -30px -25px;
    padding: 30px 25px
}

.benefit-slider__main.swiper {
    width: auto
}

.benefit-slider__slide {
    height: auto
}

.benefit-slider__pagination {
    margin-top: 20px;
    display: none;
    position: relative
}

@media (max-width: 1360px) {
    .benefit-slider__main {
        margin-right: -20px;
        padding-right: 20px
    }
}

@media (max-width: 1200px) {
    .article__sidebar {
        flex-basis: 360px
    }
}

@media (max-width: 991px) {
    .article-banner__content {
        padding: 40px 30px;
        min-height: 400px
    }
    .article__body {
        flex-direction: column
    }
    .article__sidebar {
        margin-left: 0;
        margin-bottom: 60px;
        order: -1;
        flex: none
    }
    .article__sidebar-slider-box {
        display: none
    }
    .benefit-slider__pagination {
        display: block
    }
}

.brands-catalog__header {
    margin-bottom: 40px
}

.brands-catalog__list {
    margin-top: -20px;
    margin-left: -20px;
    display: flex;
    flex-wrap: wrap
}

.brands-catalog__item {
    margin-top: 20px;
    margin-left: 20px;
    width: calc(25% - 20px)
}

.brands-catalog__footer {
    margin-top: 40px
}

.brands-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.brands-header__main {
    flex: 1 1 auto;
    max-width: 800px
}

.brands-header__text {
    margin-top: 20px
}

.brands-header__right {
    margin-top: 15px;
    margin-left: 20px;
    flex: 0 0 auto
}

.brands-header__sort {
    width: 220px
}

.brand-item {
    display: flex;
    flex-direction: column;
    align-items: center
}

.brand-item__img-box {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 150px;
    border: 1px solid var(--color-white);
    border-radius: 10px
}

.brand-item__title {
    margin-top: 10px;
    padding: 10px 20px
}

.brand-item__img {
    max-width: min(217px, 100%);
    max-height: 92px;
    object-fit: contain
}

@media (max-width: 1200px) {
    .brands-catalog__header {
        margin-bottom: 30px
    }
    .brands-catalog__item {
        width: calc(33.33% - 20px)
    }
}

@media (max-width: 991px) {
    .brands-catalog__header {
        margin-bottom: 30px
    }
    .brands-catalog__item {
        width: calc(50% - 20px)
    }
}

@media (max-width: 767px) {
    .brands-header {
        flex-direction: column
    }
    .brands-header__right {
        margin-left: 0;
        margin-top: 30px;
        width: 100%
    }
    .brands-header__sort {
        width: 100%
    }
}

@media (max-width: 576px) {
    .brands-catalog__item {
        width: calc(100% - 20px)
    }
}

.small-info__content {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: var(--color-cyan);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 30px
}

.small-info__main {
    padding: 0 40px
}

.numbers__title {
    margin-bottom: 40px
}

.numbers__list {
    margin-top: -20px;
    margin-left: -20px;
    display: flex;
    flex-wrap: wrap
}

.numbers__item {
    margin-top: 20px;
    margin-left: 20px;
    width: calc(33.33% - 20px)
}

.numbers__item--col-6 {
    width: calc(50% - 20px)
}

.number-item {
    padding: 16px 30px;
    min-height: 110px;
    border-radius: 10px;
    background-color: var(--color-white)
}

.number-item__title {
    font-size: 40px
}

.number-item--yellow {
    background-color: var(--color-yellow)
}

.number-item--red {
    background-color: var(--color-red)
}

.number-item--cyan {
    background-color: var(--color-cyan)
}

.number-item--dark-orange {
    background-color: var(--color-dark-orange)
}

.table-section__title {
    margin-bottom: 25px
}

.table-values__main {
    display: flex;
    flex-direction: column
}

.table-values__row {
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    white-space: nowrap
}

.table-values__row:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #d9d9d9
}

.table-values__row:nth-child(odd) {
    background: var(--color-white)
}

.table-values__title {
    padding: 14px 0 14px 20px;
    flex: 0 0 170px;
    border-bottom: 1px solid #d9d9d9
}

.table-values__row:nth-child(odd) .table-values__title {
    background: var(--color-white)
}

.table-values__col {
    padding: 14px 0 14px 30px;
    flex: 0 0 130px;
    border-bottom: 1px solid #d9d9d9
}

.table-values__col:last-child {
    padding-right: 20px
}

.table-values__row:nth-child(odd) .table-values__col {
    background: var(--color-white)
}

@media (max-width: 1200px) {
    .numbers__title {
        margin-bottom: 30px
    }
}

@media (max-width: 991px) {
    .small-info__main {
        max-width: 440px
    }
    .numbers__title {
        margin-bottom: 30px
    }
    .numbers__item {
        width: calc(50% - 20px)
    }
    .numbers__item:nth-child(5) {
        width: calc(100% - 20px)
    }
    .table-values {
        border: 1px solid #d9d9d9
    }
    .table-values__main {
        flex-direction: row;
        height: 100%
    }
    .table-values__row {
        flex-direction: column;
        flex: 0 0 50%
    }
    .table-values__row:after {
        display: none
    }
    .table-values__title {
        position: relative;
        padding-right: 20px;
        flex: none;
        width: 100%;
        border-bottom: none
    }
    .table-values__title:after {
        content: "";
        position: absolute;
        left: 20px;
        bottom: 0;
        width: calc(100% - 20px);
        height: 1px;
        background-color: #d9d9d9
    }
    .table-values__row:not(:first-child):not(:last-child) .table-values__title:after {
        left: unset;
        right: 0;
        width: 100%
    }
    .table-values__row:last-child .table-values__title:after {
        left: unset;
        right: 20px
    }
    .table-values__col {
        position: relative;
        flex: none;
        width: 100%;
        padding-left: 20px;
        border-bottom: none
    }
    .table-values__col:after {
        content: "";
        position: absolute;
        left: 20px;
        bottom: 0;
        width: calc(100% - 20px);
        height: 1px;
        background-color: #d9d9d9
    }
    .table-values__col:last-child:after {
        display: none
    }
    .table-values__row:not(:first-child):not(:last-child) .table-values__col:after {
        left: unset;
        right: 0;
        width: 100%
    }
    .table-values__row:last-child .table-values__col {
        padding-right: 20px
    }
    .table-values__row:last-child .table-values__col:after {
        left: unset;
        right: 20px
    }
    .table-values.js-simplebar .simplebar-content-wrapper {
        height: 100% !important
    }
    .table-values.js-simplebar .simplebar-content {
        height: 100%
    }
}

@media (max-width: 768px) {
    .small-info__content {
        padding-top: 0;
        padding-bottom: 20px;
        flex-direction: column;
        align-items: flex-start
    }
    .small-info__main {
        padding: 25px 30px 13px;
        max-width: 300px
    }
    .small-info__img {
        margin-left: auto;
        max-height: 81px
    }
    .numbers__title {
        margin-bottom: 20px
    }
    .numbers__item {
        width: calc(100% - 20px)
    }
    .table-section__title {
        margin-bottom: 20px
    }
}

.refund-information {
    margin-bottom: 100px
}

.refund-information__container {
    display: flex;
    border: 1px solid var(--color-gray);
    border-radius: 30px
}

.refund-information__selection .adaptive-display-768 {
    height: 100%
}

.refund-information__selection-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 40px 0 40px 40px;
    border-radius: 30px 0 0 30px;
    background-color: var(--color-white);
    min-width: 480px
}

.refund-information__selection-radio {
    position: absolute;
    opacity: 0
}

.refund-information__selection-label span {
    display: flex;
    padding: 10px 0 10px 20px;
    font-weight: 500;
    font-size: 18px;
    border-radius: 10px 0 0 10px;
    align-items: center
}

.refund-information__selection-label input:checked+span {
    background-color: var(--color-light-white);
    color: var(--color-blue)
}

.refund-information__selection-label input:checked+span:after {
    display: inline-block;
    content: "";
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='23'%20height='14'%20viewBox='0%200%2023%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%206.95181H9H22M22%206.95181L17.5323%203M22%206.95181L17.5323%2011'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='23'%20height='14'%20viewBox='0%200%2023%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%206.95181H9H22M22%206.95181L17.5323%203M22%206.95181L17.5323%2011'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    margin-left: auto;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    height: 14px;
    width: 24px;
    background-color: var(--color-blue)
}

.refund-information__list {
    padding: 40px
}

.refund-information__item {
    display: none;
    border-radius: 10px;
    max-width: 680px
}

.refund-information__item.active {
    display: block
}

.refund-information__item-bold {
    display: block;
    margin-top: 20px;
    font-weight: 500;
    font-size: 16px
}

.refund-requirement {
    margin-bottom: 100px
}

.refund-requirement__container {
    display: flex;
    gap: 20px
}

.refund-requirement__block {
    flex: 1 1 0;
    padding: 35px 40px;
    color: var(--color-light-white);
    border-radius: 10px
}

.refund-requirement__block:nth-child(1) {
    background-color: var(--color-cyan)
}

.refund-requirement__block:nth-child(2) {
    background-color: var(--color-red)
}

.refund-requirement__block ul {
    margin-top: 20px
}

.refund-requirement__block ul li {
    display: flex;
    flex-wrap: nowrap;
    position: relative
}

.refund-requirement__block ul li:before {
    position: relative;
    top: 7px;
    display: inline-block;
    content: "";
    height: 3px;
    min-width: 3px;
    margin-inline: 10px 8px;
    background-color: var(--color-light-white);
    border-radius: 50px
}

.refund-requirement__block ul li span {
    display: inline-block
}

.refund-requirement__block-title {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 21px
}

.refund-requirement__block-description {
    font-weight: 400;
    font-size: 15px
}

.refund__title {
    font-weight: 500;
    font-size: 32px;
    margin-bottom: 40px
}

.refund-acts {
    margin-bottom: 100px
}

.refund-acts__item {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 25px 0;
    border-bottom: 1px solid var(--color-gray)
}

.refund-acts__item:first-child {
    padding: 0 0 25px
}

.refund-acts__item .mog-btn__download {
    min-width: 25px;
    height: 25px
}

.refund-acts__item .mog-btn__download:after {
    background-color: var(--color-orange);
    width: 25px;
    height: 25px
}

.refund-acts__item-description {
    width: 90%;
    max-width: 1050px;
    font-weight: 400;
    font-size: 15px
}

@media (max-width: 1200px) {
    .refund-information__selection-list {
        padding: 20px 0 20px 20px;
        min-width: 400px
    }
    .refund-information__selection-radio {
        position: absolute;
        opacity: 0
    }
    .refund-information__selection-label {
        padding: 10px 0 10px 20px;
        font-weight: 500;
        font-size: 18px
    }
    .refund-requirement {
        margin-bottom: 60px
    }
    .refund-requirement__container {
        flex-direction: column
    }
    .refund-acts {
        margin-bottom: 60px
    }
}

@media (max-width: 768px) {
    .refund-information {
        margin-bottom: 60px
    }
    .refund-information__container {
        flex-direction: column;
        gap: 10px;
        border: none
    }
    .refund-information__selection-list {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        padding: 40px 0 40px 40px;
        border-radius: 30px 0 0 30px;
        background-color: var(--color-white);
        min-width: 480px
    }
    .refund-information__selection-radio {
        position: absolute;
        opacity: 0
    }
    .refund-information__selection-label {
        padding: 10px 0 10px 20px;
        font-weight: 500;
        font-size: 18px
    }
    .refund-information__list {
        border: 1px solid var(--color-gray);
        border-radius: 10px;
        padding: 30px
    }
    .refund-requirement {
        margin-bottom: 60px
    }
    .refund-requirement__container {
        flex-direction: column
    }
    .refund-acts {
        margin-bottom: 60px
    }
}

.partnership {
    width: 100%
}

.partnership__block {
    display: flex;
    border-radius: 30px;
    padding: 40px;
    background-color: var(--color-white)
}

.partnership__title {
    font-weight: 500;
    font-size: 24px;
    max-width: 400px;
    width: 100%
}

.partnership__description {
    font-weight: 400;
    font-size: 16px;
    max-width: 713px;
    width: 100%
}

.quality-assurance__title {
    font-weight: 500;
    font-size: 32px;
    margin-bottom: 40px
}

.quality-assurance__block-info {
    display: flex;
    margin-bottom: 40px;
    border: 1px solid var(--color-gray);
    border-radius: 30px;
    max-height: 200px;
    overflow: hidden
}

.quality-assurance__img-left .quality-assurance__block-img {
    border-radius: 30px 0 0 30px;
    object-position: 50% 30%
}

.quality-assurance__block-img {
    width: 100%;
    max-width: 522px;
    object-fit: cover;
    object-position: 50% 60%
}

.quality-assurance__block-text {
    min-width: 320px;
    padding: 30px 40px 0
}

.quality-assurance__block-title {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 20px
}

.quality-assurance__block-description {
    font-weight: 400;
    font-size: 15px
}

.quality-assurance__img-right .quality-assurance__block-img {
    border-radius: 0 30px 30px 0
}

.brief-information {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 100px
}

.brief-information__block {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 110px;
    padding: 16px 30px 23px;
    width: 100%;
    border-radius: 10px;
    color: var(--color-light-white);
    background-color: var(--color-cyan)
}

.brief-information__title {
    text-wrap: nowrap;
    font-weight: 700;
    font-size: 40px
}

.brief-information__description {
    text-wrap: nowrap;
    font-weight: 400;
    font-size: 15px
}

.quality-advantage {
    margin-top: 18px;
    margin-bottom: 69px
}

.quality-advantage__container {
    display: flex;
    flex-direction: column
}

.quality-advantage__block {
    display: flex;
    padding: 40px 40px 31px
}

.quality-advantage__block:not(:last-child) {
    border-bottom: 1px solid var(--color-gray)
}

.quality-advantage__title {
    font-weight: 500;
    font-size: 32px;
    text-transform: uppercase;
    color: var(--color-blue);
    width: 394px;
    min-width: 394px
}

.quality-advantage__description {
    font-weight: 400;
    font-size: 15px;
    max-width: 678px;
    margin-left: 40px
}

.blue-bold {
    font-weight: 500;
    color: var(--color-blue)
}

@media (max-width: 1200px) {
    .quality-assurance__block-info {
        max-height: 300px
    }
    .quality-assurance__block-img {
        width: 50%
    }
}

@media (max-width: 768px) {
    .partnership__block {
        flex-direction: column;
        padding: 30px
    }
    .partnership__title {
        font-weight: 500;
        font-size: 18px;
        margin-bottom: 30px
    }
    .partnership__description {
        font-weight: 400;
        font-size: 16px
    }
    .quality-assurance {
        margin-top: 40px
    }
    .quality-assurance__title {
        font-weight: 500;
        font-size: 20px;
        margin-bottom: 20px
    }
    .quality-assurance__block-info {
        flex-direction: column;
        max-height: max-content;
        margin-bottom: 20px
    }
    .quality-assurance__img-left .quality-assurance__block-img {
        border-radius: 30px 30px 0 0
    }
    .quality-assurance__block-img {
        order: 1;
        width: 100%;
        max-width: 100%;
        border-radius: 30px 30px 0 0
    }
    .quality-assurance__block-img img {
        border-radius: 30px 30px 0 0
    }
    .quality-assurance__block-text {
        order: 2;
        padding: 30px
    }
    .quality-assurance__img-right .quality-assurance__block-img {
        border-radius: 30px 30px 0 0
    }
    .container .mog-content.brands {
        padding-inline: 0
    }
    .brief-information {
        flex-direction: column;
        margin-bottom: 60px
    }
    .brief-information__title {
        font-weight: 500;
        font-size: 40px
    }
    .quality-advantage {
        margin-top: 40px
    }
    .quality-advantage__block {
        flex-direction: column;
        padding: 20px 0
    }
    .quality-advantage__block:last-child {
        border-bottom: 1px solid var(--color-gray)
    }
    .quality-advantage__title {
        width: 100%;
        min-width: 0%;
        font-weight: 500;
        font-size: 26px;
        margin-bottom: 20px
    }
    .quality-advantage__description {
        margin: 0
    }
}

.quality-page__title {
    font-size: 24px;
    margin-bottom: 25px
}

.personal-data {
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 100px
}

.personal-data__block {
    width: 100%;
    max-width: 850px
}

.personal-data__block:not(:last-child) {
    margin-bottom: 40px
}

.personal-data__title {
    font-weight: 500;
    font-size: 24px
}

.personal-data__paragraph {
    display: block;
    margin-top: 20px
}

.personal-data__tab {
    display: block;
    margin-left: 40px
}

.personal-data__bold {
    font-weight: 700;
    font-size: 15px
}

@media (max-width: 768px) {
    .personal-data {
        margin-bottom: 60px
    }
    .personal-data__title {
        font-weight: 500;
        font-size: 20px
    }
    .personal-data__tab {
        margin-left: 20px
    }
}

.payment {
    width: 100%
}

.payment__title {
    font-weight: 700;
    font-size: 48px;
    color: var(--color-light-white);
    text-transform: uppercase;
    max-width: 556px;
    margin-bottom: 20px
}

.payment__banner-content {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 86px 60px 88px;
    border-radius: 30px;
    width: 100%;
    background-image: linear-gradient(180deg, #03060fcc, #03060f4d), url(/local/templates/main/./banner-BmRTBRdw.png);
    background-size: cover;
    background-position: 50% 20%
}

.payment__description {
    font-weight: 400;
    font-size: 16px;
    color: var(--color-light-white);
    max-width: 410px
}

.payment__payment-info {
    margin: 40px 0 100px
}

.payment-info {
    display: flex;
    justify-content: space-between
}

.payment-info__container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 836px
}

.payment-info__block {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5;
    max-width: 730px
}

.payment-info__title {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 20px
}

.payment-info__text ol {
    line-height: 1.5;
    margin: 10px 0 0
}

.payment-info__text .post-scriptum {
    display: block;
    font-weight: 400;
    font-size: 15px;
    margin-top: 20px
}

.payment-info__text a {
    position: relative
}

.payment-info__text a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: var(--color-black);
    left: 0;
    bottom: 0
}

.payment-info__contact {
    font-weight: 500;
    font-size: 18px
}

.payment-info__type {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    flex: 0 0 413px;
    gap: 20px
}

.payment-info__type-block {
    border-radius: 10px;
    padding: 16px 30px 30px;
    min-height: 140px;
    color: var(--color-light-white)
}

.payment-info__type-block:nth-child(1) {
    background-color: var(--color-yellow);
    color: var(--color-black)
}

.payment-info__type-block:nth-child(2) {
    background-color: var(--color-red)
}

.payment-info__type-block:nth-child(3) {
    background-color: var(--color-cyan)
}

.payment-info__type-block:nth-child(4) {
    background-color: var(--color-dark-blue)
}

.payment-info__type-title {
    text-wrap: nowrap;
    font-weight: 500;
    font-size: 32px
}

.payment-info__type-description {
    margin-top: 10px;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    max-width: 316px
}

@media (max-width: 1200px) {
    .payment-info {
        gap: 20px
    }
    .payment-info__container {
        max-width: 630px
    }
    .payment-info__type {
        flex-basis: 345px
    }
    .payment-info__type-block {
        flex: none
    }
}

@media (max-width: 768px) {
    .payment__title {
        font-size: 34px
    }
    .payment__banner-content {
        padding: 40px 30px
    }
    .payment__description {
        font-size: 16px
    }
    .payment__payment-info {
        margin: 40px 0 60px
    }
    .payment-info {
        flex-direction: column;
        align-items: center;
        gap: 40px
    }
    .payment-info__title,
    .payment-info__contact {
        font-weight: 500;
        font-size: 18px
    }
    .payment-info__type {
        margin-left: 0
    }
    .payment-info__type-title {
        text-wrap: wrap
    }
}

.delivery-page__main {
    background-color: var(--color-light-white)
}

.delivery-page__title {
    font-weight: 700;
    font-size: 36px
}

.delivery-page__tabs {
    max-width: 225px;
    gap: 10px
}

.delivery-page__tabs div {
    background-color: var(--color-white)
}

.delivery-page__tab-list {
    margin-top: 40px
}

.delivery-page__container-main {
    display: flex;
    justify-content: space-between;
    gap: 20px
}

.delivery-page__block {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    padding: 16px 65px 24px 30px;
    background-color: var(--color-white);
    border-radius: 10px;
    flex: 1 1 0px;
    gap: 5px;
    height: 130px
}

.delivery-page__description {
    max-width: 213px;
    font-weight: 400;
    font-size: 15px
}

.delivery-page__information {
    width: 100%;
    margin-top: 100px;
    margin-bottom: 100px;
    display: flex;
    border-radius: 30px;
    background-color: var(--color-white);
    font-size: 15px
}

.delivery-page__information-container {
    display: flex;
    flex-direction: column;
    padding: 40px;
    width: 100%
}

.delivery-page__information-container ul li {
    display: flex;
    flex-wrap: nowrap;
    position: relative
}

.delivery-page__information-container ul li:before {
    position: relative;
    top: 7px;
    display: inline-block;
    content: "";
    height: 3px;
    min-width: 3px;
    margin-inline: 14px 8px;
    background-color: #000;
    border-radius: 50px
}

.delivery-page__information-container ul li span {
    display: inline-block
}

.delivery-page__information-img {
    max-width: 522px;
    width: 100%
}

.delivery-page__information-img img {
    height: 100%;
    max-width: 522px;
    width: 100%;
    object-fit: cover;
    border-radius: 0 30px 30px 0
}

.delivery-page-top .section-title {
    margin-bottom: 25px
}

.information-title1 {
    font-weight: 500;
    font-size: 24px
}

.information-title2 {
    margin: 20px 0;
    font-weight: 500;
    font-size: 18px
}

.information-bold2 {
    color: #000
}

.information-bold1 {
    font-weight: 500;
    font-size: 18px;
    margin-top: 20px
}

@media (max-width: 1200px) {
    .delivery-page__title {
        text-wrap: nowrap
    }
    .delivery-page__container-main {
        flex-wrap: wrap
    }
    .delivery-page__description {
        min-width: 145px
    }
    .delivery-page .information-bold2 {
        font-size: 15px
    }
    .delivery-page .information-bold1 {
        font-size: 14px
    }
}

@media (max-width: 768px) {
    .delivery-page__tabs div {
        font-size: 14px;
        max-width: min-content
    }
    .delivery-page__tab-list {
        flex-direction: row;
        flex-wrap: nowrap
    }
    .delivery-page__container-main {
        flex-direction: column
    }
    .delivery-page__block {
        padding-right: 30px;
        height: 130px
    }
    .delivery-page__description {
        font-size: 15px
    }
    .delivery-page__information {
        flex-direction: column;
        margin-top: 60px;
        margin-bottom: 60px
    }
    .delivery-page__information-container {
        order: 2;
        padding: 33px
    }
    .delivery-page__information-img {
        order: 1;
        max-width: 100%
    }
    .delivery-page__information-img img {
        border-radius: 30px 30px 0 0;
        max-width: 100%
    }
    .delivery-page-top .section-title {
        margin-bottom: 30px
    }
    .information-bold2 {
        font-size: 15px
    }
    .information-bold1 {
        font-size: 14px
    }
}

.page-404 {
    display: flex;
    justify-content: center;
    gap: 12%;
    padding-top: 45px;
    overflow: hidden;
    max-height: 600px
}

.page-404__img {
    position: relative;
    z-index: -1;
    object-fit: cover;
    object-position: 0 0
}

.page-404__block {
    display: flex;
    flex-direction: column;
    gap: 35px;
    justify-content: center
}

.page-404__text {
    display: block;
    width: 100%;
    max-width: 470px;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4
}

.page-404__button-back {
    width: 100%;
    max-width: 270px;
    position: relative;
    padding: 11px
}

.page-404__button-back span {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between
}

.page-404__button-back span:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    margin-left: 0;
    margin-right: 12px;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.9231%2012L6.92307%2012'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12%2018L5.99999%2012L12%206'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.9231%2012L6.92307%2012'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12%2018L5.99999%2012L12%206'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    -webkit-mask-size: 90%;
    mask-size: 90%;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: var(--color-light-white)
}

.page-404__button-back:hover span:before {
    background-color: var(--color-orange)
}

@media (max-width: 768px) {
    .page-404 {
        flex-direction: column;
        max-height: 660px;
        padding-top: 60px;
        justify-content: left
    }
    .page-404__img {
        margin-top: 60px;
        order: 2
    }
    .page-404__block {
        order: 1
    }
    .page-404__button-back {
        max-width: 100%
    }
}

.product-comparison {
    position: relative;
    padding: 40px 0
}

.product-comparison__filter {
    display: flex;
    margin-bottom: 40px;
    align-items: center;
    align-content: center
}
.product-comparison__filter .checkbox__main{
    display: flex;
    align-items: center;
    gap: 10px;
}

.product-comparison__filter-description {
    font-size: 15px;
    margin-left: 10px;
    margin-top: 2px
}

.product-comparison__row {
    position: relative;
    border-bottom: 1px solid rgba(75, 75, 75, .26);
    max-width: 100%;
    width: 100%
}

.product-comparison__row:not(:last-child) {
    margin-bottom: 20px
}

.product-comparison__title {
    font-weight: 500;
    font-size: 16px
}

.product-comparison__parameters {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    margin: 15px 0
}

.product-comparison__parameters span {
    display: block;
    width: 100%
}

/* .swiper-container {
    position: relative;
    width: 100%;
    max-width: max-content
} */
.product-comparison__slider .swiper-container{
    display: flex;
    position: relative;
    width: 100%;
    max-width: 1320px;
    margin: 0;

}

.menu {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    padding: 40px 20px;
    background-color: var(--color-light-white)
}

.menu__container {
    display: flex;
    flex-direction: column;
    margin-top: 30px
}

.menu__accordion {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 14px 0;
    border-bottom: 1px solid var(--color-gray)
}

.menu__bankcard-block {
    display: flex;
    flex-direction: column;
    margin: 36px 0 28px;
    gap: 20px
}

.menu__bankcard {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.menu__bankcard span {
    display: block
}

.menu__bottom-text {
    border-top: 1px solid var(--color-gray);
    text-align: center;
    padding-top: 30px
}

.menu__copywriter {
    margin-bottom: 12px
}

.menu__developed {
    color: var(--color-orange)
}

.footer {
    display: flex;
    width: 100%;
    background-color: var(--color-white);
    flex-wrap: wrap;
    padding: 60px 0;
    font-size: .875rem;
    color: var(--color-dark-gray)
}

.footer__content {
    display: flex;
    flex-wrap: wrap
}

.footer__bankcard-block {
    display: flex;
    margin-left: auto;
    gap: 70px
}

.footer__bankcard {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 40px
}

.footer__bankcard span {
    text-wrap: nowrap
}

.footer__container {
    width: 100%;
    border-top: 1px solid var(--color-gray);
    border-bottom: 1px solid var(--color-gray);
    margin-top: 30px;
    margin-bottom: 40px;
    padding: 40px 0;
    gap: 15px;
    display: flex;
    justify-content: space-between
}

.footer__list-links.open-accordion .js-accordion-body {
    margin-top: 20px
}

.footer__head-block {
    display: flex;
    width: 100%;
    justify-content: space-between
}

.footer__head-block img {
    display: none
}

a.footer__head-link {
    color: var(--color-black)!important;
    font-size: 1.125rem;
    font-weight: 500
}

a.footer__head-link:visited {
    color: var(--color-black)
}

.footer__conteiner-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 15px
}

.footer__time {
    display: flex;
    flex-direction: column
}

.footer__contacts {
    gap: 15px
}

.footer__contacts-wrapper {
    display: flex;
    flex-direction: column
}

.footer__main-text {
    color: var(--color-black);
    line-height: 1.3;
    margin-top: 8px;
    transition: all .2s
}

.footer__main-text:first-child{
    margin-top: 0;
}

.footer__bottom-text {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.footer__developed {
    color: var(--color-orange)
}

@media (min-width: 769px) {
    .footer__content-links {
        height: auto !important;
        visibility: visible;
        overflow: visible
    }
    .footer__head-block {
        cursor: default
    }
}

@media (max-width: 1200px) {
    .footer__bankcard-block {
        flex-direction: column;
        gap: 15px
    }
    .footer__developed {
        cursor: pointer
    }
}

@media (max-width: 768px) {
    .footer {
        padding: 40px 0 68px
    }
    .footer__logo {
        order: 0
    }
    .footer__container {
        padding: 30px 0 35px;
        flex-direction: column;
        order: 2;
        gap: 0;
        border: none;
        margin-top: 0;
        margin-bottom: 0
    }
    .footer__list-links {
        padding: 14px 0;
        border-bottom: 1px solid var(--color-gray)
    }
    .footer__head-block img {
        display: block;
        transition: transform .35s
    }
    .footer__head-block.accordion__btn--active img {
        transform: rotate(-180deg)
    }
    .footer__head-link {
        font-size: 16px;
        font-weight: 400
    }
    .footer__conteiner-links {
        margin-top: 0
    }
    .footer__bankcard-block {
        flex-direction: column;
        gap: 15px;
        order: 3;
        margin: auto
    }
    .footer__bankcard {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px
    }
    .footer__bankcard span {
        color: var(--color-black)
    }
    .footer__bottom-text {
        order: 4;
        border-top: 1px solid var(--color-gray);
        flex-direction: column;
        align-items: center;
        gap: 15px;
        padding: 14px 0 24px;
        margin-top: 30px
    }
    .footer__copywriter {
        color: var(--color-black)
    }
}

@media (max-width: 576px) {
    .footer__bankcard-block {
        flex-direction: column;
        gap: 15px;
        order: 3;
        margin: 0
    }
}

.adaptive-display-none-flex,
.adaptive-display-none {
    display: none
}

.adaptive-display-1200,
.adaptive-display-768 {
    display: block
}

@media (max-width: 1200px) {
    .container {
        max-width: 990px
    }
    .adaptive-display-1200 {
        display: none
    }
}

@media (max-width: 768px) {
    .container {
        max-width: 570px
    }
    .adaptive-display-none {
        display: block
    }
    .adaptive-display-none-flex {
        display: flex
    }
    .adaptive-display-768,
    .text-hidden-768 {
        display: none
    }
}

@media (max-width: 576px) {
    .container {
        width: 100%
    }
    .swiper-button-next,
    .swiper-button-prev {
        display: none
    }
}

.open-accordion .js-accordion-head img {
    transition: all .5s;
    transform: rotate(-180deg)
}

.open-accordion .js-accordion-body {
    height: 100%;
    transition: all .5s
}

.show-more-activate .js-show-more-container {
    height: 100%
}

.show-more-activate .js-show-more-button {
    display: none
}

.overflow-hidden-90 {
    display: block;
    width: 100%;
    z-index: 0;
    position: relative;
    overflow: hidden
}

.overflow-hidden-90:after {
    z-index: 1;
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    content: "";
    background: linear-gradient(90deg, transparent, var(--color-white));
    width: 20px;
    height: 100%
}




div.swiper-button-prev,
div.swiper-button-next{
    background-image: none;
}

#digi-shield.digi_desktop .digi-ac.digi-custom__mog-search.digi-ac--vertical{
    
    font-family: 'PFAgoraSansPro', sans-serif;
    margin-left: -100px;
    width: 100% !important;
    max-width: 500px;
    padding: 12px 10px;
    box-shadow: 0 0 30px #00000040;
    background-color: var(--color-white);
    border-radius: 4px;
}


@media (max-width: 768px) {
    #digi-shield.digi_desktop .digi-ac.digi-custom__mog-search.digi-ac--vertical{
        margin-left: 0px;
        max-width: 100%;
    }
}

.digi-custom__mog-search::-webkit-scrollbar {
    margin-right: 3px;
}

div#digi-shield.digi_desktop .digi-ac-find__button{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 15px 35px;
    border-radius: 25px;
    color: var(--color-orange);
    background-color: transparent;
    border: 1px solid var(--color-orange);
    transition: all .2s;
}


div#digi-shield .digi-ac-find__button svg{
    fill: var(--color-orange);
}

div#digi-shield.digi_desktop .digi-ac-find__button:hover{
    color: var(--color-light-white);
    background-color: var(--color-orange);
}


/* МЕНЮ МОДАЛЬНОЕ */
/* .menu-modal .header-category__container,
.menu-modal .header-category{
    display: none;
} */

.menu-modal.active-catalog .header-category__container,
.menu-modal.active-catalog .header-category{
    display: block;
}
.menu-modal.active-catalog .header-category{
    position: relative;
}

.menu-modal .header__nav-item.header__nav-catalog{

}

.menu-modal .mog-wrapper{
  width: 100%;
}

.menu-modal .header__img-btn-search{
    height: 20px;
    width: 20px;
}

.menu-modal .header__nav{
    margin-top: 20px;
    margin-inline: 0;
}
.menu-modal .header__nav-list{
    flex-direction: column;
}

.menu-modal .header__nav-item{
    padding: 10px 0;
    display: block;
    border-top: 1px solid var(--color-gray);
    font-weight: 500
}

.menu-modal .header__nav-item:last-child {
    border-bottom: 1px solid var(--color-gray)
}


/*АКСЕССУАРЫ*/
.product-card__accessories .product-card-horizontal{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 5%;

}

.product-card__accessories .product-card-horizontal__item{
    padding: 10px;
    position: relative;
    display: flex;
    width: 30%;
    min-height: 100px;
    height: auto;
    
}



.product-card__accessories a.product-card-horizontal__img{
    z-index: 1;
    display: block;
    height: auto;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


.product-card__accessories .product-card-horizontal__text{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 10px;
    z-index: 2;
}


.product-card-horizontal__title{
    font-size: 14px;
}

.product-card__accessories .product-card-horizontal__bottom{
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-top: 10px;
}

.product-card__accessories .product-card-horizontal__cost{
    font-weight: 500;
    font-size: 20px;
    text-wrap: nowrap;
}


.product-card__accessories .product-card-horizontal__btn{
    width: 50%;
    max-width: 40px;
    height: auto;
    border-radius: 10px;
    border: 1px solid var(--color-orange); 
    transition: all 0.2s;
    padding: 2px 10px;
    display: flex;
    align-items: center;
}

.product-card__accessories .product-card-horizontal__btn>a{
    align-self: center;
    
    display: block;
    width: 100%;
    height: 100%;

    position: relative;
    z-index: 3;
    opacity: 1;
    transition: all 0.2s;
}

.product-card__accessories .product-card-horizontal__btn>a::after{
    
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    display: block;
    mask-image: url('/local/templates/main/./icons/all/cart.svg');
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    background-color: var( --color-orange);
    transition: all 0.2s;
    
}
.product-card__accessories .product-card-horizontal__item:hover{
    box-shadow: 0 2px 5px -2px #0a090b0f, 0 2px 7px #0a090b0d, 0 0 0 1px #0a090b0d;
}
.product-card-horizontal__btn:hover {
    transition: all 0.2s;
    background-color: var( --color-orange);
    color: var(--color-light-white);
}

.product-card-horizontal__btn:hover>a::after{
    transition: all 0.2s;
    background-color: var(--color-light-white);
    opacity: 1;
}


@media (max-width: 768px) {
    
    .product-card__accessories .product-card-horizontal {

    }
    .product-card__accessories .product-card-horizontal__item{
        width: 100%;
        padding: 20px 0 20px;
        margin: 10px 0 0px;
    }
    .product-card__accessories .product-card-horizontal__item:not(:last-child){

        border-bottom: 1px solid var(--color-gray);
    }


    .product-card__accessories  .product-card-horizontal__img {
        max-width: 30%;
    }
    .product-card__accessories .product-card-horizontal__btn{
        max-width: 100px;
        height: 30px;
    }
}






.product-card__reviews .review-list__item{
    border: 1px solid var(--color-gray);
    border-radius: 15px;

    padding: 20px;
}

.product-card__reviews .review-list__header{
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 10px;
}

.product-card__reviews .news-list__date{
    font-size: 14px;
    color: var( --color-dark-gray);
    margin-bottom: 3px;

}
.product-card__reviews .review-list__author{
    font-size: 24px;
    font-weight: 500;
}

.product-card__reviews ul{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.product-card__reviews .news-list__teaser{
    margin-bottom: 10px;

}

.product-card__reviews .plus-minus-block{
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: start;
}
.product-card__reviews .plus-minus-block > div{
    width: 50%;
}

.product-card__reviews .plus-minus-block > div > div{
    font-size: 16px;
    font-weight: 500;
}

.product-card__reviews .plus-minus-block .c-green{
    color: var( --color-dark-blue);
}

.product-card__reviews .plus-minus-block .c-red{
    color: var( --color-red-default);
}

.product-card__reviews .plus-minus-block span{
    

}

html {
    scroll-behavior: smooth;
}


.article-content__list .article-content__item-subtitle{
    margin-left: 15px;
    margin-top: 7px;
    font-weight: 200;
    color: var(--color-dark-gray);
}


@media (max-width: 768px) {
    .header__btn-cart div.js-basket-item-list{
        top: -500px;
        display: none !important;
    }
}


#digi-shield.digi_mobile.digi-search-fixed.digi-search-fixed_hide .digi-search.digi-search_attached{
    top: 85px;
}


.cart-product--order >.cart-product__price{

    min-width: 90px;

}

.cart-product--order > .cart-product__img {
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-product--order > .cart-product__img > img{
    height: 100%;
}

/* .swiper__product-comparison{
    max-height: 500px;
} */
/* .product-comparison__swiper-wrapper{
    height: 100%;
} */


.product-comparison__item .product-slide img{
    max-height: 240px;
}


.product-comparison {
    position: relative;
    padding: 40px 0px ;
}

.product-comparison__filter{
    display: flex;
    margin-bottom: 40px;
    align-items: center;
    align-content: center;
}


.product-comparison__filter-description{
    font-size: 15px;
    margin-left: 10px;
    margin-top: 2px;
}

.product-comparison__row{
    position: relative;
    border-bottom: 1px solid rgba(75, 75, 75, 0.26);
    max-width: 100%;
    width: 100%;
}

.product-comparison__row:not(:last-child){
    margin-bottom: 20px;
}

 .product-comparison__title{
    font-weight: 500;
    font-size: 16px;
}

 .product-comparison__parameters{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    margin: 15px 0;
}

.product-comparison__parameters span{
    display: block;
    width: 100%;
}
/*ОСНОВНОЙ СЛАЙДЕР*/


.product-comparison__slider .product-comparison__item{
    display: flex;
    flex-direction: column;
    min-height: 400px;
    height: auto;
    /* max-width: 350px; */
}

.product-comparison__slider .product-comparison__content{
    height: 100%;
    display: flex;
    flex-direction: column;
}

.product-comparison__slider .product-footer {
    margin-top: auto;
    margin-bottom: 0;
}

.product-comparison__slider .delete-btn:hover>svg>path {
    transition: all 0.1s;
    stroke: var(--color-red);
}


@media (max-width: 768px) {

    .product-comparison__slider .product-comparison__item{
        min-height: 300px;
    }

    .product-comparison__slider .product-slider__pagination{
        display: none;
    }

    .product-comparison__slider .product__article-text{
        font-size: 14px;
    }

    .product__title{
    }

    .product-comparison__slider .product__title-text{
        font-weight: 500;
        font-size: 14px;
    }

    .product-comparison__slider .product__rating{
        display: none;
    }

    .product-comparison__slider .product__old-price{
        order: 1;
        font-size: 16px;
    }

    .product-comparison__slider .product__new-price{
        order: 0;
        font-weight: 500;
        font-size: 20px;
    }

    .product-comparison__slider .product__cart-add{
        display: none;
    }

    .product-comparison__slider .product__labels{
        display: none;
    }

    .product-comparison__slider  .product__meta {
        position: relative;
        bottom: 0;
        right: 0;
        top: 0;
        margin-top: 20px;
        flex-direction: row;
        justify-content: end;

    }

    .product-comparison__slider .product-footer {
        margin-top: auto;

    }
}

.product-comparison__slider>.container>.swiper-container{

    overflow: visible;
}

.product-comparison__slider-container{
    position: relative;
    width: 100%;
}

.bx-authform{
    margin-inline: auto;
    margin-top: 20px;
    margin-bottom: 40px;
}
.buy-one-click__img{
    display: block;
    border-radius: 10px;
    border: 1px solid #F5F5F5;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.product__block-buy-one-click{

    display: block;
    max-width: 285px;
}

.product__block-buy-one-click .product__article{
    font-size: 14px;
}

.buy-one-click__container{
    gap: 20px

}
.buy-one-click__price{
    display: flex;
    gap: 20px;
    align-items: center;
}
.material__content,
.main-catalog__content{
    position: relative;
}

/* #pag{
    display: flex;
    justify-content: space-between;
    width: 100%;
} */


.product-card-tabs .tab-item__content{

}
.product-card-tabs__container-parameters{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.product-card-tabs__column {
    max-width: 80%;
    width: 100%;
}

.product-card-tabs__title-parameters{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
.product-card-tabs__parameters{

}

.product-card-tabs__parameters li{
    position: relative;
    align-items: start;
    
}

.product-card-tabs__parameters li .tab-item__prop-text{
    /* display: block; */
    /* min-width: min-content; */
    text-wrap: nowrap;
}
.product-card-tabs__parameters li .tab-item__prop-value{
    margin: 0;
}

.product-card-tabs__parameters li span{

    display: block;
    top: 0;
    border-bottom: 1px solid #B5B5B5;
    margin-inline: 8px;
    height: 15px;
    width: 100%;

    /* max-width: max-content; */

    
}


@media (max-width: 768px) {
    .product-card__accessories .product-card-horizontal__text{
        width: 100%;
    }

    .product-card-tabs__column {
        max-width: 100%;

    }

    .product-card-tabs .tab-item__content{
        /* margin-bottom: 20px; */
    }

    .main-catalog__container .category-products__list {
        min-height: 100%;
        margin-bottom: 20px;
    }

    .mog-tabs .mog-tab{
        width: auto;
    }

}

a.tag-btn {
    background: var(--color-white);
}
a.tag-btn.tag-active{

    border: 1px solid #333333;
    background-color: #333;
    color: #fff;
}

a.tag-btn:hover {

    background-color: transparent;
    color: var(--color-orange);
    border: 1px solid var(--color-orange);
}

.new-site-list{
    margin-top: 10px;
    margin-bottom: 10px;
}

.new-site-list>h1{
    font-size: 36px;
    line-height: 48px;

}

.new-site-list>h2{
    font-size: 32px;
    line-height: 40px;
    text-indent: 20px;
}

.new-site-list>h3{
    font-size: 25px;
    line-height: 36px;
    text-indent: 20px;
}

.new-site-list>h5{
    font-size: 16px;
    line-height: 28px;
    text-indent: 20px;
}

.new-site-list>p{
    margin: 10px 0;
    font-size: 16px;
    line-height: 20px;
    text-indent: 20px;
}


.new-site-list table {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #dddddd;
	border-collapse: collapse; 
}
.new-site-list table th {
	font-weight: bold;
	padding: 5px;
	background: #efefef;
	border: 1px solid #dddddd;
}
.new-site-list table td {
	border: 1px solid #dddddd;
	padding: 5px;
}

.menu-modal .header__nav-item{
    padding-top: 20px;
    padding-bottom: 20px;
}

.menu-modal .header__modal.client{
    display: none;
}
.menu-modal .header__nav-item .header__modal.active--menu{
    display: block !important;
}

.menu-modal .header__modal{
    position: relative;
    width: 100%;
    padding: 0;
}

.menu-modal  .header__modal-container{
    box-shadow: none;
    font-size: 16px;
    background-color: transparent;
    padding: 20px 0 0 0;
}

.menu-modal  .header__modal-container a{
    padding: 10px 0; 
}

.header-category__go-back,
.header__nav-item .head-mobile{
    display: none;
}

.menu-modal .header__nav-item .head-mobile,
.header__nav-item .head-no-mobile{
    display: block;
}

.menu-modal .header__nav-item .head-no-mobile{
    display: none;
}
.menu-modal .header-category__go-back,
.menu-modal .header__nav-item.header__nav-catalog .head-mobile{
    display: block;
}

.new-site-list ul {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
	list-style-type: disc;

}
.new-site-list ul li {
    list-style-type: disc;

}
.new-site-list ul li:not(:last-child) {
    margin-bottom: 5px;
}

.new-site-list ul li::marker{
    color: #000;
    font-size: 18px;
}

.new-site-list>a{
    color: var(--color-blue);
    background-color: transparent;
    border: 1px solid var(--color-blue);
    transition: all .2s;
    border-radius: 15px ;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 5px 15px;
    border-radius: 25px;
    transition: all .2s;
    font-size: 15px;
    max-width: max-content;
    margin-bottom: 20px;

}

.new-site-list>a:hover{
    background-color: var(--color-blue);
    color: var(--color-light-white);
}

.new-site-list a.link{
    /* display: inline-flex;
    position: relative;
    width: max-content; */
    text-decoration: underline;
}

.new-site-list a.link::after{
    /* content: '';
    display: block;
    position: relative;
    bottom: -3px;
    width: 100%;
    height: 1px;
    background-color: var(--color-gray); */
}

.checkbox--error{
    position: relative;
    max-width: 390px;
}
.checkbox__error{
    position: absolute;
    bottom: -18px;
    left: 0px;
    padding: 0 3px;
    max-width: calc(100% - 24px);
    background: var(--color-white);
    display: none;
    pointer-events: none;

}
.checkbox--error .checkbox__error{
    display: block;
    color: var(--color-red-default);
}

.form__main .description{

    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 10px;
    border-radius: 10px;
    background-color: var(--color-white);
}

.button--trade-in:disabled{
    background-color: var(--color-gray);
    color: var(--color-orange);
}

.cart__wrapper .cart-total{
    height: 100% !important;
}

.menu-modal .header__nav-item:hover .header__modal{
    display: none;
}

.menu-modal.open--category .header__nav-item .header__modal{
    display: block;
}

.menu-modal  .header-category{

    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}
.menu-modal  .header-category .header-category__container{
    display: flex;
    flex-direction: column;
}
.menu-modal .header-category__list{
    width: 100%;
    padding:  0;
    background-color: transparent;
}

.menu-modal .simplebar-content{
    display: flex;
    flex-direction: column;
    gap: 5px;
    overflow-y: scroll;
}
.menu-modal .header__modal::after{
    content: '';
    display: block;
    width: 100%;
    height: 20px;
    position: relative;
    z-index: 10;
    top: -20px;
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.menu-modal .header-category__head{
    padding: 10px 0;
}
.menu-modal  .header-category__count-products{
    display: none;
}

.header-category__go-back{
    padding: 20px 0px;
    color: var(--color-orange);
    border-bottom: 1px solid #D9D9D9;
}
.header-category__go-back::before{
    content: "";
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='23'%20height='14'%20viewBox='0%200%2023%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22%207.04819L14%207.04819L1%207.04819M1%207.04819L5.46766%2011M1%207.04819L5.46766%203'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='23'%20height='14'%20viewBox='0%200%2023%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22%207.04819L14%207.04819L1%207.04819M1%207.04819L5.46766%2011M1%207.04819L5.46766%203'%20stroke='%23F47920'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    display: inline-block;
    width: 24px;
    height: 24px;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 21px;
    height: 11px;
    background-color: var(--color-orange);
}
.open--category .header__nav-item:not(.header__nav-catalog),
.open--category .head-mobile{
    display: none !important;
}
.open--category .header__nav,
.open--category .header__nav-catalog,
.open--category .header-category{
    padding-top: 0;
    margin-top: 0;
}


.open--category .header-category__container:before {
    box-shadow: none;
}
.open--category{

}

.open--category .menu-modal__button-phone{
    position: absolute;
    z-index: 20;
    bottom: 20px;
    left: 23%;

}

.open--category .header-category__head:after{
    content: none;
}

.open--category .header-category .header-category__container{
    margin-top: 10px;
}

.menu-modal .simplebar-track.simplebar-vertical{
    display: none;
}

.header__phone .header__modal-container{
    padding: 8px 10px;
}

.header__phone:hover > .header__modal.phone{
    display: block;
    padding-top: 0;

}
.header__pop-up-phone{
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-orange);
    font-size: 14px;
}

.header__pop-up-phone::before{
    content: '';
    display: flex;
    justify-content: center;
    align-items: center;
    
    position: relative;
    width: 24px;
    height: 24px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(/local/templates/main/icons/all/phone.svg);
    background-color: var(--color-orange);

}

.popup_description{
    font-size: 15px;
    margin-bottom: 15px ;
}

.menu-modal  .header__nav-item.header__nav-no-visible{
    display: none;
}

.menu-modal[data-open-menu] .header__nav-item .head-mobile{
    display: none;
}
.menu-modal .header__modal.client .header__modal-container{
    overflow-y: scroll;
    max-height: 280px;

}

.menu-modal .simplebar-wrapper{
    max-height: 280px;
}

.menu-modal .header-category__container:before {
    content: none;
}


.menu-modal .header-category__main{
    display: none;
}

.menu-modal .header-category__item--active .header-category__head:after{
    content: none;
}

.menu-modal .header-category__item--active .header-category__head,
.menu-modal .header__nav-item a:hover {
    color: var(--color-black);
}

.menu-modal .menu-modal__button-phone button{
    width: 100%;
}

.menu-modal .header-category__list.simplebar-scrollable-y:after{
content: none;
}
.hide{

    display: none;
}
#favorite_list_count>p.notetext,
#compare_list_count font.notetext{
    display: block;
    padding: 0 0 50px 0px;
    margin: auto;
    font-size: 24px;
    color: var(--color-dark-orange);
    text-align: center;
}
#compare_list_count div p{
    display: flex;
    width: 100%;
}


.left_menu_personal{
    width: 100%;
    margin: auto;
    max-width: 1440px;
}
.content_right{
    margin: auto;
    max-width: 1440px;
}
.left_menu_personal .menu{
    position: relative;
    
}

.left_menu_personal .menu{
    position: relative;
}

.left_menu_personal .menu ul{
   display: flex;
   gap: 20px;
   flex-wrap: wrap;
}

.left_menu_personal .menu ul li{
   max-width: 100px;
}

.left_menu_personal .menu ul li a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

a.product-order__trade-in{
    color: var(--color-blue);
}

@media (max-width: 768px) {


    .left_menu_personal .menu ul{
        gap: 5px;
    }
    .left_menu_personal .menu ul li{
       width: 30%;
    }
 
}

.tab-item__button-feedback{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 10px;
}

.tab-item__button-feedback span{
    padding: 10px 35px;
}


/*РЭЙТИНГ ЗВЕЗДЫ*/
.rating-area {
	overflow: hidden;
	width: 265px;
	margin: 0 auto;
}

.rating-area:not(:checked) > input {
	display: none;
}

.rating-area:not(:checked) > label {
	float: right;
	width: 42px;
	padding: 0;
	cursor: pointer;
	font-size: 32px;
	line-height: 32px;
	color: lightgrey;
	text-shadow: 1px 1px #bbb;
}

.rating-area:not(:checked) > label:before {
	content: '★';
}

.rating-area > input:checked ~ label {
	color: gold;
	text-shadow: 1px 1px #c60;
}

.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {
	color: gold;
}

.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {
	color: gold;
	text-shadow: 1px 1px goldenrod;
}

.rate-area > label:active {
	position: relative;
}

.locations__map-box{
    width: 460px;
    height: 525px;
}

.locations__map-box .locations__map{
    width: 460px;
    height: 525px;
}

.offert-link{
    transition: all 0.3s;
    text-decoration: underline;
}

.offert-link:hover{
    transition: all 0.3s;
    color: var(--color-orange);
}

.accordion__main{
    padding: 20px 0px 20px ;
}

.tabs-list__item:last-child{
    margin-bottom: 20px;
}

.text.tab-item__prop-value{
    text-wrap: nowrap;
}

@media (max-width: 768px) {
    .product-card-tabs__parameters li span{
        display: none;
    }

    .filters-list>.filters-title{
        order: 1;
    }
    .filters-list>.filter-item{
        order: 2;
    }
    
    .filters-list>.filters{
        order: 3;
    }
    .filters-footer{
        order: 50;
    }

    .text.tab-item__prop-value{
        text-wrap: wrap;
    }
}



.block-text__wrap>.payForm>p>.errortext{
    /* display: none; */
}

#digi-shield.digi_desktop button.digi-product__button{
    border-radius: 25px;
}

.delivery-label__btn{
    position: relative;
}
.delivery-label__btn > button{
    content: 'выбрано';
}

.delivery-label__checkbox{
    opacity: 0;
    position: absolute;
    top: 0;
}

.delivery-item__btn{
    width: 125px;
}

.delivery-label__checkbox:checked ~ .delivery-item__btn{
    color: var(--color-light-white);
    background-color: var(--color-orange);
    border: 1px solid var(--color-orange);
    transition: all .2s;
}

.delivery-label__checkbox ~ .delivery-item__btn .delivery-label__checked{
    display: none;
}
.delivery-label__checkbox:checked ~ .delivery-item__btn .delivery-label__no-checked{
    display: none !important;
}
.delivery-label__checkbox ~ .delivery-item__btn .delivery-label__no-checked{
    display: block;
}
.delivery-label__checkbox:checked ~ .delivery-item__btn .delivery-label__checked{
    display: block !important;
}



.product-card-tabs__item.tabs-list__item.accordion.js-tab-item.active{
    display: block;
}

.product-card-tabs__item.tabs-list__item.accordion.js-tab-item.active .accordion__content {
    visibility: visible;
    height: 100%;
}

@media (max-width: 768px) {
    .product-card-tabs__item.tabs-list__item.accordion.js-tab-item.active .accordion__content {
        visibility: hidden;
        height: 0;
    }
    .product-card-tabs__item.tabs-list__item.accordion.js-tab-item.active.accordion--active .accordion__content {
        visibility: visible;
        height: 100%;
    }
}

.product__cart-add.product__cart-add-active{
    background-color: var(--color-light-white); 
    border-color: var(--color-orange);
    color: var(--color-orange);
}
.product__cart-add-active .cart-icon.cart-icon-basket,
.product__cart-add-active .cart-icon.cart-icon-add svg,
.product__cart-add-active .cart-icon.cart-icon-added svg{
    stroke: var(--color-orange);
}



.input__field:placeholder-shown {
    border: 1px solid var(--color-dark-gray);
    color: var(--color-dark-gray);
}


.input__field:placeholder-shown::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    var(--color-dark-gray);
}
.input__field:placeholder-shown:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    var(--color-dark-gray);
    opacity:  1;
}
.input__field:placeholder-shown::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    var(--color-dark-gray);
    opacity:  1;
}
.input__field:placeholder-shown:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    var(--color-dark-gray);
}
.input__field:placeholder-shown::-ms-input-placeholder { /* Microsoft Edge */
    color:    var(--color-dark-gray);
}
.input__field:placeholder-shown::placeholder {
    color:    var(--color-dark-gray);
}




@media (max-width: 768px) {
    .bx-authform{
        display: flex;
        justify-content: center;
    }

    .bx-authform .popup-content{
        width: 100%;
    }

    .bx-authform{
        width: 400px;
        margin: 0;
    }
}


.banner__item:after{  background: rgba(0,0,0,0.25)}
.banner__block-bottom .rs{font-size: 1.2rem}
.hdl{font-size: 0.9rem; color: var(--color-orange); text-align: right}
@media (max-width: 768px) {
    .header__date h5{ display: flex; justify-content: flex-start; align-items: center; }
    .header__date h5 span{ display: block}
    .header__date h5 p{text-align: center; margin: 0 0.3rem}
    .header__contact{padding: 0 0.5rem}
}
@media (max-width: 395px) {
    .header__date h5{ display: block}
    .hdl{ display: block; position: absolute; bottom: 0.5rem; left: 0; width: 100%; text-align: center}
    .header__date h5 span{ display:inline}
    .header__date{position: unset}
    .header{padding-bottom: 1.4rem}

}



/* SCROLL TO TOP */
#scrollToTop {

  --size:36px;
  display: none;
  position: fixed;
  text-align: center;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  right: 75px;
  left: inherit;
  bottom: 70px;
  z-index: 995;
  flex-flow: column;
  place-content: center;
  place-items: center;
  background: #fff;
  box-shadow: 0 0 2px 2px #056296;
  cursor: pointer;
  transition: .3s;
}

#scrollToTop.visible {
  display: flex;
}



#scrollToTop svg {
  max-height: 80%;
  max-width: 80%;
  transition: .3s;
  fill:#056296;
}



#scrollToTop:hover{
  background:#056296;
  box-shadow: 0 0 2px 2px #056296;
}


#scrollToTop:hover svg{
  fill:#fff;
}





/*00000000000000000000000000000000000000000000000000000000000000*/


.info__content.v2{
	justify-content:space-between;
	color: var(--color-dark-blue); 
}
.info__content.v2 a{text-decoration: underline}
.info__content.v2 hw{font-weight: bold}


.order-btn-wrp{ 
	text-align: center; 
	padding: 4.45rem 0 5.65rem
}
.order-btn{ 
	color: var(--color-dark-blue); 
	font-weight: bold; 
	font-size: 2rem; 
	max-width: 680px; 
	width: 90%; 
	height: 6.5rem; 
	background: #ffe5d1; 
	border-radius: 0.8rem;
	border: 2px solid transparent;
	transition: 0.1s;
	background: -webkit-linear-gradient(bottom left, #f8e4d1 0%, #fbe8d6 10%, #dde9fa 93%, #dde9fa 100%);
	background: -o-linear-gradient(bottom left, #f8e4d1 0%, #fbe8d6 10%, #dde9fa 93%, #dde9fa 100%);
	background: linear-gradient(30deg, #f8e4d1 0%, #fbe8d6 50%, #dde9fa 60%, #dde9fa 100%);
		
}
.order-btn:hover{ 
	border-color: #4e7182
}
.mn-steps{
	padding-bottom: 4rem;
	display: flex; justify-content: space-between; align-items: stretch
	
}

.mn-steps .col_one{
	width: calc(50% - 1.5rem); display: flex; flex-direction:column; justify-content: center; align-items: center;
}
.mn-steps .step{ 
	width: 100%; 
	max-width: 620px;
	position: relative;
    font-size: 1.15rem;
    padding: 3rem 3rem 1rem;
    border-radius: 2rem;
    border: 1px solid #bcbcbc;
    margin-bottom: 3rem;
	background-position:  calc(100% - 1rem)  1rem;
	background-repeat: no-repeat;
	background-size: 40% auto;
}
.mn-steps .step::after{
    display: block;
    content: "";
    width: 100%; height: 3rem;
    position: absolute;bottom: -2rem; left: 0;
	background: url("/local/templates/main/assets/m12_arrow.webp") center center no-repeat; background-size: contain;

}

.mn-steps .t2 .step::after{
    bottom: auto; left: 0; top: -1.3rem
}

.mn-steps .step .num{
    color: var(--color-dark-blue);
    font-size: 3.5rem;
    margin-bottom: 2rem;
}
.mn-steps .step h3{
    color: var(--color-dark-blue);
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 2rem;
}
.mn-steps .step a{
    color: var(--color-blue);
}
.mn-steps .step p{
    margin-bottom: 2rem;
}
.mn-steps .step p > b{
    color: var(--color-dark-blue);
    font-size: 1.5rem;
    font-weight: bold;
    display: inline-block; padding-right: 2rem;
}
.mn-steps .step.step1{
	background-image: url("/local/templates/main/assets/mnico1.webp");
	background-position:  calc(100% - 1rem)  3rem;
}
.mn-steps .step.step2{
	background-image: url("/local/templates/main/assets/mnico2.webp"); 
}
.mn-steps .step.step3{
	background-image: url("/local/templates/main/assets/mnico3.webp"); 
	background-position:  calc(100% - 1rem)  2rem;
}

.mn-steps .step.step4{
	background-image: url("/local/templates/main/assets/mnico4.webp"); 
}
.mn-steps .step.step5{
	background-image: url("/local/templates/main/assets/mnico5.webp"); 
	background-position:  calc(100%)  1rem; background-size: 45% auto
}
.mn-steps .step.step6{
	background-image: url("/local/templates/main/assets/mnico6.webp"); 
	background-position:  calc(100% - 0.5rem)  3rem;
}















@media (max-width: 1200px) {
	
	.mn-steps .col_one{
		width: calc(50% - 1rem);
	}
	.mn-steps .step{ 
		font-size: 1.05rem;
		padding: 2rem 2rem 1rem;
		border-radius: 1.5rem;
		margin-bottom: 2.5rem;
	}
	
	
	.mn-steps .step .num{
		font-size: 3rem;
		margin-bottom: 1.5rem;
	}
	.mn-steps .step h3{
		font-size: 1.2rem;
		margin-bottom: 1.5rem;
	}
	.mn-steps .step p{
		margin-bottom: 1.5rem;
	}
	.mn-steps .step p > b{
		font-size: 1.2rem;
		padding-right: 1.5rem;
	}
	
	.mn-steps .step::after{
		height: 2.3rem;
		bottom: -1.5rem;

	}
	.mn-steps .t2 .step::after{
    	top: -1rem
	}

	
	
}



@media (max-width: 960px) {
	.mn-steps{display: block}
	.mn-steps .col_one{
		width: 100%; 
	}
	.mn-steps .t2 .step::after{
    	bottom: -1.5rem; top: auto;
	}
	.mn-steps .t2 .step:last-child::after{
		display: none;
		
	}
	
}
@media (max-width: 550px) {
	.mn-steps .step{ 
		background: none !important;
		font-size: 1rem;
		padding: 2rem 2rem 1rem;
		border-radius: 1rem;
		margin-bottom: 2.5rem;
	}
	
	.mn-steps .step br{display: none !important}
	
	.mn-steps .step .num{
		font-size: 2.5rem;
		margin-bottom: 1rem;
	}
	.mn-steps .step h3{
		font-size: 1.2rem;
		margin-bottom: 1.2rem;
	}
	.mn-steps .step p{
		margin-bottom: 1.2rem;
	}
	.mn-steps .step p > b{
		font-size: 1.2rem;
		padding-right: 1.5rem;
	}	

}







.mn-form{
	margin-bottom: 5rem;
}
.form-part{
	padding-bottom: 3rem; 
	margin-bottom: 3rem; 
	border-bottom: 2px solid #cbe0ef
}
.form-part:last-child{
	border: none; 
	padding-bottom: 0;
	margin-bottom: 1rem
}
.form-button-wrp{
	text-align: center
}
.form-button-wrp button{
	max-width: 280px;
	display: inline-block
}

.mn-form .order-box{ 
	background: #fafbff
}
.mn-form .input__field{
	background: #fff; 
	border-color: #9ec7de
}
.mn-form .checkbox__switch{
	background: #fff
}
.mn-form .form__checkboxes-item{ margin: 0 0 12px 10px}
.mn-form .checkbox__text{margin-left: 28px}

.mn-form .title{
	display: flex; align-items: center; margin-bottom: 30px;
}

.mn-form .title .num{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48px; 
	height: 48px;
	min-width: 48px;
	border-radius: 100%;
	background: #205472;
	color: #fff;
	margin-right: 30px;
	
}
	
	
@media (max-width: 768px) {
	
	.mn-form .checkbox__text{margin-left: 15px}
	
	.mn-form .title .num{
		width: 42px; 
		height: 42px;
		min-width: 42px;
		margin-right: 20px;

	}
	
	.form-part{
	padding-bottom: 2rem; 
	margin-bottom: 2rem; 
}


}
	
	
/* End */
/* /local/templates/main/css/custom.css?17550981827046 */
/* /local/templates/main/css/libs.min.css?175509818245699 */
/* /local/templates/main/components/bitrix/sale.basket.basket.line/small_basket/style.css?17550981822634 */
/* /local/templates/main/components/bitrix/main.register/reg/style.css?1755098182463 */
/* /local/templates/main/template_styles.css?1755098183367203 */