nav.header-nav{
    z-index:1001;
    -webkit-box-shadow:none;
    box-shadow:none;
    background:transparent;
}
nav.header-nav .nav-wrapper{
    background:#ee6e73;
    color:white;
    transition: all .2s;
    -webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    box-shadow:0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}

nav.header-nav .nav-wrapper .container{
    padding:0 .5rem;
}
nav.header-nav .nav-wrapper .container .header-nav-menu:after{
    clear:both;
    display:block;
    content:""
}
nav.header-nav .nav-wrapper .container .header-nav-menu-wrapper{
    display:none;
}

nav.header-nav .nav-wrapper .brand-logo {
    display:block;
    height:100%;
    float: left;
    position: relative;
    transform: none;
    left: 0;
    height: 54px;
    margin: 5px;
    transition: all .2s;
}
nav.header-nav .nav-wrapper .brand-logo img{
    display:block;
    height:100%;
}
nav.header-nav .nav-wrapper .header-nav-item:not(.only-icon) > .header-nav-item-content:not(.only-icon){
    padding:0 1rem;
}

@media screen and (max-width:600px){
    nav.header-nav .nav-wrapper .brand-logo{
        height:46px;
    }
}
@media screen and (max-width:992px){
    nav.header-nav .nav-menu{
        display:none;
    }
}

nav.header-nav .header-nav-content{
    min-height:64px;
    float:none;
}
@media screen and (max-width:600px){
    nav.header-nav .header-nav-content{
        min-height:56px;
    }
}
nav.header-nav .header-nav-content-title:not(.right){
    margin-right:1rem;
}

body.header-nav-big.scrollbar-on-top nav.header-nav .nav-wrapper{
    height:100px;
    line-height:100px;
}
body.header-nav-big.scrollbar-on-top nav.header-nav .nav-wrapper .brand-logo{
    height:84px;
    margin: 8px;
}
body.header-nav-big.scrollbar-on-top nav.header-nav .header-nav-item{
    margin: 30px 0 0 0;
}
body.header-nav-big.scrollbar-on-top nav.header-nav form.nav-search-form.header-nav-item .input-field.search-expandable{
    top:30px;
}

body.header-nav-big.header-nav-big-no-image nav.header-nav + main,
body.header-nav-big.header-nav-big-no-image nav.header-nav + .container{
    padding-top: calc(36px + 1rem);
}
@media screen and (max-width:600px){
    body.header-nav-big.header-nav-big-no-image nav.header-nav + main,
    body.header-nav-big.header-nav-big-no-image nav.header-nav + .container{
        padding-top: calc(36px + 1rem);
    }
}

body.with-header-image.header-nav-transparent.scrollbar-on-top nav.header-nav:not(:hover):not(.hover) .nav-wrapper,
body.with-header-image.header-nav-transparent.scrollbar-on-top nav.header-nav:not(:hover):not(.hover) .nav-wrapper .header-nav-item{
    background:transparent;
    -webkit-box-shadow:none;
    box-shadow:none;
}

body.with-header-image.header-nav-transparent.header-nav-transparent-color-primary.scrollbar-on-top nav.header-nav:not(:hover):not(.hover) .nav-wrapper,
body.with-header-image.header-nav-transparent.header-nav-transparent-color-primary.scrollbar-on-top nav.header-nav:not(:hover):not(.hover) .nav-wrapper .header-nav-item{
    color: var(--amoksys-color-primary);
}

body.with-header-image.header-nav-transparent.header-nav-transparent-color-primary.scrollbar-on-top nav.header-nav:not(:hover):not(.hover)
.nav-wrapper .header-nav-item.active,
body.with-header-image.header-nav-transparent.header-nav-transparent-color-primary.scrollbar-on-top nav.header-nav:not(:hover):not(.hover)
.nav-wrapper .header-nav-item.current-menu-item {
    border-color: var(--amoksys-color-primary);
}

.header-nav-sticky nav.header-nav{
    position:sticky;
    top:0;
    transition:all .2s
}
.admin-bar.header-nav-sticky nav.header-nav{
    position:sticky;
    top:32px;
}
@media screen and (max-width:782px){
    .admin-bar.header-nav-sticky nav.header-nav{
        position:sticky;
        top:46px;
    }
}
@media screen and (max-width:600px){
    .admin-bar.header-nav-sticky nav.header-nav{
        position:sticky;
        top:0px;
    }
}


