/* Start:/local/templates/site_replication/components/bitrix/news.list/TVEL_sections_cards/style.css?17751332386952*/
@keyframes sliderAppear {
	from {
		opacity: 0;
	}

	25% {
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	75% {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* .draggable {
	padding: 0 30px;
} */

.color-box {
	min-width: 340px;
	width: 360px !important;
	height: 360px;
	font-size: 29px;
	line-height: 138.5%;
	align-items: center;
	letter-spacing: 0.005em;
	text-transform: uppercase;
	color: white;
	font-weight: 700;
	background-size: 100%;
	transition: all 0.3s ease-out 0s;
	opacity: 1;
	flex-direction: column;
	flex-wrap: nowrap;
}
.color-box img {
	min-height: 80px;
	min-width: 100px;
    height: 100px; 
	width: 100px;
	padding-right: unset !important;
}

.color-box:hover>img {
	transition: all 0.3s;
	transform: scale(1.2);
}

.color-box:hover {
	background-size: 42% !important;
	opacity: 1;
}

.color-box-link:hover {
	text-decoration: none;
}

.color-bckg-24DDA4 {
	background-size: 33% !important;
}

.color-bckg-6CACE4 {
	background-color: #6CACE4;
}

.color-bckg-003274 {
	background-color: #003274;
}

.color-bckg-24DDA4 {
	background-color: #24DDA4;
}

.color-bckg-EE6C23 {
	background-color: #EE6C23;
}

.color-bckg-259789 {
	background-color: #259789;
}

.color-bckg-F0A600 {
	background-color: #F0A600;
}

.color-bckg-025EA1 {
	background-color: #025EA1;
}

.color-bckg-6CACE4:hover {
	background-color: #3782C4 !important;
}

.color-bckg-003274:hover {
	background-color: #002A61 !important;
}

.color-bckg-24DDA4:hover {
	background-color: #18AB7E !important;
}

.color-bckg-EE6C23:hover {
	background-color: #D74F03 !important;
}

.color-bckg-259789:hover {
	background-color: #1A776C !important;
}

.color-bckg-F0A600:hover {
	background-color: #D59301 !important;
}

.color-bckg-025EA1:hover {
	background-color: #004B82 !important;
}

.color-box-link {
	text-decoration: none !important;
}

.color-box_caption {
	height: 130px;
	align-self: flex-end;
	/* padding-bottom: 34px; */
	width: 100%;
}

@media (min-width: 1024px) {
	.slick-dots li button:before {
		font-size: 40px;
	}

	.slick-dots li.slick-active button:before {
		font-size: 60px;
	}
}

@media (max-width: 1024px) {
	.section-block>a>div {
		margin-left: auto;
		margin-right: auto;
	}

	.slick-track .color-box {}

	.slick-dots li button:before {
		font-size: 36px;
		opacity: 1;
		color: #D9D9D9;
	}

	.slick-dots li.slick-active button:before {
		opacity: 1;
		color: #003274;
		font-size: 60px;
	}

	.sect-block {
		margin-right: 0px;
		padding-right: 0px;
	}


}



@media (max-width: 767px) {

	.section-block>a>div {
		margin-left: auto;
		margin-right: auto;
	}

	.slick-track .color-box {
		width: 275px !important;
		height: 267px;
	}

	.slick-dots li button:before {
		font-size: 36px;
		opacity: 1;
		color: #D9D9D9;
	}

	.slick-dots li.slick-active button:before {
		opacity: 1;
		color: #003274;
		font-size: 60px;
	}
	.color-box {
		min-width: 275px;
		max-width: 275px;
		width: 275px !important;
		height: 267px;
		flex: 0 0 275px;
		font-size: 22px;
		line-height: 129%;
		margin-left: 0px !important;
	}
	.slick-slide img {
		height: 95px;
	}
	.color-box-link {
		width: 275px !important;
		margin-right: 27px;
	}
	.sect-block {
		margin-left: unset !important;
		padding-right: unset !important;
	}
	.draggable {
		padding: unset;
	}
	.color-box_caption {
		height: 90px;
		align-self: flex-end;
	}
	.color-box img {
		min-width: 100px;
	}
}


@media (width: 768px) {
	.section-items {
		/* padding-left: 35px; */
	}

	.slick-dots {
		left: 0px !important;
	}

}


@media (min-width: 1024px) {
	.section-block>.col-xl-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

}

@media (width: 1024px) {

	.color-box_caption {
		/*height: 100px;*/
	}

	.section-items,
	.section-block {
		max-width: 100%;
	}

}

@media (min-width: 768px) and (max-width: 1023px) {
	.color-box {
		min-width: 267px;
		max-width: 267px;
		width: 267px !important;
		height: 260px;
		flex: 0 0 267px;
		font-size: 22px;
	}
	.color-box  img {
		height: 89px;
		min-width: 89px;
	}
	.color-box-link {
		width: 267px !important;
		margin-right: 17px;
	}
	.sect-block {
		margin-left: unset !important;
		/* padding-left: 60px !important; */
		padding-right: unset !important;
		margin-bottom: 77px;
	}
	.color-box_caption {
		padding-bottom: 22px;
		height: 118px;
		margin-top: 21px !important;
	}
}

@media (min-width: 1024px) and (max-width: 1279px) {
	.color-box {
		min-width: 370px;
		max-width: 370px;
		width: 370px !important;
		height: 360px;
		flex: 0 0 370px;
	}
	.slick-slide img {
		width: 100px; 
		height: 100px;
	}
	.color-box-link {
		width: 370px !important;
		margin-right: 29px;
	}
	.sect-block {
		margin-left: unset !important;
		padding-left: 50px !important;
	}
	.color-box img {
		min-height: 80px;
		min-width: 100px;
	}
	.section-items {
		margin-right: unset !important;
		margin-left: 0px !important;
	}
}

@media (min-width: 1280px) and (max-width: 1439px) {
	.slick-list {
		padding: 0 20% 0 0 !important;
		/* margin-left: -4.5rem; */
	}

	.slick-dots li.slick-active button:before {
		opacity: 1;
		color: #003274;
		font-size: 60px;
	}

	.slick-dots li button:before {
		font-size: 36px;
		opacity: 1;
		color: #D9D9D9;
	}

	.color-box {
		min-width: 400px;
		max-width: 400px;
		width: 400px !important;
		height: 400px;
		flex: 0 0 400px;
	}
	
	.color-box-link {
		width: 400px !important;
		margin-right: 32px;
	}
	.sect-block {
		margin-left: unset !important;
	}
	.color-box img {
		height: 115px;
        width: 128px;
	}
}


@media (max-width: 1919px) {
	.section-items {
		opacity: 0;
		visibility: hidden;
		animation-name: sliderAppear;
		animation-duration: 1.5s;
	}

	.section-items.slick-initialized {
		visibility: visible;
		opacity: 1;
	}
}

@media (min-width: 1024px) and (max-width: 1919px) {
	.sect-block {
		padding-right: 0 !important;
		margin-right: 0 !important;
	}

}

@media (min-width: 992px) and (max-width: 1919px) {
	.slick-list {
		padding: 0 20% 0 0 !important;
	}
}

@media (min-width: 1440px) and (max-width: 1919px) {
	.slick-list {
		/* margin-left: -4.5rem; */
	}
	.color-box-link {
		width: 450px !important;
		margin-right: 36px;
	}
	.color-box {
		max-width: 450px;
		min-width: 340px;
		width: 450px !important;
		height: 450px;
		flex: 0 0 450px;
	}
	.section-items {
		/* margin-left: 113px !important; */
		margin-left: 0 !important;
	}
	.sect-block {
		padding-left: 100px !important;
	}
	.color-box img {
		min-height: 145px;
		min-width: 160px;
		height: 145px; 
		width: auto; 
		padding-right: 1rem !important; 
	}
}

@media (max-width: 575px) {
	.slick-slide img {
		width: 128px;
		height: 115px;
	}
} 

@media (min-width: 1920px) {
	.section-items {
		width: 1585px;
	}
	.sect-block {
		max-width: 1585px;
		padding-right: 0 !important;
		margin-left: 0 !important;
	}
	.footer-mt-pt {
		padding-top: 1.5rem!important;
		margin-top: 1.5rem!important;
	}
	.color-box-link {
		margin-top: unset !important;
		width: 100%;
    	max-width: 390px;	
	}
	
}
/* End */
/* /local/templates/site_replication/components/bitrix/news.list/TVEL_sections_cards/style.css?17751332386952 */