@font-face {
	font-display:			swap;
	font-family:			'CormorantGaramond';
	src:					url('../fonts/CormorantGaramond-Regular.ttf');
}
@font-face {
	font-display:			swap;
	font-family:			'CormorantGaramondItalic';
	src:					url('../fonts/CormorantGaramond-Italic.ttf');
}

*{
	font-family:			Arial;
	color:					#413F3D;
	font-size:				16px;
	box-sizing:				border-box;
}
body{
	margin:					0px;
	zoom:					100%;
	background-color:		#F2EFEA;

	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}
body.loaded{
	opacity: 1;
}

a{
	text-decoration:		none;
}
a.link{
	transition:				.3s;
}
a.link:hover{
	text-decoration:		underline;
}
input{
	border:none;
	font-size:12px;
	padding:13px;
	color:#8B8B8B;
}
input.submit{
	background-color: #BEAE9D;
	color: white;
	padding: 13px 24px;
	border: none;
	cursor: pointer;
	transition: .3s;
}
input.checkbox{
	margin-top:20px;
}

.b_segment{
	margin:					0px 0px 40px 0px;
	padding:				60px;
	min-height:				300px;
	width:					100%;
}
.center{
	width:					1200px;
	margin:					0px auto;
}
.button{
	width: fit-content;
	background-color: #BEAE9D;
	color: white;
	padding: 20px 25px;
	border: none;
	cursor: pointer;
	transition: .3s;
}
.button:hover{
	background-color: #B19C86;
}
.arrow{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #fff;
	border: none;
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center;

	display: flex;
	align-items: center;
	justify-content: center;

	transition: .3s;
	cursor: pointer;
}
.arrow:hover{
	box-shadow: 0px 0px 5px orange;
}

img.pics{
	height:			100%;
}


/* общие */
.t_title{
	font-family:			'CormorantGaramond';
	font-size:				62px;
	margin-bottom:			20px;
	max-width:				800px;
	line-height:			82%;
	font-weight:			500;
}
.t_subtitle{
	font-family:			'CormorantGaramondItalic';
	font-size: 28px;
	color: #9D876F;
	margin-bottom: 15px;
}
.t_text{
	font-weight: 400;
	font-size: 16px;
	line-height: 123%;
	color: #413F3D;
}




/* меню */
.menu{
	position:				fixed;
	top:					0px;
	z-index:				1000;
	width:					100%;
	padding:				4px 0px;
}
.p_Logo{
	display:				inline-block;
	height:					56px;
	width:					135px;
	background-image:		url('./pic/logoWhite.svg');
	background-position:	left;
	background-size:		contain;
	background-repeat:		no-repeat;
}

.g_menuBlock{
	display:				grid;
	grid-template-columns:	auto 1fr auto;
	grid-template-rows:		1fr;
	grid-gap:				16px;
	align-items:			center;
	justify-items:			center;
	position:				relative;
}
.g_menuBlock1{
	display:				grid;
	grid-template-columns:	auto auto 1fr auto auto;
	grid-template-rows:		1fr;
	grid-gap:				0px;
	align-items:			center;
	justify-items:			center;
}
.g_menuBlock2{
	display:				grid;
	grid-template-columns:	auto auto;
	grid-template-rows:		auto;
	grid-gap:				16px;
	align-items:			center;
	justify-items:			start;
}
.g_menuBlock3{
	display:				grid;
	grid-template-columns:	auto;
	grid-template-rows:		auto auto;
	grid-gap:				8px;
	align-items:			center;
	justify-items:			start;
}
.t_menuBtn1{
	display:				inline-block;
	color:					white;
	font-size:				14px;
	padding:				4px 12px;
	border-radius:			16px;
	transition:				.3s;
	cursor:					pointer;
}
.t_menuBtn1:hover{
	background-color:		#3F3F3F;
	color:					white;
}
.t_menu{
	display:				inline-block;
	color:					white;
	font-size:				14px;
}
.menuButton{
	width:					fit-content;
	color:					white;
	padding:				8px 16px;
	border:					2px solid white;
	cursor:					pointer;
	transition:				.3s;
}

