@media screen and ( min-width: 782px ){
    body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
        top: 32px!important;
    }
            body.admin-bar .mobmenu-search-holder {
            top: 82px!important;
    }
}

@media screen and ( max-width: 782px ){
body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
    /* top: 46px!important; */
}

body.admin-bar .mob-menu-header-banner {
    top: 0px!important;
}
    body.admin-bar .mobmenu-search-holder {
    top: 96px!important;
}
body.admin-bar  .mob-menu-slideout .mobmenu-search-holder {
    top: 50px!important;
}

}

@media screen and ( max-width: 479px ) {
.mob-menu-overlay .mobmenu-content {
    padding-top: 5%;
}
}

@media screen and ( max-width: 782px ) {
.mob-menu-overlay .mobmenu-content {
    padding-top: 10%;
}
}


@media only screen and (min-width:911px){
.mob_menu, .mobmenu-panel, .mobmenu, .mobmenu-cart-panel, .mobmenu-footer-menu-holder, .mobmenu-right-panel, .mobmenu-left-panel  {
    display: none!important;
}
}

@media only screen and (max-width:910px) {

        
.mobmenur-container i {
    color: #FFF;
}
.mobmenul-container i {
    color: #FFF;
}
.mobmenul-container img {
    max-height:  40px;
    float: left;
}
.mobmenur-container img {
    max-height:  40px;
    float: right;
}
.mob-expand-submenu i {
    font-size: 25px;
}
#mobmenuleft li a , #mobmenuleft li a:visited, .mobmenu-content h2, .mobmenu-content h3, .show-nav-left .mob-menu-copyright, .show-nav-left .mob-expand-submenu i {
    color: #666;

}
.mob-cancel-button {
    font-size: 30px!important;
}

/* 3rd Level Left Menu Items Background color on Hover*/
.mobmenu-content #mobmenuleft .sub-menu  .sub-menu li a:hover {
    color: #ccc;
}
/* 3rd Level Left Menu Items Background color on Hover*/
.mobmenu-content #mobmenuleft .sub-menu .sub-menu li:hover {
    background-color: #666;
}
.mobmenu-content #mobmenuleft li:hover, .mobmenu-content #mobmenuright li:hover  {
    background-color: #666;
}
.mobmenu-content #mobmenuright li:hover  {
    background-color: #666 ;
}
/* 3rd Level Right Menu Items Background color on Hover*/
.mobmenu-content #mobmenuright .sub-menu .sub-menu li:hover {
    background-color: #666;
}
/* 3rd Level Right Menu Items Background color on Hover*/
.mobmenu-content #mobmenuright .sub-menu  .sub-menu li a:hover {
    color: #ccc;
}

    .mobmenu-content #mobmenuleft .sub-menu {
    background-color: #3a3a3a ;
    margin: 0;
    color: #fff ;
    width: 100%;
    position: initial;
    height: 100%;
}
.mob-menu-left-bg-holder {
            opacity: 1;
    background-attachment: fixed ;
    background-position: center top ;
    -webkit-background-size:  cover;
    -moz-background-size: cover;
    background-size: cover;
}
.mob-menu-right-bg-holder { 
            opacity: 1;
    background-attachment: fixed ;
    background-position: center top ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size:  cover;
}
    .mobmenu-content #mobmenuleft .sub-menu a {
    color: #fff ;
}
.mobmenu-content #mobmenuright .sub-menu  a {
    color: #fff ;
}
.mobmenu-content #mobmenuright .sub-menu .sub-menu {
    background-color: inherit;
}
.mobmenu-content #mobmenuright .sub-menu {
    background-color: #3a3a3a ;
    margin: 0;
    color: #fff ;
    position: initial;
    width: 100%;
}
#mobmenuleft li:hover a, #mobmenuleft li:hover i {
    color: #FFF;
}
#mobmenuright li a , #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright, .show-nav-right .mob-expand-submenu i {
    color: #666 ;
}
#mobmenuright li a:hover {
    color: #FFF ;
}
.mobmenul-container {
    top: 10px;
    margin-left: 5px;
    margin-top: 0px;
    height: 50px;
    float: left;
}
.mobmenur-container {
    top: 10px;
    margin-right: 5px;
    margin-top: 0px;
}
    .mob-menu-logo-holder {
    margin-top:   0px;
    text-align:   center;
    margin-left:  0;
    margin-right: 0;
    height:       50px;
        }
