	h2 {
		text-transform: uppercase;
		font-weight: 400;
		font-size: 26px;
		text-align: center;
		margin: 30px 0;
	}

.content_wrapper {
	margin-bottom: 50px;
}



/*   ======= CATEGORY SELECTOR ========    */

#category_selector_block {
	width: 100%;
	height: 15vw;
	min-height: auto;
	display: flex;
	flex-flow: row;
	justify-content: center;
	align-items: flex-end;
	background-size: cover;
	background-position: center;
	background-image: url("../Images/Company/head_kompania.jpg");
}

.button {
	padding: 8px 20px;
	font-size: 16px;
	font-weight: 400;
	margin: 20px 5px;
	text-transform: uppercase;
	cursor: pointer;
}


.active_button {
	border: 2px solid black;
	font-style: italic;
}



.sertificates_block .sertificates_list_slider {
    grid-column-start: 3;
    position: relative;
    height: calc(100% - 84px);
}

.sertificates_block .sertificates_list_slider .slick-slider {
    height: 100%;
    position: absolute;
    width: 100%;
}
















/*   ======= COMPANY FIRST BLOCK ========    */

.introduction {
	font-style: italic;
	margin: 50px;
	font-size: 14px;
	text-align: center;
}

#company_first_block {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: 50px;
}


	.uk4_block {
		display: grid;
		grid-template-rows: min-content;
		grid-template-columns: 1fr;
		/*margin: 40px 20px;*/
		margin: 0px;
		margin-top: 40px;
	}

	.uk4_block.wide_block {
		position: relative;
		grid-template-rows: 1fr;
		grid-template-columns: 1fr 1fr;
	}

		.image_block {
			height: 300px;
			position: relative;
		}

		.uk4_block img, .uk4_block picture {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
	}

		.image_dublicate_block {
			position: relative;
			display: none;
		}


		.uk4_description {
			z-index: 1;
			display: flex;
			flex-flow: column;
			justify-content: center;
			align-items: flex-start	;
			/*padding: 30px 40px;*/
			padding: 0px 40px;
			/*align-self: start;*/
		}

		.options_block .uk4_description {
			margin-top: 7px;
			padding: 30px 20px 30px 25px;
		}

		.uk4_description span {
			text-transform: uppercase;
			font-style: italic;
			font-size: 10px;
			font-weight: 100;
			margin-bottom: 8px;
		}

		.uk4_description h3 {
			text-transform: uppercase;
			font-size: 22px;
			margin-bottom: 15px;
		}

		.uk4_description p {
			margin-bottom: 10px;
		}

		.uk4_block.options_block {
			/*grid-row: 1 ;*/
			display: grid;
			grid-template-rows: min-content;
			grid-template-columns: auto 1fr;
		}









/*   ======= DEALERS NET ========    */


.dealers_net {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	padding: 30px 60px 70px 60px;
}

.dealers_net h4 {
	font-size: 26px;
	font-weight: 200;
	font-style: italic;
	margin-top: 30px;
	text-align: center;
}

.dealers_net p {
	text-align: center;
}







/*   ======= SERTIFICATES BLOCK ========    */

.sertificates_container
{
	display: grid;
    grid-template-columns: 1fr 40px minmax(min-content, 1150px) 40px 1fr;
    border-top: 1px solid rgb(200,200,200);
    border-bottom: 1px solid grey;
    padding: 40px 20px;
    background-color: rgb(244,244,244);
    height: 385px;
}

.sertificates_block .sertificate_images a.certificate_block {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center calc(50% - 18px);
    background-size: auto calc(100% - 39px);
    position: relative;
}

.sertificate_images {
	display: grid;
	justify-content: center;
	grid-template-columns: repeat(5,min-content);
	grid-template-rows: min-content repeat(10, 0px);
	margin-bottom: 20px;
}

.sertificate_images.slick-slider {
    width: 100%;
    height: calc(100% - 72px);
}

.sertificate_images img {
	margin: 0 auto;
	height: 200px;
	width: auto;
}


.sertificates_block .slick-dots {
	bottom: 0px;
}










/*   ======= COMMETS BLOCK ========    */