.menuPhone{
	display:	none;
}
.menuPhoneBack{
	display:	none;
}


/* шапка */
	.b_header{
		width: 100%;
		padding-top:	100px;

		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr auto auto auto 1fr;
		grid-gap: 20px;
		justify-items: center;

		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.slide1{ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), transparent), url('./pic/slide1.jpg');}
	.slide2{ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), transparent), url('./pic/slide2.jpg');}
	.slide3{ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), transparent), url('./pic/slide3.jpg');}
	.headerTitle{
		color: white;
		font-size: 84px;
		text-align: center;
	}
	.headerSubtitle{
		color: white;
		font-size: 16px;
	}
	.headerContent{
		z-index: 100 !important;
		width:	100%;
		max-width: 1000px;
		height: 800px;
		overflow: hidden;
		#background-color: gray;

	}

	.meropHeaderButton{
		padding:			20px;
		background-color:	#F2EFEA;
		border:				none;
		color:				#413F3D;
		}
	.meropHeaderBottom{
		display: grid;
		grid-template-columns: auto auto auto;
		grid-template-rows: 1fr;
		grid-gap: 40px;
		justify-items:		end;
		align-items:		end;
	}
	.mhb{
		padding:		20px;
		color:			white;
	}


/* best */
	.b_bestBlocks {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 0px;

		margin-bottom: 140px !important;
		border-bottom: 1px solid #ACA093;
	}
	.bestBlock {
		display: grid;
		grid-template-columns: auto 1fr;
		align-items: center;

		height: 100px;
		padding: 20px 45px;
		border-right: 1px solid #ACA093;
	}
	.bestBlock:last-child {
		border-right: none;
	}
	.bestIcon {
		width: 45px;
		height: 45px;
		margin-right: 15px;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.bestIcon1{background-image: url('./pic/best1.svg');}
	.bestIcon2{background-image: url('./pic/best2.svg');}
	.bestIcon3{background-image: url('./pic/best3.svg');}
	.blockText {
		font-size: 16px;
		color: #413F3D;
	}


/* products */
	.b_products {
		margin-bottom: 140px !important;
	}
	.productsHeader {
		display: grid;
		grid-template-columns: 1fr 2fr;
		grid-template-rows: auto auto;
		gap: 10px;
	}
	.productsTitle {
	}
	.productsDescription {
		margin-bottom: 36px;
	}
	.productsSlogan {
		font-family:			'CormorantGaramondItalic';
		font-size: 28px;
		color:		#9D876F;
	}
	.g_productContainer {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 50px;

		padding: 20px 0px;
	}
	.product {
		display: grid;
		grid-template-rows: 1fr auto;
		grid-gap: 10px;
	}
	.productImg {
		width: 100%;
		height: 440px;

		background-color: #4D4D4D;
		object-fit: cover;
	}
	.productInfo {
		margin-top: 10px;
	}
	.productName {
		font-weight: 500;
		font-family:			'CormorantGaramondItalic';
		font-style: italic;
		font-size: 26px;
	}
	.productPrice {
		padding: 10px 0px;
		color: #333;
		margin-bottom: 15px;
	}
	.productButton {
		width: 100%;
	}
	.productAllBlock{
		display: grid;
		grid-template-columns: 1fr auto auto;
		align-items: center;
		grid-gap: 16px;
		margin-top: 18px;
	}
	.productAllText:hover{
		text-decoration:	underline;
	}
	.productAllIcon {
		width: 35px;
		height: 35px;
		border-radius: 35px;

		background-size: 60%;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url('./pic/go.svg');

		background-color: #BEAE9D;
	}


/* info */
	.b_infoBlock {
		margin-bottom: 140px !important;
	}
	.infoHeader {
		margin-bottom: 40px;
	}
	.g_infoContainer {
		display: grid;
		grid-template-columns: 2fr 3fr;
		grid-gap: 20px;
	}
	.infoLeft {

	}
	.infoLeftText {
		padding-right: 50px;
		margin-bottom: 10px;
	}
	.imageWrapper {
		height: 154px;
		width: 125px;
		margin: 35px 0px;


		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url('./pic/infoPic.png');
	}
	.infoRight {
	}
	.infoTableContainer {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto auto;
		grid-gap: 0px;

		padding: 20px;
		background-color: white;

	}
	.infoTable {
		display: grid;
		grid-template-columns: auto 1fr;
		grid-template-rows: 1fr;
		grid-gap: 20px;

		padding: 20px;
		border: 1px solid transparent;
	}
	.itTop{
		padding-top: 0px;
		border-bottom: 1px solid #E4E4E4;
	}
	.itBottom{
		padding-bottom: 0px;
		border-top: 1px solid #E4E4E4;
	}
	.itLeft{
		padding-left: 0px;
		border-right: 1px solid #E4E4E4;
	}
	.itRight{
		padding-right: 0px;
	}
	.infoIcon {
		width: 24px;
		height: 24px;

		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		margin-right: 10px;
	}
	.infoIcon1 {   background-image: url('./pic/info1.svg');}
	.infoIcon2 {   background-image: url('./pic/info2.svg');}
	.infoIcon3 {   background-image: url('./pic/info3.svg');}
	.infoIcon4 {   background-image: url('./pic/info4.svg');}
	.infoIcon5 {   background-image: url('./pic/info5.svg');}
	.infoIcon6 {   background-image: url('./pic/info6.svg');}
	.infoDescription {
		margin-top: 80px;
		margin-bottom: 40px;
	}
	.infoButton {
		display: block;
		margin: 0 auto;
	}


/* service */
.b_servicesBlock {
	margin-bottom: 140px !important;
}
.servicesHeader {
    margin-bottom: 40px;
}
.g_servicesContainer {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 20px;
}
.serviceItem {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr auto;
    grid-gap: 10px;
    justify-items: start;

    border: 1px solid #DADADA;
    padding: 18px;
}
.serviceImage {
	width: 100%;
	height: 300px;

	margin-bottom: 10px;

	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
	margin-right: 10px;
}
.serviceImage1 {   background-image: url('./pic/service1.jpg');}
.serviceImage2 {   background-image: url('./pic/service2.jpg');}
.serviceImage3 {   background-image: url('./pic/service3.jpg');}
.serviceImage4 {   background-image: url('./pic/service4.jpg');}
.serviceTitle {
	font-family:			'CormorantGaramondItalic';
	font-size: 26px;
    margin-bottom: 15px;
}
.serviceDescription {
    margin-bottom: 10px;
}
.serviceButton {
	width: 100%;
	margin-top:10px;
}


/* photo */
.b_photoBlock{
	margin-bottom: 60px !important;
}
.photoHeader{
    margin-bottom: 40px;
}
.g_photoGroup{
    display: grid;
    grid-template-columns: 170px 170px 170px 170px auto 1fr;
    grid-gap: 0px;

	border-left: 1px solid #CACACA;
	border-bottom: 1px solid #CACACA;
    margin: 30px 0px;
}
.photoGroup{
	font-size: 14px;
	color: #413F3D;
	padding: 15px;
	border: 1px solid #CACACA;
	border-left: none;
	border-bottom: none;

	text-align: center;

	cursor:pointer;
	transition:.3s;
}
.photoGroup:hover{
	color: white;
	background-color: #AC9F91;
}
.g_photoContainer{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 20px;
}
.photoImage{
	width: 100%;
	height: 300px;

	margin-bottom: 10px;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.photoImage1{   background-image: url('./pic/prod1.jpg');}
.photoImage2{   background-image: url('./pic/prod2.jpg');}
.photoImage3{   background-image: url('./pic/prod3.jpg');}

.photoImage4{   background-image: url('./pic/service1.jpg');}
.photoImage5{   background-image: url('./pic/klkMer1.jpg');}

.photoImage6{   background-image: url('./pic/whitezal.jpg');}
.photoImage7{   background-image: url('./pic/whitezal1.jpg');}
.photoImage8{   background-image: url('./pic/shater1.jpg');}
.photoImage9{   background-image: url('./pic/pics1.jpg');}

.photoImage10{   background-image: url('./pic/klkPic1.jpg');}
.photoImage11{   background-image: url('./pic/klkPic2.jpg');}
.photoImage12{   background-image: url('./pic/klkPic3.jpg');}


/* kontakt */
.b_kontakt{
	padding: 150px 0px 70px 60px;
	margin-bottom: 60px !important;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('./pic/slide1.jpg');
}
form.kontakt2{
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 16px 32px;
}
.g_kontaktBlock{
	width: 700px;
	padding: 36px;

	background-color: #F2EFEA;
}
.kontaktTitle{
	font-size: 57px;
}
.kontaktAbout{
	max-width:420px;
	margin: 25px 0px;
}
.kontaktForm{}
form.kontakt{
	display: grid;
    grid-template-columns: 1fr 1fr auto;
    grid-template-rows: 1fr 1fr;
    grid-gap: 20px;
}
label{
	grid-column:		span 3;
	font-size:			12px;
}


/* bottom */
.bottom{}
.g_bottomBlock{
    display: grid;
    grid-template-columns: 4fr 3fr 4fr;
    grid-gap: 20px;

    padding: 40px 0px;
}
.g_bottom{
    display: grid;

    grid-gap: 6px;
}
.g_bottom1{
    grid-template-rows: auto auto 1fr;
}
.g_bottom2{
    grid-template-rows: auto auto auto 1fr;
}
.t_bottomLogo{
	height: 58px;
	width: 140px;
	margin-bottom:16px;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('./pic/logoBlack.svg');
}
.t_bottomWho{}
.t_bottomKonf{
	align-self: end;
	color:#757575;
}
.t_bottomTitle{
	font-family:			'CormorantGaramondItalic';
	font-size: 26px;
	padding-bottom: 10px;
}
.t_bottomText{}
.g_subBottom{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 3fr;
    grid-gap: 6px;
}
.bottomLink{
	align-self: end;
	color:#757575;
}

.bottomPhone{
	display:	none;
}

.callNow{
	z-index:		10000;
	position:		fixed;
	right:			16px;
	bottom:			16px;
	height:			37px;
	width:			37px;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('./pic/phone.svg');
}


.meropReal{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto 1fr 1fr;
    grid-gap: 40px;

    margin: 140px auto !important;
}
.meropRealTitle{
	grid-column:			span 2;
}
.meropRealAbout{
	font-family:			'CormorantGaramondItalic';
	font-size: 28px;
	color: #9D876F;
}
.meropRealBox{
	background-color:	white;
	padding:	20px;

	display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto auto;
    grid-gap: 16px;
}
.meropRealIcon{
	width:	26px;
	height:	26px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.mri1{	  background-image: url('./pic/mri1.svg');}
.mri2{	  background-image: url('./pic/mri2.svg');}
.mri3{	  background-image: url('./pic/mri3.svg');}
.mri4{	  background-image: url('./pic/mri4.svg');}
.mri5{	  background-image: url('./pic/mri5.svg');}
.meropRealName{
	font-family:			'CormorantGaramondItalic';
	font-size: 26px;
}
.meropRealText{}

.abtGrid {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: 40px;

}
.abtGridTitle {
}
.g_abtGrid2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;

	grid-gap: 20px;
}
.b_gridItem {
	display: grid;
	grid-template-rows: auto 1fr;
	grid-gap: 20px;
	align-items: start;

	border: 2px solid #DADADA;
	padding: 10px;
}
.abtPic{
	width:	262px;
	height:	315px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.abtPic1{	  background-image: url('./pic/abt1.jpg');}
.abtPic2{	  background-image: url('./pic/abt2.jpg');}
.t_gridTitle {
	font-size:				26px;
	font-family:			'CormorantGaramondItalic';
}


.banket{
	display: grid;
	grid-template-columns: 1fr auto auto;
	grid-gap: 20px;

	margin-top: 140px !important;
	margin-bottom: 35px !important;
}
.banketArrows{
	display: grid;
	grid-template-columns: auto auto;
	grid-gap: 20px;
}
.banketArrowLeft{	background-image: url('./pic/arrowLeft.svg');}
.banketArrowRight{	background-image: url('./pic/arrowRight.svg');}

.gallery{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px;
}
.galleryItem{
	#width: 300px;
	height: 400px;
	padding:	20px;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

	display: grid;
	grid-template-rows: auto 1fr;
	align-items: center;
	grid-gap: 20px;
	justify-items: start;
}
.galleryItem1{	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), transparent), url('./pic/gallery1.jpg');}
.galleryItem2{	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), transparent), url('./pic/gallery2.jpg');}
.galleryItem3{	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), transparent), url('./pic/gallery3.jpg');}
.galleryItem4{	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), transparent), url('./pic/gallery4.jpg');}
.galleryTitle{
	font-size:				26px;
	font-family:			'CormorantGaramondItalic';
}
.galleryButton{
	align-self: end;
}

