/*Обнуление В стилях карточек ".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: 132px 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; /* ВНУТРЕННИЕ Поля */ 
	}
}
.container {
	max-width: 980px;    /* ширина */
	margin: 0px auto;     /* устанавливает величину внешнего отступа */
    padding: 0px 10px;   /* 	ВНУТРЕННИЕ Поля МОЖЕТ УБРАТЬ??? посмотреть на мобильной версии */
	
}
/* "vertical"  flex бокс для описания заведения */
.details_body{
} 
h1{font-size: 1.5em;}
h3{font-size: 1.1em;}
/*=======================================*/
/* Контент текст */
.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;
}
/* Контент Расширеный заголовок */
.kinofilm_introtext{
	padding: 10px 40px 20px 40px;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}
/*===  СТРОКА  =================*/
/* Описание      Строка  */
.details_row{
	display: flex;
	margin: 0px -6px 0px -6px;
}
/* Основное фото Строка  */
.cards__row{             
	display: flex;
    margin: 0px -6px 0px -6px;
}
/* Два фото      Строка  */
.cards__row2{
	display: flex;
	margin: 0px -6px 0px -6px;
}
/*===  СТОЛБЕЦ  ================*/
/* Описание   Столбец */
.details_column{
	flex: 0 1 100%; /* Flex - conteineram 0-запрещаем увеличиваться, 1- разрешаем уменьшаться(полезно для Е8),  */
	padding: 6px;
	display: flex;    /* Колонки делаем flex контейнерами Чтобы все колонки были обной высоты(по умолчанию они все резиновые) и приняли размер самой большой  */
}
/*  Фото      Столбец  */
.cards__column1000 {     
	display: flex;
	flex: 0 1 100%;
	padding: 6px;        /*отступ от родителя cards__row*/
	/*height: 410px;*/
}
/*  Два Фото  Столбец  */
.cards__column2000 {
	flex: 0 1 50%;
	padding: 6px; /*отступ от родителя cards__row2*/
	display: flex;
	/*height: 380px;*/
}
/*===  ПУНКТ  =================*/
/* Текст     Пункт */
.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; */
}
/* Фото     Пункт */
.cards__item1000 {
	height: 100%;
	width: 100%;/* занимаем 100% ширины родителЯ( родитель cards_column ) без этого будет только по ширине текста  */
	/* border: 1px solid blue; */
}
/* Два Фото Пункт */
.cards__item2000 {
    height: 100%;
	width: 100%;  /* занимаем 100% ширины родителя( родитель cards_column ) без этого будет только по ширине текста  */	
	/*border: 1px solid blue; */
	padding: 0px; /* отступ от рамки до фото */
}
/*=== Контейнер картинки ======*/

/* Фото          Контейнер  */
.cards__image1000 {
	min-height: 350px;
	overflow: hidden;
	/*margin: 0px 0px 10px 0px;*/
	padding: 0px 0px 400px 0px;
	position: relative;
}
/* Два Фото     Контейнер  */
.cards__image2000 {
	min-height: 350px;
	overflow: hidden;
	padding: 0px 0px 300px 0px;
	position: relative;
}
/* ----------------------------- */
/* Картинка */
.cards__image1000 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 15px; /* Радиус скругления */
    box-shadow: 0 0 0px #666; /* Параметры тени */
    /* border: 3px solid #fff;  Параметры рамки */
}
/* Картинка */
.cards__image2000 img{
    width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 15px; /* Радиус скругления */
     /* #fff Параметры рамки border: 1px solid black; */
    box-shadow: 0 0 0px #666; /* Параметры тени */
}
/*==============================*/
/* Описание Заголовок здесь нет */
.content_text{
	padding: 0px 10px 20px 10px;
	font-size: 14px;
	line-height: 24px;
}
.content_text a {
    color: #EF035B;
}
@media(max-width:767px){
	.content {
	margin: 50px 0 65px 0;
}
	.container {
	max-width: none;    /* ширина */
	}
	.cards__image1000 {
	min-height: 350px;
}
  	.cards__row{
	display: block;    /* Заменил параметр "flex" на "block" для вертикального построения блоков */
}
	
    .cards__row2{
	display: block;    /* Заменил параметр "flex" на "block" для вертикального построения блоков */
}

	.details_row{
	display: block;    /* Заменил параметр "flex" на "block" для вертикального построения блоков */
}
    .cards__image {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 50% 0px;
	overflow: hidden;
	position: relative;
}
}