/*   ======= COMMON PROPERTIES ========    */

h1 {
	font-weight: 400;
	font-size: 30px;
	text-transform: uppercase;
}

h2 {
	font-size: 24px;
	margin-bottom: 40px;
}

h3 {
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 20px;

}

h3.start3 {
	text-align: center;
	margin-bottom: 40px;

}

.text_text h3 {
	margin-bottom: 20px;

}



.block p {
	margin-bottom: 10px;
}

.breadcrumbs {
	border-bottom: 	1px solid black;
	margin-bottom: 	70px;
}

.content_wrapper {
	padding-bottom: 50px;
}


.anoter_articles_block
{
	grid-column-start: 3;
	position: relative;
	height: 420px;
}
.anoter_articles_block .article_block {
	padding: 0px 14px 0px 14px;
}
.anoter_articles_block .slick-dots {
	bottom: -30px;
}
.anoter_articles_block .slick-slider {
	height: 100%;
	position: absolute;
	width: 100%;
}


/*   ======= ARTICLIE ========    */

.article {
	padding: 30px 0;

}

.headline p, h1, h2 {
	text-align: center;
}

	.block {
		/*margin: 10px 0;*/
		width: 100%;
	}

	.block img {
		margin: 0!important;
	}

	.announce {
		font-style: italic;
		text-align: center;
		padding: 0 30px;
	}

	.big_picture {
		width: 100%;
		margin-top: 30px;
		height: 50vw;
		max-height: 450px;
	}

		.article img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.big_picture img {

		}

		.medium_picture img {
			max-height: 25vw;
		}

		.small_picture img {
			max-height: 20vw;
		}

		.signature {
			margin: 10px 0 0 0;
			font-size: 10px;
			text-align: center;
			width: 100%;
		}

		.text_left_picture_right, .text_right_picture_left, .picture_picture {
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-column-gap: 60px;
		}

		.block .text_block {
			display: flex;
			flex-flow: column;
			justify-content: center;
			align-items: flex-start;
			padding: 30px;
		}

		.text_left_picture_right .text_block {

		}

		.text_right_picture_left .text_block {
			order: 2;
		}

		.text_text {
			columns: 2;
			column-gap: 60px;
			margin: 30px 0;
		}

		.text_text > * {
			margin: 0 30px;
		}


.gallery {
	display: grid;
	grid-template-columns: 1fr 50px 1fr 60px 1fr 50px 1fr;
	grid-template-rows: 200px 250px;
	grid-row-gap: 40px;
	grid-template-areas: 	"small1 . small2 . big big big"
							"medium medium medium . big big big";
}

.gallery_small1_picture img, .gallery_small2_picture img, .gallery_medium_picture img, .gallery_big_picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery_small1_picture {
	grid-area: small1;
}

.gallery_small1_picture {
	grid-area: small2;
}

.gallery_medium_picture {
	grid-area: medium;
}

.gallery_big_picture {
	grid-area: big;
}

		.gallery .signature {
			margin-top: -30px;
		}












/*   ======= ANOTHER ARTICLIES ========    */

.anoter_articles {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-template-rows: min-content 0 0 0 0;
	overflow: hidden;
	/*grid-template-columns: repeat(3, 1fr);
	grid-template-rows: min-content 0 0 0 0;
	overflow: hidden;
	grid-column-gap: 40px;*/

}


		.article_block {
			/*display: inline-flex;
			flex-flow: column nowrap;*/
			margin-bottom: 10px;
		}

			.article_block .image_block {
				width: 100%;
				height: 250px;
				max-height: 30vw;
			}

				.article_block img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}

				.text_block {
					padding: 0 30px;
				}

			.text_block h2 {
				font-size: 24px;
				margin: 20px 0 5px 0;
				text-align: left;
			}

			.underdate {
				padding-top: 8px;
				margin-top: 20px;
				display: flex;
				justify-content: space-between;
				border-top: 1px solid black;
			}	

			.underdate .detailed {
				margin: 5px 0 0 0;
			}	

			.underdate span {
				font-style: italic;
				color: grey;
			}





/*   ======= MEDIA QUERIES ========    */


@media screen and (max-width: 1024px) {	

	.gallery {
	grid-template-columns: 1fr 40px 1fr 60px 1fr 40px 1fr;
	grid-template-rows: 160px 210px;
	grid-row-gap: 30px;
	grid-template-areas: 	"small1 . small2 . big big big"
							"medium medium medium . big big big";
}

		.gallery .signature {
			margin-top: -20px;
		}

		/*.anoter_articles {
			grid-template-columns: repeat(2, 1fr);
			grid-column-gap: 80px;
			padding: 0 30px;
		}*/

}


@media screen and (max-width: 768px) {	

	.gallery {
		grid-template-columns: 1fr 40px 1fr;
		grid-template-rows: 180px 300px 400px;
		grid-row-gap: 30px;
		grid-template-areas: 	"small1 . small2"
								"medium medium medium"
								"big big big";
	}


		.text_left_picture_right, .text_right_picture_left, .picture_picture {
			grid-template-columns: 1fr;
		}

		.text_text {
			columns: 1;
		}

		.text_right_picture_left .text_block {
			order: 0;
		}

		.big_picture img {
			max-height: 50vw;

		}

		.medium_picture img {
			max-height: 40vw;
		}

	.button {
		font-size: 14px;
	}

	.list {
		width: 100%;
		column-count: 1;
	}

	.article_block .image_block {
		height: 45vw;
		max-height: initial;
	}

	/*.anoter_articles {
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 40px;
		padding: 0;
	}*/

		.article_block .image_block {
			height: 220px;
		}

}

@media screen and (max-width: 600px) {	

		/*.anoter_articles {
			grid-template-columns: repeat(1, 1fr);
			padding: 0;
		}*/

		.article_block .image_block {
			height: 200px;
		}
}




@media screen and (max-width: 500px) {	

	.gallery {
		grid-template-columns: 1fr 20px 1fr;
		grid-row-gap: 20px;
		grid-template-rows: 120px 200px 250px;
	}

			.big_picture img {
			max-height: 60vw;

		}

		.medium_picture img {
			max-height: 50vw;
		}

		.block .text_block {
			padding: 30px 0;
		}

	.text_text {
			column-gap: 0;
			/*margin: 0!important;*/
		}

			.text_text h3, .text_text p{
			margin: 0 0 15px 0;
		}

		.article_block .image_block {
	}

		.text_block {
			padding: 0;
		}

		/*.text_block p {
			display: none;
		}*/

		.underdate {
			padding-top: 3px;
			margin-top: 15px;
		}

		/*.anoter_articles {
			grid-template-columns: repeat(1, 1fr);
			padding: 0;
		}*/

		.article_block .image_block {
			height: 200px;
		}
		
	body .content_wrapper {
		margin-top: 75px;
	}
}

.article .block b
{
	font-weight: bold;
	font-size: 14px;
}

.article ul li
{
	list-style: initial;
}