.picsBlocks {
	width: 100% !important;

	display: grid;
	grid-template-columns: repeat(5, auto) 1fr;
	grid-gap: 20px;

	margin-bottom: 140px !important;

	overflow-x:	hidden;
}
.picsBox {
	width:	250px;
	height: 300px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.picsBox1 {	background-image: url('./pic/pics1.jpg');}
.picsBox2 {	background-image: url('./pic/pics2.jpg');}
.picsBox3 {	background-image: url('./pic/pics3.jpg');}
.picsBox4 {	background-image: url('./pic/pics4.jpg');	width:	500px;}
.picsBox5 {	background-image: url('./pic/pics5.jpg');	width:	400px;}

.links{
	display: grid;
	grid-template-columns: auto auto 1fr;
	grid-gap: 40px;
	align-items: start;

	margin: 60px auto;
	margin-top: 120px !important;
}
.linkMain{
	color:		#8F8F8F;
}
.linkNow{}

.privacy{
	margin: 60px auto;
}

.pam{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(6, auto);
	grid-gap: 20px;
}
.pamDescription{
	grid-column:span 2;
}
.pamText{
}
.t_subtitle2{
	grid-column: span 2;
	font-size: 20px;
	margin-bottom: 5px;
}

.kont{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, auto);
	grid-gap: 20px 40px;

	margin: 60px auto;
}
.kontMap{
	grid-column: span 2;
	grid-row: span 2;
	background:gray;
}
.kontDescription{}
.kontSubTitle{
	grid-column: span 3;
}

