@charset "utf-8";

/* HEADER (LOGO) */
HEADER {position:sticky;top:0;z-index:10;width:100%;padding:0rem 1rem;background:var(--base-1);}
.header_box {display:flex;align-items:center;max-width:var(--width-1);margin:0 auto;background:var(--base-1);}
.header {flex-grow:1;display:flex;align-items:center;justify-content:space-between;padding-right:2rem;}
.header_logo {}
.header_logo IMG {width:15rem;}

.header_contacts_container {display:flex;align-items:center;gap:1.5rem;}
.header_contacts_container A {
	display:inline-block;
	font-family:Stem;font-weight:300;
	color:#fff;
	white-space:nowrap;
	transition:all .2s ease-in-out;
	}
.header_contacts_container A:nth-child(2) {padding:0 1.2rem;border-left:1px solid #fff5;border-right:1px solid #fff5;}
.header_contacts_container A:hover {color:var(--blue-1);}

.header_phone {font-size:1.6rem;}
.header_messenger {}
	.header_messenger IMG {height:2.2rem;}
	.header_messenger:hover {}
.header_email {font-size:1.5rem;}

.header_lang_container {display:flex;align-items:center;gap:1.5rem;font:300 1.7em Stem;transition:all .2s ease-in-out;}
.header_lang_container DIV {display:inline-block;color:var(--blue-1);}
.header_lang_container A {display:inline-block;color:#fff;}
.header_lang_container A:hover {color:var(--blue-1);}

/* BURGER MENU MOBILE */
.header_burgerM_container {
	display:grid;
	position:relative;
	place-content:center;
	}
.header_burgerM_checkbox {
	position:absolute;
	visibility:hidden;
	}
.header_burgerM {
	position:relative;z-index:2;
	display:block;
	width:3rem;
	height:2.2rem;
	margin:1.5rem 0;/* Top Burger positioning */
	border:0;
	background:transparent;
	cursor:pointer;
	}
.header_burgerM::before,
.header_burgerM::after {
	content:'';
	position:absolute;
	display:block;
	left:0;
	width:100%;
	height:.2rem;
	background:#fff;
	border-radius:.5rem;
	}
.header_burgerM::before {
	top:0;
	box-shadow:0 1rem 0 #fff;
	transition:box-shadow .2s .15s, top .2s .15s, transform .2s;
	}
.header_burgerM::after {
	bottom:0;
	transition:bottom .2s .15s, transform .2s;
	}
.header_burgerM_checkbox:checked + .header_burgerM::before {
	top:1rem;
	background:#fff;
	transform:rotate(45deg);
	box-shadow:0 .6rem 0 rgba(0,0,0,0);
	transition:box-shadow .15s, top .2s, transform .2s .05s;
	}
.header_burgerM_checkbox:checked + .header_burgerM::after {
	bottom:1rem;
	background:#fff;
	transform:rotate(-45deg);
	transition:bottom .2s, transform .2s .05s;
	}
.header_burgerM_checkbox:checked ~ .header_menuM_box {transform:translateY(0);}

.header_menuM_box {position:absolute;z-index:-1;top:100%;right:0;width:25rem;background:var(--base-2);transform:translateY(-100%);transition:.15s;}
.header_menuM_top {width:100%;height:5.2rem;display:none;background:var(--base-2);} /* Блок с кнопкой закрытия Burger справа */
.header_menuM_lang {width:calc(100% - 6rem);display:none;align-items:center;gap:2rem;padding:1.5rem;font:300 2rem Stem;} /* Блок LANG */
.header_menuM_lang DIV {display:inline-block;color:var(--blue-1);}
.header_menuM_lang A {display:inline-block;color:#fff;}

.header_menuM_contacts_container {
	display:none;justify-content:space-between;align-items:center;
	width:100%;
	padding:2rem 1.5rem;
	background:var(--base-1);
	}
.header_menuM_contacts_container A {
	display:block;
	color:#fff;
	font:300 2rem Stem;
	white-space:nowrap;
	}
.header_menuM_messengers_container {display:flex;align-items:center;gap:2rem;}
.header_menuM_messengers_container IMG {height:3rem;}

.header_menuM_list A {font-size:1.8rem;display:block;padding:1.5rem;color:#fff;}
.header_menuM_list A:hover {color:var(--blue-1);background:var(--base-1);}

@media (max-width:750px) {
.header_contacts_container .header_email {display:none;}
}

@media (max-width:550px) {
.header_logo_container {flex-grow:1;}
.header_contacts_container {display:none;}
.header_lang_container {font-size:2rem;}
.header_burgerM_container {position:static;}
.header_menuM_box {z-index:0;top:0;left:0;width:100%;}
.header_menuM_top, .header_menuM_lang, .header_menuM_contacts_container {display:flex;}
}

@media (max-width:330px) {
.header_lang_container {display:none;}
.header_menuM_contacts_container {flex-direction:column;justify-content:center;gap:2rem;}
}

/* FOOTER */
FOOTER {}

.footer_copyright_container {width:100%;padding:1rem;background:var(--base-1);}
.footer_copyright {
	display:flex;justify-content:space-between;
	max-width:var(--width-1);
	margin:0 auto;
	color:var(--base-5);
	font-size:1.4rem;
	}
	.footer_copyright_left {}
	.footer_copyright_right {}

.footer_copyright_right A {color:var(--base-5);}
.footer_copyright_right A:hover {color:var(--base-6);}

@media (max-width:370px) {
.footer_copyright {justify-content:center;}
.footer_copyright_right {display:none;}
}