.sub-menu.dropdown-content li.menu-item>a>i{
    margin-right:1rem;
}
.sub-menu.dropdown-content li.menu-item>a>i.right{
    float:right;
    margin-left:1rem;
    margin-right:0;
    width:auto;
}

.sub-menu.dropdown-content li.menu-item{
    min-height:40px;
    line-height:40px;
}
.sub-menu.dropdown-content li.menu-item>a{
    padding:0 1rem;
    line-height:inherit;
    min-height:inherit
}

nav.header-nav .header-nav-item.header-nav-item-button{
    width: 40px;
    text-align: center;
    border-radius:2px;
}

nav.header-nav .header-nav-item, nav.header-nav .header-nav-item a, nav.header-nav .header-nav-item i{
    height: 40px !important;
    line-height:40px !important;
}
nav.header-nav .header-nav-item{
    transition: all .2s;
    border-radius:2px;
}
nav.header-nav .header-nav-item > a{
    display:block;
}
nav.header-nav .header-nav-item:hover{
    background:rgba(0,0,0,.14);
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}

nav.header-nav .header-nav-item a, nav.header-nav .header-nav-item:hover a{
    background:transparent
}
nav.header-nav .nav-menu:after{
    display:block;
    content:"";
    clear: both;
}

nav.header-nav .nav-menu{
    width:auto;
}

nav.header-nav .header-nav-item{
    float:left;
    margin: 12px 0 0 0
}


@media screen and (min-width:601px) and (max-width:992px){
    body:not(.header-nav-menu-on-medium) .header-nav-menu{
        display:none;
    }
}


@media screen and (max-width:600px){
    body:not(.header-nav-menu-on-small) .header-nav-menu{
        display:none;
    }
}

.header-nav-menu{
    height:64px;
    transition: all .2s;
    max-width:calc(100% - 64px - 64px);
}
body.header-nav-big.scrollbar-on-top nav.header-nav .header-nav-menu{
    height:100px;
    max-width:calc(100% - 100px - 64px)
}
@media screen and (max-width:600px){
    nav.header-nav .header-nav-item{
        margin: 8px 0 0 0
    }
    .header-nav-menu{
        height:56px;
        max-width:calc(100% - 56px - 56px);
    }
    body.header-nav-big.scrollbar-on-top nav.header-nav .header-nav-menu{
        max-width:calc(100% - 100px - 56px)
    }

}
body.header-nav-menu-right nav.header-nav .header-nav-menu{
    float:right;
}

.header-nav-menu.header-nav-menu-flex{
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
}
.header-nav-menu.header-nav-menu-flex .header-nav-item{
    flex: 0 0 auto;
}


.header-nav-menu::-webkit-scrollbar{
    width:8px;
    height:8px;
    background:rgba(0,0,0,.2)
}
.header-nav-menu::-webkit-scrollbar-thumb{
    background:rgba(0,0,0,.5)
}
.header-nav-menu::-webkit-scrollbar-button{
    display:none;
}
.header-nav-menu::-webkit-scrollbar-corner{
    display:none;
}

.header-nav-menu.amoksys-scrollbar-white::-webkit-scrollbar{
    background:rgba(255,255,255,.2)
}
.header-nav-menu.amoksys-scrollbar-white::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.5)
}


nav.header-nav.icons-only .header-nav-item-content{
    font-size:0;
}
nav.header-nav.icons-only .header-nav-item-content i.mdi{
    margin:0;
}

nav.header-nav .header-nav-item a{
    color:inherit;
}
nav.header-nav .header-nav-item.disabled{
    pointer-events: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #9F9F9F !important;
    cursor: default;
}
nav.header-nav .header-nav-item.disabled:hover{
    background:transparent;
}