.g_klkGrid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto auto;
	grid-gap: 20px;

	margin-top:	140px !important;
}
.klkTitle{
	grid-column: span 2;
}
.t_klkDesc{
	font-size: 18px;
	line-height: 1.6;
}
.klkSubtitle{
	#grid-column: span 1;
	color:	#9D876F;
	margin-bottom:	20px !important;
}

.klkBlock{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	margin-bottom:	70px !important;
}
.g_klkItem{
	background-color: #fff;
	padding: 20px;

	display: grid;
	grid-template-rows: auto auto auto;
	gap: 15px;
}
.p_klkIcon{
	width: 26px;
	height: 26px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.klkIcon1{ background-image: url('./pic/klkIcon1.svg'); }
.klkIcon2{ background-image: url('./pic/klkIcon2.svg'); }
.klkIcon3{ background-image: url('./pic/klkIcon3.svg'); }
.t_klkName{
	font-family:			'CormorantGaramondItalic';
	font-size: 26px;
	line-height: 1.2;
	color: #333;
}

.g_klkPic{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;

	margin: 60px auto;
	margin-bottom:	70px !important;
}
.klkPic{
	width: 100%;
	height: 300px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.klkPic1{ background-image: url('./pic/klkPic1.jpg'); }
.klkPic2{ background-image: url('./pic/klkPic2.jpg'); }
.klkPic3{ background-image: url('./pic/klkPic3.jpg'); }


.klkMer{
	display: grid;
	grid-template-columns: 1fr;
	gap: 90px;

	margin: 60px auto;
	margin-bottom:	140px !important;
}
.g_klkMer{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto;
	gap: 40px;
}
.g_klkLeft{
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}
.g_klkRight{
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}
.p_klkImg{
	width: 100%;
	height: 330px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

}
.klkMerImg1{ background-image: url('./pic/klkMer1.jpg'); }
.klkMerImg2{ background-image: url('./pic/klkMer2.jpg'); }
.klkMerImg3{ background-image: url('./pic/klkMer3.jpg'); }
.klkSlideSubtitle{
	color:	white;
	text-align:	center;
}
.klkStar{
	display:	inline-block;

	margin:		15px 0px;
	height:		12px;
	width:		100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('./pic/star.svg');
}

.zaly{
	margin: 60px auto;
	margin-top:	120px !important;
	margin-bottom:	120px !important;
}
.g_zalyBlock{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}
.g_zalyBox{
	display: grid;
	grid-template-rows: auto auto auto auto 1fr;
	gap: 20px;
}
.p_zalyPic{
	width: 100%;
	height: 610px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.shtrPic1{		background-image: url('./pic/shater.jpg'); }
.whitezalPic1{	background-image: url('./pic/whitezal.jpg'); }
.loftzalPic1{	background-image: url('./pic/loftzal.jpg'); }

.shtrInfo{
	margin: 60px auto;
}
.g_shtrInfoBlock{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: start;

	gap: 30px;
}
.g_shtrInfoBox{
	display: grid;
	grid-template-rows: auto auto auto;
	gap: 15px;

	padding:	20px;
	border: 1px solid #DADADA;
}
.t_shtrInfoSubtitle{
	font-family:			'CormorantGaramondItalic';
	font-size: 26px;
	line-height: .7;
	color: #413F3D;
}


@media screen and (max-width: 1200px) {
	.underMenu{
		height:			0px !important;
	}
	.menu{
		display:		none !important;
	}
	.menuPhone{
		z-index:		1000;

		display:		grid;
		grid-template-columns: 1fr 1fr;
		align-items:	center;

		position:		fixed;
		background-color: rgba(0, 0, 0, 0.2);
		backdrop-filter: blur(10px);
		padding:		10px !important;
	}
	.submenuBut {
		width: 32px;
		height: 32px;
		background-image: 		url(./pic/menuPhone.svg);
		background-repeat:		no-repeat;
		background-position:	center;

		justify-self:	end;

		cursor:			pointer;
	}
	.menuPhoneBack{
		position: fixed;
		z-index: 1000;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .1);
		backdrop-filter: blur(2px);
	}
	.menuPhoneView{
		position: relative;
		z-index:2000;
		top: 0px;
		right: 0px;
		box-shadow: 0px 0px 80px rgba(0, 0, 0, .1);
		background: #F7FBFD;
		height: 100%;
		width: 70%;
		margin-left: auto;
		padding: 16px;
		text-align: center;
	}
	.menuPhoneClose{
		position: absolute;
		top: 16px;
		right: 16px;
		height: 16px;
		width: 16px;
		background-image: url(./pic/close.svg);
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		border: rgba(0, 0, 0, 0) 3px solid;
		border-radius: 32px;
		cursor: pointer;
		transition: .3s;
	}

	.menuPhBtn{
		width:			100%;
		padding:		10px;
		text-align:		center;
	}
	.logoMenu{
		background-image:		url('./pic/logoBlack.svg');
		margin-top:		75px;
		margin-bottom:	35px;
	}
	.menuPhAdr{
		margin-top:		35px;
	}
	.menuPhPh{
		margin-top:		10px;
		margin-bottom:	35px;
	}
	.button{
		margin:			0px auto;
	}



	.t_title{
		font-size:		31px;
	}

	.b_header{
		height:			100vh;
	}
	.headerTitle{
		font-size:		37px;
	}
	.headerContent{
		width:		100%;
	}

	.b_bestBlocks{
		margin-top:		50px !important;
		grid-template-columns: auto;
		grid-template-rows: repeat(3, auto);
		border:			none;
	}
	.bestBlock{
		grid-template-columns: auto;
		grid-template-rows: 1fr auto;
		border:			none;
		text-align:		center;
	}
	.bestIcon{
		margin:			0 auto;
	}

	.productsHeader{
		grid-template-columns: auto;
		grid-template-rows: repeat(4, auto);
	}
	.g_productContainer{
		grid-template-columns: auto;
		grid-template-rows: repeat(4, auto);
	}
	.imageWrapper{
		display:	none;
	}
	.infoTableContainer{
		padding:	0px;
	}

	.g_infoContainer{
		grid-template-columns: auto;
		grid-template-rows: repeat(4, auto);
	}
	.infoTable{
		grid-template-columns: auto;
		grid-template-rows: repeat(2, auto);
		grid-gap:	10px;
		padding:	10px;
	}
	.infoIcon{
		margin:		0px auto;
	}
	.infoText{
		text-align:	center;
	}

	.g_photoGroup{
		grid-template-columns: auto;
		grid-template-rows: repeat(4, auto);
	}

	.b_kontakt{
		padding:	10px;
	}
	.g_kontaktBlock{
		width:		100%;
	}
	.kontaktTitle{
		text-align:	center;
	}
	form.kontakt{
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr 1fr auto;
		grid-gap:			10px;
	}
	label{
		grid-column:		span 1;
	}

	.bottom{
		display:	none;
	}
	.bottomPhone{
		display:	block;
	}
	.g_bottomBlock{
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
	}


	.headerSubtitle{
		text-align:	center;
		padding: 0px 20px;
		font-size: 16px;
	}
	.meropHeaderBottom{
		grid-template-columns: 1fr;
		grid-template-rows: auto auto 1fr;
		grid-gap:	0px;
		justify-items: center;
		align-items: start;
	}


	.meropReal{
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto auto auto auto;
	}
	.meropRealTitle{
		grid-column:	span 1;
	}

	.abtGrid{
		grid-template-columns: 1fr;
	}
	.g_abtGrid2{
		grid-template-columns: 1fr;
	}
	.abtPic{
		width:	100%;
	}


	.gallery{
		grid-template-columns: 1fr;
	}


	.g_zalyBlock{
		grid-template-columns: 1fr;
	}
	.g_shtrInfoBlock{
		grid-template-columns: 1fr;
		margin-bottom: 20px;
	}


	.g_klkGrid{
		grid-template-columns: 1fr;
	}
	.klkTitle{
		grid-column:	span 1;
	}

	.klkBlock{
		grid-template-columns: 1fr;
	}
	.g_klkPic{
		grid-template-columns: 1fr;
	}

	.g_klkMer{
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto auto;
	}
	.g_klkLeft{
		grid-column:	auto;
		grid-row:		auto;
	}
	.g_klkRight{
		grid-column:	auto;
		grid-row:		auto;
	}


	.pam{
		grid-template-columns: 1fr;
		margin-bottom: 20px;
	}
	.pamDescription{
		grid-column:	span 1;
	}


	.kont{
		grid-template-columns: 1fr;
		margin-bottom: 20px;
	}
	.kontSubTitle{
		grid-column:	span 1;
	}
	.kontMap{
		grid-column:	auto;
		grid-row:		auto;
		height:			500px;
	}


	div.catAbout{
		margin-top:		130px !important;
	}
	.catProdPrice{
		width:			100%;
	}
	div.prodBlock{
		grid-template-columns: 1fr !important;
	}
	div.blockProdText{
		grid-row:		1;
		padding-left:	0px !important;
		margin-top:		40px !important;
	}
	div.prodPic{
		height:			500px !important;
	}

}