/* Start:/bitrix/templates/belmash/css/index.css?175338189510202*/
.info-block {
    display: flex;
    justify-content: space-between;
    margin: 0px -15px;
}

.info-block__item-list {
    flex: 1;
    margin: 0 15px;
}

.title-link {
    transition: .3s;
    cursor: pointer;
    margin-top: 30px !important;
}

.title-link:hover {
    color: #1A509B;
    transition: .3s;
}

.article-title {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.article-title__line {
    height: 2px;
    background-color: #1A509B;
    flex-grow: 1;
}

.article-title__text {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 64px;
    text-align: center;
    text-transform: uppercase;
    color: #1A509B;
    margin: 0 25px;
}

.main-top-wrapper {
    overflow: hidden;
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 30px;
}
.container.main-top-wrapper {
    overflow: visible;
}

.main-banner-wrapper {
    width: 100%;
    position: relative;
}

.main-banner__container {
    background-color: #fff;
    padding-bottom: 100px;
    padding-top: 10px;
    margin-bottom: 55px;
}

.main-sections-mobile {
    margin-bottom: 32px;
}

.item-list__see-all {
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    transition: .6s;
    text-decoration: none;
}

.item-list__see-all:hover {
    color: rgba(0, 0, 0, 0.6);
    transition: .6s;
}

.main-tabs-container {
    margin-top: 60px;
}

.main-about {
    padding: 84px 40px 0;
    display: flex;
    flex-wrap: nowrap;
}

.main-about__title {
    font-weight: bold;
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5;
    overflow: visible;
}

.main-about__line {
    position: relative;
    padding-right: 186px;
}

.main-about__line:before {
    position: absolute;
    content: '';
    width: 98px;
    background-color: #1a1b1b;
    height: 1px;
    left: 40px;
    top: 22px;
}

.main-about__description {
    padding-top: 9px;
    font-size: 18px;
    max-width: 890px;
    line-height: 30px;
}

.main-about__description-icons {
    margin-top: 45px;
}


.main-promo {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 55px;
}

.main-promo__item {
    margin-top: 4px;
    background-color: #fff;
    padding: 31px 41px 36px;
    transition: .3s;
    position: relative;
    cursor: pointer;
}

.main-promo__item:hover {
    margin-top: 0;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .10);
    margin-bottom: 4px;
}

.main-promo__item-title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 23px;
    line-height: 1.33;
    word-break: break-word;
    position: relative;
}

.main-promo__item-title img {
    position: absolute;
    right: calc(100% + 5px);
    top: 3px;
}

.main-promo__item-text {
    line-height: 1.25;
    font-size: 18px;
    word-break: break-word;
    padding-right: 30%;
}

.main-promo__item:nth-child(3) .main-promo__item-text {
    padding-right: 25%;
}

.main-promo-container.container {
    margin-top: 80px;
    margin-bottom: 114px;
}

.main-collection-container {
    background-color: #fff;
    padding-bottom: 50px;
    padding-top: .1px;
}

.main-collection-container .title_main__subtitle {
    margin-top: 64px;
    margin-bottom: 29px;
}

.main-promo__tinkoff {
    width: 143px;
    position: absolute;
    right: 41px;
    top: 41px;
}

.main-promo__sber {
    width: 143px;
    position: absolute;
    right: 41px;
    bottom: 36px;
    transition: .3s;
}

.main-promo__item:hover .main-promo__sber {
    width: 177px;
    right: -19px;
}

.main-promo__coin {
    width: 28px;
    position: absolute;
    right: 60px;
    top: 50px;
    transition: .3s;
}

.main-promo__item:hover .main-promo__coin {
    width: 42px;
    top: 31px;
    right: 53px;
}

.main-promo__pig {
    width: 119px;
    position: absolute;
    right: 16px;
    bottom: 19px;
}

.main-promo__fire {
    width: 37px;
    position: absolute;
    right: 34px;
    bottom: 25px;
}

