/*В стилях карточек ".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; */
   	}
/* Основные Стили */	
.content {
	margin: 10px 0 8px 0;
	/* ВНУТРЕННИЕ Поля padding: 5px 0 0 0;*/ 
    flex: 1 1 auto;
}
@media(max-width:767px){
	.content {
	margin: 10px 0 0 0;
	padding: 5px 0 0 0; /* ВНУТРЕННИЕ Поля */ 
	}
}
.container {
	max-width: 1080px;    /* ширина */
	margin: 0px auto;     /* устанавливает величину внешнего отступа */
	padding: 0px 10px;    /* ВНУТРЕННИЕ Поля МОЖЕТ УБРАТЬ??? посмотреть на мобильной версии */
	
}
/*=============================================================================================================================*/
.cards{
	max-width: 1080px;    /* ширина */
	margin: 0px auto;     /* устанавливает величину внешнего отступа */
}
/*=== Основное фото ======================================================================================================*/
.cards__row{
	display: flex;
    margin: 0px -4px 0px -4px;
}
.cards__column1000 {
	display: flex;
	flex: 0 1 100%;
	padding: 4px; /*отступ от родителя cards__row*/
	/*height: 410px;*/
}
/* Картинка ГЛАВНАЯ */
.cards__item1000 {
	height: 100%;
	width: 100%;/* занимаем 100% ширины родителЯ( родитель cards_column ) без этого будет только по ширине текста  */
}
/* Контейнер картинки */
.cards__image1000 {
	min-height: 500px;
	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: 0px -4px 0px -4px;
}
.cards__column2000 {
	flex: 0 1 100%;
	padding: 4px; /*отступ от родителя cards__row2*/
	display: flex;
}
.cards__item2000 {
	width: 100%;  /* занимаем 100% ширины родителя( родитель cards_column ) без этого будет только по ширине текста  */	
	padding: 0px; /* отступ от рамки до фото */
}
/* Контейнер картинки */
.cards__image2000 {
	min-height: 450px;
	overflow: hidden;
	padding: 0px 0px 300px 0px;
	position: relative;
}
/* Картинка */
.cards__image2000 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; /* Параметры тени */
}
.footer1_text {
    padding: 26px 0px 34px 0px;
    text-align: center;
}
/*=============================================================================================================================*/
/* "vertical"  flex бокс для описания заведения */
.details_body{
} 
h2,h3{
    font-size: 2.2em;
}
.details_title{
	line-height: 40px; /* между строками задаем отступ */
	margin: 25px 0 10px 0; /* задаем отступ вверх 10px, вниз 15px */
	text-align: center;
}
.details_title p{
    color: #EF035B;
}
.card_introtext{
	padding: 5px 20px 10px 20px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}
.details_row{
	display: flex;
	margin: 0px -6px 0px -6px;
}
/* Текст     Пункт */
.details_item{
	flex: 1 1 100%; /* Добавил свойство для заполнения ширины Flex - conteineram 1-разрешаем увеличиваться, 1- разрешаем уменьшаться(полезно для Е8),  */
	background: #f0f0f0;
	color: #000;
	padding: 0px 0px 0px 0px; /*внутр отступ текста от рамки 0 0 20px 0; */
    border-radius: 15px;
	display: flex;  /* Карточки(внутри колонок) делаем flex контейнерами чтобы прижать кнопки вниз (продолжение class=.vertical_text */
	flex-direction: column;
	/* border: 1px solid #5e5373; */
}
.details_item3{
	flex: 1 1 100%; /* Добавил свойство для заполнения ширины Flex - conteineram 1-разрешаем увеличиваться, 1- разрешаем уменьшаться(полезно для Е8),  */
	
	color: #000;
	padding: 0px 0px 0px 0px; /*внутр отступ текста от рамки 0 0 20px 0; */
    border-radius: 15px;
	display: flex;  /* Карточки(внутри колонок) делаем flex контейнерами чтобы прижать кнопки вниз (продолжение class=.vertical_text */
	flex-direction: column;
	/* border: 1px solid #5e5373; */
}
.details_column{
	flex: 0 1 100%; /* Flex - conteineram 0-запрещаем увеличиваться, 1- разрешаем уменьшаться(полезно для Е8),  */
	padding: 6px;
	display: flex;    /* Колонки делаем flex контейнерами Чтобы все колонки были обной высоты(по умолчанию они все резиновые) и приняли размер самой большой  */
}
/* Контент текст */
.kinofilm_text{
	padding: 20px 15px 10px 35px;
	font-size: 14px;
	line-height: 24px;
}
/* Контент заголовок */
.kinofilm_title{
	line-height: 40px; /* между строками задаем отступ */
	margin: 10px 0 0 0; /* задаем отступ вверх 10px, вниз 15px */
	text-align: center;
	color: #334611;
}
/* Контент Расширеный заголовок */
.kinofilm_introtext{
	padding: 10px 40px 20px 40px;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #334611;
}
.details_row1{
	display: flex;
	margin: 0px 0px 0px 0px;
	/*border: 1px solid #5e5373; */
}
.details_column1{
	flex: 0 1 50%; /* Flex - conteineram 0-запрещаем увеличиваться, 1- разрешаем уменьшаться(полезно для Е8),  */
	padding: 6px;
	display: flex;    /* Колонки делаем flex контейнерами Чтобы все колонки были обной высоты(по умолчанию они все резиновые) и приняли размер самой большой  */
	/*border: 1px solid red; */
}

.details_item_1{
	flex: 1 1 50%; /* Добавил свойство для заполнения ширины Flex - conteineram 1-разрешаем увеличиваться, 1- разрешаем уменьшаться(полезно для Е8),  */
	background: #f0f0f0;
	color: #000;
	padding: 0 0 20px 0;
    border-radius: 15px;
	/*border: 1px solid green; */
	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;
	color: #334611;
}
.details_item_50{
	flex: 1 1 50%; /* Добавил свойство для заполнения ширины Flex - conteineram 1-разрешаем увеличиваться, 1- разрешаем уменьшаться(полезно для Е8),  */
	background: #8b0077;
	color: #000;
	padding: 0 0 20px 0;
    border-radius: 15px;
	display: flex;  /* Карточки(внутри колонок) делаем flex контейнерами чтобы прижать кнопки вниз (продолжение class=.vertical_text */
	flex-direction: column;
}
.details_item_55{
	flex: 1 1 50%; /* Добавил свойство для заполнения ширины Flex - conteineram 1-разрешаем увеличиваться, 1- разрешаем уменьшаться(полезно для Е8),  */
	background: #0948f5;
	color: #000;
	padding: 0 0 20px 0;
    border-radius: 15px;
	display: flex;  /* Карточки(внутри колонок) делаем flex контейнерами чтобы прижать кнопки вниз (продолжение class=.vertical_text */
	flex-direction: column;
	
}
.details_label_50{
	font-size: 22px;
	text-transform: uppercase;
	padding: 20px 20px 10px 20px;
	text-align: center;
	color: #fff;
}
.details_text_z{
	padding: 10px 20px 20px 20px;
	font-size: 14px;
	line-height: 24px;
	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;
}
.tabl{
	padding: 10px 0px 0px 0px;
}
.tabl td{
	margin: 50px;
	padding: 3px 0px 7px 20px;
	font-size: 14px;
}
.tabl td p1{
	color: #EF035B; 
}

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

	.cards__image {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 50% 0px;
	overflow: hidden;
	position: relative;
}
}