/*================ Техническая разметка ================
.info-container{
	border: 2px solid blue;



}

.info-wrap {
	border: 2px solid red;
	
	}


.foto-wrap img{
	border: 2px solid green; 

	
}*/


/*================= PRIVATE STYLE ======================*/


/* блоки */



.info-container {
    display: flex;
    justify-content: center;
    max-width: 1100px;
	border-radius: 17px;
}

.info-container .foto-wrap {
    flex: 1;

}

.info-container .foto-wrap img{
	border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
	min-width: 405px;
}


.info-container .info-wrap {
    flex: 1.7;
	min-width: 690px;
}


.info-container .background-container {
    padding: 25px;
    height: 100%;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	background-color: rgb(91 103 123);
	border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.info-container .text-info-wrap{
   color: #ffffff;
}

h4.name_id{
   text-transform: uppercase;
}

.info-container .btn-wrap {
    text-align: right;
}




/* слайдер дипломов */
.my_slider .flickity-slider {
	display: flex;
	align-items: center;
}

.my_slider img{ 
	width: 33.3%;
	margin-right:15px;
}




/* мобильник */
@media (max-width: 1024px){

.info-container .info-wrap {
	min-width: unset;}


.info-container .foto-wrap img{
	min-width: unset;
	object-fit: cover;
	height: 100%;}
}


@media (max-width: 680px){

.info-container {
    flex-direction: column;}
	
.info-container .foto-wrap img{
     width: 100%;
	 border-top-left-radius: unset;
	 border-bottom-left-radius: unset;}
	 
.info-container .background-container{		 
	 border-top-right-radius: unset;
     border-bottom-right-radius: unset;}
}

/*========= PRIVATE (Ты мне нужен тут, и больше нигде) =========*/



/* модальное окно */

.popup {
    min-height: 250px;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    border-radius: 4px;
    z-index: 99999;
    opacity: 1;
    overflow: auto;
	
	background: #1c2d48;
    border: 3px solid #f1f1f1;
	
	margin-bottom:40px;
}

.text-header {
    display: flex;
	justify-content: space-between;
}

.text-container {
    padding: 27px;
	color: #ffffff;
}

.logo-popup img{
    width: 80px;
}

.logo-popup{
    text-align: right;
}

h5.subtitle{
	font-size: 28px;
}

/* мобильник */

@media (min-width: 1025px){
	.width_box_modal {
		width: 70vw;}
				
}

@media (max-width: 991px){
	.popup {
		height: 80%;
		min-height: unset;
		padding: 0px;}
		
	.text-container h5.subtitle {
		font-size: 23px;
		margin-top: 40px;}	
				
}

@media (max-width: 767px){
	.text-container { padding: 20px;}
	
	.text-container h5.subtitle {font-size: 25px;}
	
	.logo-popup img { width: 55px;}
	
	button.flickity-button{
		display:none!important;}
}