/* HEADER START */
	header {
		position: absolute;
		top: 0;
		left: 0;
		padding: 2.75rem 0 2.5rem 3.125rem;
		width: 18.25rem;
		background: #F07824;
		transition: 0.3s;
		z-index: 10;
	}

	header * { transition: 0.3s; }

	header::after {
		content: '';
		position: fixed;
		top: 0;
		left: 0;
		width: 18.25rem;
		height: 100vh;
		background: #F07824;
		z-index: -1;
	}

	header .abi {
		position: absolute;
		top: -0.125rem;
		left: 50%;
		width: 12vh;
		transform: translate(-50%, 0);
	}

	header .abi img { width: 100%; }

	header .navbar-expand-lg {
		flex-direction: column;
		align-items: flex-start;
		padding: 0;
	}

	header .navbar-brand {
		display: block;
		margin-right: 0;
		padding: 0;
	}

	header .navbar-brand.mob { display: none; }

	header .navbar-brand img,
	header .navbar-brand picture { width: 100%; }

	header .logo-1 { margin-bottom: 1.625rem; width: 17.875rem; }

	header .logo-2 { margin-bottom: 4.6875rem; width: 13.75rem; }

	header .navbar-expand-lg .navbar-collapse { flex-direction: column; align-items: flex-start; }

	header .navbar-expand-lg .navbar-nav { flex-direction: column; margin-bottom: 6.875rem; }

	header .navbar-expand-lg .navbar-nav .nav-item { margin-bottom: 3.5rem; }

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

	header .navbar-expand-lg .navbar-nav .nav-link {
		padding: 0;
		color: #fff;
		font: 500 0.875rem "Rubik", Arial, sans-serif;
		text-transform: uppercase;
		text-decoration: none;
	}

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

	header .header__info { margin-bottom: 1.875rem; }

	header .header__info li { margin-bottom: 1.875rem; }

	header .header__info li:last-child { margin-bottom: 0; }

	header .header__info li p {
		margin: 0;
		color: #fff;
		font: 400 0.75rem "Raleway", Arial, sans-serif;
	}

	header .header__info li h3 {
		margin: 0;
		color: #fff;
		font: 500 1rem "Raleway", Arial, sans-serif;
	}

	header .header__info li a {
		margin: 0;
		color: #fff;
		font: 400 0.75rem "Raleway", Arial, sans-serif;
		text-decoration: underline;
	}

	header .header__info li a:hover { text-decoration: none; }

	header .nav-item .btn {
		width: 8.625rem;
		height: 1.875rem;
		font: 500 0.875rem "Rubik", Arial, sans-serif;
		text-transform: uppercase;
	}

	header .nav-item .btn-buy i {
		flex-shrink: 0;
		margin-left: 0.5rem;
		width: 0.6875rem;
		height: 0.6875rem;
		background: url('../img/svg/shopping-bag-1.svg') no-repeat 50%/contain;
	}
/* HEADER END */

/* HEADER-FIXED START */
	header.header-fixed { position: fixed; padding: 10vh 0 4vh 2.725rem; }

	header.header-fixed .logo-1 { margin-bottom: 8vh; width: 42vh; }

	header.header-fixed.header-state2 .logo-1 { width: 32vh; }

	header.header-fixed .logo-2 { margin-bottom:4vh; margin-left: 2vh; width: 26vh; }

	header.header-fixed.header-state2 .logo-2 { width: 18vh; }

	header.header-fixed .navbar-expand-lg .navbar-nav { margin-bottom: 2vh; }

	header.header-fixed .navbar-expand-lg .navbar-nav .nav-item { margin-bottom: 2vh; }

	header.header-fixed .navbar-expand-lg .navbar-nav .nav-link { font-size: 2vh; }

	header.header-fixed .header__info { margin-bottom: 0vh; }

	header.header-fixed .header__info li { margin-bottom: 3vh; }

	header.header-fixed .header__info li p { font-size: 1.85vh; }

	header.header-fixed .header__info li h3 { font-size: 2.5vh; }

	header.header-fixed .header__info li a { font-size: 2vh; }
/* HEADER-FIXED END */

@media (max-width: 1024px) {
	header {
		position: fixed;
		padding: 0;
		width: 100%;
	}

	header::after { display: none; }

	header .navbar-expand-lg {
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		padding: 0;
		height: 10.25rem;
	}

	header .navbar-brand {
		display: block;
		margin-right: 0;
		padding: 0;
	}

	header .logo-1 {
		margin-bottom: 0;
		margin-left: 4rem;
		margin-right: 6.25rem;
		width: 18.875rem;
		z-index: 1
	}

	header .logo-2 {
		margin-bottom: 0;
		margin-right: 5.625rem;
		width: 16rem;
	}

	header .navbar-toggler {
		position: absolute;
		top: 50%;
		padding: 0;
		width: 5.625rem;
		height: 4.375rem;
		right: 4rem;
		transform: translate(0, -50%);
	}

	header .navbar-toggler:focus { outline: 0; }

	header .navbar-toggler span {
		position: absolute;
		width: 100%;
		height: 1.1875rem;
		background: #A93439;
		border: 0.375rem solid #fff;
		border-radius: 62.5rem;
		transition: 0.3s;
	}

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

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

	header .navbar-expand-lg .navbar-collapse {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background: #F07824;
	}

	header .abi { top: 0; width: 11vh; }

	header .navbar-brand.mob {
		display: block;
		display: none;
		margin: 10vh auto 0;
		width: 25.4vh;
		height: 20vh;
	}

	header .navbar-expand-lg .navbar-nav { margin-bottom: 3vh; padding-top: 11vh; }

	header .navbar-expand-lg .navbar-nav::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: #F07824;
		z-index: -1;
	}

	header .navbar-expand-lg .navbar-nav .nav-item { margin-bottom: 2.1vh; }

	header .navbar-expand-lg .navbar-nav .nav-link { font-size: 2.55vh; text-align: center; line-height: 1.2;}

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

	header .header__info { margin-bottom: 3vh; }

	header .header__info li { text-align: center; }

	header .header__info li p { font-size: 2.5vh; }

	header .header__info li h3 { font-size: 2.75vh; }

	header .header__info li a { font-size: 2.75vh; }

	header .social { padding-bottom: 6vh; }

	header .social ul li { margin: 0 1vh; }

	header .social .soc { width: 6vh; height: 6vh; }

	header .nav-item .btn {
		margin: 0 auto;
		width: 26vh;
		height: 5.5vh;
		font-size: 2vh;
	}

	header .nav-item .btn-buy i {
		margin-left: 0.5vh;
		width: 2.5vh;
		height: 2.5vh;
	}
}