

/* Start:/local/components/sf/stories/templates/_.default/style.css?17181291096981*/
.stories-modal {
	position: relative;
	height: 100%;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	touch-action: none
}

@media screen and (min-width:1440px) {
	.stories-modal {
		width: 360px
	}
}

@media screen and (min-width:1024px)and (max-width:1439px) {
	.stories-modal {
		width: 26.471vw
	}
}

@media screen and (min-width:1440px) {
	.stories-modal {
		border-radius: 16px
	}
}

@media screen and (min-width:1024px)and (max-width:1439px) {
	.stories-modal {
		border-radius: 1.176vw
	}
}

.stories-modal__close {
	position: absolute;
	background: url(/local/images/close.svg) no-repeat 50%/contain;
	z-index: 1002;
	cursor: pointer
}

@media screen and (min-width:1440px) {
	.stories-modal__close {
		top: 16px
	}
}

@media screen and (min-width:1024px)and (max-width:1439px) {
	.stories-modal__close {
		top: 1.176vw
	}
}

@media screen and (max-width:1023px) {
	.stories-modal__close {
		top: 4.267vw
	}
}

@media screen and (min-width:768px)and (max-width:1023px)and (orientation:portrait) {
	.stories-modal__close {
		top: 3.20025vw
	}
}

@media screen and (min-width:1440px) {
	.stories-modal__close {
		right: 12px
	}
}

@media screen and (min-width:1024px)and (max-width:1439px) {
	.stories-modal__close {
		right: .882vw
	}
}

@media screen and (max-width:1023px) {
	.stories-modal__close {
		right: 3.2vw
	}
}

@media screen and (min-width:768px)and (max-width:1023px)and (orientation:portrait) {
	.stories-modal__close {
		right: 2.4vw
	}
}

@media screen and (min-width:1440px) {
	.stories-modal__close {
		width: 24px
	}
}

@media screen and (min-width:1024px)and (max-width:1439px) {
	.stories-modal__close {
		width: 1.765vw
	}
}

@media screen and (max-width:1023px) {
	.stories-modal__close {
		width: 6.4vw
	}
}

@media screen and (min-width:768px)and (max-width:1023px)and (orientation:portrait) {
	.stories-modal__close {
		width: 4.8vw
	}
}

@media screen and (min-width:1440px) {
	.stories-modal__close {
		height: 24px
	}
}

@media screen and (min-width:1024px)and (max-width:1439px) {
	.stories-modal__close {
		height: 1.765vw
	}
}

@media screen and (max-width:1023px) {
	.stories-modal__close {
		height: 6.4vw
	}
}

@media screen and (min-width:768px)and (max-width:1023px)and (orientation:portrait) {
	.stories-modal__close {
		height: 4.8vw
	}
}

.stories-modal__theme {
	width: 100%;
	overflow: hidden;
}

@media screen and (min-width:1440px) {
	.stories-modal__theme {
		height: 640px
	}
}

@media screen and (min-width:1024px)and (max-width:1439px) {
	.stories-modal__theme {
		height: 47.059vw
	}
}

@media screen and (min-width:1440px) {
	.stories-modal__theme {
		border-radius: 16px
	}
}

@media screen and (min-width:1024px)and (max-width:1439px) {
	.stories-modal__theme {
		border-radius: 1.176vw
	}
}

@media screen and (max-width:1023px) {
	.stories-modal__theme {
		box-sizing: border-box;
		height: 100%
	}
}

.stories-modal .swiper-container,
.stories-modal .swiper-stories,
.stories-modal .swiper-wrapper {
	height: 100%
}

.stories-modal .swiper-slide {
	background: transparent
}

.stories-modal__clicker {
	position: absolute;
	height: inherit;
	width: inherit;
	display: flex
}

.stories-modal__clicker_left,
.stories-modal__clicker_right {
	width: 50%;
	height: 90%;
	z-index: 999;
	top: 0
}

.stories-modal__clicker_right {
	left: 50%
}