.mob-menu-header-holder {
    width:  20% ;
    background-color: transparent ;
    height: 50px ;
    position:relative;
}
body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top {
    padding-top: 0px;
}
    .mobmenul-container, .mobmenur-container{
    position: absolute; 
}
.mobmenu-left-panel {
    background-color:#F7F7F7;;
    width:  270px;  
}
.mobmenu-right-panel {
    background-color:#F7F7F7;		width:  270px; 
}
.show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay, .show-mob-menu-search .mobmenu-overlay  {
    background: rgba(0, 0, 0, 0.83);
}
.mob-menu-slideout-top .mobmenu-overlay {
    display:none!important;
}
.mob-menu-slideout.show-nav-left .mobmenu-push-wrap, .mob-menu-slideout.show-nav-left .mob-menu-header-holder {
    -webkit-transform: translateX(270px);
    -moz-transform: translateX(270px);
    -ms-transform: translateX(270px);
    -o-transform: translateX(270px);
    transform: translateX(270px);
}
.mob-menu-slideout.show-nav-right .mobmenu-push-wrap, .mob-menu-slideout.show-nav-right .mob-menu-header-holder {
    -webkit-transform: translateX(-270px);
    -moz-transform: translateX(-270px);
    -ms-transform: translateX(-270px);
    -o-transform: translateX(-270px);
    transform: translateX(-270px);
}
.mob-menu-slideout-top .mobmenu-panel {
    width:  100%;
    height: 100%;
    z-index: 1;
    position: fixed;
    left: 0px;
    top: 0px;
    max-height: 100%;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.mob-menu-slideout-top.show-nav-left .show-panel, .mob-menu-slideout-top.show-nav-right .show-panel  {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    z-index: 300000;
}
.mob-menu-slideout-over.show-nav-left .mobmenu-left-panel {
    overflow: hidden;
}
.show-nav-left .mobmenu-panel.show-panel , .show-nav-right .mobmenu-panel.show-panel {
    z-index: 300000;
}
/* Hides everything pushed outside of it */
.mob-menu-slideout .mobmenu-panel, .mob-menu-slideout-over .mobmenu-panel, .mob-menu-slideout .mobmenu-cart-panel, .mob-menu-slideout-over .mobmenu-cart-panel {
    position: fixed;
    top: 0;
    height: 100%;
    overflow-y: auto;
    overflow-x: auto;
    z-index: 10000;
    opacity: 1;
}
/*End of Mobmenu Slide Over */
.mobmenu .headertext { 
    color: #FFF ;
    text-decoration: none;
}
.headertext span {
    position: initial;
    line-height: 50px;
}
.mobmenu-search-holder {
    top: 50px;
}
/*Premium options  */

/* Mobile Menu Frontend CSS Style*/
body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top  {
    overflow-x: hidden;
}

.mobmenu-left-panel li a, .leftmbottom, .leftmtop{
    padding-left: 10%;
    padding-right: 10%;
}
.mobmenu-content li > .sub-menu li {
    padding-left: calc(10*1%);
}

.mobmenu-right-panel li, .rightmbottom, .rightmtop{
    padding-left: 10%;
    padding-right: 10%;
}
.mobmenul-container i {
    line-height: 30px;
    font-size: 52px;
    float: left;
}
.left-menu-icon-text {
    float: left;
    line-height: 30px;
    color: #222;
}
.mobmenu-left-panel .mobmenu-display-name {
    color: #666;
}
.right-menu-icon-text {
    float: right;
    line-height: 30px;
    color: #222;
}
.mobmenur-container i {
    line-height: 30px;
    font-size: 30px;
    float: right;
}
.nav, .main-navigation, .genesis-nav-menu, #main-header, #et-top-navigation, .site-header, .site-branding, .ast-mobile-menu-buttons, .storefront-handheld-footer-bar, .hide {
    display: none!important;
}

