/** PIXIE MEGA MENU  **/

body.pixiedust .nav-sections {  position:relative; overflow: visible; border-bottom:none;  border-bottom: 1px solid #f1f1f1; z-index:11; background:#fff; margin-bottom:0; }
body.pixiedust .navigation { background:none; } 
body.pixiedust .navigation ul { width:100%;  }
body.pixiedust .navigation ul li.level0 { text-align:center; overflow: visible; margin: 0; }
body.pixiedust .navigation ul li.level0 .level-top { width: 70%; white-space: break-spaces; font-size:14px; font-weight:600; color: #000; display:inline-block; vertical-align:middle; text-align:center; line-height:20px; padding:14px 0px 11px; border-bottom: 2px solid #fff; text-decoration: none !important; transition:all 300ms ease;  text-transform: uppercase; overflow: visible;}
body.pixiedust ul.pm-topmenu { padding:0;width:100%; text-align: center; display:flex; justify-content: center; }
body.pixiedust .panel.header b { font-weight: 700; }
body.pixiedust .pm-megamenu { text-align: left; }
.pm-mega-wrap:before { content:''; width:100%; height:1px; background:#e9eaea; position: absolute; top:4px; left:0; display:none; z-index: -20; }
.pm-mega-on .pm-mega-wrap:before { display: block; }
.pm-megamenu {  background:#f9f8f7; border-top:1px solid #e9eaea; margin:0 auto; z-index: 9; position: relative; padding: 0 0 25px; width:100%; float:left; }
.pm-megamenu .pm-mega-in { max-width:1280px; margin: auto; padding:20px 10px 10px; }
.pm-megamenu .pm-mega-in .pmm { float:left; min-height: 50px; padding: 0px 0px 15px 10px; box-sizing: border-box; position: relative; }
.pm-megamenu .pm-mega-in .pmm:first-child { padding-left:0; }
.pm-megamenu .pm-mega-in .pmm a { display:block; width:100%; font-weight: bold; transition: all 200ms ease;}
.pm-megamenu .pm-mega-in .pmm a.featured-title {text-align: center;padding: 11px 0 16px 0;font-weight: 500;text-transform: uppercase;}
.pm-megamenu .pm-mega-in .pmm-content {position: relative;}
.pm-megamenu .pm-mega-in .pmm-content a img {width: 100%;}
.pm-megamenu .pm-mega-in .pmm ul { list-style: none; margin: 0 0 30px; padding: 0; }
.pm-megamenu .pm-mega-in .pmm ul li { display: block; margin:0 0 1rem; position: relative; }
.pm-megamenu .pm-mega-in .pmm span.stitle.gotsubs { display: block; margin-bottom: 1rem; }
.pm-megamenu .pm-mega-in .pmm ul li img.inline { position: absolute; top: 0; right: 50px; max-width: 50px; max-height: 15px; }
.pm-megamenu .pm-mega-in .pmm ul li a { font-weight: 400; transition:all 200ms ease; color: #000; /*text-transform: uppercase;*/ font-size: 14px; text-decoration: none; }
.pm-megamenu .pm-mega-in .pmm ul li a:hover, .pm-megamenu .pm-mega-in .pmm a:hover {  color:#333; text-decoration: underline;  }
.pm-megamenu .pm-mega-in .pmm h6, .pm-megamenu .pm-mega-in .pmm h6 a { font-size:16px; font-weight: bold; color:#000; margin:0 0 25px 0; transition:all 200ms ease; text-transform: uppercase; }
.pm-megamenu .pm-mega-in .pmm h6.invisible { visibility: hidden; }
.pm-megamenu .pm-mega-in .pmm h6 .red { color:#d81d35; }
.pm-megamenu .pm-mega-in .pmm h6 a {display: flex; margin-bottom: 0; border-left:2px solid #d81d35; padding: 0 0 5px 10px; }
.pm-megamenu .pm-mega-in .pmm h6 a:hover { text-decoration: none; color:#d81d35;  }
body.pixiedust div.nav-sections nav.navigation ul.pm-topmenu li a.level-top { position: relative; padding-right: 20px; width: 100%; }
body.pixiedust ul.pm-topmenu span.has-mega { position: absolute; right: 0; display: inline-block; text-decoration: none; } 
.pm-topmenu .level0.cat_indent_371 a { box-sizing: border-box; padding-left: 2rem !important; background: #317764; color: white!important; }
body.slideover.level2 #sidebarIn .top-block{display: flex !important;}
body.slideover.level2 #sidebarIn .nav-search-block{display: none !important;}
body.pixiedust #sidebarIn { background: white; will-change: left; height: 100%; width: 50%;transition: all 300ms ease; transform: translate3d(-100%, 0, 0); z-index: 9999; position: fixed; text-align: left; }
body.pixiedust #sidebarIn .top-block { width: 100%; float: left; height: 70px; position: relative; background: black; color: white; text-transform: none; margin-bottom: 10px; }
body.pixiedust .sidebarinside nav.navigation { position: relative; }
body.pixiedust .sidebarinside nav.navigation { overflow: visible; float: left; width: 100%; padding: 0 !important; height: 100%; }
body.pixiedust .sidebarinside { position: relative; overflow-y: scroll; -webkit-overflow-scrolling: touch; overflow-x: hidden; height: 100%; box-sizing: border-box; width: 100%; }
body.pixiedust .sidebarinside ul.pm-topmenu { display: block; position: relative; transition: all 0ms ease; width: 100%; float: left; box-sizing: border-box; padding: 0px; }
body.pixiedust .sidebarinside.logo-block { background: white; position: relative; }
.nav-slider.in { width: 100%; position: relative; z-index: 999; background: #f1f1f1; float: left; }

@media (max-width: 450px) {
    body.pixiedust .logo { max-width: 200px; padding-top: 12px; }
}

@media (max-width: 767px) {
    body.pixiedust .logo img { height: auto;max-width: 220px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    body.pixiedust .logo img {height: auto;max-width: 280px; }
}

@media screen and (max-width: 767px) {
    body.pixiedust ul.pm-topmenu { flex-direction: column; }
    body.pixiedust .nav-sections { position: inherit; width: 100%; }
    body.pixiedust .nav-sections-item-title.active { display: none; }
    body.pixiedust .nav-sections-item-content { margin-top: -46px; }
    body.pixiedust .pm-mega-wrap { display: none; }
    body.pixiedust ul.pm-topmenu span.has-mega::after { content: ''; }
    body.pixiedust .valueadded-block .value-inner.message-innner-block { padding: 1rem; }
}

@media screen and (min-width: 768px) {
	body.pixiedust .navigation ul li.level0 { display:flex; justify-content: center; align-items: center; margin:0 5px;  }
	body.pixiedust .navigation ul li.level0 .level-top { display: table-cell; }
}
@media screen and (max-width: 1279px) {
    body.pixiedust ul.pm-topmenu span.has-mega::after { content: ''; }
}
@media (min-width: 1280px) {
    .pm-mega-wrap {position: absolute;z-index: 999;top: 40px;width: 100%;height: auto;display: block;overflow: hidden;}
}

@media (min-width: 1350px) {
    body.pixiedust div.nav-sections nav.navigation ul.pm-topmenu li a.level-top{border-bottom: none;}
    body.pixiedust .pm-megamenu{padding-top: 3rem;}
}

@media (max-width:767px) {
    .navigation .ui-menu-item{border-bottom: none;}
}

@media(max-width: 1349px){
    body.pixiedust.slideover {height: 100vh;overflow: hidden !important;}
    body.pixiedust.slideover .sections.nav-sections:after{content: " ";width:100%;height: 100vh;background: #f1efeb;position: absolute;top:0;left:0;}
    body.pixiedust.slideover .sidebarinside .top_cart_wrap .block-search input[type="text"] {    position: static;margin-top: 20px;margin-bottom: 0;padding: 15px;height: auto;border: solid 1px black;}
    body.slideover.ma-autocomplete .nav-toggle{display: none !important;}
    body.slideover.level2 .page-wrapper .nav-sections {background: #f1efeb;z-index: 999999 !important;top: 0px;left:0; position: relative;}
    body.pixiedust.slideover .top_cart_wrap .block-search{display: none !important;}
    body.pixiedust.slideover div.block-search{  width: 100%;float: none;position: relative;padding: 0;background: #f1efeb; margin-top: 10px; display: none;}
    body.pixiedust.slideover .sidebarinside .logo-block { background: white; border-top: solid 4px #317764; padding: 0 0 1px 0; position: relative; min-height: 73px; text-align: center; }
    body.pixiedust.slideover .sidebarinside .logo-block .action.nav-toggle { top: 16px; left: 9px; }
    body.pixiedust.slideover .sidebarinside .logo-block .logo { float: none; display: inline-block; margin: 1rem auto 0 auto; }
    body.pixiedust.slideover .sidebarinside .nav-search-block .block-search .field.search .label { bottom: 16px; }
    body.pixiedust.slideover .sidebarinside .nav-orgini .pm-topmenu.base-menu .level0 :after { top: 14px; transform: rotate(270deg); position: absolute; right:10px;        position: absolute;font-size: 2.1rem; }
    body.pixiedust.slideover .sidebarinside .navigation.meganav.mobilenav .all { list-style: none; }
    body.pixiedust.slideover .sidebarinside .navigation.meganav.mobilenav .pm-mega-in .pm-mm-wrap ul { display: flex; flex-direction: column; }
    body.pixiedust.slideover .sidebarinside .navigation.meganav.mobilenav .pm-mega-in .stitle.gotsubs { font-size: 3rem; }
    body.pixiedust .sidebarinside .pmm-content { width: calc( 100% - 40px); float: left; padding: 20px 0px 20px 0px; margin: 0px 20px 0px 20px; border-top: solid 1px #dad9d7; height: auto; }
    body.pixiedust .page-wrapper .nav-sections { display: none; }
    body.pixiedust.slideover .sidebarinside .megamob-backlink { background: #317764!important; }
    body.pixiedust #sidebarIn .sidebarinside .top-block { padding: 15px; height: auto; font-size: 2rem; margin-bottom: 0; }
    body.pixiedust #sidebarIn .sidebarinside .top-block span { position: relative; padding-left: 25px; }
    body.pixiedust #sidebarIn .sidebarinside .top-block span:before { font-family: 'FontAwesome'; position: absolute; left: 0; transform: rotate(90deg); content: '\f107'; }
    body.pixiedust header.px-page-header { position: relative; z-index: 900 !important; background: white; }
    body.pixiedust .sidebarinside ul.subsubcat, body.pixiedust .sidebarinside ul.pm-topmenu { padding:20px; overflow: visible; width: 100%; text-align: left; }
    body.pixiedust .navigation ul li.level0{text-align: left;}
    body.pixiedust .navigation ul li.level0 .level-top{width:100%;text-align: left;border-bottom: solid 1px #d1d1d1;}
    body.pixiedust .nav-slider.in{padding: 20px 0;}
    body.pixiedust.slideover #sidebarIn{max-width: 530px;}
    body.pixiedust.slideover #sidebarIn { left: 0; box-shadow: 0 0 10px #333; transform: translate3d(0%, 0, 0); width: 90%; }
    body.pixiedust .sidebarinside .navigation ul li.level0 {text-align: left;}
    body.pixiedust .sidebarinside .navigation ul li.level0 {text-align: left;overflow: visible;margin: 0;}
    body.pixiedust .sidebarinside .navigation .level0 {border-top: 1px solid #d1d1d1;font-size: 1.6rem;}
    body.pixiedust .sidebarinside .navigation ul li.level0.nav-1, body.pixiedust .greenwrap li { text-align: left;justify-content: flex-start;padding-left: 15px;padding-right: 15px;}
    body.pixiedust .sidebarinside .navigation ul {padding: 0;}
    body.pixiedust .sidebarinside .navigation ul li.level0.nav-1 a, body.pixiedust .greenwrap li a{width: 100%;text-align: left;white-space: break-spaces;font-size: 14px;font-weight: 600;color: #000;display: inline-block;vertical-align: middle;line-height: 20px;padding: 14px 0 11px;text-decoration: none !important;transition: all 300ms ease;text-transform: uppercase;overflow: visible; border:none;}
    body.pixiedust .sidebarinside .navigation ul li.level0 {text-align: left;overflow: visible;margin: 0;width: 100%;justify-content: flex-start; box-sizing: border-box;}
    body.pixiedust .sidebarinside .navigation .navigation li.level0:last-child {border-bottom: 1px solid #d1d1d1;}
    body.pixiedust.slideover .sidebarinside .navigation.meganav.mobilenav .all:not(.suball){padding:0 15px;}
    body.pixiedust .sidebarinside .pmm-content a, body.pixiedust .sidebarinside .pmm-content a:hover {color: #575757;text-decoration: none;font-weight: 400;line-height: 1.42857143;font-size: 1.5rem;}
    body.pixiedust .sidebarinside a {padding: 8px 0; display: block;}
    body.pixiedust .sidebarinside .navigation li {margin-top: 0;margin-bottom: 1rem;}
    body.pixiedust .sidebarinside .navigation li.all a{color: #575757;font-family: 'Vollkorn', serif;padding: 8px 0;display: block;font-style: normal;font-weight: 400;line-height: 1.42857143;font-size: 1.5rem;text-decoration: none;}
    body.pixiedust .sidebarinside .navigation ul li.level0.nav-1 a:hover, body.pixiedust .greenwrap li a:hover{color: #317764 !important;}
    body.pixiedust .sidebarinside .navigation li.level0:last-child {border-bottom: 1px solid #d1d1d1 !important;}
}

@media (max-width: 1023px) {
    body.pixiedust:not(.slideover) .nav-sections-item-content > .navigation.desktopnav { display: none; }
}

@media (max-width: 768px) {
    body.pixiedust .logo { margin: 0 0 0 -20px; }
    body.pixiedust .px-left-column { display: flex; justify-content: center; }
    body.pixiedust header.px-page-header #switcher-currency { display: none; }
    body.pixiedust header.px-page-header .px-greet { display: none; }
    body.pixiedust .navigation a {padding: 8px 0;}
}