header{
		position:fixed;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:center;
		align-items:center;
		top:0;
		left:0;
		right:0;
		padding:10vh 7% 0 7%;
		height:30vh;
		z-index:1000;
		background:none;
		-webkit-transition:all 1s ease-out;
		-moz-transition:all 1s ease-out;
		-ms-transition:all 1s ease-out;
		-o-transition:all 1s ease-out;
		transition:all 1s ease-out;
		}
header.header-all{
		height:20vh;
		}
header.scroll{
		padding:0 7%;
		width:100%;
		height:10vh;
		background:#F5B601;
		border:none;
		border-radius:0;
		box-shadow:none;
		}
		
header .inner-header{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:center;
		align-items:center;
		width:100%;
		height:100%;
		margin:0;
		}
header.scroll .inner-header{
		justify-content:flex-end;
		}	
			
header .inner-header .inner-header-left{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:center;
		align-items:center;
		width:100%;
		height:100%;
		margin:0;
		}
header .inner-header .inner-header-left .logo{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:center;
		align-items:center;
		width:15%;
		height:100%;
		z-index:1;
		background:url(/img/logo.png);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:left center;
		}		
header.header-all .inner-header .inner-header-left .logo{
		background:url(/img/logo-w.png);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:left center;
		}
header.scroll .inner-header .inner-header-left .logo{
		width:15%;
		background:url(/img/logo-w.png);
		background-size:auto 80%;
		background-repeat:no-repeat;
		background-position:left center;
		}			
header .inner-header .inner-header-left .menu{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:center;
		align-items:center;
		width:55%;
		z-index:1002;
		}
header .inner-header .inner-header-left .menu a,
header .inner-header .inner-header-left .menu button{
		display:block;
		font-weight:600;
		font-size:17px;
		color:#FFF;
		padding:10px 25px;
		text-transform:uppercase;
		-webkit-transition:all 1s ease-out;
		-moz-transition:all 1s ease-out;
		-ms-transition:all 1s ease-out;
		-o-transition:all 1s ease-out;
		transition:all 1s ease-out;
		background:#01BAF5;
		z-index:1003;
		}
header .inner-header .inner-header-left .menu button{
		background:#F5B601;
		}
header .inner-header .inner-header-left .menu a:hover,
header .inner-header .inner-header-left .menu button:hover{
		color:#FFF;
		background:#F5B601;
		}
header .inner-header .inner-header-left .menu button:hover{
		background:#01BAF5;
		}			

header .dropdown-menu{
		display:none;
		position:absolute;
		top:24vh;
		left:5%;
		right:5%;
		padding:40px;
		background:rgba(1, 186, 245, 0.9);
		max-height:0;
    	overflow:hidden;
		-webkit-transition:all 1s ease-out;
		-moz-transition:all 1s ease-out;
		-ms-transition:all 1s ease-out;
		-o-transition:all 1s ease-out;
		transition:all 1s ease-out;
		z-index:1001;
		}	
header .dropdown-menu.active{
		display:block;
		}
header .dropdown-menu .dropdown-menu-box{
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		}

header .dropdown-menu .dropdown-menu-box div{
		display:block;
		width:23%;
		background:#FFF;
		padding:25px;
		margin:15px 1%;
		-webkit-transition:all 1s ease-out;
		-moz-transition:all 1s ease-out;
		-ms-transition:all 1s ease-out;
		-o-transition:all 1s ease-out;
		transition:all 1s ease-out;
		}
header .dropdown-menu .dropdown-menu-box div .dropdown-menu-cat,
header .dropdown-menu .dropdown-menu-box div .dropdown-menu-podcat,
header .dropdown-menu .dropdown-menu-box div .dropdown-menu-more{
		color:#000;
		text-decoration:none;
		display:block;
		padding:0;
		margin:0 0 5px 0;
		background:none;
		}
header .dropdown-menu .dropdown-menu-box div .dropdown-menu-cat:hover,
header .dropdown-menu .dropdown-menu-box div .dropdown-menu-podcat:hover,
header .dropdown-menu .dropdown-menu-box div .dropdown-menu-more:hover{
		background:none;
		color:#F5B601;
		}
header .dropdown-menu .dropdown-menu-box div .dropdown-menu-cat{
		font-size:16px;
		line-height:1.2;
		font-weight:600;
		}
header .dropdown-menu .dropdown-menu-box div .dropdown-menu-podcat{
		font-size:15px;
		line-height:1.2;
		font-weight:400;
		text-transform:none;
		padding:0 0 0 20px;
		}