.mob-standard-logo {
    display: inline-block;
    height:50px!important;	}
.mob-retina-logo {
    height:50px!important;	}
.mobmenu-content #mobmenuleft > li > a:hover {
    background-color: #666;
}

.mobmenu-content #mobmenuright > li > a:hover {
    background-color: #666;
}
.mobmenu-left-panel .mob-cancel-button {
    color: #666;
}
.mobmenu-right-panel .mob-cancel-button {
    color: #666;
}	

}


.mob-menu-logo-holder > .headertext span,.mobmenu input.mob-menu-search-field {
font-family:Dosis;
font-size:20px;
font-weight:inherit;
font-style:normal;
letter-spacing:normal;
text-transform:none;
}

.left-menu-icon-text {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}

#mobmenuleft .mob-expand-submenu,#mobmenuleft > .widgettitle,#mobmenuleft li a,#mobmenuleft li a:visited,#mobmenuleft .mobmenu-content h2,#mobmenuleft .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name, .mobmenu-content .mobmenu-tabs-header li {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}

.right-menu-icon-text {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}

#mobmenuright li a,#mobmenuright li a:visited,#mobmenuright .mobmenu-content h2,#mobmenuright .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}

  
/* Mobile Menu Admin CSS Style*/
@font-face {
    font-family: 'mobmenu';
    src: url('font/mobmenu.woff2?31192480') format('woff2'),
         url('font/mobmenu.woff?31192480') format('woff');
    font-weight: normal;
    font-style: normal;
  }
   
    [class^="mob-icon-"]:before, [class*=" mob-icon-"]:before {
    font-family: "mobmenu";
    font-style: normal;
    font-weight: normal;
    speak: none;
   
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
   
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal; 
    text-transform: none;
   
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
   
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
   
    /* you can be more comfortable with increased mob-icons size */
    /* font-size: 120%; */
   
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
   
  }
  
  .mob-icon-ok-1:before { content: '\e800'; } /* 'î €' */
  .mob-icon-ok:before { content: '\e80f'; } /* 'î ' */
  .mob-icon-plus:before { content: '\e810'; } /* 'î ' */
  .mob-icon-plus-1:before { content: '\e813'; } /* 'î “' */
  .mob-icon-plus-outline:before { content: '\e818'; } /* 'î ˜' */
  .mob-icon-plus-2:before { content: '\e819'; } /* 'î ™' */
  .mob-icon-align-justify-1:before { content: '\e84f'; } /* '' */
  .mob-icon-instagram:before { content: '\e88e'; } /* '' */
  .mob-icon-linkedin:before { content: '\e88f'; } /* '' */
  .mob-icon-pinterest:before { content: '\e892'; } /* '' */
  .mob-icon-twitter:before { content: '\e898'; } /* '' */
  .mob-icon-tumblr:before { content: '\e899'; } /* '' */
  .mob-icon-vimeo:before { content: '\e89a'; } /* '' */
  .mob-icon-star:before { content: '\e8a3'; } /* '' */
  .mob-icon-user:before { content: '\e8a4'; } /* '' */
  .mob-icon-star-1:before { content: '\e8d3'; } /* '' */
  .mob-icon-user-1:before { content: '\e8d4'; } /* '' */
  .mob-icon-left-open:before { content: '\e8f6'; } /* '' */
  .mob-icon-right-open:before { content: '\e8f7'; } /* '' */
  .mob-icon-down-dir:before { content: '\e8fc'; } /* '' */
  .mob-icon-right-dir:before { content: '\e8fd'; } /* '' */
  .mob-icon-star-empty:before { content: '\e93d'; } /* '' */
  .mob-icon-up-dir:before { content: '\e980'; } /* '' */
  .mob-icon-left-dir:before { content: '\e981'; } /* '' */
  .mob-icon-menu:before { content: '\e9d6'; } /* '' */
  .mob-icon-right-open-2:before { content: '\ea32'; } /* '' */
  .mob-icon-th:before { content: '\eac3'; } /* '' */
  .mob-icon-th-large:before { content: '\eac5'; } /* 'î«…' */
  .mob-icon-th-list:before { content: '\eac7'; } /* '' */
  .mob-icon-minus:before { content: '\e812'; } /* 'î ’' */
  .mob-icon-minus-1:before { content: '\e9d8'; } /* '' */
  .mob-icon-minus-2:before { content: '\eacb'; } /* 'î«‹' */
  .mob-icon-th-list-3:before { content: '\ec71'; } /* 'î±±' */
  .mob-icon-cancel:before { content: '\ec73'; } /* 'î±³' */
  .mob-icon-cancel-circle:before { content: '\ec74'; } /* 'î±´' */
  .mob-icon-cancel-1:before { content: '\ecf2'; } /* 'î³²' */
  .mob-icon-cancel-2:before { content: '\edf5'; } /* 'î·µ' */
  .mob-icon-cancel-circled-1:before { content: '\edf6'; } /* 'î·¶' */
  .mob-icon-cancel-circled2:before { content: '\edf7'; } /* 'î··' */
  .mob-icon-up-open-1:before { content: '\ee59'; } /* 'î¹™' */
  .mob-icon-cancel-3:before { content: '\ee65'; } /* 'î¹¥' */
  .mob-icon-cancel-circled-2:before { content: '\ee66'; } /* '' */
  .mob-icon-th-large-1:before { content: '\ee68'; } /* '' */
  .mob-icon-th-1:before { content: '\ee69'; } /* '' */
  .mob-icon-th-list-1:before { content: '\ee6a'; } /* '' */
  .mob-icon-up-open-2:before { content: '\ee6b'; } /* '' */
  .mob-icon-down-open-2:before { content: '\ee6c'; } /* '' */
  .mob-icon-cancel-squared:before { content: '\ee6d'; } /* 'î¹­' */
  .mob-icon-cancel-4:before { content: '\ee6f'; } /* '' */
  .mob-icon-up-open-big:before { content: '\ee70'; } /* 'î¹°' */
  .mob-icon-down-open-big:before { content: '\ee71'; } /* 'î¹±' */
  .mob-icon-down-open-mini:before { content: '\ee73'; } /* 'î¹³' */
  .mob-icon-cancel-circled-outline:before { content: '\ee77'; } /* 'î¹·' */
  .mob-icon-cancel-outline:before { content: '\ee79'; } /* 'î¹¹' */
  .mob-icon-menu-2:before { content: '\ee7a'; } /* '' */
  .mob-icon-menu-outline:before { content: '\ee7b'; } /* 'î¹»' */
  .mob-icon-cancel-circle-1:before { content: '\ee7c'; } /* 'î¹¼' */
  .mob-icon-down-open:before { content: '\f004'; } /* '' */
  .mob-icon-up-open:before { content: '\f005'; } /* '' */
  .mob-icon-menu-3:before { content: '\f008'; } /* '' */
  .mob-icon-th-list-2:before { content: '\f009'; } /* '' */
  .mob-icon-th-thumb:before { content: '\f00a'; } /* '' */
  .mob-icon-th-thumb-empty:before { content: '\f00b'; } /* '' */
  .mob-icon-cancel-circled:before { content: '\f06e'; } /* '' */
  .mob-icon-menu-1:before { content: '\f0c9'; } /* '' */
  .mob-icon-gplus:before { content: '\f0d5'; } /* '' */
  .mob-icon-ellipsis:before { content: '\f141'; } /* '' */
  .mob-icon-ellipsis-vert:before { content: '\f142'; } /* 'ï…‚' */
  .mob-icon-facebook-squared:before { content: '\f308'; } /* '' */
  