.story-slide__slide-button {
	margin-top: 20px;
}

.story-slide__slide-text {
	color: #fff;
}

.story-slide__slide-text--dark {
	color: #7e2832;
}

.story-slide__slide-title--dark {
	color: #7e2832 !important;
}

.story-slide__slide-mask {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: rgba(54, 36, 42, .5);
}

.story-slide__slide-mask--active {
	opacity: 1;
}

.story-slide__slide-info {
	position: relative;
	color: #36242a;
	text-align: left;
	z-index: 3
}



@media (max-width: 1023px) {
	.swiper-wrapper {
		min-height: unset;
	}

	.stories__mask .swiper-slide {
		margin-right: 24px;
	}
}

.stories__mask {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.stories__mask .swiper-slide {
	background-color: #f5f5f5 !important;
	border-radius: 10px;
}

@media (max-width: 1023px) {
	.stories__item_active {
		border-width: 2px !important;
		position: absolute;
		top: -1px;
		left: -1px;
		width: calc(100% + 4px) !important;
		height: calc(100% + 4px) !important;
	}
}

.stories__item-title {
	font-weight: 100 !important;
}

.stories__item-content picture:after {
	background: rgba(54, 36, 42, 0.5) !important;
}

.stories__item-title {
	text-shadow: 0px 1px 1px rgba(0, 0, 0, .3) !important;
}

body._preloader {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden
}

.preloader {
	position: absolute;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 112;
	display: flex;
	overflow: visible
}

.preloader_show {
	opacity: 1;
	pointer-events: all
}

.preloader__progress {
	position: absolute;
	bottom: 0;
	left: 0;
	transform-origin: 0 0;
	width: 100%;
	height: 4vh;
	background-color: red;
	transform: scaleX(0)
}

.preloader__bg {
	position: absolute;
	width: 100vw;
	height: 100vh;
	opacity: .1;
	transition: opacity .5s
}

.preloader__block {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 11.25vh;
	height: 11.25vh;
	opacity: 1
}

@media screen and (max-width:1023px) {
	.preloader__block {
		width: 100%;
		height: 100%
	}
}

@media screen and (min-width:1440px) {
	.preloader .circle_svg__circle__spinner {
		width: 90px
	}
}

@media screen and (min-width:1024px)and (max-width:1439px) {
	.preloader .circle_svg__circle__spinner {
		width: 6.618vw
	}
}

@media screen and (max-width:1023px) {
	.preloader .circle_svg__circle__spinner {
		width: 24vw
	}
}

@media screen and (min-width:768px)and (max-width:1023px)and (orientation:portrait) {
	.preloader .circle_svg__circle__spinner {
		width: 18vw
	}
}

@media screen and (min-width:1440px) {
	.preloader .circle_svg__circle__spinner {
		height: 90px
	}
}

@media screen and (min-width:1024px)and (max-width:1439px) {
	.preloader .circle_svg__circle__spinner {
		height: 6.618vw
	}
}

@media screen and (max-width:1023px) {
	.preloader .circle_svg__circle__spinner {
		height: 24vw
	}
}

@media screen and (min-width:768px)and (max-width:1023px)and (orientation:portrait) {
	.preloader .circle_svg__circle__spinner {
		height: 18vw
	}
}

.preloader .circle_svg__circle__spinner .circle_svg__path {
	stroke: #000;
	stroke-linecap: round;
	animation: dash 2s linear infinite
}

.preloader_hidden {
	pointer-events: none
}

div[data-id="91013"] .btn-primary{
	background-color: #000 !important;
}
div[data-id="91014"] .btn-primary{
	background-color: #000 !important;
}

div[data-id="100842"] .btn-primary,
div[data-id="100843"] .btn-primary,
div[data-id="100844"] .btn-primary
{
	background-color: #387dcd !important;
}

/* End */


/* Start:/local/components/sf/sliders/templates/.default/style.css?173288223811293*/
.special-offer-block__item {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.special-offer-block {
    position: relative;
    /*height: 329px;*/
}

@media screen and (min-width: 1440px) {
    .special-offer-block {
        height: 180px;
    }

    .special-offer-block__item {
        height: 180px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .special-offer-block {
        height: 13.235vw;
    }

    .special-offer-block__item {
        height: 13.235vw;
    }
}

@media screen and (max-width: 1023px) {
    .special-offer-block__item {
        height: 44.8vw;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
    .special-offer-block__item {
        height: 33.6vw;
    }
}

@media screen and (min-width: 1440px) {
    .special-offer-block__item {
        border-radius: 16px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .special-offer-block__item {
        border-radius: 1.176vw;
    }
}

@media screen and (max-width: 1023px) {
    .special-offer-block__item {
        border-radius: 4.267vw;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
    .special-offer-block__item {
        border-radius: 3.20025vw;
    }
}

.special-offer-block__item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.special-offer-block__item-bg img {
    width: 100%;
}

.special-offer-block__item-content {
    position: relative;
    text-align: left;
    box-sizing: border-box;
}

@media screen and (min-width: 1440px) {
    .special-offer-block__item-content {
        padding: 32px;
        width: 480px;
        width: 100%;
        height: 100%;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .special-offer-block__item-content {
        padding: 2.353vw;
    }
}

@media screen and (max-width: 1023px) {
    .special-offer-block__item-content {
        padding: 4.533vw 4vw;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
    .special-offer-block__item-content {
        padding: 3.39975vw 3vw;
    }
}

.special-offer-block__item-title {
    font-weight: 700;
}

.special-offer-block__item-title--light {
    color: #fff;
}

.special-offer-block__item-text--light {
    color: #fff;
}

@media screen and (min-width: 1440px) {
    .special-offer-block__item-title {
        margin: 0 0 16px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .special-offer-block__item-title {
        margin: 0 0 1.176vw;
    }
}

@media screen and (max-width: 1023px) {
    .special-offer-block__item-title {
        margin: 0 0 3.467vw;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
    .special-offer-block__item-title {
        margin: 0 0 2.60025vw;
    }
}

@media screen and (min-width: 1440px) {
    .special-offer-block__item-title {
        font-size: 24px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .special-offer-block__item-title {
        font-size: 1.765vw;
    }
}

@media screen and (max-width: 1023px) {
    .special-offer-block__item-title {
        font-size: 4.267vw;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
    .special-offer-block__item-title {
        font-size: 3.20025vw;
    }
}

.special-offer-block__item-text {
    word-spacing: 0.11em;
    white-space: pre-wrap;
    line-height: 1.4;
}

@media screen and (min-width: 1440px) {
    .special-offer-block__item-text {
        font-size: 14px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .special-offer-block__item-text {
        font-size: 1.029vw;
    }
}

@media screen and (max-width: 1023px) {
    .special-offer-block__item-text {
        font-size: 3.733vw;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
    .special-offer-block__item-text {
        font-size: 2.79975vw;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
    .special-offer-block .swiper-pagination {
        bottom: 3.20025vw;
    }
}

.special-offer-block .swiper-pagination {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.special-offer-block .swiper-pagination-bullet {
    border-radius: 50%;
    background: hsla(27, 60%, 97%, 0.56);
    transition: background 0.1s ease-in-out;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

@media screen and (min-width: 1440px) {
    .special-offer-block .swiper-pagination-bullet {
        width: 8px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .special-offer-block .swiper-pagination-bullet {
        width: 0.588vw;
    }
}

@media screen and (max-width: 1023px) {
    .special-offer-block .swiper-pagination-bullet {
        width: 2.133vw;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
    .special-offer-block .swiper-pagination-bullet {
        width: 1.59975vw;
    }
}

@media screen and (min-width: 1440px) {
    .special-offer-block .swiper-pagination-bullet {
        height: 8px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .special-offer-block .swiper-pagination-bullet {
        height: 0.588vw;
    }
}

@media screen and (max-width: 1023px) {
    .special-offer-block .swiper-pagination-bullet {
        height: 2.133vw;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
    .special-offer-block .swiper-pagination-bullet {
        height: 1.59975vw;
    }
}

@media screen and (min-width: 1440px) {
    .special-offer-block .swiper-pagination-bullet {
        margin: 0 4px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .special-offer-block .swiper-pagination-bullet {
        margin: 0 0.294vw;
    }
}

@media screen and (max-width: 1023px) {
    .special-offer-block .swiper-pagination-bullet {
        margin: 0 1.067vw;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
    .special-offer-block .swiper-pagination-bullet {
        margin: 0 0.80025vw;
    }
}

.special-offer-block .swiper-pagination-bullet-active {
    background: #7e2832;
}

.carousel-button {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    background-color: #fff;
    top: 50%;
    /* box-shadow: 0 4px 24px -1px rgb(54 36 42 / 10%) 0 2px 8px -1px rgb(54 36 42 / 6%); */
    cursor: pointer;
    transition: opacity 0.3s ease-in-out;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 1;
}

.carousel-button-prev {
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.29898 1.4022L1.70102 5.99997L6.29898 10.5978' stroke='%238F8488' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    box-shadow: 0 -4px 24px -1px rgba(54, 36, 42, 0.1),
        0 -2px 8px -1px rgba(54, 36, 42, 0.06);
}

.carousel-button-next {
    transform: translateY(-50%);
    box-shadow: 0 -4px 24px -1px rgba(54, 36, 42, 0.1),
        0 -2px 8px -1px rgba(54, 36, 42, 0.06);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.70102 10.5978L6.29883 5.99997L1.70102 1.40217' stroke='%238F8488' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.special-offer-block:hover .carousel-button {
    opacity: 1;
}

@media screen and (min-width: 1440px) {
    .carousel-button {
        width: 32px;
        height: 32px;
        background-size: 8px;
    }

    .carousel-button-next {
        right: -1.5%;
    }

    .carousel-button-prev {
        left: -1.5%;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .carousel-button {
        width: 2.353vw;
        height: 2.353vw;
    }

    .carousel-button-next {
        right: -1.5%;
    }

    .carousel-button-prev {
        left: -1.5%;
    }
}

@media screen and (max-width: 1023px) {
    .carousel-button {
        display: none;
        width: 8.533vw;
        height: 8.533vw;
        background-size: 3.20025vw;
    }

    .carousel-button-next {
        right: -4.5%;
    }

    .carousel-button-prev {
        left: -4.5%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
    .carousel-button {
        display: none;
        width: 6.39975vw;
        height: 6.39975vw;
        background-size: 3.20025vw;
    }

    .carousel-button-next {
        right: -4.5%;
    }

    .carousel-button-prev {
        left: -4.5%;
    }
}

.swiper-carousel {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
}

@media screen and (max-width: 1023px) {
    .swiper-carousel {
        overflow: unset;
    }
}


.special-offer-block__item-content{
    height: 100%;
}

.special-offer-block__item a{
    /*
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 18px !important;
    */
    
    height: unset !important;
    line-height: unset !important;
    padding: 8px 18px 10px 18px !important;
}


@media screen and (max-width: 1023px) {

    .special-offer-block__item-title, .special-offer-block__item-text  {
        width: 65%;
    }

    .special-offer-block__item a{
        /*
        height: 24px !important;
        line-height: 24px !important;
        padding: 0 12px !important;
        */
        height: unset !important;
        line-height: unset !important;
        padding: 2px 12px 4px 12px !important;
        position: absolute;
        bottom: 15px;
        left: 15px;
    }

    .carousel-decoraton {
        display: none;
    }
}



.carousel-decoraton {
    position: absolute;
    width: 100%;
    height: 100%;
}

.carousel-decoration__img {
    position: absolute !important;
    width: 76px;
    height: 155px;
    object-fit: cover;
}

.carousel-decoration--left {
    bottom: -20px;
    left: -76px;
}


.carousel-decoration--right {
    top: -20px;
    right: -76px;
    transform: rotate(180deg);
}
/*
@media screen and (max-width: 1023px) {
    .swiper-slide .special-offer-block__item-text{
        color: #000 !important;
    }
    .swiper-slide .special-offer-block__item-title{
        color: #000 !important;
    }
}
*/

.banner-mark-desktop, .banner-mark-mobile{
    position: absolute; 
    right: 20px; 
    bottom: 10px; 
    font-size: 8px; 
    color: #fff;
    text-shadow: 0px 0px 10px #000;
}
.banner-mark-desktop{
    display: block;
}
.banner-mark-mobile{
    display: none;
}
@media (max-width: 768px) {
    .banner-mark-desktop, .banner-mark-mobile{
        width: 40%;
    }
    .banner-mark-desktop{
        display: none;
    }
    .banner-mark-mobile{
        display: block;
    }
}
/* End */


/* Start:/local/components/sf/catalog/templates/.default/style.css?17134267412380*/
.menu__navbar{
   position: static;
   display: flex;
   justify-content: space-between;
   top:  90px;
   z-index: 11;
   opacity: 0;
}
@media screen and (min-width: 1024px) and (max-width: 1439px){
   .menu__navbar{
      width: 82.353vw;
   }
}
@media screen and (min-width: 1440px){
   .menu__navbar{
      width: 1120px;
   }
}
@media screen and (max-width: 1023px){
   .menu__navbar{
      width: 90vw;
   }
   .menu__categories-nav{
      display: none;
   }
}

/*
.swiper-wrapper{
   overflow-x: auto;
   -ms-overflow-style: none;
   scrollbar-width: none;
}
.swiper-wrapper::-webkit-scrollbar {
   width: 0;
   height: 0;
}
*/


.swiper-wrapper0 {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    transform: translateZ(0);
}
.swiper-wrapper0::-webkit-scrollbar {
   width: 0;
   height: 0;
}


.menu__categories-slider {
   top: 0% !important;
   transform: unset !important;
}
.menu__categories-nav-icon {
    background: url(/local/images/arrow2.svg) no-repeat 50%/contain !important;
}


/*
@media screen and (max-width: 1023px){
   .menu{
      margin-top: 30px;
   }
}
*/

.menu__message{
   font-size: 14px;
   margin-top: 40px;
   margin-bottom: -20px;
   color: #000;
   text-align: center;
   background-color: #c8e1ff;
   padding: 12px;
   border-radius: 10px;
}

@media (max-width: 1023px){
   .menu__message{
      line-height: 1.5;
   }
}

.line-hide{
   border-bottom: 0 !important;
}



.load__catalog{
   margin: 50px 0px 100px 0px;
}
.load__catalog-menu {
   width: 100%; 
   height: 40px; 
   border-radius: 16px;
}
.load__catalog-catname{
   width: 40%;
   margin-top: 70px;
   height: 40px;
   border-radius: 16px;
}
@media screen and (max-width: 1023px){
   .load__catalog-catname {
      width: 60%;
   }
}
.load__catalog-items{
   margin-top: 30px;
   display: flex;
   flex-wrap: wrap;
   row-gap: 32px;
   column-gap: 32px;
}
.load__catalog-item{
   width: calc(-24px + 100%/4);
   height: 250px;
   border-radius: 16px;
}
@media screen and (max-width: 1023px){
   .load__catalog-item {
      width: calc(-16px + 100%/2);
   }
}

.menu__block-subtitle{
   font-size: 14px;
   position: relative;
   top: -20px;
   margin-bottom: 10px;
   color: #777;
}

/* End */
/* /local/components/sf/stories/templates/_.default/style.css?17181291096981 */
/* /local/components/sf/sliders/templates/.default/style.css?173288223811293 */
/* /local/components/sf/catalog/templates/.default/style.css?17134267412380 */
