.header-2 {
    background-color: #fff;
}
.header-2 .logo {
    margin-top: 2.9rem;
    margin-bottom: 2.9rem;
}
.header-2 .header-search-extended {
    margin-right: 0;
    max-width: none;
}
.header-2 .header-search-extended select,
.header-2 .header-search-extended .form-control {
    height: 38px;
}
.header-2 .header-search-extended .form-control {
    padding: 1.2rem 2.4rem 1rem 2rem;
    font-family: "Poppins";
    letter-spacing: -0.01em;
}
.header-2 .header-search-extended .btn {
    height: 42px;
    background-color: transparent;
    color: #666;
    max-width: 60px;
}
.header-2 .header-search-extended .btn:hover,
.header-2 .header-search-extended .btn:focus,
.header-2 .header-search-extended .btn:active {
    color: #612080;
    background-color: transparent;
}
.header-2 .btn-primary:not(:disabled):not(.disabled):active,
.header-2 .btn-primary:not(:disabled):not(.disabled).active,
.header-2 .show > .btn-primary.dropdown-toggle {
    color: #99d7ec;
    background-color: transparent;
}
.header-2 .header-search .search-wrapper-wide {
    width: unset;
}
.header-2 .header-top {
    font-weight: 300;
    font-size: 1.4rem;
    background-color: #f8f8f8;
}
.header-2 .header-top .header-left {
    display: flex;
    align-items: center;
}
.header-2 .header-top .container::after,
.header-2 .header-top .container-fluid::after {
    height: 0;
}
.header-2 .header-dropdown {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.header-2 .header-dropdown + .header-dropdown {
    margin-left: 4rem;
}
.header-2 .login-modal {
    margin-left: 4rem;
}
.header-2 .top-menu {
    text-transform: capitalize;
}
.header-2 .top-menu li + li {
    margin-left: 4rem;
}
.header-2 .header-middle {
    border-bottom: none;
}
.header-2 .header-middle .container::after {
    position: absolute;
    content: "";
    bottom: -0.1rem;
    left: 1rem;
    right: 1rem;
    height: 0.1rem;
    background-color: #ebebeb;
}
.header-2 .cart-dropdown .dropdown-menu,
.header-2 .compare-dropdown .dropdown-menu {
    margin-top: 0;
}
.header-2 .cart-dropdown:not(:hover):not(.show) .dropdown-toggle,
.header-2 .compare-dropdown:not(:hover):not(.show) .dropdown-toggle,
.header-2 .mobile-menu-toggler,
.header-2 .search-toggle:not(:hover):not(:focus),
.header-2 .wishlist-link:not(:hover):not(:focus) {
    color: #333;
}
.header-2 .sticky-header {
    background-color: #612080;
}
.header-2 .mobile-menu-toggler {
    margin-left: 0;
}
.header-2 .header-search .header-search-wrapper {
    border-color: #dadada;
}
.header-2 .header-bottom {
    color: #fff;
}
.header-2 .header-bottom .main-nav {
    margin-left: 0;
}
.header-2 .header-bottom .menu ul,
.header-2 .header-bottom .menu .megamenu {
    margin-top: 0;
}
.header-2 .header-bottom .menu > li:not(:hover):not(.active):not(.show) > a {
    color: #fff;
}
.header-2 .header-bottom .mobile-menu-toggler {
    color: #fff;
}
@media screen and (max-width: 991px) {
    .header-2 .header-search-visible .header-search-wrapper:before {
        border-bottom-color: #dadada;
    }
}
@media screen and (max-width: 991px) {
    .header-middle .header-center {
        display: none;
    }
    .top-menu:not(.top-link-menu) ul {
        min-width: 141px;
    }
    .top-menu > li {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
    .top-menu .header-dropdown {
        padding: 0;
    }
    .top-menu .header-dropdown ul {
        left: -100%;
        right: 100%;
    }
    .top-menu .header-menu {
        padding: 0;
    }
}

.header-middle {
    border-bottom: 0.1rem solid #f4f4f4;
}
.header-middle .menu > li > a {
    letter-spacing: 0.01em;
}
.header-middle .menu.sf-arrows > li > .sf-with-ul {
    padding-right: 1.5rem;
}

.header {
    width: 100%;
    background-color: #fff;
}
.header .container,
.header .container-fluid {
    position: relative;
    display: flex;
    align-items: center;
}
.header-left,
.header-center,
.header-right {
    display: flex;
    align-items: center;
}
.header-right {
    margin-left: auto;
    align-self: stretch;
}
.header-center {
    margin-left: auto;
    margin-right: auto;
}
.logo {
    display: block;
    margin-top: 2.55rem;
    margin-bottom: 2.95rem;
    flex-shrink: 0;
    min-height: 25px;
}
.logo img {
    display: block;
    max-width: 100%;
    height: auto;
}
.header-top {
    font-weight: 300;
    font-size: 1.3rem;
    line-height: 1.5;
    letter-spacing: 0;
    color: #777;
    margin-bottom: 0.1rem;
}
.header-top a {
    color: inherit;
}
.header-top a:hover,
.header-top a:focus {
    color: #99d7ec;
}
.header-top .container,
.header-top .container-fluid {
    position: relative;
}
.header-top .container:after,
.header-top .container-fluid:after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 10px;
    right: 10px;
    background-color: #ebebeb;
}
.header-top .top-menu li + li {
    margin-left: 2.6rem;
}
@media screen and (min-width: 1200px) {
    .header-top .container-fluid:after {
        left: 30px;
        right: 30px;
    }
}
@media screen and (min-width: 1600px) {
    .header-top .container-fluid:after {
        left: 70px;
        right: 70px;
    }
}
.top-menu {
    text-transform: uppercase;
    letter-spacing: -0.01em;
    margin: 0;
}
.top-menu > li {
    position: relative;
}
.top-menu > li > a {
    display: none;
}
.top-menu ul {
    display: flex;
    align-items: center;
}
.top-menu li + li {
    margin-left: 3rem;
}
.top-menu a {
    display: inline-flex;
    align-items: center;
}
.top-menu i {
    font-size: 1.5rem;
    margin-right: 0.8rem;
    line-height: 1;
}
.top-menu i.icon-heart-o {
    margin-top: -0.2rem;
}
.top-menu span {
    color: #99d7ec;
    margin-left: 0.3rem;
}
.header-dropdown {
    position: relative;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}
.header-dropdown + .header-dropdown {
    margin-left: 2.9rem;
}
.header-dropdown > a,
.header-dropdown > span {
    position: relative;
    display: inline-flex;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    padding-right: 2.2rem;
    align-items: center;
    text-transform: uppercase;
}
.header-dropdown > a::after,
.header-dropdown > span::after {
    font-family: "molla";
    content: "\f110";
    position: absolute;
    right: 0;
    top: 50%;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1;
    margin-top: -0.7rem;
}
.header-dropdown a:hover,
.header-dropdown a:focus {
    text-decoration: none;
}
.header-menu {
    position: absolute;
    left: -1.5rem;
    top: 100%;
    z-index: 20;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    min-width: 100%;
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
    box-shadow: 2px 5px 8px rgba(51, 51, 51, 0.05), -2px 5px 8px rgba(51, 51, 51, 0.05);
    transition: all 0.25s;
    margin-top: 1px;
}
.header-dropdown:first-child .header-menu {
    left: 0;
}
.header-menu:before {
    content: "";
    display: block;
    width: 100%;
    height: 0.1rem;
    position: absolute;
    top: -1px;
    left: 0;
}
.header-dropdown:hover > .header-menu,
.header-dropdown:focus > .header-menu {
    visibility: visible;
    opacity: 1;
}
.header-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.header-menu ul li {
    margin: 0;
}
.header-menu ul a {
    padding: 0.3rem 1.5rem;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.header-menu a {
    color: inherit;
}
.header-menu a:hover,
.header-menu a:focus {
    color: #99d7ec;
}
.header-right .header-menu,
.header-right .header-dropdown:first-child .header-menu {
    left: auto;
    right: 0;
}
.header-right .top-menu + .header-dropdown {
    margin-left: 2.5rem;
}