/* BEGIN MAIN CSS */

.mob-menu-overlay .mobmenu-panel {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s, visibility 0s 0.5s;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.mob-menu-overlay.show-nav-left .mobmenu-panel, .mob-menu-overlay.show-nav-right .mobmenu-panel {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s;
    z-index: 100001;
}
.mob-menu-overlay .show-panel .mob-cancel-button {
    position: absolute;
    right: 0px;
    top: 0px;
    padding-top: 8px;
    overflow: hidden;
    border: none;
    outline: none;
    z-index: 100002;
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;
}
.mob-retina-logo{
    display: none;
    max-width: 100%;
}
.mob-cancel-button{
    z-index: 99999999!important;
    position:relative!important;
}
.mobmenu-content .widget {
    padding-bottom: 0px;
    padding: 20px;
}
.mob-expand-submenu i {
    position: relative;
    font-weight: 600;
    cursor: pointer;
}
.mob-menu-left-bg-holder, .mob-menu-right-bg-holder, .mob-menu-cart-bg-holder {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -50;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
}
.mob-menu-no-scroll{
    overflow: hidden;
}
.mobmenu-content .sub-menu {
    display: none;
    opacity: 1;
}
.mobmenur-container {
    position: absolute;     
    right: 0px; 
} 
.leftmbottom h2 {
    font-weight: bold;
    background-color: transparent;
    color: inherit;
}
.mob-cancel-button {
    display:none;
    z-index: 99999999;
}
.show-nav-left.mob-menu-overlay .left-menu-icon-text, .show-nav-right.mob-menu-overlay .left-menu-icon-text {
    display: none;
}
.show-nav-left.mob-menu-slideout-top .mobmenu-right-bt .mob-cancel-button, .show-nav-right.mob-menu-slideout-top .mobmenu-left-bt .mob-cancel-button {
    display: none;
}
.show-nav-left.mob-menu-slideout-top .mobmenu-right-bt .mob-menu-icon, .show-nav-right.mob-menu-slideout-top .mobmenu-left-bt .mob-menu-icon {
    display: block;
}
.show-panel .mob-cancel-button {
    display: block;
}
.mobmenu-content li a {
    display: block;
    letter-spacing: 1px;
    padding: 10px 20px;
    text-decoration: none;
    font-size: 14px;
}
.mobmenu-content li a:active, .mobmenu-content li:active, .mobmenu-content li a .mob-expand-submenu:active{
    border-style: outset;
    border: none;
}
.mobmenu-left-alignment.show-panel, .mobmenu-right-alignment.show-panel {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.mobmenu-left-alignment {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
.mobmenu-right-alignment {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
/* body.admin-bar .mobmenu,  */
body.admin-bar .mobmenu-panel {
    top: 32px;
}
#wpadminbar {
    position: fixed;
}
.show-nav-left .mob-menu-header-holder, .show-nav-right .mob-menu-header-holder, .mob-menu-header-holder, .mobmenu-panel, .mobmenu-overlay , .show-nav-left .mobmenu-push-wrap, .show-nav-right .mobmenu-push-wrap, .show-nav-left .mob-menu-header-holder, .show-nav-left .mobmenu-left-alignment, .show-nav-right .mobmenu-right-alignment, .show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay{
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    -ms-transition: -ms-transform .5s;
    -o-transition: -o-transform .5s;
    transition: transform .5s;
}
/* Mobmenu Slide Over */
.mobmenu-overlay {
    opacity: 0;
}
.widget img {
    max-width: 100%; 
}
#mobmenuleft, #mobmenuright {
    margin: 0;
    padding: 0;
}
#mobmenuleft  li > ul {
    display:none;
    left: 15px;
    padding-left: 0px;
}
.rtl .mob-expand-submenu {
    float: left;
}
.mob-expand-submenu {
    position: relative;
    right: 0px;
    float: right;
    
}
.mobmenu-parent-link .menu-item-has-children {
    cursor: pointer;
}
#mobmenuright  li > ul {
    display:none;
    left: 15px;
    padding-left: 0px;
}
.rightmbottom, .rightmtop {   
    padding-left: 10px;
    padding-right: 10px;
}
/* Hides everything pushed outside of it */
.mob-menu-slideout .mobmenu-panel {
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 300000;
    overflow-y: hidden;   
    overflow-x: hidden;
    opacity: 1;
}
.mob-menu-slideout .mobmenu-right-alignment {
    right: 0;
}
.mobmenu-content li {
    list-style: none;
    visibility: visible;
    opacity: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    margin: 0;
}
.mob-menu-slideout .mobmenu-left-alignment, .mob-menu-slideout-over .mobmenu-left-alignment {
    left: 0;
}
.mob-menu-slideout .mobmenu-right-alignment, .mob-menu-slideout-over .mobmenu-right-alignment {
    right: 0;
}
.mob-menu-header-holder {
    font-weight:bold;
    top:0px;	
    right: 0px;
    color:#000;
    display: block;
    z-index: 10000;
}
/* 2nd Level Menu Items Padding */
.mobmenu .sub-menu li > a {
    padding-left: 50px;
}
/* 3rd Level Menu Items Padding */
.mobmenu .sub-menu .sub-menu li a {
    padding-left: 75px;
}
.mobmenu-left-panel .mobmenu-left-bt, .mobmenu-right-panel .mobmenu-right-bt {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 30px;
}
.mobmenu-content {
    margin-top: 45px;
    padding-bottom: 120px;
    z-index: 1;
    height: calc( 100% - 45px);
    overflow: auto;
    padding-top: 10px;
}
.mobmenu-parent-link .mob-expand-submenu {
    cursor: pointer;
}
#mobmenuright.nomenu li, #mobmenuleft.nomenu li{
    padding-left: 7%;
    padding-right: 7%;
}
.mob-expand-submenu.show-sub .mob-icon-down-open {
  display: none;
}
.mob-expand-submenu.show-sub .mob-icon-up-open {
  display: block;
}
.mob-expand-submenu .mob-icon-down-open {
    display: block;
}
.mob-expand-submenu .mob-icon-up-open {
    display: none;
  }