.comments_block {
	margin: 40px 0;
}

	.comments_headline {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		margin-bottom: 40px;
		/*filter: opacity(70%);*/
	}

	.comments_headline img {
		height: 35px;
		width: auto;
		margin-right: 8px;	
	}

		.comments_headline .detailed {
			margin: 0;
		}

		.comment {
			display: grid;
			grid-template-columns: 1fr;
			align-content: start;
		}

		.comment p {
			max-height: 76px;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.comment p.text_opened {
			max-height: initial;
		}

		.underdate {
			display: flex;
			justify-content: space-between;
			border-bottom: 1px solid grey;
			padding-bottom: 10px;
			margin-bottom: 15px;
		}

		.comment .detailed {
			margin: 10px 0;
			height: 26px;
			justify-self: end;
		}

		.detailed span:before {
				content: "Подробнее ";
			}

			.detailed.opened span:before {
				content: "Свернуть ";
			}

				.detailed em {
					font-style: normal;
					text-decoration: none;
					margin-left: 3px;
				}


				.detailed.opened em {
					font-style: normal;
					text-decoration: none;
					transform: rotate(-90deg);
				}

	.comments_list {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: min-content repeat(10, 0px);
		overflow: hidden;
		grid-column-gap: 60px;
	}

	h4 {
		font-size: 16px;
		margin-bottom: 7px;
	}














/*   ======= MEDIA QUERIES ========    */

@media screen and (max-width: 1366px) {	

	.comments_list {
		grid-template-columns: repeat(3, 1fr);
	}

}


@media screen and (max-width: 1024px) {	

	.sertificate_images {
		grid-template-columns: repeat(4,min-content);
	}

	.comments_list {
		grid-template-columns: repeat(2, 1fr);
	}

}


@media screen and (max-width: 768px) {	

	.button {
		font-size: 14px;
	}

	.wide_block > img {
		display: none;
	}

	.underdate .detailed {
			order: 2;
		}

			.sertificate_images {
		grid-template-columns: repeat(3,min-content);
	}

		.sertificate_images img {
		height: 180px;
	}

		.image_dublicate_block {
		display: block;
	}
	
	.wide_block .main_image {
		display: none;
	}

		.uk4_block.wide_block {
		grid-template-rows: 250px auto;
		grid-template-columns: 1fr;
	}

		#company_first_block {
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
	}

		.uk4_block, h2 {

		grid-row: auto / auto!important;
		grid-column: auto / auto!important;
		grid-template-rows: min-content;
		grid-template-columns: 1fr;
		margin: 40px 0;
	}

			.uk4_block .image_block {
			order: 0!important;
		}

}

@media screen and (max-width: 640px) {	

	.sertificate_images {
		grid-template-columns: repeat(2,min-content);
	}


}

@media screen and (max-width: 500px) {	

		.comments_list {
		grid-template-columns: repeat(1, 1fr);
	}

		h2 {
		font-size: 24px;
	}

		h3 {
		font-size: 20px;
	}

	#category_selector_block {
		flex-flow: column;
		justify-content: center;
		align-items: center;
	}

	.button {
		margin: 5px 0;
	}

		.text_block {
			padding: 0;
		}

		.text_block p {
			display: none;
		}

		.underdate {
			padding-top: 3px;
			margin-top: 15px;
		}

		.message_mini {
		padding: 0;
		}

		.message_mini .text_block {
			padding: 0;
		}

	.sertificates_container {
		padding: 40px;
	}

	.sertificate_images img {
		margin: 0 auto;
		height: 150px;
	}

	.uk4_description {
		padding: 30px 0px;
		/*align-self: start;*/
	}

	.dealers_net {
	padding: 30px 0;
}

		.uk4_block, h2 {
		margin: 40px 0;
	}

	.sertificates_block .sertificates_list_slider {
		height: calc(100% - 144px);
	}
	
	.sertificates_container {
		height: 414px;
	}
}


@media screen and (orientation: portrait) {	

	#category_selector_block {
		height: auto;
		padding: 35px 0;
	}
}


#review_form .mfp-close, #feedback_form .mfp-close
{
	display: none;
}


.comments_block .comments_list_slider .slick-slider {
	height: 100%;
	position: absolute;
	width: 100%;
}

.comments_block .comments_list_slider {
	grid-column-start: 3;
	position: relative;
	height: 250px;
}

.comments_block .comment {
	padding: 0px 28px 0px 28px;
}