/* JQuery Simple MobileMenu Slide https://github.com/Position2/jQuery-Simple-MobileMenu */
/*Main style*/
 body.mmactive {
     overflow: hidden;
}
 body.mmactive #content{
     background: rgba(0, 0, 0, 0.5);
     opacity: 0.5;
}
 .mobile_menu {
     display: none;
     position: relative;
}
 .sm_menu_outer.active .mobile_menu {
     display: block;
     margin-left: 0;
}
 .sm_menu_outer {
    /*height: 100vmax !important;
    */
     width: calc(100% - 54px) !important;
     transition: left 0.3s;
     overflow-y: scroll;
     overflow-x: hidden;
     position: fixed;
     top: 110px;
     left: 0;
     bottom: 0;
     z-index: -9;
     width: 100%;
     opacity: 0;
     background-color: #fff;
     -webkit-transition: opacity 0.2s;
     -moz-transition: opacity 0.2s;
     transition: opacity 0.2s;
     border: 1px solid #CCCCCC;
     max-width: 480px;
     -webkit-overflow-scrolling: touch;
	 display: none;
}
 .sm_menu_outer .mobile_menu li.hasChild>a.menu-anchors.non-click.first-level {
     background-color: #0064C8;
     background-image: none;
     color: #fff;
     font-size: 22px;
     line-height: 20px;
     font-weight: Bold;
     font-family: proxima-nova;
     padding-left: 34px;
     position: relative;
     padding: 20px 15px;
     text-transform: uppercase;
     text-decoration: none;
     display: block;
}
 .sm_menu_outer .mobile_menu li.hasChild>a.menu-anchors.non-click:after {
     content: "\e622";
     position: absolute;
     right: 15px;
     top: 20px;
     font-family: 'luma-icons';
     color: #fff;
     transform: rotate(270deg);
     font-size: 16px;
}
 .sm_menu_outer .mobile_menu li.hasChild>a.menu-anchors.non-click .submenu.sub-menu-mobile li a:before {
     display: none;
}
 .sm_menu_outer .mobile_menu li.hasChild {
     margin-top: 10px;
}
 .sm_menu_outer.slide .mobile_menu li.active>.submenu.sub-menu-mobile .hasChild, .sm_menu_outer.slide .mobile_menu li.active>.submenu.sub-menu-mobile .hasChild.active .submenu.sub-menu-mobile li {
     margin-top: 0;
     margin-bottom: 5px;
     border-image: none !important;
}
 .sm_menu_outer.slide .mobile_menu li.active>.submenu.sub-menu-mobile .hasChild a, .sm_menu_outer.slide .mobile_menu li.hasChild>a {
     font-size: 16px;
     font-weight: 400;
     color: #000;
     background: transparent;
     border: none;
     line-height: 19px;
     padding: 5px 27px 8px;
     margin: 0 !important;
     font-family: proxima-nova;
     letter-spacing: initial;
     position: relative;
     text-transform: capitalize;
     display: block;
}
 .sm_menu_outer .mobile_menu li.back, .sm_menu_outer.slide .mobile_menu li.active>.submenu.sub-menu-mobile .hasChild.active .submenu.sub-menu-mobile li.back {
     margin-top:10px;
     margin-bottom: 30px;
}
 .sm_menu_outer .mobile_menu li.current_menu a, .sm_menu_outer.slide .mobile_menu li.active>.submenu.sub-menu-mobile .hasChild.active .submenu.sub-menu-mobile li.current_menu a {
     font-size: 16px;
     color: #000;
     font-family: proxima-nova;
     font-weight: bold;
     padding-left: 27px;
     padding-top: 0;
     padding-bottom: 0;
     text-transform: capitalize;
     margin-bottom: 20px !important;
}
 .sm_menu_outer.slide .mobile_menu li.active>.submenu.sub-menu-mobile .hasChild>a:before {
     content: "\e622";
     position: absolute;
     right: 25px;
     top: 5px;
     font-family: 'luma-icons';
     color: #000;
     transform: rotate(270deg);
     font-weight: 600;
}
 .sm_menu_outer.active {
     opacity: 1;
     z-index: 1;
     overflow-y: auto;
}
 .sm_menu_outer .mobile_menu li.back a {
     padding: 20px 5px 20px 55px;
     background: url("../../images/back.png") no-repeat scroll 15px center / 5% auto;
}
/*.sm_menu_outer .mobile_menu a {
     display: block;
     padding: 20px 15px;
     text-transform: uppercase;
     text-decoration: none;
}
*/
/*Sub Menu anim */
 .sm_menu_outer.slide .mobile_menu li.active>.submenu.sub-menu-mobile li.back a,.sm_menu_outer .mobile_menu li.back a {
     background: #0064C8;
     color: #fff;
     font-size: 22px;
     font-weight: bold;
     font-family: proxima-nova;
     padding: 8px;
     text-align: center;
     line-height: 27px;
     position: relative;
     text-transform: uppercase;
     padding-left: 32px;
     display: block;
}
 .sm_menu_outer.slide .mobile_menu li.active>.submenu.sub-menu-mobile li.hasChild.active li.back a {
     font-size: 14px;
}
 .sm_menu_outer.slide .mobile_menu li.active>.submenu.sub-menu-mobile li.back>a:before {
     content: "\e622";
     position: absolute;
     left: 15px;
     top: 25%;
     font-family: 'luma-icons';
     color: #fff;
     transform: rotate(90deg);
     font-size: 16px;
     right: auto;
     height: auto;
     width: 16px;
     bottom: 25%;
}
 .sm_menu_outer.slide .mobile_menu .submenu {
     background-color: #fff;
     height: 100%;
     position: absolute;
     right: -100%;
     top: 0;
     transition: all 0.5s ease 0s;
     width: 100%;
     z-index: 999;
     overflow-y: scroll;
     overflow-x: hidden;
}
 .sm_menu_outer.slide .mobile_menu li.active>.submenu {
     right: 0;
}
 .sm_menu_outer .mobile_menu li {
     list-style-type: none;
    margin-top: 10px;
}
 .sm_menu_outer .mobile_menu li a.menu-anchors.non-click.first-level:after {
    content: "\e622";
     position: absolute;
     right: 15px;
     top: 20px;
     font-family: 'luma-icons';
     color: #fff;
     transform: rotate(270deg);
     font-size: 16px;
}
 .sm_menu_outer.slide .mobile_menu li.hasChild>a {
     background: url("../images/next.png") no-repeat scroll 95% center / 5% auto;
}
/*Hamburger Animation */
 #sm_menu_ham {
     cursor: pointer;
     float: left;
     height: 17px;
     width: 17px;
     position: absolute;
     left: 15px;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: all 0.5s ease-in-out 0s;
     -moz-transition: all 0.5s ease-in-out 0s;
     -o-transition: all 0.5s ease-in-out 0s;
     transition: all 0.5s ease-in-out 0s;
     top: 15px;
     right: 15px;
     z-index: 1;
     margin-top: 12px;
     background: url('../images/toggle_menu.png')no-repeat;
     background-size: cover;
}
 #sm_menu_ham.open {
     background: url('../images/cross-out-mark.png')no-repeat;
     background-size: cover;
}
 #sm_menu_ham span {
     background-color: transparent;
     border-radius: 5px;
     display: block;
     height: 2px;
     left: 0;
     opacity: 1;
     position: absolute;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: all 0.25s ease-in-out 0s;
     -moz-transition: all 0.25s ease-in-out 0s;
     -o-transition: all 0.25s ease-in-out 0s;
     transition: all 0.25s ease-in-out 0s;
     width: 15px;
}
 #sm_menu_ham span:nth-child(1) {
     top: 3px;
}
 #sm_menu_ham span:nth-child(2), #sm_menu_ham span:nth-child(3) {
     top: 9px;
}
 #sm_menu_ham span:nth-child(4) {
     top: 15px;
}
 #sm_menu_ham.open span:nth-child(1) {
     left: 50%;
     top: 18px;
     width: 0;
}
 #sm_menu_ham.open span:nth-child(2) {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     transform: rotate(45deg);
}
 #sm_menu_ham.open span:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 #sm_menu_ham.open span:nth-child(4) {
     left: 50%;
     top: 18px;
     width: 0;
}
 @media (min-width: 1200px) {
     #sm_menu_ham, .sm_menu_outer {
         display: none;
    }
}
 @media (min-width: 768px) and (max-width: 1199px){
     #sm_menu_ham{
        top:13px;
    }
     .sm_menu_outer{
        top: 104px;
    }
}
 @media(max-width: 1199px) {
    /* MOBILE MENU */
     .mobile_menu {
         width: 100%;
         padding-left: 0;
         height: 100%;
         overflow-y: hidden;
         overflow-x: hidden;
    }
     .sm_menu_outer.slide .mobile_menu .submenu {
        /*width: auto;
        */
         z-index: -1;
    }
     .sm_menu_outer.slide .mobile_menu li.active>.submenu.sub-menu-mobile {
         width: 100%;
         height: 100%;
         z-index: 999999;
    }
     .page-header{
         height: 103px;
         overflow: hidden;
        border-bottom: 0 !important;
    }
     .page-header .panel.wrapper{
        display: none;
    }
     .mobile-bottom-menus ul{
         margin-left: 0;
         margin-bottom: 0;
    }
     .mobile-bottom-menus ul li{
        display: block;
         margin: 0;
    }
     .mobile-bottom-menus ul li a{
         color: #707070;
         font-size: 16px;
         line-height: normal;
         font-family: proxima-nova;
         display: flex;
         padding: 15px 15px;
         background: #E0E0E0;
         border-bottom: 1px solid #C9C9C9;
    }
    .mobile-bottom-menus ul li:first-child a{    border-top: 1px solid #C9C9C9;} 
     .mobile-bottom-menus ul li img{
        width: 17px;
         height: 17px;
         margin-right: 15px;
    }
     .mobile-bottom-menus ul li.greet.welcome{
         color: #707070;
         font-size: 16px;
         line-height: normal;
         font-family: proxima-nova;
         display: block;
         padding: 15px;
    }
}
 @media(max-width: 359px){
     .sm_menu_outer.active{
        overflow-y: scroll;
    }
}
 @media(max-width: 767px){
     .mobile-menus .mobile_menu{
        display: block;
    }
     .site-header{
        height: 107px;
         overflow: hidden;
    }
    header{    border-bottom: 1px solid #e5e5e5;}
}