/*
1) COMMON
*/

/* 1) COMMON START */
	header  { padding: 4.125rem 0 4.25rem; z-index: 2; }

	.body-index header {
		position: absolute;
		top: 0;
		left: 0;
		padding: 7vh 0;
		width: 100%;
		transition: 0.3s;
		pointer-events: none;
		z-index: 2;
	}

	.body-index header.narrow {
		padding: 2vh 0 1.8vh;
		background: #f0f0f3;
	}

	header .navbar { padding: 0; }

	header .navbar-brand {
		display: inline-block;
		position: relative;
		margin-right: 0;
		padding: 0;
		width: 19.5625rem;
		height: 6.4375rem;
		font-size: 0;
		transition: 0.3s;
		pointer-events: auto;
	}

	header .navbar-brand:hover { opacity: 0.5; }

	.body-index header.narrow .navbar-brand { width: 8.6875rem; height: 1.6875rem; }

	header .navbar-brand::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url('../img/logo-mini-2.png') no-repeat 50%/contain;
		opacity: 0;
	}

	.body-index header.narrow .navbar-brand::after { opacity: 1; }

	header .navbar-brand img { width: 100%; transition: 0.3s; }

	.body-index header.narrow .navbar-brand img { opacity: 0; }

	header .navbar-expand-lg .navbar-collapse { justify-content: flex-end; }

	header .navbar-expand-lg .navbar-nav .nav-item { margin: 0 1.125rem; }

	header .navbar-expand-lg .navbar-nav .nav-item:first-child { margin-left: 0; }

	header .navbar-expand-lg .navbar-nav .nav-link {
		padding: 0;
		color: #000;
		font: 600 1rem/1 "AvenirNextCyr", Arial, sans-serif;
		pointer-events: auto;
	}

	header .navbar-expand-lg .navbar-nav .nav-link:hover { text-decoration: underline; }

	header .navbar-expand-lg .navbar-nav .nav-link.active { color: #00b188; }

	header .insta-link {
		display: block;
		margin-top: -2px;
		width: 20px;
		height: 20px;
		background: url('../img/svg/ico-instagram.svg') no-repeat 50%/contain;
	}

	header .logo-nk {
		display: block;
		margin-top: -8px;
		width: 88px;
		height: 32px;
		background: url('../img/logo-nk_32.webp') no-repeat 50%/contain;
	}
/* 1) COMMON END */

@media (min-width: 1025px) and (max-height: 900px) {
	.body-index header { padding: 3vh 0; }
}

@media (max-width: 1024px) {
	header,
	.body-index header {
		position: relative;
		padding: 0;
		pointer-events: auto;
		z-index: 2;
	}

	header .navbar { padding: 5.625rem 4rem 7.5rem; }

	header .navbar-brand { width: 42.1875rem; height: 13.875rem; }

	header .navbar-brand:hover { opacity: 1; }

	header .navbar-toggler {
		position: relative;
		padding: 0;
		width: 5.25rem;
		height: 4rem;
		border: 0;
		border-radius: 0;
	}

	header .navbar-toggler span {
		position: absolute;
		left: 50%;
		width: 100%;
		height: 0.75rem;
		background: #fff;
		transition: 0.3s;
	}

	header .navbar-toggler.collapsed span { background: #00b188; }

	header .navbar-toggler span:nth-child(1) { top: 50%; transform: translate(-50%, -50%) rotate(-45deg); }
	header .navbar-toggler span:nth-child(2) { top: 50%; transform: translate(-50%, -50%) rotate(45deg); }
	header .navbar-toggler span:nth-child(3) { top: 50%; transform: translate(-50%, -50%) rotate(-45deg); }

	header .navbar-toggler.collapsed span:nth-child(1) { top: 0%; transform: translate(-50%, 0%) rotate(0deg); }
	header .navbar-toggler.collapsed span:nth-child(2) { top: 50%; transform: translate(-50%, -50%) rotate(0deg); }
	header .navbar-toggler.collapsed span:nth-child(3) { top: 100%; transform: translate(-50%, -100%) rotate(0deg); }

	header .navbar-expand-lg .navbar-collapse {
		position: absolute;
		top: 0;
		left: 0;
	}

	header .navbar-nav {
		padding: 13.125rem 7.75rem;
		width: 100vw;
		height: 100%;
		min-height: 100vh;
		background: #01b288;
	}

	header .navbar-expand-lg .navbar-nav .nav-item { margin: 0 0 2.5rem; }

	header .navbar-expand-lg .navbar-nav .nav-item:last-child { margin-bottom: 0; }

	header .navbar-expand-lg .navbar-nav .nav-link {
		display: inline-block;
	    color: #fff;
	    font-size: 4.375rem;
	    text-decoration: underline;
	}

	header .sub-menu.collapse {
		display: block;
		padding-top: 3.125rem;
		padding-left: 4rem;
	}

	header .navbar-expand-lg .navbar-nav .sub-menu.collapse li { margin-bottom: 0; }

	header .navbar-expand-lg .navbar-nav .sub-menu.collapse a { font-size: 3.25rem; line-height: 5.125rem; }

	header .insta-link {
		margin-top: 0;
		width: 6.25rem;
		height: 6.25rem;
		background: url('../img/svg/ico-instagram-white.svg') no-repeat 50%/contain;
	}

	header .logo-nk {
		margin-top: -25px;
		width: 20rem;
		height: 20rem;
		background: url('../img/logo-nk_100.webp') no-repeat 50%/contain;
	}
}