/* Start:/local/templates/okson/components/bitrix/catalog.section.list/mainPageSections/style.css?17564620543636*/
.mainPageSections {margin: 0 -.875rem 2.5rem;position: relative}
.mainPageSections__item {display: block; overflow: hidden; border-radius: 0.5rem; height: 31rem; position: relative; margin: 0 0.875rem; background: #efefef; text-decoration: none !important} 
/*.mainPageSections__itemImg {position: absolute; height: 0; padding-top: 125%; top: 0; left: -15%; right: -15%; background-size: contain; background-repeat: no-repeat; background-position: center center;	transform: translate(20%,-16%);}*/
.mainPageSections__itemImg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center center;}

.mainPageSections__itemName {position: absolute; bottom: 0; left: 0; right: 0; padding: 1rem; text-transform: uppercase; color: #fff; font-size: 1.125rem; background: rgb(91 173 195 / 80%); font-weight: 600; text-align: center;}
.mainPageSections__itemCount {position: absolute; top: 1rem; left: 1rem; color: #6e6e6e !important;}

.mainPageSections__item:hover {background: #78bacc;}
.mainPageSections__item:hover .mainPageSections__itemCount {color: #fff !important; background: rgb(44 163 161 / 80%); border-radius: 5px; padding: 5px}
.mainPageSections__item:hover .mainPageSections__itemName {opacity: 0.8}

.mainPageSections__item._x2 {height: 14.625rem; margin-bottom: 1.75rem;}
.mainPageSections__item._x2:last-child {margin-bottom: 0;}
/*.mainPageSections__item._x2 .mainPageSections__itemImg {left: 0; right: 0; transform: translate(26%,-35%);}*/

.mainPageSections__item._b1 .mainPageSections__itemName,
.mainPageSections__item._b2 .mainPageSections__itemName {background: rgb(44 163 161 / 80%);}
.mainPageSections__item._b1:hover,
.mainPageSections__item._b2:hover  {background: #53b2b0;}

.mainPageSections__slider {white-space: nowrap;}
.mainPageSections__slide {display: inline-block; width: 25%; vertical-align: top; }


.mainPageSections__navs {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 10px 0;
	justify-content: space-between;
	position: absolute;
	top: 0;
	left: 10px;
	right: 10px;
	transform: translateY(-50%);
	z-index: 10;
}
.mainPageSections__nav {

}
.mainPageSections__nav._left {
	transform: rotate(180deg);
}
.mainPageSections__nav._right {}
.mainPageSections__nav:last-child {
	margin-right: 0;
}
.mainPageSections__nav a {
	border: 2px solid #ffffff;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0.5rem;
	border-radius: 50%;
	color: #5badc3;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	transition: 0.3s ease;
	box-shadow: -1px 0px 4px 0px rgba(0, 0, 0, 0.27);
}
.mainPageSections__nav a:focus {
	color: #5badc3;
}
.mainPageSections__nav svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: 0.2s
}
.mainPageSections__nav a:hover {
	color: #5badc3;
	background: #FFFFFF;
	border-color: #5badc3;
}
.mainPageSections__nav a.disabled {
	background: #dcdcdc;
	border-color: #dcdcdc;
	color: #FFFFFF;
}


/*desktops*/
@media (max-width: 1200px) { 

}

/*tablets*/
@media (max-width: 991px) {
	.mainPageSections {margin-bottom: 0;}
	.mainPageSections__item._x1 {height: 21.75rem;}
	.mainPageSections__item._x2 {height: 10rem;}
	/*.mainPageSections__itemImg {transform: translate(20%,-5%);}*/
}

/*phones*/
@media (max-width: 767px) { 
	.mainPageSections__itemContent {padding: 0.5rem;}
	.mainPageSections__name {padding-left: 0.5rem;}
	.mainPageSections__slide {width: 50%;}
	.mainPageSections {margin-left: -15px; margin-right: -15px; padding-bottom: 2rem;}
}

/* End */
/* /local/templates/okson/components/bitrix/catalog.section.list/mainPageSections/style.css?17564620543636 */