/* Start:/local/components/bestitpro/milana_main_slider/templates/.default/style.css?17368747641615*/
.sliderNew{
    position: relative;
    width: 100%;
    user-select: none;
}

.sliderNew:hover .sliderNew__next,.sliderNew:hover .sliderNew__back{
    opacity: 1;
}

.sliderNew__wrapper{
    position: relative;
    overflow: hidden;

    width: 100%;
    z-index: 1;
}

.sliderNew__back,.sliderNew__next{
    z-index: 2;
}

.sliderNew__wrapper:active, sliderNew__items:active{
    cursor: grabbing;
}

.sliderNew__items{
    touch-action: pan-y;
    display: flex;

    position: absolute;
    top: 0;
    right: 0;

    width: 100%;
}

.sliderNew__items *{
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.sliderNew__next{
    padding-right: 30px;
    opacity: 0;
    right: 0;
    transition: var(--transition);
}

.sliderNew__back{
    padding-left: 30px;
    padding-right: 30px;
    right: unset;
    left: 0;
    opacity: 0;
    transition: var(--transition);
}

.sliderNew__next, .sliderNew__back{
    cursor: pointer;
    user-select: none;

    position: absolute;
    height: 100%;
    top: 0;
    border: none;
    z-index: 99;
    background: none;

    display: flex;
    align-items: center;
    justify-content: center;
}

.sliderNew__disable{
    display: none!important;
}

.sliderNew--load{
    display: flex;
    position: relative;
    overflow: hidden;
}
.sliderNew--load:after{
    content: '';

    position: absolute;
    width: 100%;
    height: 100%;
    background-color: gray;
}
/* End */


/* Start:/local/templates/milana2024/components/bitrix/catalog.section.list/history/style.css?17399320186126*/
.stories{
    overflow: hidden;
}

.stories__items{
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    gap: 30px;
}
.stories__img{
    position: relative;

    width: 100px;
    height: 100px;

    border-radius: 100%;

    background-position: center;
    background-size: cover;

    margin-bottom: 18px;
}
.stories__img:before{
    content: '';
    position: absolute;

    width: 108%;
    height: 108%;

    border: 2px solid black;
    border-radius: 100%;

    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.stories__item--viewed .stories__img:before{
    content: '';
    position: absolute;

    width: 108%;
    height: 108%;

    border: none;
}

.stories__item{
    padding: 5px;
}

.stories__name{
    max-width: 100px;
    text-align: center;
    font-size: 14px;
}

.video{
    width: 100%;
    height: 100%;

    color: var(--color-white);
}

.video a{
    display: block;
    color: var(--color-white);
}

.video__items{
    display: flex!important;
    align-items: center;
    justify-content: center;

    height: 100%;
}

.video__item{
    position: relative;

    width: 450px;
    height: 800px!important;

    transition: var(--transition);
}

.video__top, .video__bottom{
    position: absolute;
    width: 100%;
    padding: 30px;

    transition: var(--transition);

    z-index: 2;
}

.video__top{
    top: 0;
}

.video__pagination{
    display: flex;
    gap: 10px;

    margin-bottom: 25px;
}

.video__pagination > span{
    display: block;
    width: 100%;
    height: 2px;

    background-color: rgba(0, 0, 0, 0.5);
}

.video__pagination > span > span{
    display: block;
    width: 0%;
    height: 2px;

    background: rgba(255, 255, 255, 1);
    transition: var(--transition);
}

.video__pagination--active > span{
    width: 100%!important;
}

.video__category--theme_black{
    color: black;
}

.video__category{
    font-weight: 600;
    line-height: 20px;

    text-transform: uppercase;
}

.video__wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.video__bottom{
    bottom: 0;
}

.video__name{
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.video__price{
    margin-bottom: 40px;
}

.video__btn{
    text-align: center;

    width: 100%;
    padding-top: 20px!important;
    padding-bottom: 20px!important;

    font-weight: 500;
}

.video__btn.button.button--theme_white{
    color: black;
}

.video__content{
    height: 100%;
}

.video__content img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.video__audio{
    position: relative;
    cursor: pointer;
}

.video__audio--muted:before{
    content: '';
    position: absolute;
    width: 120%;
    height: 1px;
    top: 54%;
    right: 50%;
    transform: translate(50%, 50%) rotate(26deg);
    background-color: var(--color-white);
}

.video__circle{
    z-index: 2;

    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    background-position: center;
    background-size: cover;
    margin-bottom: 12px;
}

.video__title{
    z-index: 2;

    font-weight: 600;
    text-transform: uppercase;
}

.video__shadow{
    user-select: none;
    pointer-events: none;

    opacity: 0;

    position: absolute;
    top: 0;

    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    transition: var(--transition);
}

.video__shadow:before{
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% - 200px);
    background: rgba(37, 37, 37, 0.6);

    transition: var(--transition);
}

.slick-current .video__slide{
    display: flex;
}

.video__slide{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;

    top: 0;
}

.video__next{
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: end;
}

.video__next svg{
    margin-right: 20px;
    stroke: white!important;
}

.video__previous{
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
}

.video__previous svg{
    margin-left: 20px;
    stroke: white!important;
}

.video__name--theme_dark, .video__price--theme_dark{
    color: black!important;
}

@media (min-width: 768px) {
    .video__item:not(.slick-center) .video__shadow, .video__item:not(.slick-center) .video__top, .video__item:not(.slick-center) .video__bottom{
        opacity: 1;
    }

    .video__item.slick-center .video__shadow:before{
        height: 100%;
    }

    .video__item:not(.slick-center) .video__top, .video__item:not(.slick-center) .video__bottom{
        opacity: 0;
    }

    .video__item:not(.slick-center) .video__top{
        top: 100px;
    }

    .video__item:not(.slick-center) .video__bottom{
        bottom: 100px;
    }

    .video__item:not(.slick-center){
        padding: 100px 0px;
        margin: 0px 70px;
        width: 338px;
    }

}

@media (max-width: 1399px) {
    .video__item{
        height: calc(100vh - 50px);
    }
}

@media (max-width: 991px) {
    .video__item{
        width: 380px;

    }

    .video__top, .video__bottom{
        padding-bottom: 100px;
    }

    .video__item:not(.slick-center){
        width: 280px;
    }


}

@media (max-width: 767px) {
    .video__item, .video__item:not(.slick-center){
        width: 100vw;
        height: 100vh;
    }

    .video__audio{
        margin-right: 40px;
    }

    .video__audio .modal-new__close{
        position: absolute;

        left: 40px;
        top: 50%;
        transform: translateY(-50%);
    }

    .video__audio .modal-new__close svg{
        width: 15px;
        height: 15px;
    }


}
/* End */


/* Start:/local/templates/milana2024/components/bitrix/catalog.section.list/index/style.css?17399314791779*/
.catalogs{
	height: 600px;
}

.catalogs__items{
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 5px;
}

.catalogs__item .catalogs__items{
	width: 100%;
	display: flex;
	gap: 5px;

	height: 100%;
}

.catalogs__item{
	position: relative;
	background-color: white;

	width: 100%;
	height: 100%;
	z-index: 1;

	display: flex;
	flex-direction: column;
}

.catalogs__img{
	height: 100%;

	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.catalogs__name{
	text-align: center;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 700;

	padding: 0px 5px;

	min-height: 110px;

	display: flex;
	align-items: center;
	justify-content: center;
}

.catalogs__above{
	position: absolute;

	width: 100%;
	height: 100%;

	transition: var(--transition);
	z-index: 2;
	background-color: white;

	display: flex;
	flex-direction: column;
	user-select: none;
	pointer-events: none;
}

.catalogs__item:hover .catalogs__above{
	opacity: 0;
}

@media(max-width: 1399px){
	.catalogs__above{
		opacity: 0;
	}

	.catalogs__item .catalogs__items{
		flex-direction: column;
		gap: 0px;
	}

	.catalogs{
		height: 900px;
	}

	.catalogs__name{
		font-size: 20px;
		min-height: 105px;
	}
}

@media(max-width: 991px){
	.catalogs{
		height: 600px;
	}

	.catalogs__name{
		font-size: 18px;
		min-height: 85px;
	}
}

@media(max-width: 757px){
	.catalogs__name{
		font-size: 14px;
		min-height: 65px;
	}

	.catalogs__items{
		display: flex;
		flex-direction: column;
		row-gap: 0px;
	}

	.catalogs__item .catalogs__items{
		flex-direction: row;
		gap: 5px;
	}

	.catalogs{
		height: 740px;
	}

}

/* End */


/* Start:/local/templates/milana2024/components/bitrix/system.pagenavigation/.default/style.css?17399376561244*/
.pagination{
    display: flex;
    flex-direction: column;

    align-items: center;
    gap: 30px;

    margin-bottom: 60px;
}

.pagination__items{
    justify-content: center!important;
    display: flex;
}

.pagination__button {
    display: flex!important;
    width: fit-content;
}



.pagination__item.disabled {
    opacity: 0;
}

.pagination__item.active {
    z-index: 3;
    color: var(--color-black);
}

.pagination__item:not(:first-child){
    margin-left: 0;
}

.pagination__item:last-child{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}


.pagination__item {
    min-width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;

    padding: 0 7px;

    font-size: 20px;
    font-weight: 600;
    color: rgba(0, 0, 0, .5);

    transition: var(--transition);
}

.pagination__item:hover {
    color: var(--color-black);
}

.pagination__arrow-next, .pagination__arrow-back{
    transition: var(--transition);

    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination__arrow-next:hover{
    transform: translateX(5px);
}

.pagination__arrow-back:hover{
    transform: translateX(-5px);
}
/* End */


/* Start:/local/templates/milana2024/components/bitrix/news.line/images/style.css?17509029633932*/
.gallery__items{
	height: 700px;
	display: grid;

	grid-template-columns: 2fr 1fr 1fr;
	grid-gap: 5px;

	margin-bottom: 55px;
}

.gallery__items--page{
	height: 100%;
	display: grid;

	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 5px;

	margin-bottom: 55px;
}

.gallery__items--page .gallery__item:first-child{
	grid-column-start: 1;
	grid-row-start: 1;
	grid-row-end: 1;
}

.gallery__items--page .gallery__item{
	height: 400px;
}

.gallery__container{
	display: flex;
	justify-content: end;
}

.gallery__cards{
	max-height: 730px;
	overflow-y: auto;

	display: flex;
	align-items: center;
	flex-direction: column;
	background-color: rgba(37, 37, 37, 0.03);
}

.gallery__cards .card-new{
	background-color: unset;
}

.gallery__btn{
	width: fit-content;
	padding: 20px 90px;
}

.gallery__item{
	position: relative;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

	cursor: pointer;
	transition: var(--transition);
}

.gallery__item:after{
	content: '';
	position: absolute;
	background-color: black;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: var(--transition);
}

.gallery__item:hover:after{
	opacity: 0.2;
}

.gallery__svg{
	transition: var(--transition);

	z-index: 3;
}

.gallery__svg svg{
	transition: var(--transition);
}

.gallery__svg svg path{
	transition: var(--transition);
}

.gallery__item:hover .gallery__svg{
	top: 50%;
	right: 50%;

	transform: translate(50%, -50%);
}

.gallery__item:hover .gallery__svg svg{
	width: 50px;
	height: 50px;
}

.gallery__item:hover .gallery__svg svg path:first-child{
	fill: white;
	fill-opacity: 1;
}

.gallery__item:hover .gallery__svg svg path:last-child{
	stroke: white;
	stroke-opacity: 1;
}

.gallery__item:first-child{
	grid-column-start: 1;
	grid-row-start: 1;
	grid-row-end: 3;
}

.gallery__img{
	overflow: hidden;
	height: 730px;
	width: 600px;
}



.gallery__img img{
	width: 100%;
	height: 100%;

	object-fit: cover;
}

.gallery__svg{
	position: absolute;
	width: fit-content;

	right: 10px;
	top: 10px;
}

@media (max-width: 1399px) {
	.gallery__item:nth-child(5), .gallery__item:nth-child(4){
		display: none;
	}
	.gallery__items--page .gallery__item:nth-child(5), .gallery__items--page .gallery__item:nth-child(4){
		display: block;
	}

	.gallery__items{
		grid-template-columns: 2fr 1fr;
	}
	.gallery__items--page{
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media (max-width: 991px) {
	.gallery__items{
		height: 500px;
		margin-bottom: 50px;
	}


	.gallery__items--page{
		height: 100%;
		margin-bottom: 0;
		grid-template-columns: 1fr 1fr;
	}
	.gallery__container{
		justify-content: center;
	}

	.gallery__img{
		width: 360px;
	}
}

@media (max-width: 767px) {
	.gallery__cards{
		flex-direction: row;
	}

	.modal-new__gallery{
		min-width: 90vw!important;
		top: 46% !important;
	}

	.modal-new__gallery .card-new{
		height: 300px!important;
	}

	.gallery__container{
		flex-direction: column;
	}

	.modal-new__gallery{
		min-width: 300px;
	}

	.gallery__container .card-new{
		width: 100%;
	}

	.gallery__img{
		width: 100%;
		height: 50vh;
	}
}

@media (max-width: 575px) {

	.gallery__cards{
		width: 100%;
	}
	.gallery__items{
		display: block;

		margin-bottom: 50px!important;
	}

	.gallery__items{
		display: grid;
		grid-template-columns: 1fr;
	}

	.gallery__container{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.gallery__items .slick-dots li{
		height: 3px;
	}

	.gallery__items .slick-dots{
		padding: 0 80px;
	}

	.gallery__items .slick-dots button{
		background-color: #D9D9D9;
	}

	.gallery__item:nth-child(5), .gallery__item:nth-child(4){
		display: block;
	}

	.gallery__item{
		height: 500px!important;
	}


}
/* End */


/* Start:/local/components/milana/advantages/templates/.default/style.css?1738648347838*/
.advantages__items{
    display: flex;
    justify-content: space-between;

    gap: 20px;
}

.advantages__title{
    font-weight: 700;

    margin-bottom: 20px;
}

.advantages__item{
    max-width: 300px;
}

.advantages__desc{
    font-size: 14px;
}

.advantages__icon{
    width: 50px;
    height: 50px;

    margin-bottom: 20px;
}

@media(max-width: 1399px){
    .advantages__item{
        max-width: 200px;
    }
}

@media(max-width: 991px){
    .advantages__items{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;

        grid-row-gap: 40px;
    }

    .advantages__item{
        max-width: 300px;
    }
}

@media(max-width: 575px){
    .advantages__items{
        grid-template-columns: 1fr;
        grid-row-gap: 30px;
    }
}
/* End */


/* Start:/local/components/milana/loyalty-program/templates/.default/style.css?17508414171872*/
.loyalty-program{
    height: 500px;

    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;

    position: relative;

    color: var(--color-white);
}

.loyalty-program:before{
    content: '';

    position: absolute;

    width: 100%;
    height: 100%;

    background-color: rgba(0, 0, 0, 0.15);
}

.loyalty-program__content{
    position: absolute;

    right: 0;
    height: 100%;
    max-width: 400px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    margin-right: 100px;
}

.loyalty-program__title{
    font-size: 42px;
    font-weight: 700;
    line-height: 45px;

    margin-bottom: 15px;

    text-transform: uppercase;
}

.loyalty-program__desc{
    margin-bottom: 60px;
    max-width: 380px;
}

.loyalty-program__btn{
    width: fit-content;
    padding: 20px 100px;
}

@media(max-width: 1399px){
    .loyalty-program__content{
        margin-right: 50px;
        max-width: 450px;
    }

    .loyalty-program__title{
        font-size: 37px;
    }

    .loyalty-program__desc{
        font-size: 14px;
    }
}

@media(max-width: 991px){
    .loyalty-program__content{
        max-width: 280px;
        margin-right: 100px;
    }

    .loyalty-program__btn{
        width: 100%;
        text-align: center;
    }
}
@media(max-width: 575px){
    .loyalty-program__content{
        margin-right: 0;
        position: relative;
    }

    .loyalty-program:before{
        background-color: rgba(0, 0, 0, 0.4);
    }


    .loyalty-program{
        background-position:left;

        display: flex;
        justify-content: center;
        align-items: center;
    }

    .loyalty-program__title{
        font-size: 33px;
        margin-bottom: 45px;
        line-height: 36px;
    }
}
/* End */
/* /local/components/bestitpro/milana_main_slider/templates/.default/style.css?17368747641615 */
/* /local/templates/milana2024/components/bitrix/catalog.section.list/history/style.css?17399320186126 */
/* /local/templates/milana2024/components/bitrix/catalog.section.list/index/style.css?17399314791779 */
/* /local/templates/milana2024/components/bitrix/system.pagenavigation/.default/style.css?17399376561244 */
/* /local/templates/milana2024/components/bitrix/news.line/images/style.css?17509029633932 */
/* /local/components/milana/advantages/templates/.default/style.css?1738648347838 */
/* /local/components/milana/loyalty-program/templates/.default/style.css?17508414171872 */