.main-promo__comet {
    position: absolute;
    top: 20px;
    right: 45px;
    width: 80px;
    transition: .3s;
}

.main-promo__item:hover .main-promo__comet {
    width: 96px;
    top: -11px;
    right: 15px;
}

.main-about .advantages-list {
    grid-gap: 0;
    grid-template-columns: repeat(3, 33.33333%);
}

@media (max-width: 1590px) {
    .main-promo__item-text {
        padding-right: 18%;
    }

    .main-promo__item:nth-child(3) .main-promo__item-text {
        padding-right: 10%;
    }

    .main-promo__tinkoff {
        width: 115px;
        position: absolute;
        right: 30px;
        top: 45px;
    }

    .main-promo__sber {
        width: 110px;
        position: absolute;
        right: 30px;
        bottom: 36px;
        transition: .3s;
    }

    .main-promo__item:hover .main-promo__sber {
        width: 147px;
        right: -19px;
    }

    .main-promo__coin {
        width: 28px;
        position: absolute;
        right: 56px;
        top: 50px;
        transition: .3s;
    }

    .main-promo__item:hover .main-promo__coin {
        width: 42px;
        top: 31px;
        right: 49px;
    }

    .main-promo__pig {
        width: 111px;
        position: absolute;
        right: 16px;
        bottom: 19px;
    }

    .main-promo__fire {
        width: 37px;
        position: absolute;
        right: 34px;
        bottom: 25px;
    }

    .main-promo__comet {
        position: absolute;
        top: 40px;
        right: 20px;
        width: 80px;
        transition: .3s;
    }

    .main-promo__item:hover .main-promo__comet {
        width: 86px;
        top: -11px;
        right: -15px;
    }
}

@media (max-width: 1439px) {
    .main-promo__tinkoff {
        width: 110px;
        position: absolute;
        right: auto;
        left: 41px;
        top: auto;
        bottom: 36px;
    }

    .main-promo__sber {
        width: 110px;
        position: absolute;
        right: 30px;
        bottom: 36px;
        transition: .3s;
    }

    .main-promo__item:hover .main-promo__sber {
        width: 147px;
        right: -19px;
    }

    .main-promo__coin {
        width: 28px;
        position: absolute;
        right: 51px;
        top: 10px;
        transition: .3s;
    }

    .main-promo__item:hover .main-promo__coin {
        width: 42px;
        top: -9px;
        right: 44px;
    }

    .main-promo__pig {
        width: 101px;
        position: absolute;
        right: 16px;
        bottom: auto;
        top: 50px
    }

    .main-promo__fire {
        width: 37px;
        position: absolute;
        right: 34px;
        bottom: 25px;
    }

    .main-promo__comet {
        position: absolute;
        top: 40px;
        right: 20px;
        width: 80px;
        transition: .3s;
    }

    .main-promo__item:hover .main-promo__comet {
        width: 86px;
        top: -11px;
        right: -15px;
    }
}