.show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay {
    width: 100%;
    height: 100%;
    z-index: 10001;
    left: 0;
    top: 0;
    opacity: 1;
    position: fixed;
    cursor: pointer;
}
/* Search Form Ajax Results */
.mobmenu-ajax-search-results {
    display: none;
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: 100%;
    position: fixed;
    margin-top: 50px;
}
[data-panel-target="mobmenu-filter-panel"].mobmenu-trigger-action {
    float:left;
}
.mobmenu-content .sub-menu.show-sub-menu {
    -webkit-transition: height 1s linear 0s;
    -moz-transition: height 1s linear 0s;
    -ms-transition: height 1s linear 0s;
    -o-transition: height 1s linear 0s;
    transition: height 1s linear 0s;
    overflow:hidden;
}
/* No menu assigned warning. */
h4.no-mobile-menu {
    padding: 22px;
    text-align: center;
    width: 90%;
    background: #fff;
    margin: auto;
    font-size: 17px;
    font-weight: 400;
    line-height: 29px;
}
h4.no-mobile-menu a {
    text-decoration: none;
    color:#000;
}
.mobmenu-content li a:focus {
    outline: none;
}
.mobmenu-content .widget_media_image {
    text-align: center;
}

#_pick_tips_content {
    border: 0;
    position: fixed;
    right: 5px;
    top: 5px;
    z-index: 99999999;
    width: 300px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2),
        0 2px 2px 0 rgba(0, 0, 0, .14),
        0 1px 5px 0 rgba(0, 0, 0, .12);
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 0;
    margin: 0;
    padding: 0;
    transition: all 0.3s;
    min-height: 540px;
    height: auto;
    display: none;
}

#_pick_tips_content.on {
    display: inline-block;
}

/* cover mode */
#_picker_cover_wrap_box svg {
    position: fixed;
    top: 0;
    left: 0;
    cursor: crosshair;
    width: 100%;
    height: 100%;
    z-index: 99999998;
}

#_picker_cover_wrap_box svg>path:first-child {
    fill: rgba(0, 0, 0, 0);
    fill-rule: evenodd;
}

#_picker_cover_wrap_box svg>path+path {
    stroke: #29c66d;
    stroke-width: 3.5px;
    fill: rgb(226 239 232 / 20%);
}

#_picker_cover_wrap_box {
    transition: all 0.3s;
    pointer-events: none;
}

@keyframes ellipsis {
    from {
        width: 2px;
    }

    to {
        width: 15px;
    }
}
/* target mode */
._picker_target_elm {
    background: transparent;
    outline: #1dcd1d solid 3px;
    color: #000;
}

.mob-menu-slideout #page-container, .mob-menu-slideout-over #page-container {
    padding-top: 0px!important;
}