#mobilemenu {position: fixed; left:-100%; top: 0; bottom: 0; background:#fff; width:100%; max-width:480px;z-index:201; -webkit-transition:all .6s cubic-bezier(0.55, 0, 0.1, 1); transition:all .6s cubic-bezier(0.55, 0, 0.1, 1); overflow: hidden;}
html.showmenu #mobilemenu {left: 0;}
html.showmenu #menubg {background:rgba(0,0,0,0.4); visibility: visible; height:100%; -webkit-transition: background .6s ease 0s, visibility 0s ease 0s, height 0s ease 0s; transition: background .6s ease 0s, visibility 0s ease 0s, height 0s ease 0s;}
#mobilemenu > div {height:100%; padding: 50px 30px 30px 30px; position: relative;}
#mobilemenu a.closemenu {display: block; position: absolute; top:30px; right:40px; color:#333; width:20px;height:20px;line-height: 20px;font-size: 20px; text-align: center;}

#mobilemenu > div ul {position: relative; margin-top:15px;}
#mobilemenu > div ul > li {position: relative; border-bottom: 1px solid #e6e6e6;}
#mobilemenu > div ul > li > a {font-size: 16px; text-transform: uppercase; padding: 16px 0; font-family: "Open Sans", sans-serif; font-weight: 600;line-height:1.4em; color:#333; display: block;position: relative;}
#mobilemenu > div ul > li > a i {font-size: 12px; position: absolute; right: 10px; top:50%; margin-top:-6px; width:12px; height:12px; text-align: center;}

#mobilemenu .submenu {position: fixed; left:-100%; top:50px; bottom:0; background:#fff;width:100%; max-width:480px; height:100%; padding: 0 30px; z-index:201; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
#mobilemenu .submenu.subopen {left:0; -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0);}

#mobilemenu .submenu a.mp-back {padding-left: 30px;}
.submenu a.mp-back i {position: absolute; left:0;}
#mobilemenu .submenu a.dropdown-item {font-size:14px; padding: 18px 0 17px; text-transform: none;}
#mobilemenu .submenu a.dropdown-item:hover {background:none;}
#mobilemenu .submenu li.nothing {padding:18px 0 17px;font-size:14px; font-weight: 600;}

#menubg {display: block; position: fixed; left:0; right: 0; top:0; bottom: 0; -webkit-transition: background .6s ease 0s, visibility 0s ease .6s, height 0s ease .6s; transition: background .6s ease 0s, visibility 0s ease .6s, height 0s ease .6s; background:none; visibility: hidden; height: 0px; z-index:6;}
html.showsearch #menubg {background:rgba(0,0,0,0.4); visibility: visible; height:100%; -webkit-transition: background .6s ease 0s, visibility 0s ease 0s, height 0s ease 0s; transition: background .6s ease 0s, visibility 0s ease 0s, height 0s ease 0s;}

#searchmenu {position: fixed; top:-100%;left:0;right:0;background:linear-gradient(to right, #dbdc1f 0%,#ff5e3c 100%); width:100%;height:auto;z-index: 7; -webkit-transition:all 250ms cubic-bezier(0.55, 0, 0.1, 1); transition:all 250ms cubic-bezier(0.55, 0, 0.1, 1); overflow: hidden;}
html.showsearch #searchmenu {top:55px;}
#searchmenu > div {padding: 30px 34px;}

#searchmenu form {position: relative; }
#searchmenu form input {padding: 0 50px 0 20px; background: #fff; width:100%; height: 60px;margin: 0; font-family: 'Oswald', sans-serif; font-size: 24px;font-weight: 400; border: none; border-radius: 40px;}
#searchmenu form button {width:50px; height: 60px; position: absolute;top:0; right: 10px; border: 0 none; padding: 0; margin: 0; cursor: pointer; background: none; font-size: 36px; color:#000;  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);}

@media (max-width: 480px) {
    #searchmenu > div {padding: 30px 20px;}
    #searchmenu form input {padding: 0 40px 0 15px; font-size: 20px; height:55px;}
    #searchmenu form button {width:40px;height:55px;font-size: 28px;}
}