﻿@viewport {
	width: device-width;
}

@-ms-viewport {
	width: device-width;
}

* {
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
}

body {
	font-size: 1.4rem;
	line-height: 2.4rem;
}



.nav-lock-scroll {
	overflow: hidden;
}

.RwdMenu {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 900;
	overflow-x: hidden;
	overflow-y: auto;
}

.RwdMenu ul {
	display: block;
	position: relative;
	zoom: 1;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.RwdMenu a,
.RwdMenu a:hover,
.RwdMenu a:active,
.RwdMenu a:visited {
	display: block;
	position: relative;
}

@media only screen and (min-width: 1024px) {

.RwdMenu {
	display: block;
	position: relative;
	bottom: auto;
	overflow: visible;
}

.RwdMenu li {
	position: relative;
	white-space: nowrap;
}

.RwdMenu > ul > li {
	display: inline-block;
}

.RwdMenu ul {
	display: block;
}

.RwdMenu ul ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 901;
}

.RwdMenu ul ul ul {
	top: 0;
	left: 100%;
	z-index: 902;
}

.RwdMenu ul ul ul ul {
	z-index: 903;
}

.RwdMenu ul ul ul ul ul {
	z-index: 904;
}

.RwdMenu ul ul li.nav-left > ul {
	left: auto;
	right: 95%;
}

.nav-no-js .RwdMenu li:hover > ul {
	display: block;
}

}

@media only screen and (max-width: 1023px) {

.nav-no-js .nav-button:hover + .RwdMenu ,
.nav-no-js .nav:hover,
.nav-no-js .nav-button:hover + .RwdMenu + .nav-close,
.nav-no-js .nav:hover + .nav-close {
	display: block;
}

}

