.media-section{
	padding-top: 3rem;
	padding-bottom: 1rem;
}
.media-container{
	display: flex;
	flex-direction: column;
	gap: 3rem;

}
.upp{
	text-transform: uppercase;
}
.media-container__left-col{
	grid-area: video-col;
}
.media-container__right-col{
	display: flex;
	flex-direction: column;
	grid-area: photo-col;
	position: relative;
	overflow: hidden;
}

.media-video-box{
	display: grid;
	grid-gap: 10px;
	justify-content: space-between; 
	grid-template-columns: repeat(3, 1fr);
}

.media-container__title-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	margin-bottom: 24px;
}

.media-container__title{
	display: block;
	margin-bottom: 0;
}
.media-container__title a{
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	font-family: inherit;
	text-decoration: none;
}
.media-container__title a:hover{
	text-decoration: underline;
}

.media-video-item{
    display: flex;
    flex-direction: column;
	background-color: #ffffff;
 
	box-sizing: border-box;
 
}
.media-video-item__content{
	display: flex;
	flex-direction: column; 
	gap: 10px;
	padding: 8px;
	box-sizing: border-box;
	flex-grow: 1;
	padding-top: 20px;
    padding-left: 20px;
    padding-right: 25px;
    padding-bottom: 15px;
}
.media-video-item .list-news-links{
    display: flex;
    gap: 5px;
    margin: 0;
}
.media-video-item a.link-item-news{
    margin: 0;
}
.media-video-item__video-box{
    position: relative;
    background-color: rgba(0, 71, 153, 0.3);
    padding-top: 55%;
    box-sizing: border-box;
}
.media-video-item__video-box > *{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-position: center center;
	object-fit: cover;
}
.media-video-item__play{
	position: absolute;
	width: 50px;
	height: 50px;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	border: none;
	outline: none;
	transform: translate(-50%, -50%); 
	  background-color: rgba(217, 217, 217, 0.8); 
	transition: all 200ms ease;
}
.media-video-item__play svg{
	position: absolute;
    top: 45%;
    left: 45%;
    width: 30%;
    height: auto;
    transform: translate(-16%, -32%);
}
.media-video-item__play:hover{
	background-color: rgba(0, 71, 153, 1);
}
.media-video-item__name{
	flex-grow: 1;
    display: block;
	min-height: 75px;
    font-family: Noto Serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #333947; 
    text-decoration: none;
	
	margin-bottom: 20px;
    margin-top: 5px;
}
.media-video-item__name:hover{
    color: #387BFF;
	text-decoration: none;
}
.media-video-item__date{
    display: block;
    font-family: Noto Serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 19px;
    color: #616161;
    margin-bottom: 0;
}



.media-photo-item{
    display: flex;
	flex-direction: column; 
 
	background-color: #ffffff;
	box-sizing: border-box;
}
.media-photo-item__content{
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-top: 20px;
    padding-left: 20px;
    padding-right: 25px;
    padding-bottom: 15px;
	box-sizing: border-box;

}
.media-photo-item .list-news-links{
    display: flex;
    gap: 5px;
    margin: 0;
}
.media-photo-item a.link-item-news {
    margin: 0;
}
.media-photo-slider-box{
    position: relative; 
}
.media-photo-slider{
    position: relative; 

}

