.navigation-toggle { border: none; padding: 0; position: relative; vertical-align: top; z-index: 1; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; float: right; height: 40px; width: 46px; background: #014f27 }
.navigation-toggle .span-icon { display: block; height: 3px; width: 22px; background: #fff; margin: 0 auto }
.navigation-toggle .span-icon+.span-icon { margin-top: 3px }
.navigation ul { padding: 0; list-style-type: none; margin: 0 }
@media screen and (min-width:1025px) {
.navigation, .navigation ul.menu { vertical-align: middle; margin: 0; position: relative }
.navigation ul.menu, .navigation ul.menu>li>a { text-transform: uppercase; font-family: bai_jamjureebold }
.navigation ul.menu, .navigation ul.menu li.sub .sub-menu, .navigation ul.menu>li>a { font-family: bai_jamjureebold }
.navigation ul.menu>li:hover>a { color: #25a463; text-decoration: none }
.navigation ul.menu>li:hover>a:before { opacity: 1 }
.navigation ul.menu li.sub .sub-menu li:hover>a { background: #25a463; color: #fff }
.navigation ul.menu li.sub.megamenu .sub-menu li a:hover { color: #fff; background: #82c538 }
.navigation ul.menu li.sub.megamenu .sub-menu li a:hover:before { background: #82c538 }
.navigation ul.menu li.sub.megamenu:hover>.mega_menu { display: block!important }
.navigation ul.menu>li.selected:after, .navigation ul.menu>li.selected:before, .navigation ul.menu>li:hover:after, .navigation ul.menu>li:hover:before { opacity: 1; width: 100% }
.navigation { display: inline-block; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease }
.navigation ul.menu { color: #121212; font-size: 15px; font-weight: 600; padding: 0; display: inline-block!important; z-index: 3 }
.navigation ul.menu ul, .navigation-toggle { display: none }
.navigation ul.menu li { position: relative; overflow: hidden }
.navigation ul.menu>li:after { position: absolute; top: 0; height: 4px; width: 0; pointer-events: auto; content: ""; display: block; opacity: 0; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; left: 0; background: #d0a458; right: 0; margin: 0 auto }
.navigation ul.menu>li:nth-child(5):hover:before { width: 100% }
.navigation ul.menu>li { float: left; position: relative; z-index: 2; padding: 25px 0; text-align: left }
.navigation ul.menu>li .sub_toggle { display: block; position: absolute; top: 100%; height: 40px; width: 100%; left: 0; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease }
.navigation ul.menu>li+li { margin-left: 36px }
.navigation ul.menu>li>a { padding: 0; display: block; color: #333; position: relative; z-index: 1; font-size: 14px; line-height: 20px }
.navigation ul.menu>li.selected a:before, .navigation ul.menu>li:hover a:before { display: block; left: 0 }
.navigation ul.menu>li.selected>a { position: relative; color: #25a463 }
.navigation ul.menu li.sub .sub-menu { position: absolute; min-width: 100%; width: 230px; background: #fff; z-index: 5; opacity: 0; top: 100%; visibility: hidden; margin-top: 40px; box-shadow: 0 0 3px rgba(0,0,0,.5); -moz-box-shadow: 0 0 3px rgba(0,0,0,.5); -ms-box-shadow: 0 0 3px rgba(0,0,0,.5); -o-box-shadow: 0 0 3px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.5); display: block; pointer-events: auto }
.navigation ul.menu li.sub .sub-menu a { display: block; padding: 5px 15px; color: #606060; font-size: 14px }
.navigation ul.menu .sub-menu li.selected>a { background: #25a463; color: #fff }
.navigation ul.menu .sub-menu li>a:before { display: none }
.navigation ul.menu li.inner-sub .sub-menu { left: 100%; top: 50px }
.navigation ul.menu .sub-menu li+li { border-top: 1px solid rgba(0,0,0,.1) }
.navigation ul.menu li.sub:hover>.sub-menu { display: block!important; opacity: 1; visibility: visible; margin-top: 0; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease }
.navigation ul.menu li.sub li.inner-sub>a:after { content: "\f0da"; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; line-height: 1; margin: 0 0 0 5px; display: inline-block; vertical-align: top }
.navigation ul.menu li.inner-sub>a span:after { content: "\e250" }
.navigation ul.menu li:hover { overflow: visible }
.navigation ul.menu li.inner-sub:hover .sub-menu { top: 0 }
.navigation ul.menu li.sub .mega_menu { display: block; width: 890px; padding: 37px 25px 25px 20px; top: 100%; left: 0; position: absolute; margin-top: 20px; opacity: 0; visibility: hidden; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease }
.navigation ul.menu li.sub .mega_menu:after { height: 20px; width: 32px; position: absolute; top: -8px; left: 24px; content: ""; clear: both; display: block }
.navigation ul.menu li.sub.megamenu .sub-menu { visibility: visible; opacity: 1; margin-top: -8px; background: 0 0; column-count: 2; -webkit-column-count: 2; position: static; width: 57%; min-width: initial; float: left; padding-right: 15px }
.navigation ul.menu li.sub.megamenu .sub-menu li { border: none; overflow: visible }
.navigation ul.menu li.sub.megamenu .sub-menu li a { color: #303030; padding: 0 0 0 17px; line-height: 30px; text-transform: initial }
.navigation ul.menu li.sub.megamenu .sub-menu li a:before { content: ""; display: block; height: 6px; width: 6px; position: absolute; left: 1px; top: 10px; transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); background: #303030; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease }
.megamenu_img { float: right; width: 43%; padding-left: 15px; text-align: right; position: relative; z-index: 1 }
.navigation ul.menu li.sub .mega_menu:before { content: ""; display: block; top: 12px; left: 0; right: 0; bottom: 0; background: #fff; box-shadow: 0 0 10px rgba(121,121,121,.75); -webkit-box-shadow: 0 0 10px rgba(121,121,121,.75); position: absolute }
.navigation ul.menu li.sub.megamenu .sub-menu li.selected a { color: #c41230; background: 0 0 }
.navigation ul.menu li.sub.megamenu .sub-menu li.selected a:before { background: #c41230 }
.navigation ul.menu li.sub.megamenu:hover>.mega_menu { margin-top: 0; opacity: 1; visibility: visible }
.device-menu, span.menu_title { display: none }
.header-sticky .navigation ul.menu>li>a { padding: 15px 0 }
}
@media screen and (max-width:1094px) and (min-width:1036px) {
.navigation { padding: 0 }
.navigation ul.menu>li+li { margin-left: 19px }
}
@media screen and (max-width:1199px) and (min-width:1025px) {
.navigation ul.menu>li+li { margin-left: 55px }
.navigation ul.menu>li { margin-left: 0 }
}
@media screen and (max-width:1024px) {
.container-main, .navigation { overflow: hidden; transition: all .5s ease }
.navigation ul.menu { color: #303030; font-size: 16px; font-weight: 600; background: #fff; z-index: 6; text-align: left }
.navigation { position: fixed; top: 0; left: 100%; width: 308px; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; max-height: 100vh; height: 100vh; background: #fff }
.container-main { width: 100%; overflow-y: auto; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease }
.navigation .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .navigation .mCSB_scrollTools .mCSB_draggerRail { width: 6px; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0 }
.navigation .mCSB_inside>.mCSB_container { margin-right: 14px }
.navigation .mCSB_scrollTools { width: 6px }
body:after { content: ""; display: block; position: fixed; right: 300px; top: 0; height: 100%; background: rgba(0,0,0,.7); z-index: 99999; left: 0; cursor: pointer; transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); -webkit-transform: translateX(-100%); transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease }
body.menu-action:after { transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none }
body.menu-action .container-main, body.menu-action .site-main>footer, body.menu-action .site-main>header { transform: translateX(-300px); -moz-transform: translateX(-300px); -ms-transform: translateX(-300px); -o-transform: translateX(-300px); -webkit-transform: translateX(-300px) }
body.menu-action { overflow: hidden; height: 100vh }
.menu_title { display: inline-block; color: #fff; padding: 8px 20px; text-align: center; width: 100%; background: #404040; line-height: 24px; font-weight: 400; font-size: 15px }
.menu_title i { margin-right: 10px; pointer-events: none; vertical-align: top; font-size: 20px; margin-top: 2px }
.navigation ul.menu li { position: relative }
.navigation ul.menu>li { border-bottom: 1px solid rgba(0,0,0,.1) }
.navigation ul.menu li.sub li { border-top: 1px solid #25a463 }
.navigation ul.menu li a { padding: 10px 15px 10px 20px; color: #606060; display: block; font-family: bai_jamjureebold; text-transform: uppercase }
.navigation ul.menu li.selected>a { background: #25a463; color: #fff }
.navigation ul.menu li.sub a span { display: block; height: 30px; width: 30px; font-weight: 400 }
.navigation ul.menu li.sub .sub-menu { display: none; background: #000 }
.navigation ul.menu li .device_toggle:after { content: "\f067"; display: block; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; vertical-align: middle; line-height: 42px }
.navigation ul.menu li .device_toggle { position: absolute; color: #606060; display: block; width: 42px; height: 42px; right: 0; top: 0; text-align: center; cursor: pointer; font-size: 16px }
.navigation ul.menu li.selected>.device_toggle { color: #fff }
.navigation ul.menu li .device_toggle.in:after { content: "\f068" }
.navigation ul.menu .sub-menu li>a { padding-left: 30px; font-size: 14px; color: #fff }
.navigation ul.menu .sub-menu .inner-sub li>a { padding-left: 75px }
.navigation ul.menu li .inner-sub .device_toggle { left: 22px }
.navigation ul.menu.no-sub li a { padding-left: 15px }
.megamenu_img { display: none }
.navigation ul.menu li.sub.megamenu .sub-menu { display: block!important }
.navigation ul.menu li.sub .mega_menu { display: none }
}
@media screen and (max-width:991px) {
.navigation-toggle { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); margin: 0 }
}