/* Fonts */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

 @font-face {
	font-family: "Cera Pro";
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/CeraPro-Light.woff") format("woff");
 }
 
 @font-face {
	font-family: "Cera Pro";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/CeraPro-Regular.woff") format("woff");
 }
 
 @font-face {
	font-family: "Cera Pro";
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/CeraPro-Medium.woff") format("woff");
 }
 
 


/* Reset */

* {padding: 0;	margin: 0; -webkit-tap-highlight-color:transparent;}
*, *:before, *:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
:focus, :active, a:focus, a:active {outline: none;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
html, body {
	width: 100%;
	min-height: 100%;
	font-size: 100%;
	line-height: 1;
	-webkit-text-size-adjust: none
}

input, button, textarea, select {
	font-family: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
}
input:invalid {box-shadow: none;}
input::-ms-clear {display: none;}
button::-moz-focus-inner {padding: 0; border: 0;}
button, .button, input[type="button"], input[type=submit] {cursor: pointer;}
button[disabled], input[disabled] {cursor: default;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}

a, a:hover, a:visited {text-decoration: none;}
img {vertical-align: top; max-width: 100%;}

h1,h2,h3,h4,h5,h6 {/*font-size: inherit;*/ font-weight: normal;}

ol, ul {list-style: none;}
ol {counter-reset: myCounter;}
ol li:before {
	counter-increment: myCounter;
	content:counter(myCounter);
	margin-right: 5px;
}

table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: inherit;}





/* Global */

body {
	font-family: 'Cera Pro', sans-serif;
	font-size: 14px;
	line-height: 1.25;
	color: #020202;
	background: #fff;
	overflow-x: hidden;
}

.page {
	width: 100%;
	overflow: hidden;
	position: relative;
	/*padding: 50px 30px;*/
	padding: inherit;
}
@media screen and (max-width:360px) {
	.page {padding: 30px 15px;}
}

.container {
	/*max-width: 1680px;*/ 
	margin: 0 auto;
	position: relative;
}

a, a:before, button {
	transition: 0.3s;
}

.partners {padding-left: 50px;
    padding-right: 50px;}




/* Newspaper list */

.newspaper__list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
	grid-gap: 40px;
}
.newspaper__image {
	margin-bottom: 34px;
}
.newspaper__caption {
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	letter-spacing: 0.096359px;
	color: #242424;
}
.newspaper__title {
	font-weight: 500;
	font-size: 18px;
	line-height: 23px;
	text-align: center;
	letter-spacing: -0.275462px;
	color: #242424;
	margin-bottom: 16px;
}
.newspaper__links {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	flex-wrap: wrap;
	max-width: 420px;
	margin: 0 auto;
}
.newspaper__links .newspaper__button {
	margin: 0 5px 10px;
}
.newspaper__button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	height: 50px;
	padding: 0 20px;
	border: none;
	font-size: 14px;
	color: #020202;
	text-transform: uppercase;
}
.newspaper__button_gray {
	background: #F2F2F2;
}
.newspaper__button_white {
	background: #fff;
	border: 1px solid #E44C35;
}
@media (hover: hover) {
	.newspaper__button_gray:hover {
		background: #5F5F5F;
		color: #fff;
	}
	.newspaper__button_white:hover {
		background: #E44C35;
		color: #fff;
	}
}





/* Newspaper page */

.newspaper__page {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 40px;
}
@media screen and (max-width:767px) {
	.newspaper__page {display: block;}
}
.newspaper__sidebar {
	margin-bottom: 30px;
}