.media-photo-img-box{
	position: relative;
	display: block;
	overflow: hidden; 
}
.media-photo-img-box svg{
	display: block;
	width: 100%;
	height: auto;
}
.media-photo-img-box img{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; 
	object-fit: cover;
	object-position: center center;
}
.media-section .media-photo-img-box { 

}
.media-section .media-photo-img-box img{
	 
}
.media-section .media-photo-slider .media-photo-item{
	height: 100%;
}
.media-section .media-photo-slider .media-photo-item .media-photo-img-box{
	flex-grow: 1;
}
.media-section .media-photo-slider{
	flex-grow: 1; 
}
.media-section .media-photo-slider .slick-list {
	display: flex;
	min-height: 100%;
}
.media-section .media-photo-slider .slick-track{
	display: flex;
}
.media-photo-slider .slick-arrow {
	position: absolute;
	top: 40%;
	width: 40px;
	height: 40px;
	padding: 5px;
	border: 1px solid #ffffff;
	border-radius: 0;
	background-color: transparent;
	font-size: 0; 
	transform: translateY(-50%);
	box-sizing: border-box;
	z-index: 1; 
	transition: all 200ms ease;
	opacity: 0.5;
}
.media-photo-slider .slick-arrow:hover{
	opacity: 1; 
	border: 1px solid #004899;
}
.media-photo-slider .slick-arrow:focus,
.media-photo-slider .slick-arrow:active{
	outline: none;
}
.media-photo-slider .slick-arrow.slick-prev {
	left: 5px;
}
.media-photo-slider .slick-arrow.slick-prev::before{
	 content: "\f11d";
	 position: relative;
	 display: inline-block;
	 font-size: 15px;
	 color: #ffffff;
	font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
	transform: scaleX(-1);
	transition: all 200ms ease;
}
.media-photo-slider .slick-arrow.slick-prev:hover::before{
	color: #004899;
}	
.media-photo-slider .slick-arrow.slick-next{
	right: 5px;
}
.media-photo-slider .slick-arrow.slick-next::before{
	 content: "\f11d";
	 position: relative;
	display: inline-block;
	font-size: 15px;
	 color: #ffffff;
	font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
	transition: all 200ms ease;
}
.media-photo-slider .slick-arrow.slick-next:hover::before{
	color: #004899;
}
.media-photo-slider .slick-dots{
	position: absolute;
	width: 100%;
	top: 70%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 5px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.media-photo-slider .slick-dots li{
	
}
.media-photo-slider .slick-dots li button{
	display: block;
	width: 8px;
	height: 8px;
	background-color: #ffffff;
	border-radius: 50%;
	border: none;
	font-size: 0;
	transition: all 200ms ease;
	opacity: 0.3;
	padding: 0;
	
}
.media-photo-slider .slick-dots li button:focus,
.media-photo-slider .slick-dots li button:active{
	outline: none;
}
.media-photo-slider .slick-dots li.slick-active button{
	opacity: 1;
	background-color: #004899
}
  
.media-photo-box__title{
		flex-grow: 1;
        display: block;
		font-family: Noto Serif;
		font-style: normal;
		font-weight: normal;
		font-size: 15px;
		line-height: 18px;
		color: #333947;
		text-decoration: none;
		margin-bottom: 20px;
		margin-top: 5px;
		min-height: 75px;
}
.media-photo-box__title:hover{
	color: #387BFF;
    text-decoration: none;
}
.media-photo-box__date{
    display: block;
    font-family: Noto Serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 19px;
    color: #616161;
    margin-bottom: 0;
}

.useful-links-grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
 .useful-link{
	 position: relative;
	 display: block;
	 border-radius: 10px;
	 overflow: hidden;
 }
  .useful-link img{
	  display: block;
	  width: 100%;
	  height: auto;
  }
 .useful-link__caption{
	 position: absolute; 
	 display: flex;
	 align-items: flex-end;
	 justify-content: center;
	 width: 100%;
	 height: 100%;
	 padding: 30px 40px;
	 font-family: 'Noto Serif', sans-serif;
	 font-size: 20px;
	 line-height: 1.5;
	 font-weight: 600;
	 color: #2449ab;
	 text-align: center;
	 box-sizing: border-box;
 }

.open-dialogue{
	border-radius: 20px;
	padding: 60px 80px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #ffffff;
	box-sizing: border-box;
}
.open-dialogue--feedback{
	margin-bottom: 40px;
}
.open-dialogue__title{
	display: block;
	margin-bottom: 20px;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.33;
	color: inherit;
}
.open-dialogue p{
	max-width: 600px;
	margin: 10px 0;
	font-size: 16px;
	line-height: 1.37;
	font-weight: 500;
	color: inherit;
}
.open-dialogue .btn-message{
	margin-top: 40px;
	border-radius: 10px;
	background-color: #ffffff;
	color: #004899;
}

.useful-link-arrow{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 188px;
	padding: 30px;
	gap: 30px;
	border-radius: 20px;
	font-size: 17px;
	text-decoration: none;
	/*color: #333333;*/
	color: var(--blue);
	font-weight: 500;
	line-height: 1.4;
	/*background-color: #ADF1FF;*/
	/*background-color: #E4F9FE;*/
	background-color: #DDE5FF;
	font-family: Noto Serif;
}
/*.useful-links-grid .useful-link-arrow:nth-child(2n - 1){*/
/*	background-color: #0B65C6;*/
/*	color: var(--light);*/
/*}*/

.useful-link-arrow:hover{
	text-decoration: none;
}
.useful-link-arrow svg{
	flex-shrink: 0;
	align-self: flex-end;
	width: 20px;
	height: 20px;
}
.useful-link-arrow svg path{
	stroke: var(--blue);
}
/*.useful-links-grid .useful-link-arrow:nth-child(2n - 1) svg path{*/
/*	stroke: var(--light);*/
/*}*/
.new-design-panel{
	position: sticky;
	top: 0;
	background-color: #C6DFF5;
	padding: 10px 0;
	font-size: 16px;
	box-sizing: border-box;
	z-index: 100;
}
.new-design-panel .btn{
	margin: 0;
	border-radius: 0;
	min-height: 40px;
}
.new-design-panel .container{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
}
/* ======================================================= */
@media screen and (max-width: 1200px){
	.media-photo-slider .slick-dots { 
		top: 68%; 
	}
	 .useful-link__caption{ 
		 padding: 30px 20px; 
		 font-size: 20px; 
	 }
}
@media screen and (max-width: 999px){
	.media-container {
		display: flex;
		flex-direction: column;
		gap: 3rem;
	}
	.useful-links-grid{ 
		gap: 10px;
	}
	.useful-link__caption{ 
		 padding: 30px 20px; 
		 font-size: 16px; 
	 }
	/* .media-section .media-photo-slider .slick-slide { */
		/* position: relative; */
		/* padding-top: 0; */
		/* box-sizing: border-box; */
	/* } */
	/* .media-section .media-photo-slider__item svg{ */
		/* display: block; */
	/* } */
	.media-photo-slider .slick-dots { 
		top: 60%; 
	}
	
	.media-photo-slider .slick-arrow { 
		top: 34%; 
	}

}
@media screen and (max-width: 999px){
	.useful-links-grid{ 
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 991px){
	.new-design-panel{
		top: 86px;
	}
}
@media screen and (max-width: 600px){
	.media-video-box {
		display: grid;
		grid-gap: 20px;
		grid-template-columns: 1fr;
	}
	.media-video-item__name{
		min-height: auto;
	}
	.media-photo-slider .slick-arrow { 
	top: 31%;
		width: 30px;
		height: 30px; 
	} 
	.media-photo-slider .slick-dots {
        top: 52%;
    }
 
	.media-photo-slider .slick-arrow.slick-next{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.media-photo-slider .slick-arrow.slick-next::before { 
		font-size: 18px; 
	}
	.new-design-panel{
		font-size: 14px;
	}
}
@media screen and (max-width: 575px){
	.open-dialogue__title {
		font-size: 20px;
		line-height: 40px;
	}
	.open-dialogue{
		padding: 30px;
	}
	.open-dialogue .btn-message {
		margin-top: 20px;
	}
}
@media screen and (max-width: 430px){
	.media-photo-slider .slick-dots {
        top: 50%;
    }
	.media-photo-slider .slick-dots li button { 
		width: 6px;
		height: 6px; 
	}
	.media-photo-slider .slick-arrow {
        top: 28%;
        width: 30px;
        height: 30px;
    }
}


@media screen and (max-width: 400px){
	.media-photo-slider .slick-dots {
        top: 48%;
    }
	.media-photo-slider .slick-arrow {
        top: 25%;
        width: 30px;
        height: 30px;
    }
	.useful-links-grid{ 
		grid-template-columns: 1fr;
	}

}
@media screen and (max-width: 380px){
	.media-photo-slider .slick-dots {
        top: 46%;
    }
}