#confirm-overlay {background-color:#000; /*cursor:wait;*/ }
#simplemodal-overlay {background-color:#000; /*cursor:wait;*/}
#modal-product {display: none ;position: fixed ;bottom: 0px ;width: 100% ;}
#modal-loading {display: none ;position: fixed ;width: 100% ;}
#modal-confirm {display: none ;position: fixed ;width: 100% ;}

.scroll_fixed {z-index: 999;}
.scroll_fixed ul{left: 0;position: fixed;right: 0;top: 0;background-color:white;z-index: 999;}


html.l-nav-open, html.l-nav-closing, html.l-nav-open body, html.l-nav-closing body, html.l-nav-open .l-wrapper, html.l-nav-closing .l-wrapper, html.l-nav-open .l-main, html.l-nav-closing .l-main {
    height: 100%;
    overflow: hidden;
}
html.l-nav-open .l-nav {
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
.l-nav-open .l-nav, .l-nav-closing .l-nav {
    display: block;
}
.l-nav {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 17.25em;
    background: #fff;
    overflow-x: hidden;
    display:none;
}

html.l-nav-open .l-main {
    -webkit-transform: translate3d(-17.25em, 0, 0);
    transform: translate3d(-17.25em, 0, 0);
    -webkit-box-shadow: 0 0 0.5625rem #999999;
    box-shadow: 0 0 0.5625rem #999999;
}
.l-main {
    -webkit-transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    z-index: 1;
    background: #fff;
}

html.layer--full--opened, html.layer--full--opened body, html.layer--full--opened .l-wrapper, html.layer--full--opened .l-main {
    height: 100%;
    overflow: hidden;
}

.layer, .layer--wide, .layer--full, .layer--cover {
    display: none;
    position: absolute;
    z-index: 110;
    top: 0;
    background: #fff;
}
.layer.opened, .layer--wide.opened, .layer--full.opened, .layer--cover.opened {
    display: block;
}
.layer--full {
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
}
.layer_header {
    position: relative;
    z-index: 2;
    overflow: hidden;
    margin: 0px;
    padding: 15px 16px;
    border-bottom: 1px solid #d5d5d5;
    background: #fff7fb;
    overflow: hidden;
}
.layer_body {
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    overflow-scrolling: touch;
    position: absolute;
    z-index: 1;
    right: 0;
    left: 0;
    overflow: auto;
    overflow-x: hidden;
}
.layer_footer {
    position: fixed ;bottom: 0px ;width: 100% ;
}