.newspaper__mainposter {
	display: block;
	position: relative; 
	width: 100%;
	height: 0;
	padding-bottom: 23%; 
	overflow: hidden;
	margin-bottom: 30px;
}
.newspaper__mainposter-photo {
	object-fit: contain;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.newspaper__poster {
	display: block;
	overflow: hidden;
	background: transparent;
	/* height: 0; */
	position: relative;
}
.newspaper__poster img {
	width: 100%;
}
/* .newspaper__poster-content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
} */
.newspaper__postergrid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 10px;
	margin-bottom: 30px;
}
.newspaper__postergrid .newspaper__poster:nth-child(1) {
	grid-column: span 6;
	/* padding-bottom: 10.976%; */
}
.newspaper__postergrid .newspaper__poster:nth-child(2),
.newspaper__postergrid .newspaper__poster:nth-child(3) {
	grid-column: span 3;
	/* padding-bottom: 22.155%; */
}
.newspaper__postergrid .newspaper__poster:nth-child(4),
.newspaper__postergrid .newspaper__poster:nth-child(5),
.newspaper__postergrid .newspaper__poster:nth-child(6) {
	grid-column: span 2;
	/* padding-bottom: 33.542%; */
}

.newspaper__heading {
	font-size: 16px;
	line-height: 1.188em;
	text-transform: uppercase;
	color: #020202;
	display: block;
	width: fit-content;
	margin-bottom: 28px;
}
.newspaper__description {
	font-weight: 300;
	font-size: 18px;
	line-height: 1.278em;
	color: #020202;
	margin-bottom: 50px;
}
.newspaper__description p:not(:last-child) {
	margin-bottom: 13px;
}

