.edu-element-hmenu { padding: 10px; }
.edu-element-hmenu ul { margin: 0px; padding: 0px; }
.edu-element-hmenu.text-layout .site-navigator, .edu-element-hmenu.text-layout .site-navigator .sub-menu { list-style: none; }
.edu-element-hmenu.text-layout .site-navigator { display: block; z-index: 10000; }
.edu-element-hmenu.text-layout .site-navigator > li { float: left; }
.edu-element-hmenu.text-layout .site-navigator li { position: relative; }

/*sub li*/
.edu-element-hmenu.text-layout .site-navigator .edu-sub-menu-item { max-height: 41px; }
.edu-element-hmenu.text-layout .site-navigator > li > a, .edu-element-hmenu.text-layout .site-navigator .sub-menu > li > a { -webkit-box-shadow: none; box-shadow: none; padding: 10px 15px; display: block; }
.edu-element-hmenu.text-layout .site-navigator > li > a:hover, .edu-element-hmenu.text-layout .site-navigator > li > a:active { color: #02639d; }
.edu-element-hmenu.text-layout .site-navigator .edu-menu-item-link  .icon-has-children { margin-left: 8px; }
.edu-element-hmenu.text-layout .site-navigator .edu-sub-menu-item-link  .icon-has-children { position: absolute; top: 35%; left: 90%; }

/* sub menu with transittions*/
.edu-element-hmenu.text-layout .site-navigator .sub-menu { display: block; position: absolute; margin: 0px; padding: 0px; visibility: hidden; z-index: 999999; opacity: 0; background-color: #00a4b0; text-align: left; pointer-events: none; -webkit-transition: all .3s; transition: all .3s; }
.edu-element-hmenu.text-layout .site-navigator .edu-menu-item.hover-menu > ul { opacity: 1; visibility: visible; pointer-events: auto; -webkit-transition: all .3s; transition: all .3s; }
.edu-element-hmenu.text-layout .site-navigator .edu-menu-item .edu-sub-menu-item.hover-menu > ul { opacity: 1; visibility: visible; pointer-events: auto; -webkit-transition: all .3s; transition: all .3s; }

/*animate bottom to top*/
.edu-element-hmenu.text-layout.animate-bottom-to-top .edu-menu-item .edu-sub-menu-item > ul { top: 100%; left: 100%; }
.edu-element-hmenu.text-layout.animate-bottom-to-top .edu-menu-item .edu-sub-menu-item.hover-menu > ul { top: 0; }

/*animate top to bottom*/
.edu-element-hmenu.text-layout.animate-top-to-bottom .edu-menu-item .edu-sub-menu-item > ul { top: -100%; left: 100%; }
.edu-element-hmenu.text-layout.animate-top-to-bottom .edu-menu-item .edu-sub-menu-item.hover-menu > ul { top: 0; }

/*animate left to right*/
.edu-element-hmenu.text-layout.animate-left-to-right .edu-menu-item .edu-sub-menu-item > ul { top: 0; left: 50%; }
.edu-element-hmenu.text-layout.animate-left-to-right .edu-menu-item .edu-sub-menu-item.hover-menu > ul { left: 100%; }

/*animate right to left*/
.edu-element-hmenu.text-layout.animate-right-to-left .edu-menu-item .edu-sub-menu-item > ul { top: 0; left: 150%; }
.edu-element-hmenu.text-layout.animate-right-to-left .edu-menu-item .edu-sub-menu-item.hover-menu > ul { left: 100%; }

/*animate fade*/
.edu-element-hmenu.text-layout.animate-fade .edu-menu-item .edu-sub-menu-item > ul { top: 0; left: 100%; opacity: 0; }
.edu-element-hmenu.text-layout.animate-fade .edu-menu-item .edu-sub-menu-item.hover-menu > ul { opacity: 1; }

/*animate appear*/
.edu-element-hmenu.text-layout.animate-appear .edu-menu-item .edu-sub-menu-item > ul { top: 0; left: 100%; opacity: 0; transform: translate(0px, 0px) rotate(0rad) skewX(0rad) scale(.5, .5); }
.edu-element-hmenu.text-layout.animate-appear .edu-menu-item .edu-sub-menu-item.hover-menu > ul { transform: translate(0px, 0px) rotate(0rad) skewX(0rad) scale(1, 1); opacity: 1; }

/*animate none*/
.edu-element-hmenu.text-layout.animate-none .edu-menu-item .edu-sub-menu-item > ul { top: 0; left: 100%; -webkit-transition: none !important; transition: none !important; }

/*hover area*/
.edu-element-hmenu.text-layout .site-navigator .edu-menu-item .hover-area { position: absolute; top: 100%; left: 0px; width: 100%; display: block; z-index: 1; }

/*hover style : background*/

/*hover style : underline*/
.edu-element-hmenu .site-navigator .edu-menu-item-link { position: relative; }
.edu-element-hmenu .hover-style-underline .site-navigator .edu-menu-item-link:after { content: ''; width: 0; height: 0; position: absolute; bottom: 0; left: 50%; display: block; border-bottom-color: transparent; -webkit-transition: all .4s ease-out; transition: all .4s ease-out; }
.edu-element-hmenu.icon-layout .hover-style-underline .site-navigator .edu-menu-item-link:hover:after, .edu-element-hmenu.icon-layout .hover-style-underline .site-navigator .current-underline .edu-menu-item-link:after { width: 100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.edu-element-hmenu.text-layout .hover-style-underline .site-navigator .hover-menu .edu-menu-item-link:after {    /*width: -webkit-calc(100% - 50px);*/

    /*width: calc(100% - 50px);*/
transform: translateX(-50%); -webkit-transform: translateX(-50%); }

/*hover style : outline*/
.edu-element-hmenu .hover-style-outline .site-navigator .edu-menu-item-link { border-color: transparent; -webkit-transition: all .3s; transition: all .3s; }
.edu-element-hmenu.icon-layout .site-navigator-outer { visibility: hidden; opacity: 0; -webkit-transition: all .3s; transition: all .3s; background-position: center; background-repeat: no-repeat; background-size: cover; }

/*effect : apear*/
.edu-element-hmenu.icon-layout .site-navigator-outer.effect-appear { -webkit-transform: scale(.8); transform: scale(.8); }
.edu-element-hmenu.icon-layout .effect-appear.is-active-navigator { opacity: 1; -webkit-transform: scale(1); transform: scale(1); visibility: visible; }

/*effect fade*/
.edu-element-hmenu.icon-layout .effect-fade.is-active-navigator { opacity: 1; visibility: visible; }

/*effect none*/
.edu-element-hmenu.icon-layout .effect-none.is-active-navigator { opacity: 1; -webkit-transition: none; transition: none; visibility: visible; }
.edu-element-hmenu.icon-layout .menu-icon-action { cursor: pointer; }
.edu-element-hmenu.icon-layout .menu-icon-action .edu-burger-scale { cursor: pointer; width: 23px; }
.edu-element-hmenu.icon-layout .menu-icon-action .edu-burger-scale span { background-color: black; height: 2px; display: block; -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s; }
.edu-element-hmenu.icon-layout .menu-icon-action .edu-burger-scale .edu-burger-middle { margin: 5px 0; }
.edu-element-hmenu.icon-layout .menu-icon-action .edu-burger-scale:hover .edu-burger-top { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
.edu-element-hmenu.icon-layout .menu-icon-action .edu-burger-scale:hover .edu-burger-bottom { -webkit-transform: translateY(2px); transform: translateY(2px); }

/**
menu style : fullscreen
 */
.edu-element-hmenu.icon-layout .style-fullscreen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; background-color: white; }
.edu-element-hmenu.icon-layout .navigator-column { justify-content: center; -webkit-box-pack: center; -webkit-justify-content: center; display: flex; display: -webkit-box; display: -webkit-flex; height: 100%; align-items: center; -webkit-align-items: center; -webkit-box-align: center; }

/*close menu*/
.edu-element-hmenu.icon-layout .style-fullscreen .close { position: absolute; top: 15px; right: 30px; width: 30px; height: 30px; cursor: pointer; }
.edu-element-hmenu.icon-layout .style-fullscreen .close:before, .edu-element-hmenu.icon-layout .style-fullscreen .close:after { content: ''; width: 40px; height: 2px; background-color: black; display: block; -webkit-transition: all .4s ease-out; transition: all .4s ease-out; }
.edu-element-hmenu.icon-layout .style-fullscreen .close:before { -webkit-transform: translate(-5px, 14px) rotate(-45deg); transform: translate(-5px, 14px) rotate(-45deg); }
.edu-element-hmenu.icon-layout .style-fullscreen .close:hover:before { -webkit-transform: translate(-5px, 14px) rotate(45deg); transform: translate(-5px, 14px) rotate(45deg); }
.edu-element-hmenu.icon-layout .style-fullscreen .close:after { -webkit-transform: translate(-5px, 12px) rotate(45deg); transform: translate(-5px, 12px) rotate(45deg); }
.edu-element-hmenu.icon-layout .style-fullscreen .close:hover:after { -webkit-transform: translate(-5px, 12px) rotate(-45deg); transform: translate(-5px, 12px) rotate(-45deg); }

/**
content menu
custom : style-fullscreen <-> site-navigator-outer
*/
.edu-element-hmenu.icon-layout .site-navigator-outer .site-navigator { min-width: 250px; overflow: hidden; position: relative; visibility: hidden; }
.edu-element-hmenu.icon-layout .site-navigator-outer .site-navigator .sub-menu {    /*position: absolute;*/

    /*top: 0;*/

    /*left: 0;*/
width: 100%; visibility: hidden; overflow: hidden !important; overflow-y: scroll; height: 100%; margin: 0; padding: 0; list-style-type: none; }
.edu-element-hmenu.icon-layout .submenu-animation-slide .site-navigator .sub-menu { position: absolute; top: 0; left: 0; }
.edu-element-hmenu.icon-layout .site-navigator-outer .site-navigator li { display: block; position: initial; margin: 0px; }
.edu-element-hmenu.icon-layout .site-navigator-outer .site-navigator li a { padding-top: 15px; padding-bottom: 15px; display: block; -webkit-box-shadow: none; box-shadow: none; padding-right: 45px; padding-left: 15px; position: relative; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }

/*translate*/

/*default*/
.edu-element-hmenu.icon-layout .submenu-animation-slide .site-navigator .sub-menu li a { -webkit-transform: translateX(100%); transform: translateX(100%); }

/*normal*/
.edu-element-hmenu.icon-layout .submenu-animation-slide .site-navigator .slide-normal > a { -webkit-transform: translateX(0) !important; transform: translateX(0) !important; }

/*left*/
.edu-element-hmenu.icon-layout .submenu-animation-slide .site-navigator .slide-left > a { -webkit-transform: translateX(-100%) !important; transform: translateX(-100%) !important; }

/*icon menu-right*/
.edu-element-hmenu.icon-layout .site-navigator-outer .site-navigator li a i { -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 5px; margin-left: 0; top: 50%; width: 35px; line-height: 35px; text-align: center; border-radius: 50%; }
.edu-element-hmenu.icon-layout .site-navigator-outer .site-navigator li a i:hover { background: rgba(0, 0, 0, 0.1); }
.edu-element-hmenu.icon-layout .site-navigator-outer.is-active-navigator .menu-current { visibility: visible !important; }

/*breadcrumbs*/
.edu-element-hmenu.icon-layout .menu-breadcrumbs-outer { padding: 0 15px; }
.edu-element-hmenu.icon-layout .menu-breadcrumbs { display: flex; display: -webkit-box; display: -webkit-flex; }
.edu-element-hmenu.icon-layout .menu-breadcrumbs .element-breadcrumbs { margin: 3px 8px 3px 0; }
.edu-element-hmenu.icon-layout .menu-breadcrumbs .element-breadcrumbs i { margin-right: 8px; }
.edu-element-hmenu.icon-layout .menu-breadcrumbs .element-breadcrumbs:not(:last-child) span { cursor: pointer; }

/**
menu style : sidebar
 */
.edu-element-hmenu.icon-layout .style-sidebar { position: fixed; z-index: 9999999; height: 100%; background-color: #fff; -webkit-transition: all .3s; transition: all .3s; width: 300px; opacity: 0; visibility: hidden; }
.edu-element-hmenu.icon-layout .style-sidebar.is-active-navigator { opacity: 1; visibility: visible; top: 0px; -webkit-transition: all .3s; transition: all .3s; }
.edu-element-hmenu.icon-layout .edu-overlay-menu { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 99999; display: none; }

/*verticle align*/
.edu-element-hmenu.icon-layout .vertical-align-middle .navigator-column { align-items: center !important; -webkit-align-items: center !important; -webkit-box-align: center !important; }
.edu-element-hmenu.icon-layout .vertical-align-top .navigator-column { align-items: flex-start !important; -webkit-align-items: flex-start !important; -webkit-box-align: start !important; }
.edu-element-hmenu.icon-layout .vertical-align-bottom .navigator-column { align-items: flex-end !important; -webkit-align-items: flex-end !important; -webkit-box-align: end !important; }

/*resposive*/
.edu-element-hmenu.icon-layout .navigator-column .action-close { display: none; position: fixed; top: 0; right: 15px; font-size: 24px; }
@media screen and (max-width:720px) {
    .edu-element-hmenu.icon-layout .submenu-animation-slide, .edu-element-hmenu.icon-layout .submenu-animation-accordion, .edu-element-hmenu.icon-layout .submenu-animation-normal { width: 100% !important; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    .edu-element-hmenu.icon-layout .submenu-animation-slide.is-active-navigator, .edu-element-hmenu.icon-layout .submenu-animation-accordion.is-active-navigator, .edu-element-hmenu.icon-layout .submenu-animation-normal.is-active-navigator { top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .edu-element-hmenu.icon-layout .style-sidebar .navigator-column .action-close { display: block !important; }
}

/*submenu style accodion*/
.edu-element-hmenu.icon-layout .submenu-animation-accordion .site-navigator .sub-menu { position: static; padding-left: 15px; display: block; visibility: visible; display: none; }
.edu-element-hmenu.icon-layout .submenu-animation-accordion .menu-breadcrumbs-outer, .edu-element-hmenu.icon-layout .submenu-animation-normal .menu-breadcrumbs-outer { display: none; }

/*submenu style normal*/
.edu-element-hmenu.icon-layout .submenu-animation-normal .site-navigator li { position: relative; }
.edu-element-hmenu.icon-layout .submenu-animation-normal .site-navigator { overflow: visible; }
.edu-element-hmenu.icon-layout .submenu-animation-normal .site-navigator .sub-menu { position: absolute; height: auto; background: #fff; overflow: visible !important; visibility: visible; overflow-y: visible;    /*transform: scale(.8);*/ display: none; }

/*disable outline of element a*/
.edu-element-hmenu .navigator-column .site-navigator li a { outline: 0px; text-decoration: none; }

/**
css for mega menu
layout display : column
*/
.edu-element-hmenu.text-layout .site-navigator .udetor-menu-layout-column .sub-menu { visibility: visible; opacity: 1; position: static; background-color: transparent; display: none; }
.edu-element-hmenu.text-layout .site-navigator .udetor-menu-layout-builder .sub-menu { visibility: hidden; opacity: 1; position: static; background-color: transparent; }