@charset "UTF-8";
.nav-dropdown { position: absolute; display: none; z-index: 1; -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);padding: 0; }
@media only screen and (max-width: 1024px) {
	body { position: relative!important;margin-top: 50px !important; }
}
.mobile-wrap{ display: none; }

@media only screen and (max-width: 1024px) {
	.mobile-wrap{ display: block !important; }
}

/* ICON AT TOP */
.header-wrap{background-color: #22313F; color: #fff;height: 50px;position: fixed; top: 0px; left: 0px; width: 100%;cursor: pointer;z-index: 999999999;overflow: hidden; }
.header-wrap .brand { line-height: 50px; text-transform: capitalize; font-size: 20pt; width: 70%; text-align: center; height: 50px; display: flex; align-items: center; }
.header-wrap .brand a, .brand a:visited { text-decoration: none; position: absolute; left: 10px; }
.header-wrap .brand a:hover, .brand a:focus { text-decoration: none;outline: 0; }

/* CIRCLE ICON AT BOTTOM */
.nav-circle-bottom{background-color: #22313F; width: 50px; height: 50px; text-align: center; border-radius: 100%; padding: 0; position: absolute; bottom: 10px; right: 10px; }
.nav-circle-bottom .hamburger{margin: 7px auto; display: inline-block; }

/* NAV AT BOTTOM */
.nav-bottom{background-color: #22313F; width: 100%; position: absolute; bottom: 0; left: 0; text-align: center; }

/* HAMBURGER */
/* .hamburger{ padding: 5px 0; } */
.hamburger .navtext { position: absolute; top: 23px; right: 40px; font-size: 20pt; }
.hamburger .line-head { position: absolute; right: 10px;top: 25%;display: flex; flex-direction: column; justify-content: center; align-items: center; }
.hamburger .line{width: 25px; height: 2px; display: block; margin: 2.5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.hamburger:hover{cursor: pointer; }
#hamburger-1.is-active .line:nth-child(2){opacity: 0; }
#hamburger-1.is-active .line:nth-child(1){-webkit-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg); }
#hamburger-1.is-active .line:nth-child(3){-webkit-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg); }

/* NAVIGATION */
.mobile-wrap .navigation { overflow-y: auto;overflow-x: none;position: fixed; top: 50px; left: 0px; width: 100%;cursor: pointer;z-index: 9999999999999999999;padding-bottom: 52px; }
.mobile-wrap .navigation ul{ list-style-type: none; margin: 0; padding: 0;position: absolute; }
.mobile-wrap .navigation.nav-is-active ul { position: relative;overflow-y: auto; }
.mobile-wrap .navigation.nav-is-active ul ul.nav-dropdown { height: auto;position: static;overflow: inherit; }
.mobile-wrap .navigation li { border-bottom: 1px solid #131212;border-top: 1px solid #0D0D0D; }
.mobile-wrap .navigation li :hover, .mobile-wrap .navigation li a:focus { text-decoration: none;outline: 0; }
.mobile-wrap .navigation li.nav-drop span.drm-drop-icon {padding: 0 15px; line-height: 47px; float: left; background: #000; font-size: 20pt; color: #fff; margin-right: 10px; }
.mobile-wrap .navigation li span.drm-drop-icon:not(:only-child):after, ul.nav-mobile-list li span.drm-drop-icon:visited:not(:only-child):after { content: '▾'; }
.mobile-wrap .navigation li a { display: block; text-align: left; padding: 13px 15px;line-height: 1.4;font-size: 15px; }
.mobile-wrap .navigation ul.nav-dropdown li { padding-left: 22px; }

/*========= MOBILE 2 =========*/
#mobile-2 .navigation{width: 100%; height: 100%;opacity: 0; -webkit-transition: all 0.3s ease-in-out 0.1s; transition: all 0.3s ease-in-out 0.1s; } 
#mobile-2 .navigation.nav-is-active{opacity: 1; }
/*========= MOBILE 3 =========*/

#mobile-3 .navigation{width: 100%; height: 100%;-webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#mobile-3 .navigation.nav-is-active{-webkit-transform: translateX(0); transform: translateX(0); }

/*========= MOBILE 4 =========*/

#mobile-4 .navigation{width: 100%; height: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#mobile-4 .navigation.nav-is-active{-webkit-transform: translateX(0); transform: translateX(0); }