.newspaper__news {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 50px;
	margin-bottom: 40px;
}
@media screen and (max-width:1279px) {
	.newspaper__news {
		grid-template-columns: 1fr; 
		grid-gap: 20px;
	}
}
.newspaper__news-image {
	display: block;
	position: relative; 
	width: 100%;
	height: 0;
	padding-bottom: 60%; 
	overflow: hidden;
}
.newspaper__news-photo {
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.newspaper__news-content {
	align-self: center;
}
.newspaper__news-title {
	font-size: 16px;
	line-height: 1.188em;
	text-transform: uppercase;
	color: #020202;
	display: block;
	width: fit-content;
	margin-bottom: 10px;
}
@media (hover: hover) {
	.newspaper__news-title:hover {
		color: #E44C35;
	}
}
.newspaper__news-subtitle {
	font-size: 14px;
	line-height: 1.188em;
	color: #D1CCD1;
}
.newspaper__news-text {
	font-weight: 300;
	font-size: 16px;
	line-height: 1.188em;
	color: #020202;
	margin: 26px 0;
}




/* Slider */

.slider {
	width: 100%;
	position: relative;
}
.slick-list {
	overflow: hidden;
	padding-bottom: 5px;
}
.slick-track {
	display: flex;
}
.slider-fix {
	min-width: 0;
}

.slider_grid {
	display: block;
	width: calc(100% + 30px); /* 100% + grid-gap */
	margin-left: -15px; /* grid-gap/2 */
}
.slider_grid .slick-slide {
	margin: 0 15px; /* grid-gap/2 */
}

.slick-arrow {
	position: absolute;
   top: 50%;
	transform: translate(0, -50%);
	width: 30px;
	height: 30px;
	cursor: pointer;
	border: none;
	font-size: 0;
	z-index: 10;
	background: transparent url(../img/arrow.svg) center no-repeat;
}
.slick-next {
	right: 15px;
}
.slick-prev {
	left: 15px;
	transform: translate(0, -50%) scale(-1, 1);
}
.slick-disabled {
	opacity: 0.5;
	cursor: default;
}

.slick-dots {
	display: flex;
	justify-content: center;
	position: absolute;
	width: 100%;
	padding-top: 10px;
}
.slick-dots li {
	background: #000;
	width: 10px;
	height: 10px;
	margin: 5px;
	border-radius: 50%;
	cursor: pointer;
}
.slick-dots li.slick-active {
	background: #CFD8DC;
}
.slick-dots li button {
	font-size: 0;
	border: none;
}

.newspaper__slider {
	padding: 0 50px;
}
.newspaper__slider .newspaper__news {
	margin-bottom: 0;
	grid-gap: 22px;
	grid-template-columns: 1.4fr 1fr;
}
@media screen and (max-width:519px) {
	.newspaper__slider .newspaper__news {grid-template-columns: 1fr;}
}
.newspaper__slider .newspaper__news-title {
	font-size: 14px;
	margin-bottom: 26px;
}








/* Partners */

.partners__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 45px 22px;
}
@media screen and (max-width:1325px) {
	.partners__list {grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width:1003px) {
	.partners__list {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width:681px) {
	.partners__list {grid-template-columns: repeat(1, 1fr);}
}
.partners__image {
	display: block;
	position: relative; 
	width: 100%;
	height: 0;
	padding-bottom: 60%; 
	overflow: hidden;
	border: 1px solid #D9D9D9;
	margin-bottom: 30px;
}
.partners__logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
	max-width: 80%;
	max-height: 50%;
}
.partners__photo {
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.partners__info {
	display: flex;
	flex-wrap: wrap;
}
.partners__desc {
	flex: 1;
	min-width: 180px;
	margin: 0 5px 10px 0;
}
.partners__title {
	font-size: 16px;
	line-height: 1.188em;
	text-transform: uppercase;
	color: #020202;
	display: block;
	width: fit-content;
	margin-bottom: 7px;
}
@media (hover: hover) {
	.partners__title:hover {
		color: #E44C35;
	}
}
.partners__text {
	font-weight: 300;
	font-size: 16px;
	line-height: 1.188em;
	color: #020202;
}
.partners__button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	height: 50px;
	padding: 0 20px;
	border: none;
	font-size: 14px;
	color: #020202;
	text-transform: uppercase;
	background: #fff;
	border: 1px solid #E44C35;
}
@media (hover: hover) {
	.partners__button:hover {
		background: #E44C35;
		color: #fff;
	}
}





/* Subscribe */

.subscribe {
	background: #D63D2A;
	box-shadow: -2px 4px 13px rgba(0, 0, 0, 0.25);
	width: 100%;
	max-width: 617px;
	padding: 66px 30px 77px;
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 1000;
	transform: translateY(110%);
	transition: 0.4s;
	color: #fff;
}
.subscribe_open {
	transform: translateY(0);
}

.subscribe__close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px; /* размер кнопки с крестиком */
	height: 30px; /* размер кнопки с крестиком */
	margin: 14px; /* отступ кнопки с крестиком от края попапа */
	padding: 5px; /* отступ крестика от края кнопки */
	cursor: pointer;
}
.subscribe__close-icon {
	position: relative;
	height: 100%;
	transition: 0.3s;
}
.subscribe__close-icon:after, .subscribe__close-icon:before {
	content: '';
	display: block;
	width: 140%;
	left: -20%;
	position: absolute;
	top: 50%;
	height: 2px; /* толщина крестика */
	background: #fff; /* цвет крестика */
}
.subscribe__close-icon:after {
	transform: translateY(-50%) rotate(45deg);
}
.subscribe__close-icon:before {
	transform: translateY(-50%) rotate(-45deg);
}
.subscribe__close:hover .subscribe__close-icon {
	transform: rotate(180deg); /* вращение крестика при наведении */
}

.subscribe__content {
	width: 100%;
	max-width: 486px;
	margin: 0 auto;
}
.subscribe__title {
	font-size: 32px;
	line-height: 1.2em;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.subscribe__text {
	font-size: 16px;
	line-height: 1.2em;
	margin-bottom: 18px;
}
.subscribe__form {
	width: 100%;
	display: flex;
	align-items: center;
}
.subscribe__input {
	width: 100%;
	height: 42px;
	background: none;
	border: 1px solid rgba(255, 255, 255, 0.35);
	padding: 0 50px 0 13px;
	font-size: 16px;
	color: #fff;
	transition: 0.3s;
}
.subscribe__input:focus {
	border-color: #fff;
}
.subscribe__input::placeholder {
	color: #F0A79D;
}
.subscribe__button {
	border: none;
	height: 42px;
	width: 42px;
	margin-left: -42px;
	background: url(../img/subscribe.svg) center no-repeat;
	flex-shrink: 0;
	opacity: 0.35;
	transition: 0.3s;
}
@media (hover: hover) {
	.subscribe__button:hover {
		opacity: 1;
	}
}