@media (max-width:992px){
    body.header-nav-icons-only-on-med-and-down .header-nav-menu{
        display:block;
    }
    body.header-nav-icons-only-on-med-and-down .header-nav-menu.header-nav-menu-flex{
        display:flex;
    }
    body.header-nav-icons-only-on-med-and-down .header-nav-menu .header-nav-item:not(.menu-item-has-icon){
        display:none;
    }
    body.header-nav-icons-only-on-med-and-down .header-nav-menu .header-nav-item.menu-item-has-icon .header-nav-item-content{
        font-size:0;
    }
    body.header-nav-icons-only-on-med-and-down .header-nav-menu .header-nav-item.menu-item-has-icon .header-nav-item-content .mdi{
        margin:0;
    }
}

nav.header-nav .header-nav-content.header-nav-content-flex{
    display:flex;
}
nav.header-nav .header-nav-content.header-nav-content-flex .header-nav-menu{
    flex:1 1 0;
}

body.header-nav-menu-right nav.header-nav .header-nav-content.header-nav-content-flex .header-nav-menu{
    justify-content: flex-end;
}

@media screen and (max-width: 600px){
    body:not(.header-nav-menu-on-small) nav.header-nav .header-nav-content.header-nav-content-flex  .header-nav-menu {
        display: block;
        z-index:-1;
        opacity:0;
    }
}
@media screen and (max-width: 992px) and (min-width: 601px){
    body:not(.header-nav-menu-on-medium) nav.header-nav .header-nav-content.header-nav-content-flex  .header-nav-menu {
        display: block;
        z-index:-1;
        opacity:0;
    }
}
body nav.header-nav .header-nav-content.header-nav-content-flex .amoksys-wc-cart-wrapper{
    order:90;
}
body.sidenav-right nav.header-nav .header-nav-content.header-nav-content-flex .sidenav-trigger{
    order:100;
}

nav.header-nav form.nav-search-form.header-nav-item{
    order: 99;
}
nav.header-nav form.nav-search-form.header-nav-item{
    width:40px;
}
nav.header-nav form.nav-search-form.header-nav-item .input-field.search-expandable{
    width: 40px;
    position: absolute;
    right: calc(40px + .5rem);
    top: 12px;
    height: 40px;
    transition: all .3s;
    z-index:1;
}

@media screen and (min-width:992px){
    nav.header-nav .sidenav-trigger.hide-on-large-only ~ form.nav-search-form.header-nav-item .input-field.search-expandable{
        right:0.5rem;
    }
}
@media screen and (max-width:600px){
    nav.header-nav form.nav-search-form.header-nav-item .input-field.search-expandable{
        top:8px;
    }
}

body.header-nav-big.scrollbar-on-top nav.header-nav nav.header-nav form.nav-search-form.header-nav-item .input-field.search-expandable{
    top:30px;
}

nav.header-nav form.nav-search-form.header-nav-item input#search{
    width:0;
    padding:0;
    transition:all .3s;
    border-bottom:none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
nav.header-nav form.nav-search-form.header-nav-item label.label-icon{
    position:absolute;
    top:0;
    left:0;
    width:40px;
    height:40px;
    text-align:center;
}
nav.header-nav form.nav-search-form.header-nav-item button.submit-button{
    position:absolute;
    top:0;
    right: 0;
    width:40px;
    height:40px;
    text-align:center;
    transform:scale(0);
    transition: all .3s;
    border:none;
}
nav.header-nav form.nav-search-form.header-nav-item button.submit-button:hover{
    background:rgba(0,0,0,.1);
    color:black;
}
nav.header-nav form.nav-search-form.header-nav-item button.submit-button:focus,form.nav-search-form.header-nav-item button.submit-button:active{
    background:rgba(0,0,0,.1);
    color:black;
}
nav.header-nav form.nav-search-form.header-nav-item .input-field.search-expandable:focus-within{
    background: white;
    color: black;
    width:500px;
    max-width:100%;
    right:0;
}
nav.header-nav form.nav-search-form.header-nav-item .input-field.search-expandable:focus-within button.submit-button{
    transform: scale(1);
}
nav.header-nav form.nav-search-form.header-nav-item .input-field.search-expandable:focus-within input#search{
    margin-left:40px;
    margin-right:40px;
    width:calc(100% - 80px);
    padding-left:0;
    padding-right:0;
}