/*В стилях карточек ".new_item" задал фиксированную высоту*/

/*Обнуление*/
*{padding:0;margin:0;border:0;}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
:focus,:active{outline:none}
a:focus,a:active{outline:none}
nav,footer,header,aside{display: block;}
a,a:visited{text-decoration:none;}
a:hover{text-decoration:none;}

html,body {
    height: 100%;	
	font-family: Arial, "Helvetika Neue", Helvetika, sans-serif;
	}

/* Стили для демонстрации */

#wrapper {                /* Wrapper обертка используется для объединения блоков и их выравнивания по центру страницы */
	min-height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
  /*border: solid 4px yellow; */
   	}
/* Основные Стили */	
.container {
	max-width: 1080px;    /* ширина */
	margin: 0px auto;     /* устанавливает величину внешнего отступа */
	padding: 0px 10px;    /* ВНУТРЕННИЕ Поля МОЖЕТ УБРАТЬ??? посмотреть на мобильной версии */
	
}
.content {
	margin: 144px 0 6px 0;
	/* ВНУТРЕННИЕ Поля padding: 5px 0 0 0;*/ 
    flex: 1 1 auto;
}
@media(max-width:767px){
	.content {
	margin: 70px 0 0 0;
	padding: 5px 0 0 0; /* ВНУТРЕННИЕ Поля */ 
	}
}

/*=============================================================================================================================*/

.cards{
	max-width: 1080px;    /* ширина */
	margin: 0px auto;     /* устанавливает величину внешнего отступа */
	
}
/*=== Основное фото ======================================================================================================*/
.cards__row{
	display: flex;
    margin: -6px -6px -6px -6px;
	
}
.cards__column1000 {
	display: flex;
	flex: 0 1 100%;
	padding: 6px; /*отступ от родителя cards__row*/
	/*height: 410px;*/
}
/* Картинка ГЛАВНАЯ */
.cards__item1000 {
	height: 100%;
	width: 100%;/* занимаем 100% ширины родителЯ( родитель cards_column ) без этого будет только по ширине текста  */
}
/* Контейнер картинки */
.cards__image1000 {
	min-height: 350px;
	overflow: hidden;
	/*margin: 0px 0px 10px 0px;*/
	padding: 0px 0px 400px 0px;
	position: relative;
}
/* Картинка */
.cards__image1000 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	
	border-radius: 15px; /* Радиус скругления */
    border: 3px solid #fff; /* Параметры рамки */
    box-shadow: 0 0 0px #666; /* Параметры тени */
}
/*=== Сдвоенное фото ======================================================================================================*/
.cards__row2{
	display: flex;
	margin: -6px -6px -6px -6px;
}
.cards__column2000 {
	flex: 0 1 50%;
	padding: 6px; /*отступ от родителя cards__row2*/
	display: flex;
	/*height: 380px;*/
}
.cards__item2000 {
	width: 100%;  /* занимаем 100% ширины родителя( родитель cards_column ) без этого будет только по ширине текста  */	
	padding: 0px; /* отступ от рамки до фото */
	
}
/* Контейнер картинки */

.cards__image2000 {
	min-height: 350px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	position: relative;
	border-radius: 15px; /* Радиус скругления */
}
/* Картинка */
.cards__image2000 iframe{
    
	
	border-radius: 15px; /* Радиус скругления */
    border: 3px solid #fff; /* Параметры рамки */
    box-shadow: 0 0 0px #666; /* Параметры тени */
}

/*=============================================================================================================================*/
/* "vertical"  flex бокс для описания заведения */
.details_body{
} 
h2{
    font-size: 2.2em;
}
.details_title{
	line-height: 40px; /* между строками задаем отступ */
	margin: 10px 0 15px 0; /* задаем отступ вверх 10px, вниз 15px */
	text-align: center;
}
.details_title p{
    color: #EF035B;
}

.details_row1{
	display: flex;
	margin: 0px -6px 0px -6px;
}
.details_column1{
	flex: 0 1 33.333%; /* Flex - conteineram 0-запрещаем увеличиваться, 1- разрешаем уменьшаться(полезно для Е8),  */
	padding: 6px;
	display: flex;    /* Колонки делаем flex контейнерами Чтобы все колонки были обной высоты(по умолчанию они все резиновые) и приняли размер самой большой  */
}
.details_row2{
	display: flex;
	margin: 0px -6px 0px -6px;
}
.details_column2{
	flex: 0 1 100%; /* Flex - conteineram 0-запрещаем увеличиваться, 1- разрешаем уменьшаться(полезно для Е8),  */
	padding: 6px;
	display: flex;    /* Колонки делаем flex контейнерами Чтобы все колонки были обной высоты(по умолчанию они все резиновые) и приняли размер самой большой  */
}
.details_item_1{
	flex: 1 1 33.333%; /* Добавил свойство для заполнения ширины Flex - conteineram 1-разрешаем увеличиваться, 1- разрешаем уменьшаться(полезно для Е8),  */
	background: #f0f0f0;
	color: #000;
	padding: 0 0 20px 0;
    border-radius: 15px;
	/*border: 2px solid #5e5373;*/
	display: flex;  /* Карточки(внутри колонок) делаем flex контейнерами чтобы прижать кнопки вниз (продолжение class=.vertical_text */
	flex-direction: column;
}

.details_label_1{
	font-size: 22px;
	text-transform: uppercase;
	padding: 20px 20px 10px 20px;
	text-align: center;
	
}
.details_text_1{
	padding: 10px 20px 20px 20px;
	font-size: 14px;
	line-height: 24px;
	
}
.details_text_1 a{
	color: #EF035B; /* между параграфами задаем отступ 15 px */
}
.details_text_1 p{
	margin: 0 0 5px 0; /* между параграфами задаем отступ 15 px */
}
.details_text_1 p:last-child{       /* у последнего парагрофа забираем отступ border: 1px solid #5e5373;*/
	margin: 0;
}

@media(max-width:767px){
	.content {
	margin: 50px 0 65px 0;
}
	.container {
	max-width: none;    /* ширина */
	}
	.foto_row{
	display: block;    /* Заменил параметр "flex" на "block" для вертикального построения блоков */
	text-align: center;
    }
	.cards__row{
	display: block;    /* Заменил параметр "flex" на "block" для вертикального построения блоков */
	}
	.cards__row2{
	display: block;    /* Заменил параметр "flex" на "block" для вертикального построения блоков */
	}
	.details_row1{
	display: block;    /* Заменил параметр "flex" на "block" для вертикального построения блоков */
}
    .details_row2{
	display: block;    /* Заменил параметр "flex" на "block" для вертикального построения блоков */
}
   .cards__image1000 {
	min-height: 350px;
}
   /*.cards__image1000 img{
	object-fit: scale-down;
	}*/
}