.slideout-menu{position: fixed;left: 0;top: 0;bottom: 0;right: 0;z-index: 0;width: 271px;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.slideout-panel{position:relative;z-index: 1;background: #FFF;}
.slideout-open, .slideout-open body, .slideout-open .slideout-panel{overflow: hidden;}
.menu-open #menu{display: block !important;}
#menu{display: none; background: #ffF;}
.mb-holder{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transition: -webkit-transform .2s;-moz-transition: -moz-transform .2s;transition: transform .2s;}

.search-mobile{position: relative;background: #2f2f2f;}
.search-mobile input{width: 100%;padding: 15px 24px 17px;background: transparent;border: 0;}
.search-mobile button.btn-search{width: 22px;height: 22px;position: absolute;top: calc(50% - 11px);right: 22px;padding: 0;border: 0;background: url(../../sysimages/icon-search-mobile.png) center/36px no-repeat;}

.menu-mobile ul li a{position: relative;display: block;padding: 15px 24px 14px;text-decoration: none;}
.menu-mobile ul li.selected > a{color: #0ab7a2 !important;}
.menu-mobile ul.main-menu{padding: 0;background: #FFF;}
.menu-mobile ul.main-menu > li{border-top: 1px solid #f4f4f4; background: #FFF;}
.menu-mobile ul.main-menu > li:first-child{border-top: 0;}
.menu-mobile ul.main-menu li:first-child a{padding-top: 16px;}
.menu-mobile ul.main-menu .secondMenu{padding-bottom: 32px;}
.menu-mobile ul.main-menu .secondMenu a{padding: 4px 34px 3px !important;margin-bottom: 11px;}
.menu-mobile ul.main-menu .thirdMenu{padding-bottom: 16px;}
.menu-mobile ul.main-menu .thirdMenu a{padding: 4px 44px 3px !important;margin-bottom: 11px;margin-bottom: 5px;}
.menu-mobile ul.main-menu .thirdMenu .imageList{display: block !important;padding-left: 34px !important;padding-right: 34px !important;}
.menu-mobile ul.main-menu .thirdMenu .imageList a{display: block;line-height: 0;padding-left: 0 !important;padding-right: 0 !important;}
.menu-mobile ul.main-menu .thirdMenu .imageList img{display: block;line-height: 0;width: 100%;}
.menu-mobile ul.main-menu .fourthMenu{}
.menu-mobile ul.main-menu .fourthMenu a{padding: 4px 54px 3px !important;margin-bottom: 4px;}
.menu-mobile ul.main-menu .fourthMenu li:last-child a{margin-bottom: 11px;}
.menu-mobile ul .sub-mobile{display: none;}
.menu-mobile ul .sub-mobile.open{display: block;}
.menu-mobile ul .sub-mobile.visible{z-index: 2;}
.menu-mobile ul li.hasSub > a::after{content: '';position: absolute;top: calc(50% - 4px);right: 30px;width: 8px;height: 8px;background: url(../../sysimages/accordion-icon.png) no-repeat left top;background-size: 8px;}
.menu-mobile ul li.selected > a::after,
.menu-mobile ul li.active > a::after{background-position: left bottom;}
.menu-mobile ul.main-menu .thirdMenu > .selected.active > ul{display: block;}
.menu-mobile ul.menu-inst{padding: 0;margin-left: 0;border-top: 1px solid #0ab7a2;margin-top: 5px;border-bottom: 1px solid #f1f2f4;padding-bottom: 8px;}
.menu-mobile ul.menu-inst li{width: 33.3333%;float: left;text-align: center;font-size: 0;margin-top: 10px;min-height: 32px;}
.menu-mobile ul.menu-inst li:not(:last-child){border-right: 1px solid #f4f4f4;}
.menu-mobile ul.menu-inst.loggedIn li{width: 25%;}
.menu-mobile ul.menu-inst li a{position: relative;padding: 0;background-position: left top;background-repeat:no-repeat;display: inline-block;vertical-align: middle;background-size: 24px;width: 26px;height: 26px;margin-top: 3px;}
.menu-mobile ul.menu-inst li.user a{background-image: url(../../sysimages/icon-user-mobile.png);}
.menu-mobile ul.menu-inst li.wish a{background-image: url(../../sysimages/icon-wishlist-mobile.png);}
.menu-mobile ul.menu-inst li.logout a{background-image: url(../../sysimages/icon-logout-mobile.png);background-size: 16px;background-position: center;}
.menu-mobile ul.menu-inst li.lang a{background-image: url(../../sysimages/icon-language-mobile.png);background-size: 18px;background-position: center;}
.menu-mobile ul.menu-inst + .country-drop{display: none;width: 100%;padding: 10px 15px 15px;background: rgba(255,255,255,0.8);}
.menu-mobile ul.menu-inst + .country-drop .inputError{margin-bottom: 10px;}
.menu-mobile ul.menu-inst + .country-drop .inputError label > span{padding-bottom: 4px;}
.menu-mobile ul.menu-inst + .country-drop .inputError .select{background-repeat: no-repeat;background-position: 7px center;}
.menu-mobile ul.menu-inst + .country-drop select#country-mobile{padding-left: 30px;}
.menu-mobile ul.menu-inst + .country-drop button{width: 100%;padding-top: 8px;padding-bottom: 8px;}

.menu-mobile .user-contact{padding: 15px 24px 14px;border-top: 1px solid #f4f4f4;}
.menu-mobile .user-contact p{float: left;}
.menu-mobile .user-contact .phone{position: relative;float: left;padding: 0px 7px 0 22px;margin-left: 6px;border-radius: 22px;border: 1px solid #E0DFE4;cursor: default;}
.menu-mobile .user-contact .phone::before{content: '';position: absolute;top: 1px;left: 1px;width: 19px;height: 19px;background: url(/sysimages/icon-phone-desktop.png) left top/19px no-repeat;}
.menu-mobile .user-currency{padding-bottom: 2px;}
.menu-mobile .user-contact p{font-size: 13px;text-transform: uppercase;}
.menu-mobile .user-contact .phone{font-size: 12px;line-height: 20px;text-decoration: none;}

@media screen and (min-width: 767px) {
	#menu{display: none !important;}
	#containerSite{transform: none !important;}
	.slideout-open{overflow: auto !important;}
}

@media screen and (max-width: 768px){
	#containerSite{-webkit-box-shadow: 0 0 5px 0 rgb(102,102,102);-moz-box-shadow: 0 0 5px 0 rgb(102,102,102);box-shadow: 0 0 5px 0 rgb(102,102,102);}
}

.menu-mobile ul.main-menu > li.hasSub.active{background: #f7f7f7 !important}
.menu-mobile ul.main-menu .secondMenu > .selected.active > .thirdMenu{display: block;}