.icon-desktop:before,
.icon-menu-close:before,
.icon-menu:before,
.icon-mobile:before,
.icon-submenu-down:before,
.icon-submenu-right:before,
.icon-world:before,header h1:before,
.nav-button:before,
.nav-close:before,
.RwdMenu .nav-submenu > a:after,
.RwdMenu > ul > .nav-submenu > a:after {font-family: 'FontAwesome';-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-style: normal;font-variant: normal;font-weight: normal;text-decoration: none;text-transform: none;vertical-align: top;}
.icon-desktop:before {content: '\E001';}
.icon-menu-close:before {content: '\E002';}
.icon-menu:before {content: '\E003';}
.icon-mobile:before {content: '\E004';}
.icon-submenu-down:before {font-family: 'FontAwesome';content: '\f107';}
.icon-submenu-right:before {font-family: 'FontAwesome';content: '\f105';}
.icon-world:before {content: '\E007';}
body {padding-top: 52px;}
#RwdMenuLogo {display:none;}
.RwdMenu i{color:#FFFFFF;}
.RwdMenu a:hover i{color:#FFFFFF;}
#LeftMenu{margin-top:0px;}.RwdMenuMemo font{font-size:0px;color:#FFFFFF;}
#TopBarTable {width:100%;}
#RwdMenuLogo {display:inline-block;float:left;margin-top:8px;margin-left:100px;}
.RwdMenu ul.main {padding-right:30px;float:right;}
@media screen and (min-width: 1300px) {
.RwdMenu .main {top:22px;}
.RwdMenu .main {display:inline-flex;align-items:center;justify-content:flex-start;}
.RwdMenu .main li{margin:0 2px;}
}
@media screen and (max-width: 1600px) {
.RwdMenu .main {width:100%;top:0;margin-top:0px;}
.RwdMenu::before{display:none;}
}
.RwdMenu ul.main {padding-left:0px;}
.RwdMenu ul li {padding:0 0px;}
header {display:inline-block;width:100%;top: 0;left: 0;right: 0;z-index: 901;padding-left: 10px;background: #FFFFFF;}
header h1 {height: 52px;margin:0;overflow:hidden;}
header h1:before {margin-right: 8px;}
header h1.LogoName a{color:#009144;font-size:28px;line-height:46px;}
.nav-button,a.nav-button:visited,a.nav-button:link,
.nav-close,a.nav-close:visited,a.nav-close:link {position: fixed;top: 1px;width: 46px;height: 40px;overflow: hidden;z-index: 902;cursor: pointer;text-decoration: none;line-height: 42px;color:#009144;}
.nav-button:before,
.nav-close:before {display: block;text-align: center;}
.nav-button {display: block;right: 1rem;font-size: 30px;}
.nav-button:before {} /* content: '\E003'; */
.nav-close {display: none;right: 4rem;font-size: 36px;}
.nav-close:before {content: '\E002';}
.nav .nav-submenu > a:after {position: absolute;display: block;right: 10px;top: 1px;font-family: 'FontAwesome';content: '\f107';}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{background-color: #009144;}
header .menu-btn2 {color: #009144;}
.RwdMenu {padding-top: 52px;color: #FFFFFF;}
.RwdMenu ul{text-align:right;}
.RwdMenu ul {}
.RwdMenu ul li,.RwdMenu ul li a {font-weight:normal;
color:#009144;}
.RwdMenu ul li:hover {font-weight:normal;
color:#021200;}
.RwdMenu ul ul {min-width:100px;border:1px #DBDBDB solid;text-align:left;}
.RwdMenu ul ul ul {}
.RwdMenu ul ul ul ul {}
.RwdMenu ul ul ul ul ul {}
.RwdMenu li {border-top: 1px solid #DBDBDB;cursor: pointer;}
.RwdMenu ul li:hover > a,
.RwdMenu ul li.nav-active > a {color:#021200;}
.RwdMenu .main ul li {margin:0;}
.RwdMenu ul ul li > a {color:#333333;background: #FFFFFF;}
.RwdMenu ul ul li:hover > a,
.RwdMenu ul ul li.nav-active > a {color:#009144;background: #FFFFFF;}
.RwdMenu ul ul ul li > a {color:#333333;background: #FFFFFF;}
.RwdMenu ul ul ul li:hover > a,
.RwdMenu ul ul ul li.nav-active > a {color:#009144;background: #FFFFFF;}
.RwdMenu .nav-submenu > ul {}
.RwdMenu a:link,
.RwdMenu a:hover,
.RwdMenu a:active,
.RwdMenu a:visited {text-decoration: none;padding:0 10px;min-width:0px;font-size:16px;line-height:36px;}
@media screen and (min-width: 1300px) {
.LogoBGv1 {width:100%;}
.RwdMenu::before {display:inline-block;}
}
@media screen and (min-width: 1600px) and (max-width: 1300px) {
.top_bar_bg {height:auto;}
.RwdMenu .main {top:0;margin-top:5px;}
}
@media screen and (max-width: 1023px) {
.top_bar_bg {height:auto;}
.TopBannerTitle {padding-top:0}
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
.RwdMenu a:link, .RwdMenu a:hover, .RwdMenu a:active, .RwdMenu a:visited {min-width:0;padding:0 3px;}
}


.slidebarAll.SlidebarTop{top:80px;height:300px;padding:30px 10px 10px 10px;}
@media screen and (max-width: 1023px) {
.RwdMenu .nav-submenu > a:after {position: absolute;display: block;right: 10px;top: 1px;font-family: 'FontAwesome';content: '\f107';font-size:16px;line-height:36px;}
.RwdMenu .nav-submenu > a {padding-right: 30px !important;}
.RwdMenu ul {text-align:left;}
.RwdMenu ul.main {padding-left:0;padding-right:0;width:100%;margin-top:0;}
.RwdMenu a {display:flex;align-items:center;}
.RwdMenu ul li,.RwdMenu ul li a {background:#F2F2F2;color:#009144;}
.RwdMenu ul li:hover > a,
.RwdMenu ul li.nav-active > a {background:#F2F2F2;color:#009144;}
.RwdMenu > ul > .nav-submenu.nav-active > a:after {transform:rotate(180deg);}
.RwdMenu > ul ul > .nav-submenu.nav-active > a:after {transform:rotate(180deg);}
.RwdMenu ul ul {border:none;}
.RwdMenu ul ul li > a {color: #333333;background: #FFFFFF;}
.RwdMenu ul ul li:hover > a,
.RwdMenu ul ul li.nav-active > a {color:#009144;background:#FFFFFF;}
.RwdMenu i{color:#FFFFFF;}
.RwdMenu a:hover i{color:#FFFFFF;}
.nav > ul > .nav-submenu > a:after {font-family: 'FontAwesome';content: '\f107';}
.nav .nav-submenu > a:after {font-family: 'FontAwesome';content: '\f105';}
.flagstrap {padding:10px 0;}
.flagstrap ul{list-style-type:none;background:#fff;border:0;position:fixed;z-index:999;left:0;top:52px;width:100%;height:100%;}
.flagstrap ul li{border:0;}
.flagstrap ul li span{display:block;text-align:left;padding:3px 10px;font-weight:unset;white-space:nowrap;}
.flagstrap ul li span *{display:inline-block;vertical-align:middle;}
.flagstrap ul li:hover{background:#eee;}
}

@media only screen and (min-width: 1024px) {
body {padding: 0!important;}
header {position: relative;display:none;}
.nav-button {display: none;}
.RwdMenu {padding: 0 !important;height:80px;}
.RwdMenu > ul > li {border-top: none;vertical-align:middle;}
.RwdMenu ul ul ul {}
.RwdMenu ul li:first-child {border-top: none;}
.RwdMenu ul ul ul li:first-child {border-top: none;}
.RwdMenu .nav-left > ul {}
.RwdMenu .nav-submenu li {min-width:100px;margin-left:0;}
.RwdMenu .nav-submenu > ul {margin: 0;}
.RwdMenu > ul > .nav-submenu > a:after {font-family: 'FontAwesome';content: '\f107';}
.RwdMenu > ul > .nav-submenu:hover > a:after {transform:rotate(180deg);}
.RwdMenu .nav-submenu > a:after {font-family: 'FontAwesome';content: '\f105';position:absolute;right:5px;}
.RwdMenu .nav-submenu > a {padding: 0 25px 1px 10px;}
.RwdMenu .nav-submenu .nav-submenu > a {padding: 0 30px 1px 10px;}
.TopBannerTitle {padding-top:80px;}
.flagstrap ul{list-style-type:none;background:#fff;border:1px #bbb solid;position:absolute;z-index:999;left:0;}
.flagstrap ul li{border:0;}
.flagstrap ul li span{display:block;text-align:left;padding:3px 10px;font-weight:unset;white-space:nowrap;}
.flagstrap ul li span *{display:inline-block;vertical-align:middle;}
.flagstrap ul li:hover{background:#eee;}
}