@media (max-width: 1023px) {
    .article-title__line {
        display: none;
    }

    .subtitle_about {
        font-size: 22px;
    }

    .main-tabs-container {
        margin-top: 55px;
    }

    .main-tabs-container .tf-tabs__title-container {
        padding-left: 20px;
    }

    .main-promo__sber {
        width: 141px;
        right: 30px;
        bottom: 30px;
        /*top: 110px;*/
    }

    .main-promo__item:hover .main-promo__sber {
        width: 177px;
        right: -19px;
    }

    .main-promo__tinkoff {
        width: 143px;
        right: 31px;
        left: auto;
        /*top: 42px;*/
        bottom: 89px;
    }

    .main-promo__comet {
        top: 20px
    }

    .main-promo__pig {
        top: auto;
        bottom: 19px;
        width: 119px;
    }

    .main-promo__coin {
        bottom: 113px;
        top: auto;
        right: 52px;
        width: 42px;
    }

    .main-promo__item:hover .main-promo__coin {
        /*width: 32px;*/
        bottom: 127px;
        right: 52px;
        top: auto;
    }

    .main-promo__comet {
        width: 86px;
        top: -5px;
        right: 10px;
    }

    .item-list__see-all {
        height: 60px;
        width: 100%;
        background: #1a509b;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        order: 1;
    }

    .info-block__item-list {
        display: flex;
        flex-direction: column;
        margin-bottom: 45px;
    }

    .item-list .title {
        margin: 15px 0;
    }

    .info-block {
        flex-direction: column;
    }

    .main-top-wrapper {
        /*    display: flex;*/
        margin-top: 15px;
    }

    .main-top-wrapper {
        grid-gap: 20px;
    }

    .main-promo {
        grid-gap: 20px;
        grid-template-columns: 100%;
    }

    .main-promo-container.container {
        margin-top: 11px;
        margin-bottom: 31px;
    }

    .main-about {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .main-about .advantages-list {
        grid-template-columns: repeat(3, 33.33333%);
    }

    .advantages-list__item-img {
        align-self: flex-start;
    }

    .main-about__line {
        width: calc(100% - 200px);
        padding: 0;
    }

    .main-about__line:before {
        left: 0;
        width: 100%;
    }

    .main-about__title {
        margin-bottom: 35px;
    }
}

@media (max-width: 720px) {
    .main-tabs-container.container {
        width: 100%;
    }

    .main-promo__item-title {
        padding-right: 0;
        font-size: 24px;
        margin-bottom: 18px;
        line-height: 1.25;
    }

    .main-promo__item-title img {
        top: 1px;
    }

    .main-promo__item-text {
        padding-right: 40%;
        font-size: 15px;
    }

    .main-promo__item:nth-child(1) .main-promo__item-text {
        padding-right: 50%;
    }

    .main-promo__item:nth-child(3) .main-promo__item-text {
        padding-right: 30%;
    }

    .main-banner__container {
        /* margin-bottom: 35px;*/
        margin-bottom: 20px;
        padding-bottom: 0;
    }

    .container.main-top-wrapper {
        margin-top: -10px;
        width: 100%;
    }

    .main-banner-wrapper {
        width: auto;
    }

    .main-collection-container {
        padding-bottom: 43px;
    }


}
/* End */


/* Start:/bitrix/templates/belmash/components/bitrix/news.list/main-slider/style.css?17533818957632*/
.main-slider__wrap, .main-slider__wrap .slick-list, .main-slider__load, .main-slider__preload{
	height: 520px;
}

@media only screen and (max-width:1591px){
	.main-slider__wrap, .main-slider__wrap .slick-list, .main-slider__load, .main-slider__preload{
		height: 446px;
	}
}

@media only screen and (max-width:1440px){
	.main-slider__wrap, .main-slider__wrap .slick-list, .main-slider__load, .main-slider__preload{
		height: 381px;
	}
}

@media only screen and (max-width:1023px){
	.main-slider__wrap, .main-slider__wrap .slick-list, .main-slider__load, .main-slider__preload{
		height: 260px
	}
}

@media only screen and (max-width:768px){
	.main-slider__wrap, .main-slider__wrap .slick-list, .main-slider__load, .main-slider__preload{
		height: 33.85vw
	}
}

@media only screen and (max-width:1023px){
	.mobile .main-slider__wrap, .mobile .main-slider__wrap .slick-list, .mobile .main-slider__load, .mobile .main-slider__preload{
		height: 520px
	}
}

@media only screen and (max-width:768px){
	.mobile .main-slider__wrap, .mobile .main-slider__wrap .slick-list, .mobile .main-slider__load, .mobile .main-slider__preload{
		height: 67.70vw
	}
}


.main-slider{
	position: relative;
	overflow: visible !important;
}
.main-slider.slick-dotted.slick-slider{
	margin-bottom: 0;
}
.slick-arrow {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100px;
    height: 100px;
    margin: auto;
}

.main-slider__slides > .slick-arrow:first-child {
	left: 0;
}

.main-slider__slides > .slick-arrow:last-child {
	right: 0;
}

.main-slider-left,
.main-slider-right {
	position: absolute;
	/* margin: 0px;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;
	bottom: 9px;
	z-index: 5;
	width: 60px;
	height: 42px;
	background-color: rgba(255,255,255, .5);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 22px;
	opacity: .0; */

	display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
	user-select: none;
	cursor: pointer;
    width: 100px;
    height: 100px;
    border-radius: 50%;
	-webkit-transition: .3s;
	transition: .3s;
	z-index: 1;
	opacity: 1 !important;
}

.main-slider:hover .main-slider-left,
.main-slider:hover .main-slider-right{
	opacity: .5;
}

.main-slider-left::after,
.main-slider-right::after {
	position: absolute;
	content: '';
	background-color: rgba(49,97,163,0.5);
    width: 90px; 
    height: 90px;
    top: calc(50% - 45px);
	opacity: 0;
	border-radius: 50%;
	z-index: -2;
	-webkit-transition: .3s;
	transition: .3s;
}

.main-slider-left:hover::after,
.main-slider-right:hover:after {
    width: 110px; 
    height: 110px;
    top: calc(50% - 55px);
	opacity: 1;
	-webkit-transition: .3s;
	transition: .3s;
}

.main-slider-left:hover::before,
.main-slider-right:hover::before {
    border-right: 2.5px solid #fff;
    border-bottom: 2.5px solid #fff;
}

.main-slider-left:hover,
.main-slider-right:hover {
	width: 90px;
	height: 90px;
}

.main-slider-left:hover {
	left: -45px;
}

.main-slider-right:hover {
	right: -45px;
}


.main-slider-left:hover::before {
	margin-left: 6px;
	-webkit-transition: .3s;
	transition: .3s;
}

.main-slider-right:hover::before {
	margin-right: 6px;
	-webkit-transition: .3s;
	transition: .3s;
}

.main-slider .main-slider-left:hover,
.main-slider .main-slider-right:hover{
	/* opacity: .8; */
	opacity: 1 !important;
	/* width: 90px;
    height: 90px; */
    background-color: #3161a3;
}

/* .main-slider .main-slider-left:hover{
	left: -50px;
}

.main-slider .main-slider-right:hover{
	right: -50px;
} */

.main-slider .main-slider-left:active,
.main-slider .main-slider-right:active{
	opacity: 1;
}

.main-slider-left:before,
.main-slider-right:before {
	content: '';
	width: 16px;
	height: 16px;
	border-right: 2.5px solid #666768;
	border-bottom: 2.5px solid #666768;
	-webkit-transition: .3s;
	transition: .3s;
}

.main-slider-left:before{
	transform: rotate(-225deg);
	margin-left: 30px;
}

.main-slider-right:before{
	transform: rotate(-45deg);
	margin-right: 30px;
}

.main-slider-left {
	/* right: 72px; */
	left: -50px;
	top: 0;
    bottom: 0;
    margin: auto;
}
/* .main-slider-left:active {
	right: 78px;
} */

.main-slider-right {
	/* right: 10px; */
	right: -50px;
	top: 0;
    bottom: 0;
    margin: auto;
}
/* .main-slider-right:active {
	right: 4px;
} */

.main-slider {
	/* max-width: 690px; */
	/* max-height: 360px; */
	/*max-width: 1400px;*/
	/* max-height: 900px; */
	width: 100%;
	overflow: hidden;
	/*height: 520px;*/
}

.main-slider .slick-dots {
	bottom: 15px;
}

.main-slider__slide-link {
	text-decoration: none;
	overflow: hidden;
	display: block!important;
	line-height: 1;
}

.slick-track:after, .slick-track:before {
	display: none;
}

.main-slider__slide-img {
	object-fit: fill;
	width: 100%;
	height: auto;
}

.main-slider .progressBarContainer {
	position: absolute;
	bottom: 27px;
	left:50%;
	transform: translateX(-50%);
	display: flex;
}

.main-slider__progressBar-item {
	display: block;
	padding: 0;
	cursor: pointer;
	margin-right: 10px;
	float: left;
	color: white;
}

.main-slider__progressBar-item:last-child {
	margin-right: 0;
}

.main-slider__progressBar {
	width: 6px;
	height: 6px;
	background-color: #fff;
	display: block;
	border-radius: 3px;
	overflow: hidden;
	transition: width .4s;
}

.main-slider__progressBar.main-slider__progressBar_active{
	width: 110px;
}

.main-slider__progressBar .inProgress {
	background-color: #e0e1e5;
	width: 0%;
	height: 6px;
	border-radius: 3px;
}

@media (max-width: 1023px) {
	.main-slider {
		width: 100%;
		max-width: initial;
	}

	.main-slider__slide-link img {
		max-width: initial;
	}

	.main-slider-left, 
	.main-slider-right {
		width: 50px;
		height: 50px;
		border-radius: 50%;
	}

	.main-slider-left:hover, 
	.main-slider-right:hover {
		width: 45px;
		height: 45px;
	}

	.main-slider-right,
	.main-slider-right:hover {
		right: -25px;
	}

	.main-slider-left,
	.main-slider-left:hover {
		left: -25px;
	}

	/* .main-slider .main-slider-left:hover,
	.main-slider .main-slider-right:hover{
		width: 45px;
		height: 45px;
	} */

	/* .main-slider .main-slider-left:hover {
		left: -20px;
	}

	.main-slider .main-slider-right:hover{
		right: -20px;
	} */

	.main-slider-left::after,
	.main-slider-right::after {
		position: absolute;
		content: '';
		background-color: rgba(49,97,163,0.5);
		width: 45px;
		height: 45px;
		top: calc(50% - 23px);
		opacity: 0;
		border-radius: 50%;
		z-index: -2;
		-webkit-transition: .3s;
		transition: .3s;
	}

	.main-slider-left:hover::after,
	.main-slider-right:hover:after {
		width: 55px;
		height: 55px;
		top: calc(50% - 27px);
		opacity: 1;
		z-index: -1;
		-webkit-transition: .3s;
		transition: .3s;
	}

	.main-slider-left:before, 
	.main-slider-right:before {
		width: 12px;
    	height: 12px;
	}

	.main-slider-left:before, 
	.main-slider-right:before {
		border-right: 2px solid #666768;
    	border-bottom: 2px solid #666768;
	}

	.main-slider-left:hover::before, 
	.main-slider-right:hover::before {
		border-right: 2px solid #fff;
    	border-bottom: 2px solid #fff;
	}

	.main-slider-right::before {
		margin-right: 15px;
	}

	.main-slider-left::before {
		margin-left: 15px;
	}

	.main-slider-right:hover::before {
		margin-right: 3px;
	}

	.main-slider-left:hover::before {
		margin-left: 3px;
	}
}

@media (max-width: 992px) {
	.slick-arrow {
		display: none;
	}
}

@media (max-width: 767px) {
	.main-slider
	{
		height: auto;
	}

	.main-slider-left,
	.main-slider-right{
		display: none!important;
	}

	.main-slider .progressBarContainer{
		bottom: 17px;
	}

	.main-slider__progressBar.main-slider__progressBar_active{
		width: 90px;
	}
}
/* End */


/* Start:/bitrix/templates/belmash/components/bitrix/catalog.section.list/mainpage/style.min.css?17367714841797*/
.csl-m{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;grid-template-rows:140px 140px}.csl-m__item{position:relative;overflow:hidden;background-color:#f2f3f5;padding:20px 40px}.csl-m__item:first-child{grid-row-start:span 2}.csl-m__item-inner-bg{position:absolute;display:flex;bottom:-15%;right:-20%;overflow:hidden;z-index:0;transition:.2s ease-out;transform:scale(.96)}.csl-m__cat-title{font-weight:900;font-size:28px;word-break:break-word;margin-bottom:20px;position:relative;z-index:1;margin-top:5px;line-height:1}.csl-m__item-1 .csl-m__cat-title{margin-bottom:23px}.csl-m__cat-title a{color:#1a1b1b}.csl-m__subcat-wrap{column-gap:20px;padding-right:80px}.csl-m__item-1 .csl-m__subcat-wrap,.csl-m__item-2 .csl-m__subcat-wrap{column-count:2}.csl-m__item-3 .csl-m__subcat-wrap{column-count:3}.csl-m__item-3 .csl-m__item-inner-bg{bottom:-85px;right:-85px}.csl-m__item-2 .csl-m__item-inner-bg{bottom:-20%;right:-10%}.csl-m__subcat-item{font-weight:400;font-size:14px;line-height:2;color:#1a1b1b;text-decoration:none;display:block;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csl-m__item-2 .csl-m__subcat-item,.csl-m__item-3 .csl-m__subcat-item{line-height:1.6}.csl-m__subcat-item:hover{text-decoration:none;color:#004e9d}.csl-m__cat-title a:hover{text-decoration:none;color:#666768}@media (max-width:1439px){.csl-m__cat-title{font-size:24px}}@media (max-width:1023px){.csl-m{display:grid;grid-template-columns:100%;grid-gap:20px;grid-template-rows:1fr 1fr 1fr}}@media (max-width:720px){.csl-m__item-3 .csl-m__subcat-wrap{column-count:2}}@media (max-width:480px){.csl-m__cat-title{font-size:20px}.csl-m__item{padding:10px 20px}.csl-m__item-1 .csl-m__subcat-wrap,.csl-m__item-2 .csl-m__subcat-wrap,.csl-m__item-3 .csl-m__subcat-wrap{column-count:2}}
/* End */


/* Start:/bitrix/templates/belmash/components/bitrix/news.list/advantages/style.min.css?1736771483721*/
.advantages-list{display:grid;grid-template-columns:repeat(3,calc(33.33333% - 10px));grid-gap:15px}.advantages-list__item{font-size:15px;color:#666;line-height:18px;display:flex;flex-direction:column}.advantages-list__item-name{font-weight:700;font-size:18px;color:#1a1b1b;margin-bottom:6px}.advantages-list__item-img{max-width:82px;max-height:78px;margin-left:15px;margin-bottom:15px}.advantages-list__item-link,.advantages-list__item-link:hover{color:#666;display:flex;flex-direction:column}@media (max-width:720px){.advantages-list{grid-template-columns:100%}.advantages-list__item{margin-bottom:30px}.advantages-list__item,.advantages-list__item-link{align-items:center}.advantages-list__item-text{text-align:center}}
/* End */


/* Start:/bitrix/templates/belmash/components/bitrix/advertising.banner/bm_banners/style.min.css?173677148439*/
.bm-banners img{width:100%;height:100%}
/* End */
/* /bitrix/templates/belmash/css/index.css?175338189510202 */
/* /bitrix/templates/belmash/components/bitrix/news.list/main-slider/style.css?17533818957632 */
/* /bitrix/templates/belmash/components/bitrix/catalog.section.list/mainpage/style.min.css?17367714841797 */
/* /bitrix/templates/belmash/components/bitrix/news.list/advantages/style.min.css?1736771483721 */
/* /bitrix/templates/belmash/components/bitrix/advertising.banner/bm_banners/style.min.css?173677148439 */