.header {padding: 15px 0 21px; box-shadow: 0px 1px 30px 0px #F650501A; background-color: var(--white);background: #36AFA6;}
.header .site-logo span {color: #fff;}
.header .site-logo span:first-child {
	background: #FCD204;
	color: #000;
}
.header .top-bar,
.header .top-bar ul {background-color: transparent;}
.header .top-bar {padding-top: 14px;}
.header .top-bar ul {gap: 27px;}
.header .menu {align-items: baseline;}
.header .dropdown.menu li a {font-size: 14px; font-weight: 600; padding: 14px 12px; transition: background-color .3s, color .3s;color: #fff;}
.header .dropdown.menu .sub-menu li a {
	color: #000;
}
.header .menu a {font-family: 'Roboto', serif; }
.header .menu a:hover {color: var(--white); background-color: var(--red);}
.header .menu .current-menu-item {background-color: #FCD204;}
.header .dropdown.menu li.current-menu-item a {color: #000;}

.header, .header-navigation, .navigation {position: relative; z-index: 20; }
.header .title-bar {background: transparent;}

.header .mobile-search {width: 0; height: 0; visibility: hidden; overflow: hidden;}


@media (min-width: 1000px) {
    .header .site-logo {white-space: nowrap;}
}

@media (max-width: 639px) {
    .header .site-logo {text-align: start;}
    .header .header-navigation {position: relative; display: flex;}
    .header .header-navigation .navigation{position: absolute; z-index: 100; top: 170%; left: -100%; width: 100vw; transform: translateX(-50%); background-color: var(--white); display: none!important;}
    .header .header-navigation .navigation.is-open {display: block!important;}

/*  Burger  */
    .menu-icon:hover::after {background: var(--dark-gray); box-shadow: unset; }
    .header .header-navigation .menu-icon {background-color: transparent!important;}
    .header .header-navigation .menu-icon span{ transition: background-color .2s; margin-top: 2px}
    .menu-icon::before,
    .menu-icon::after {content: '';  position: absolute; left: 0; transition: transform 0.3s ease; box-shadow: unset;}
    .header .header-navigation .menu-icon span,
    .menu-icon::before,
    .menu-icon::after {width: 24px; height: 2px; display: block; background-color: var(--dark-gray); }
    .menu-icon::before { top: 16px;}
    .menu-icon::after { bottom: 9px;}
    .menu-icon.active::before {transform: translateY(-10px) rotate(45deg);}
    .header .header-navigation  .menu-icon.active span {background-color: transparent;}
    .menu-icon.active::after {transform: translateY(6px) rotate(-45deg);}

/*  Search  */
    .header .mobile-search.search-form {background-color: transparent; width: fit-content; height: auto; visibility: visible;}
    .header .mobile-search .search-form-inner {display: none; padding: 0; position: absolute; top: 170%; left: -100%; transform: translateX(-50%); height: auto; width: 100vw; height: auto;}
    .header .mobile-search .logo-search {padding: 0;}
    .header .mobile-search .logo-search svg{width: 25px; height: 25px;}

    .header .top-bar {justify-content: center; padding: 70px 0;}
    .header .dropdown.menu li a {font-size: 16px; padding: 14px 46px;}
    .header .menu {align-items: unset; text-align: center;}
}