/*
  Only required is to display none the .menu-icon
*/

.menu-icon {display: none;cursor: pointer; color: #fff;text-transform: uppercase;text-align: center;font-weight: bold;
    line-height: initial;font-size: 0; padding: 0px 0;z-index: 1;}
.menu-icon .menu-box { width: 48px; height: 48px;margin-right: 0;padding: 17px 11px; position: relative; left: 0;z-index: 9; }
.menu-icon .menu-box span {
    width: 100%;
    height: 3px;
    margin-bottom: 3px;
    background: #1f5236;
    display: block;
    border-radius: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.menu-icon span:nth-child(2) {opacity: 0; /* display: none; */}
.menu-icon .menu-box:after {content: '';width: 100%;height: 100%;border-radius: 50%;position: absolute;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);background: #86B6B9;left: 50%;z-index: -1;}
.menu-icon span:nth-child(1) {background: #ffffff;}
.menu-icon span:nth-child(3) {background: #00586E;}
.menu-icon.active span:nth-child(1) {
    transform: rotate(45deg) translateY(4px) translateX(3px);
    -webkit-transform: rotate(45deg) translateY(4px) translateX(3px);
}
.menu-icon.hover:not(.active) span:nth-child(1) {
    /* transform: rotate(90deg) translateX(8px); */
    /* -webkit-transform: rotate(48deg) translateX(5px); */
}
.menu-icon.active span:nth-child(2) {
    opacity: 0;
}
.menu-icon.active span:nth-child(3) {
    transform: rotate(-45deg) translateY(-4px) translateX(4px);
    -webkit-transform: rotate(-45deg) translateY(-5px) translateX(4px);
    background: #FFF;
}
.menu-icon.hover:not(.active) span:nth-child(3) {
    /* transform: rotate(-90deg) translateX(6px); */
    /* -webkit-transform: rotate(-90deg)  translateX(6px); */
}
/*
.enumenu_ul .caret {
    color: #fff;
    margin-left: 7px;
}
*/
.enumenu_ul li .caret { color: #e5e5e6; margin-left: 7px; position: absolute;border-top: 6px solid; border-right: 5px solid transparent; border-left: 5px solid transparent; right: -16px;top: 12px;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s; 
 -webkit-transition: all 0.5s ease-in-out 0s;}
.enumenu_ul li.hover .caret {transform: rotate(180deg);-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);}
.enumenu_ul li:hover .caret {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);}
.enumenu_ul {padding: 0px;list-style: none;}
.enumenu_ul ul > li {/*display: inline-block;*/float: left;vertical-align: top;padding-bottom: 0;position: relative;
    margin: 0 0px 0 30px;}
.enumenu_ul ul li a {font-size: 1.8rem; color: #fff;position: relative;transition: all 0.5s ease-in-out;}
.enumenu_ul ul li a:after{position: absolute;content: ""; left: 0; right: 0;background: #78b8ba;width: 0;height: 2px;    bottom: -4px;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;}
.enumenu_ul ul li a:hover:after {width: 50%;}
.header-main.fixed .enumenu_ul ul li a {color: #00586E;border-color: #00586E;}
.header-main.fixed .enumenu_ul.desk ul ul li a {color: #fff;}
.enumenu_ul ul > li:hover > a,
.enumenu_ul ul > li.active > a {/* background: #e6b705 none repeat scroll 0 0; */}
.enumenu_ul ul > li ul { display: none;}
.enumenu_ul ul ul li {width: 100%; margin: 0;list-style: none;position: relative;}
.fixed .enumenu_ul ul li a:hover:after{background: #78b8ba;}
.enumenu_ul.desk ul ul {top: 100%;z-index: 999;list-style: none;left: 0px;background: #6da198;position: absolute;
    min-width: 265px;padding: 5px 0;}
.enumenu_ul.desk ul ul.right { right: 0; left: auto; }
/*Sub menu styles*/

.menu.submenu-ul-level1 li a {background: rgba(31, 26, 107, 0.8); color: #fff;padding-left: 90px;}
.enumenu_ul.desk ul li:hover > ul {display: block;opacity: 1;}
.enumenu_ul.desk ul .sb-menu .sb-menu {left: 100%;top: 0;}
.enumenu_ul.desk ul ul li a {padding: 5px 10px;display: block;color: #fff;font-size: 1.6rem;text-align: left;}
.enumenu_ul.desk ul ul li a:after {display: none;}
.enumenu_ul.desk ul li > a:hover {color: #78b8ba;}
.enumenu_ul.desk ul ul li > a:hover {color: #78b8ba;}
.header-main.fixed .enumenu_ul.desk ul li > a:hover { color: #78b8ba;}
.enumenu_ul .arrow {position: absolute;left: calc(50% + 90px);top: 0px;width: 30px;height: 30px;cursor: pointer;
 z-index: 999}
    .enumenu_ul .arrow.up {}
    .enumenu_ul .arrow:after {content: "";position: absolute;height: 10px;width: 10px; border: 2px solid #6da198; border-width: 0px 2px 2px 0;transform: rotate(45deg);top: 5px; }
    .enumenu_ul .arrow.up {transform: rotate(180deg);}
    .enumenu_ul .arrow.up:after {left: 0;}

@media (max-width: 767px) {
    .enumenu_ul  ul li a {color: #00586E;font-size: 2.0rem; }
    header { padding-top: 0; }
    .enumenu_ul { display: none; }
    .menu-block {height: auto; }
    .menu-icon {display: block;}
    .services-detail a.pba-detail { border-bottom: 2px solid #d3d9da; }
    .enumenu_ul  ul > li {width: 100%;margin: 12px 0;padding: 0px;text-align: center;}
    .enumenu_ul  ul > li > a {display: inline-block;text-align: center;padding: 0 0;}
    .enumenu_ul .menu {width: 100%;padding: 0;display: block !important; }
    .header-main.fixed  .enumenu_ul  ul {padding: 0px 0; }
    .enumenu_ul > li ul { background: #D1D1D1; }
    .enumenu_ul  ul > li ul a { text-align: center; display: inline-block; text-align: center;color: #6da198;padding: 5px 0;font-size: 1.8rem; }
    /* Push Menu */
    body.menuslide_push {position: relative;}
    body.menuslide_push.slidemenuLeft { left: 0; transition: left 0.5s;-webkit-transition: left 0.5s;-moz-transition: left 0.5s;-ms-transition: left 0.5s;-o-transition: left 0.5s; }
    body.menuslide_push.slidemenuRight { right: 0; transition: right 0.5s;-webkit-transition: right 0.5s; -moz-transition: right 0.5s;-ms-transition: right 0.5s;-o-transition: right 0.5s; }
    body.slidemenuRight .enumenu_ul { right: -100%; }
    body.slidemenuRight.menu-open .enumenu_ul { right: 0; }
    body.slidemenuLeft .enumenu_ul { left: -300px; }
    body.slidemenuLeft.menu-open .enumenu_ul { left: 0; }
    body.menuslide_push.slidemenuLeft.menu-open { left: 300px; }
    body.menuslide_push.slidemenuRight.menu-open {
        /* right: 300px */overflow: hidden;
    }
    body.menuslide_push .enumenu_ul,
    body.menuOverlap .enumenu_ul {
        background: #ffffff none repeat scroll 0 0;
        display: flex;
        height: 100%;
        max-height: 100%;
        width: 100%;
        overflow: auto;
        position: fixed;
        transition: all 0.5s ease 0s;
        max-width: 100%;
        top: 0;
        z-index: -2;
        align-items: center;
        flex-wrap: wrap;
        padding-top: 114px;
    }
}