/* Start:/local/templates/site_replication/components/bitrix/news.list/TVEL_mediacenter/style.css?17751332506139*/
.color-box {
	/* min-width: 340px; */
	width: 359px !important;
	height: 358px;
	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;
}

.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: 100px;
	align-self: flex-end;
	font-family: 'Rosatom';
}




/* @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;
	}

	.color-box {
		min-width: 280px;
		width: 280px !important;
		height: 271px;
		font-size: 20px;
		line-height: 138.5%;
	}


} */

/* @media (max-width: 768px) {
	.color-box {
		min-width: 275px;
		width: 322px !important;
		height: 324px;
		font-size: 22px;
		line-height: 129%;
	}

	.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;
	}


}

@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 (min-width: 992px) and (max-width: 1023px) {
	.section-block{
		max-width:	900px;
	}
} */

@media (min-width: 1920px) {

	.color-box {
		flex-direction: column;
	}

	.section-block{
		width:	1177px;
	}
	.itemsssss {
		margin-bottom: 30px;
	}
	.color-box_caption {
		height: 130px;
		align-self: flex-start;
	}
	.page-content {
		margin-top: 95px;
	}

	.itemsssss:not(.itemsssss:first-child).itemsssss:not(.itemsssss:nth-child(4)) {
		margin-left: 36px;
	}
}

@media (min-width: 1280px) and (max-width: 1919px) {
	.color-box {
		min-width: 340px;
		width: 340px !important;
		height: 340px;
		font-size: 26px;
	}

	.color-box {
		flex-direction: column;
	}

	.color-box_caption {
		width: 100%;
		align-items: flex-end;
		padding-bottom: 34px;
	}

	.itemsssss {
		margin-bottom: 50px;
	}

	.color-box > img {
		/* height: 25%; */
	}

	.page-content {
		margin-top: 94px;
	}

	.section-block{
		width: 1138px;
	}

	.itemsssss:not(.itemsssss:first-child).itemsssss:not(.itemsssss:nth-child(4)) {
		margin-left: 42px;
	}
}

@media (min-width: 1280px) and (max-width: 1439px) {
	.color-box {
		font-size: 29px;
		justify-content: flex-start !important;
	}

	.color-box_caption {
		padding-bottom: 0px;
		align-items: flex-start !important;
		margin-top: 63px !important;
	}

	.itemsssss {
		margin-bottom: 31.5px;
	}

	.itemsssss:not(.itemsssss:first-child).itemsssss:not(.itemsssss:nth-child(4)) {
		margin-left: 20px;
	}
}

@media (min-width: 1440px) and (max-width: 1919px) {
	.color-box_caption {
		font-size: 29px;
		padding-bottom: 89px;
	}	
	.color-box {
		min-width: 360px;
		width: 360px !important;
		height: 360px;
	}
	.section-block {
		width: 1177px;
	}
	.itemsssss {
		margin-bottom: 31.5px;
	}
	.color-box > img {
		min-width: 120px;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
	.color-box {
		font-size: 20px;
		max-width: 279px !important;
		max-height: 271px;
		flex-direction: column;
	}
	.color-box > img {
		/* height: 25%; */
		height: 34%;
	}
	.itemsssss {
		width: 279px;
		height: 271px;
		margin-bottom: 41px;
	}
	.section-block {
		width: 884px;
	}
	.color-box_caption {
		width: 100%;
		align-items: center;
		align-items: flex-end;
		padding-bottom: 80px;
	}
	.footer-mt-pt {
		margin-top: 0 !important;
	}
	.page-content {
		margin-top: 41px;
	}
	.itemsssss:not(.itemsssss:first-child).itemsssss:not(.itemsssss:nth-child(4)) {
		margin-left: 23px;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.section-block {
		width: 667px;
	}
	.color-box {
		font-size: 22px;
		max-width: 326px !important;
		max-height: 324px;
		flex-direction: column;
	}

	.itemsssss {
		width: 326px;
		height: 316px;
		margin-bottom: 20px;
	}
	.color-box_caption {
		width: 100%;
		height: 130px;
		margin-top: 21px;
	}
	
	.page-content {
		margin-top: 41px;
	}
	.itemsssss:not(.itemsssss:first-child).itemsssss:not(.itemsssss:nth-child(3)).itemsssss:not(.itemsssss:nth-child(5)) {
		margin-left: 15px;
	}
}

@media (max-width: 767px) {
	.section-block {
		width: 334px;
	}
	
	.color-box > img {
		height: 25%;
		min-height: 80px;
	}
	.color-box {
		font-size: 22px;
		max-width: 334px !important;
		max-height: 324px;
		flex-direction: column;
	}
	.itemsssss {
		width: 334px;
		height: 324px;
		margin-bottom: 31.5px;
	}
	.color-box_caption {
		width: 100%;
		align-items: center;
		align-items: flex-end;
		padding-bottom: 41px;
	}
	
	.page-content {
		margin-top: 21px;
	}
}

@media (max-width: 575px) {
	.color-box_caption {
		padding-bottom: 55px;
	}
}


/* End */
/* /local/templates/site_replication/components/bitrix/news.list/TVEL_mediacenter/style.css?17751332506139 */