/* BASIC css start */
#header .topbar{width:100%;}
#header .topbar a{display:block;}
#header .topbar a img{width:100%;}
body {font-family: 'Spoqa Han Sans Neo','Poppins', 'sans-serif';}

.top_banner {width:100%;z-index: 99999;background:#dae0f0;text-align:center;height:35px;line-height:35px;}
.top_banner .top-banner-inner {width:100%;margin:0 auto;position:relative;}
.top_banner .top-banner-inner p a {font-family: 'Spoqa Han Sans Neo', 'sans-serif';color:#2b2b2b;font-size:0.85rem;font-weight: bold;}
.top_banner .banner_close {font-size: 0;position:absolute; top:10px; right:10px; z-index: 5;}
.top_banner .banner_close img {width:15px; height:15px; }



.search {width:100%;margin:0 auto}
.search fieldset{    width: 100%;
    margin: 49px auto;
    POSITION: relative;
    height: 61px;
    border-bottom: 2px solid #2b2b2b;}
.search input{width: 100%;
    height: 30px;
    background: 0 0;
    font-size: 20px;
    color: #2b2b2b;
    line-height: 30px;
    border: 0;
    /* border-bottom: 2px solid #5e5f61; */
    box-sizing: border-box;
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 50px;}
.search .btn_search{font-size:40px}
.search-ham .search_btn {position:absolute;right:0; bottom:0px; }
.search-ham .search_btn img{height:50px;}
.search-ham .label_name{position: absolute;  z-index: -2; left: 0; text-align: left; width: 84%; color: #999; cursor: text; line-height: 35px;   font-weight: 400;font-family: 'Spoqa Han Sans Neo';font-size:14px; box-sizing: border-box;}
.search-ham .label_name i,.search fieldset{text-align:center}
.search-ham .label_name i{font-size:14px;transition:.1s ease-in-out;color:#000}



.site-header .site-header-inner { width:100%;display:flex;background-color:rgba(255,255,255,.60);padding:5px 5%;}
.site-header {position:fixed;top:0;width:100%;z-index:99;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.site-header .site-logo {width:40%;margin:0 auto;display:inline-block;}
.site-header .site-logo .logo { background:url('/design/heimish/renewal2019/mb/m_logo_bl.png') center center no-repeat !important;background-size: auto 25px !important;display:block;width:auto;height:25px}
.site-header.is-bright .site-logo .logo{background:url(http://www.eheimish.com/design/heimish/renewal2019/mb/m_logo_wh.png) center center no-repeat !important; background-size: auto 25px !important;}
.site-header.is-active .site-logo .logo{background:url(/design/heimish/renewal2019/mb/m_logo_bl.png) center center no-repeat !important; background-size: auto 25px !important;display:block;}
.site-header .site-menu {float:left;width:59%;text-align:center}
.site-header .site-menu ul li > li a {font-family: 'Spoqa Han Sans Neo', 'sans-serif';margin:0 auto;}
.site-header .site-menu li{display:inline-block;padding:5px 2%}

.site-header .site-menu li.selected a:after{width:100%}
.site-header .site-menu .language-selector{display:none}

.site-header .site-cart {display:inline-block;text-align:right;line-height:35px;width:20%;}
.site-header .site-cart a {font-family: 'Poppins';font-size: 13px; color: #2b2b2b;font-weight: 500;}
.site-header .site-cart span.user_basket_quantity {line-height:18px;font-size: 13px;font-family: 'Poppins';margin-left:5px;text-align:center;color:#fff;display:inline-block;width:18px;height:18px;background:#2b2b2b;border-radius:20px;font-weight: 400;}
.site-header .site-extras {display:inline-block;text-align:left;width:18.5%}

.site-header .site-extras li {display:inline-block;padding:7px 0 7px 10px;vertical-align:top}
.site-header .site-extras li .heimish-icon{position:relative}
.site-header.is-active .site-menu .language-selector {margin-top:55px;}
.site-header .site-menu .language-selector em{font-weight:600;}
.site-header .site-menu .language-selector a{opacity:.5;    font-weight: 400 !important;}
.site-header .site-menu .language-selector .selected{opacity:1;}

.site-header.is-bright .site-extras [data-menu-label=Account] .heimish-icon{background: url(http://www.eheimish.com/design/heimish/renewal2019/mb/m_my_wh.png) center center no-repeat;     background-size: auto 20px;}
.site-header.is-bright .site-extras [data-menu-label=Search] .heimish-icon{background: url(http://www.eheimish.com/design/heimish/renewal2019/mb/m_search_wh.png) center center no-repeat;     background-size: auto 20px;}
.site-header.is-bright .site-extras [data-menu-label="Shopping Bag"] .heimish-icon{    background: url(http://www.eheimish.com/design/heimish/renewal2019/mb/m_cart_wh.png) center center no-repeat;     background-size: auto 20px;}
.site-header.is-active .site-extras [data-menu-label=Account] .heimish-icon{background: url(http://www.eheimish.com/design/heimish/renewal2019/mb/m_my.png) center center no-repeat;     background-size: auto 20px;}
.site-header.is-active .site-extras [data-menu-label=Search] .heimish-icon{opacity:1; background: url(http://www.eheimish.com/design/heimish/renewal2019/mb/m_search.png) center center no-repeat;     background-size: auto 20px;}
.site-header.is-active .site-extras [data-menu-label="Shopping Bag"] .heimish-icon{    background: url(http://www.eheimish.com/design/heimish/renewal2019/mb/m_cart.png) center center no-repeat;     background-size: auto 20px;}



.site-header .site-extras li ul li{display:none}
.site-header .site-extras li ul .shopping-bag{display:block}
.site-header .site-extras .change-language{cursor:pointer;padding-right:15px!important;margin-right:5px;position:relative}
.site-header .site-extras .change-language .language{color:#5e5f61;font-size:12px;font-weight:600;height:35px;line-height:40px}
.site-header .site-extras .change-language .caret{background:url(http://www.eheimish.com/design/heimish/renewal2019/pc/menu4_grey.png) center center no-repeat;position:absolute;right:0;top:50%;margin-top:-6px;width:10px;height:10px;transition:transform .2s ease-out,opacity .2s ease-out}
.site-header .site-extras .change-language .language-selector{background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.12);display:none;padding:10px;position:absolute;margin-left:-20px;margin-top:5px;z-index:9999;width:130px}
.site-header .site-extras .change-language .language-selector .item{background-color:transparent;border-radius:3px;color:#5e5f61;display:block;font-size:13px;font-weight:600;padding:7px 10px;text-align:left;text-decoration:none;transition:background-color .25s ease-out}
.site-header .site-extras .change-language .language-selector .item:hover{background-color:rgba(255,249,249,1)}
.site-header .site-extras .change-language .language-selector .item span{display:block;font-weight:400;font-size:11px}
.site-header .site-extras .change-language.is-active .caret{transform:scaleY(-1)}
.site-header .site-extras .change-language.is-active .language-selector{display:block}
.site-header .site-extras .hamburger{display:none;cursor:pointer;height:38px;transition-property:filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;overflow:visible}
.site-header.is-bright .site-extras .change-language .language,.site-header.is-bright .site-menu li a{color:#fff}
.site-header .site-extras .hamburger-box{width:22px;height:24px;display:block;position:relative;margin:5px}
.site-header .site-extras .hamburger-inner{display:block;top:50%;margin-top:-2px}
.site-header .site-extras .hamburger-inner,.site-header .site-extras .hamburger-inner:after,.site-header .site-extras .hamburger-inner:before{width:24px;height:2px;background-color:#5e5f61;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}
.site-header .site-extras .hamburger-inner:after,.site-header .site-extras .hamburger-inner:before{content:"";display:block}
.site-header .site-extras .hamburger-inner:before{top:-9px;transition:top 75ms .12s ease,opacity 75ms ease}
.site-header .site-extras .hamburger-inner:after{bottom:-9px;transition:bottom 75ms .12s ease,transform 75ms cubic-bezier(.55,.055,.675,.19)}
.site-header.is-active .site-extras .hamburger .hamburger-inner,.site-header.is-active .site-extras .hamburger .hamburger-inner::after,.site-header.is-active .site-extras .hamburger .hamburger-inner::before{background-color:#5e5f61}
.site-header.is-active .site-extras .hamburger .hamburger-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}
.site-header.is-active .site-extras .hamburger .hamburger-inner:before{top:0;opacity:0;transition:top 75ms ease,opacity 75ms .12s ease}
.site-header.is-active .site-extras .hamburger .hamburger-inner:after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms ease,transform 75ms .12s cubic-bezier(.215,.61,.355,1)}
.site-header .site-header-cover{background-size:cover;background-position:center;display:none;position:absolute;width:100%;height:calc(100% - 430px);max-height:350px;bottom:-20px;left:0}
.site-header.is-bright .site-menu li a:after{background-color:rgba(255,255,255,.25)}
.site-header.is-bright .site-extras .hamburger-inner,.site-header.is-bright .site-extras .hamburger-inner:after,.site-header.is-bright .site-extras .hamburger-inner:before,.site-header.is-bright .site-extras li .heimish-icon .badge{background-color:#fff}
.site-header.is-bright .site-extras .change-language .caret{background:url(http://www.eheimish.com/design/heimish/renewal2019/pc/menu4.png) center center no-repeat;margin-top: -5px;}
.site-header.is-reduced{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.site-header.is-reduced .site-logo .logo {

}
.site-header.is-reduced .site-extras {margin-top:0}
.site-header.is-reduced .site-extras li .heimish-icon{   

    width: 32px;
    height: 32px;}

.site-header.is-reduced .site-extras .change-language .language{height:32px;line-height:35px}

.site-header .site-logo .logo{margin-top:5px}
.site-header .site-menu li{padding:4px 1.5%}

.site-header .site-extras {margin-top:1px}
.site-header .site-extras li{padding:3px 0 3px 7px}


@media (min-width:900px){.site-header .site-logo .logo{margin-top:0}
.site-header.is-reduced .site-menu li{padding-top:3px;padding-bottom:3px}
.site-header.is-reduced .site-extras li{padding:0 0 0 7px}
}
.site-header{overflow:hidden}
.site-header.is-active{background-color:#fff;height:100%; z-index: 999;overflow-y:auto;}


.site-header .site-menu {float:none;position:absolute;text-align:left;top:120px;width:90%; }
.site-header .site-menu ul{margin:0}
.site-header .site-menu li{display:block;opacity:0;padding:10px 10px 7px 0;transition:padding-top .3s ease-out,opacity .3s ease-out}
.site-header .site-menu li:nth-child(1){transition-delay:50ms}
.site-header .site-menu li:nth-child(2){transition-delay:.1s}
.site-header .site-menu li:nth-child(3){transition-delay:.15s}
.site-header .site-menu li:nth-child(4){transition-delay:.2s}
.site-header .site-menu li:nth-child(5){transition-delay:.25s}
.site-header .site-menu li:nth-child(6){transition-delay:.3s}
.site-header .site-menu li:nth-child(7){transition-delay:.35s}
.site-header.is-active .site-menu li{opacity:1;padding-top:7px}

.site-header.is-bright .site-menu li a:after{background-color:rgba(217,188,186,.25)}
.site-header .site-menu .language-selector{display:block;overflow:hidden;margin-top:10px}
.site-header .site-menu .language-selector a{float:left;width:50%;font-size:18px!important;font-weight:600;margin-right:0;padding:5px 0;letter-spacing:-1px;}
.site-header .site-menu .language-selector a span{margin-left:7px;font-size:12px;position:relative;top:-2px}
.site-header .site-menu .language-selector .selected:after{width:100%}
.site-header .site-extras [data-menu-label=Language]{/*display:none*/}
.site-header.is-active .site-extras [data-menu-label=Account],.site-header.is-active .site-extras [data-menu-label=Search]{opacity:1}
.site-header .site-extras .hamburger{display:inline-block}
.site-header .site-header-cover{display:block;opacity:0;transition:opacity .5s ease-out,bottom .5s ease-out}
.site-header.is-active .site-header-cover{opacity:0;bottom:0}


.site-header-guide{height:72px}

.site-header .site-menu li{padding:8px 10px 10px 0}
.site-header.is-active .site-menu li{padding-top:5px}
.site-header .site-extras li {padding-left:8px}
@media (max-width:350px){.site-header .site-extras li{padding-left:5px}
}

.search-ham {position:relative;}
.search-ham .searchbar{width:100%;position:relative;margin-bottom:50px}
.search-ham input[type=text]{color:#999;background-color:transparent;border-radius:0;border:none;border-bottom:2px solid #111;width:100%;font-family: 'Spoqa Han Sans Neo';line-height:30px;padding:20px 0px;font-size:14px;outline:0}

.menu-ham {margin-top:50px;}


.menu-ham nav li { position:relative;}
.menu-ham nav li a {font-family: 'Poppins';font-weight: 500;font-size:1.1rem;color: #2b2b2b;height: 35px; line-height:35px; padding:; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.menu-ham nav li .fa {width: 40px; text-align: center; height: 35px; line-height:35px;}
.menu-ham nav li > ul { display:none; }
.menu-ham nav li > ul > li {}
.menu-ham nav li > ul > li a {font-family: 'Poppins', 'sans-serif';padding:0 0px 0 15px; margin: 0;font-weight: 400;font-size:0.95rem;}
.menu-ham nav li > ul > li > ul > li a {padding:0 0 0 30px; margin: 0;color: #888888;font-size:0.9rem;}
.fa-angle-up:before { font-size: 1.4rem; }



/* BASIC css end */