header .dropdown-menu .dropdown-menu-box div .dropdown-menu-more{
		font-size:15px;
		line-height:1.2;
		font-weight:600;
		text-transform:none;
		margin:0;
		}
		
		
/*thb-secondary-area, thb-secondary-item-cart, thb-secondary-area-item*/
.thb-secondary-area{
		line-height:1;
		width:18%;
		margin:0.5% 1% 0 0;
		height:100%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		}
.thb-secondary-myaccount{
		text-transform:uppercase;
		margin:0 3% 0 0;
		padding:0.7% 0 0 0;
		}
.thb-secondary-item-cart{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:center;
		align-content:center;
		width:45px;
		height:100%;
		padding-right:0;
		}
.thb-secondary-area-item{
		height:100%;
		align-items:center;
		display:inline-flex;
		padding:0 2% 0 0;
		}
.thb-secondary-area-item:last-child{
		padding-right:0;
		}
		
header .inner-header .hamburger,
.mobile-menu{
		display:none;
		}	
	
@media only screen and (max-width:768px){
header{
		width:100%;
		padding:12vh 7% 0 7%;
    	height:10vh;
		}
header.header-all{
		padding:5vh 7% 0 7%;
		}
header.scroll,
header.header-all.scroll{
		padding:1vh 7% 0 7%;
		}
header .inner-header,
header.scroll .inner-header{
		display:flex;
		justify-content:space-between;
		align-content:center;
		align-items:center;
		z-index:1;
		height:5vh;
		margin:0;
		}				
header .inner-header .inner-header-left{
		margin:0;
		width:70%;
		height:100%;

		}	
header .inner-header .inner-header-left .logo,
header .inner-header .inner-header-left .menu{
		display:none;
		}
header.scroll{
		display:block;
		}
.thb-secondary-area {
		width:50%;
		margin:0 0 0 0;
		}

/* hamburger */
header .inner-header .hamburger{
		display:block;
		position:relative;
		width:30px;
		height:25px;
		z-index:1000;
		cursor:pointer;
		margin-left:10px;
		margin:0;
		}
header.scroll .inner-header .hamburger{
		margin:0;
		}	
header .inner-header .hamburger span{
		display:block;
		position:absolute;
		width:100%;
		height:4px;
		background:#01BAF5;
		transition:all 1s ease-out;
		}
		
header .inner-header .hamburger span:nth-child(1){
		top:0;
		}
		
header .inner-header .hamburger span:nth-child(2){
		top:8px;
		}
		
header .inner-header .hamburger span:nth-child(3){
		top:16px;
		}
		
/* Анимация гамбургера */
header .inner-header .hamburger.active span:nth-child(1){
		transform:rotate(45deg) translate(5px, 5px);
		}
		
header .inner-header .hamburger.active span:nth-child(2){
		opacity:0;
		}
		
header .inner-header .hamburger.active span:nth-child(3){
		transform:rotate(-45deg) translate(5px, -5px);
		}
		
/* Мобильное меню */
.mobile-menu{
		position:fixed;
		display:none;
		top:0;
		left:-100%;
		width:85%;
		max-width:320px;
		height:100vh;
		background:rgba(29,30,37,0.98);
		z-index:999;
		padding:70px 20px 20px;
		transition:left 0.4s cubic-bezier(0.4, 0, 0.2, 1);
		overflow-y:auto;
		box-shadow:2px 0 10px rgba(0,0,0,0.3);
		}	
.mobile-menu.active{
		left:0;
		}		
.mobile-menu{
		display:block;
		width:80%;
		max-width:300px;
		z-index:1002;
		}		
.mobile-menu a{
		display:block;
		font-size:16px;
		color:#FFF;
		padding:12px 0;
		border-bottom:1px solid rgba(255,255,255,0.1);
		text-transform:uppercase;
		transition:all 1s ease;
		}	
.mobile-menu a:hover{
		color:#FFF;
		padding-left:8px;
		}	
.mobile-menu .menu-button{
		display:block;
		margin-top:20px;
		padding:12px;
		border:1px solid #45474D;
		border-radius:4px;
		text-align:center;
		}
		
/* Оверлей для мобильного меню */
.mobile-menu-overlay{
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background:#F5B601;
		z-index:998;
		opacity:0;
		visibility:hidden;
		transition:all 1s ease;
		}
		
.mobile-menu-overlay.active{
		opacity:1;
		visibility:visible;
		}		
#menu-button{
		display:none;
		}
}