/*----- HEADER  ---------------------------------------*/

.Content-main-page {
	display: none;
}

.Content-page {
	display: inline-grid;
}

.RequestCall,
.telegramButton,
.WhatsAppButton {
	color: var(--textLight);
}

.RequestCall {
	background: var(--accent2);
	color: var(--textLight);
}

.RequestCall:hover {
	background: var(--accent3);
}

.telegramButton {
	background: var(--telegramColor);
}

.telegramButton:hover {
	background: var(--telegramHover);
}

.WhatsAppButton {
	background: var(--WhatsAppColor);
	font-weight: 600;
}

.WhatsAppButton:hover {
	background: var(--WhatsAppHover);
}




/*----------- DESCTOP ---------------------------------------------------*/
@media screen and (min-width:769px) {

	.header {
		display: grid;
		grid-template-columns: 1.2fr 1.4fr 1fr 1fr;
		grid-gap: 24px;
		min-height: 98px;
	}


	/*-- icons ---------------------------*/

	.header .icons {
		position: absolute;
		fill: var(--color6);
		width: 18px;
		height: 24px;
	}

	.icons_caption {
		margin-left: 26px;

	}

	/*-- Logo ---------------------------*/
	.logo-main-page {
		display: none;
	}

	.logo {
		width: 240px;
		padding: 36px 0 0px 0;
		display: block;
	}

	.logo img {
		width: 100%;
	}

	.header_block_2,
	.header_block_3,
	.header_block_4 {
		padding: 40px 0 0 0px;
		font-weight: 300;
		line-height: 1.78;
		font-size: medium;
	}

	/*-- Map ---------------------------*/
	.ShowMapLink {
		display: inline-block;
		cursor: pointer;
		/* padding-left: 8px; */
		text-decoration: underline;
		color: var(--accent7);
	}

	/*-- WorkTime ---------------------------*/
	.WorkTime sup {
		font-size: 10px;
	}

	/*-- Mail ---------------------------*/
	.Mail a {
		color: var(--accent7);
		text-decoration: none;
	}

	/*-- Phone ---------------------------*/
	.Phone {
		float: right;
		margin-top: -3px;
	}

	.Phone a {
		font-size: 18px;

	}

	.Header-ChatBox-Wraper {
		display: grid;
		grid-template-columns: 5fr 1fr 1fr;
		grid-gap: 4px;
		clear: both;
	}

	.Header-ChatBox-icon {
		width: 18px;
		height: 18px;
	}


	.RequestCall,
	.telegramButton,
	.WhatsAppButton {
		font-weight: 300;
		line-height: 1.7;
		text-align: center;
		border-radius: 2px;
		cursor: pointer;
		height: 28px;
		vertical-align: middle;
	}

	.RequestCall {
		font-size: medium;
		padding: 0px 8px 0px 8px;
	}

	.telegramButton {
		padding-top: 4px;
		box-sizing: border-box;
	}

	.WhatsAppButton {
		padding-top: 4px;
		box-sizing: border-box;
		font-weight: 600;
	}

}

/*----------- MOBILE ----------------------------------------------------*/
@media screen and (max-width:768px) {

	.header {
		padding-top: 124px;
	}

	.header_block_1,
	.header_block_2,
	.header_block_3,
	.header_block_4 {
		display: none;
	}

	/*--------- MENU Header -------------------------------*/
	.MenuHeader {
		background: var(--gradient2);
		color: var(--textLight);
		padding: 14px 24px 32px 24px;
	}

	/*-- icons ---------------------------*/

	.MenuHeader .icons {
		position: absolute;
		fill: var(--color7);
		width: 24px;
		height: 24px;
	}

	.icons_caption {
		margin-left: 32px;
		padding-top: 2px;
	}


	.WorkTime,
	.MapPin,
	.Phone,
	.Mail,
	.Login {
		padding-top: 24px;
		display: flex;
		align-items: center;

	}

	/*-- WorkTime ---------------------------*/
	.WorkTime sup {
		font-size: 2vw;
	}

	/*-- Phone ---------------------------*/
	.Phone a {
		font-size: x-large;
		padding-top: 7px;
		display: block;
	}

	/*-- Mail ---------------------------*/
	.Mail a {
		color: var(--color7);
		text-decoration: none;
	}

	/*-- Map ---------------------------*/
	.MapPin {
		line-height: 1.4;
		margin-bottom: 18px;
	}

	.ShowMapLink {
		display: block;
		cursor: pointer;
		padding-top: 8px;
		color: var(--color7);
	}






	
	.MenuSocials {
		padding-top: 8px;
	}

	.Socials-Item {
		margin: 0 16px 16px 0;
		display: inline-block;
		width: 32px;
	}



}