/* Mobile Menu Frontend CSS Style*/





/* Hides everything pushed outside of it */

.mob-menu-left-panel{

    position: fixed;

    top: 0;

    height: 100%;

    z-index: 300000;

    overflow-y: auto;   

    overflow-x: hidden;

    opacity: 1;



    -webkit-transition: -webkit-transform .5s;

    -moz-transition: -moz-transform .5s;

    -ms-transition: -ms-transform .5s;

    -o-transition: -o-transform .5s;

    transition: transform .5s;

}   



.show-nav-left .mob-menu-left-panel {



 	 transition: transform .5s;

 	 -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



body.admin-bar .mobmenu{

    top: 32px;

}



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

    body.admin-bar .mobmenu {

        top: 46px;   

    }

}



.mob-menu-right-panel{

    position: fixed;

    top: 0;

    right: 0;

    height: 100%;

    background: #000;

    z-index: 300000;

    overflow-y: auto;   

    overflow-x: hidden;

    opacity: 1;

    -webkit-transition: -webkit-transform .5s;

    -moz-transition: -moz-transform .5s;

    -ms-transition: -ms-transform .5s;

    -o-transition: -o-transform .5s;

    transition: transform .5s;

}   



.show-nav-right .mob-menu-right-panel {

 	transition: transform .5s;

 	-webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.mobmenu-left-bt , .mobmenu-right-bt {

    font-size: 22px;

    line-height: 22px;

}



/* Adds a transition and the resting translate state */

.mobmenu-push-wrap, .mob_menu_header_div {

	

    -webkit-transition: all 300ms ease 0;

    -moz-transition: all 300ms ease 0;

    -o-transition: all 300ms ease 0;

    transition: all 300ms ease 0;



    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0);



    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);



    -webkit-transition: -webkit-transform .5s;

    -moz-transition: -moz-transform .5s;

    -ms-transition: -ms-transform .5s;

    -o-transition: -o-transform .5s;

    transition: transform .5s;

}



body{

    overflow-y: hidden;

    overflow-x: hidden;

}



.show-nav-left .mobmenu-push-wrap{

     height: 100%;

}



/* Will animate the content to the right 275px revealing the hidden nav */

.show-nav-left .mobmenu-push-wrap, .show-nav-left .mob_menu_header_div {

    -webkit-transition: -webkit-transform .5s;

    -moz-transition: -moz-transform .5s;

    -ms-transition: -ms-transform .5s;

    -o-transition: -o-transform .5s;

    transition: transform .5s;

}



.show-nav-right .mobmenu-push-wrap{

    height: 100%;

}



/* Will animate the content to the right 275px revealing the hidden nav */

.show-nav-right .mobmenu-push-wrap , .show-nav-right .mob_menu_header_div{  

    -webkit-transition: -webkit-transform .5s;

    -moz-transition: -moz-transform .5s;

    -ms-transition: -ms-transform .5s;

    -o-transition: -o-transform .5s;

    transition: transform .5s;

}



html, body {

    overflow-x: hidden;

}



.widget img {

    max-width: 100%; 

}



#mobmenuleft, #mobmenuright {

    margin: 0;

    padding: 0;

}

#mobmenuleft  li > ul {

   display:none;

   left: 15px;

}



#mobmenuleft li:hover > ul {

    display:block;

}

.mobmenu .sub-menu li {

    padding-left: 30px;

}



#mobmenuright  li > ul {

   display:none;

   left: 15px;

}



#mobmenuright li:hover > ul {

    display:block;

    padding-left: 30px;

}



.rightmbottom, .rightmtop {

    padding-left: 10px;

    padding-right: 10px;                            



}



.mobmenu_content {

    z-index: 1;

    height: 100%;

    overflow: auto;

}

  

.mobmenu_content li a {

    display: block;

    font-family: "Open Sans";

    letter-spacing: 1px;

    padding: 10px 20px;

    text-decoration: none;

    font-size: 14px;

}



.mobmenu_content li {

    list-style: none;

    border-bottom: solid 1px rgba(255,255,255,0.1);

}

.mob_menu_left_panel_anim{

    -webkit-transition: all .30s ease-in-out !important;

    transition: all .30s ease-in-out !important;    

    transform: translate(0px) !important;

    -ms-transform: translate(0px) !important;   

    -webkit-transform: translate(0px) !important;

}



.mob_menu_right_panel_anim{

    

    -webkit-transition: all .30s ease-in-out !important;    

    transition: all .30s ease-in-out !important;    

    transform: translate(0px) !important;

    -ms-transform: translate(0px) !important;

    -webkit-transform: translate(0px) !important;

}



.mobmenul-container{

    position: absolute;



}



.mobmenur-container{

    position: absolute;     

    right: 0px; 

} 



.mob_menu_left_panel{

    width: 230px;

    height: 100%;

    position: fixed;

    top: 0px;

    left: 0px;

    z-index: 99999999;  

    transform: translate(-230px);

    -ms-transform: translate(-230px);

    -webkit-transform: translate(-230px);

    transition: all .30s ease-in-out !important;    

    -webkit-transition: all .30s ease-in-out !important;    

    overflow:hidden;

        

}



.leftmbottom h2{

    font-weight: bold;

    background-color: gray;

    padding-left: 5px; 

    color: #fff;

}

.mobmenu .icon-cancel-2, .show-nav-left .mobmenu .icon-menu, .show-nav-right .mobmenu .icon-menu {

    display:none;

}

.show-nav-left .mobmenu .icon-cancel-2,  .mobmenu .icon-menu, .show-nav-right .mobmenu .icon-cancel-2{

    display:block;

}

.mobmenu_content .widget {

    padding-bottom: 0px;

    padding: 20px;

}

.mobmenu input[type="text"]:focus, .mobmenu input[type="email"]:focus, .mobmenu textarea:focus, .mobmenu input[type="tel"]:focus, .mobmenu input[type="number"]:focus {

    border-color: rgba(0, 0, 0, 0)!important;

}

.mobmenu{ 

    display:none;

}