
@media only screen and (max-width: 767px) {
 .fixed {
 position: fixed;
 width: 100%;
 height: 100%;
 z-index: 20;
}
 .mask {
 background: rgba(22, 34, 42, .4);
 top: 140px;
 left: 0;
 z-index: 1;
 position: absolute;
 width: 100%;
 height: 100vh;
 opacity: 1;
 display: none;
}
 a.meanmenu-reveal {
 display:none;
}
 .mean-container .mean-bar {
 width:100%;
 position:fixed;
 background:none;
 min-height:60px;
 z-index:1008;
 top:0;
 left:0;
}
.mean-container .mean-bar {
 width: 100%;
 position: fixed;
 background: none;
 min-height: 60px;
 z-index: 98;
 top: 0;
 left: 0;
}
.meanmenu-reveal-btn {
 position: absolute;
 display: block;
 z-index: 10009;
 box-sizing: border-box;
 width: 60px;
 height: 60px;
 top: 0;
}
.meanmenu-reveal {
 width: 26px;
 height: 20px;
 margin: 102px 17px 27px 17px;
 display: block !important;
 position: relative;
}
.meanmenu-reveal:after {
 position: absolute;
 bottom: -20px;
 color: #b4fabd;
 font-size: 10px;
 width: 60px;
 left: -17px;
 text-align: center;
 display: block;
 font-family:serif;
}
 .meanmenu-reveal span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
 position: absolute;
 left: 0;
 width: 100%;
 height: 2px;
 margin: 0 auto;
}
.meanmenu-reveal span:nth-of-type(1) {
 top: 0;
 background: #fff;
}
.meanmenu-reveal span:nth-of-type(2) {
 top: 8px;
 background: #fff;
}
.meanmenu-reveal span:nth-of-type(3) {
 top: 16px;
 background: #fff;
}
 .meanmenu-reveal span:nth-of-type(1) {
 -webkit-animation: menu-ber01 .75s forwards;
 animation: menu-ber01 .75s forwards;
}
.meanmenu-reveal span:nth-of-type(2) {
 transition: all .25s .25s;
 opacity: 1;
}
.meanmenu-reveal span:nth-of-type(3) {
 -webkit-animation: menu-ber02 .75s forwards;
 animation: menu-ber02 .75s forwards;
}
 .meanclose span:nth-of-type(1) {
 -webkit-animation: active-menu-ber01 .75s forwards;
 animation: active-menu-ber01 .75s forwards;
 top: -2px;
}
.meanclose span:nth-of-type(2) {
 opacity: 0;
}
.meanclose span:nth-of-type(3) {
 -webkit-animation: active-menu-ber03 .75s forwards;
 animation: active-menu-ber03 .75s forwards;
}
}
 @-webkit-keyframes menu-ber01 {
 0% {
 -webkit-transform: translateY(8px) rotate(45deg);
}
 50% {
 -webkit-transform: translateY(8px) rotate(0);
}
 100% {
 -webkit-transform: translateY(0) rotate(0);
}
}
 @keyframes menu-ber01 {
 0% {
 transform: translateY(8px) rotate(45deg);
}
 50% {
 transform: translateY(8px) rotate(0);
}
 100% {
 transform: translateY(0) rotate(0);
}
}
 @-webkit-keyframes menu-ber02 {
 0% {
 -webkit-transform: translateY(-8px) rotate(-45deg);
}
 50% {
 -webkit-transform: translateY(-8px) rotate(0);
}
 100% {
 -webkit-transform: translateY(0) rotate(0);
}
}
 @keyframes menu-ber02 {
 0% {
 transform: translateY(-8px) rotate(-45deg);
}
 50% {
 transform: translateY(-8px) rotate(0);
}
 100% {
 transform: translateY(0) rotate(0);
}
}
 @-webkit-keyframes active-menu-ber01 {
 0% {
 -webkit-transform: translateY(0) rotate(0);
}
 50% {
 -webkit-transform: translateY(10px) rotate(0);
}
 100% {
 -webkit-transform: translateY(10px) rotate(45deg);
}
}
 @keyframes active-menu-ber01 {
 0% {
 transform: translateY(0) rotate(0);
}
 50% {
 transform: translateY(10px) rotate(0);
}
 100% {
 transform: translateY(10px) rotate(45deg);
}
}
 @-webkit-keyframes active-menu-ber03 {
 0% {
 -webkit-transform: translateY(0) rotate(0);
}
 50% {
 -webkit-transform: translateY(-8px) rotate(0);
}
 100% {
 -webkit-transform: translateY(-8px) rotate(-45deg);
}
}
 @keyframes active-menu-ber03 {
 0% {
 transform: translateY(0) rotate(0);
}
 50% {
 transform: translateY(-8px) rotate(0);
}
 100% {
 transform: translateY(-8px) rotate(-45deg);
}
}
@media only screen and (max-width: 767px) {
.mean-container .mean-nav {
 width:100%;
 margin-top:140px;
 max-height:100vh;
 overflow-y:auto;
 z-index:10;
}
.mean-container .mean-nav ul {
 padding: 0 0px;
 margin: 0;
 width: 100%;
 list-style-type: none;
 overflow-y: scroll;
 -webkit-overflow-scrolling:touch;
 position: relative;
 z-index: 99;
 max-height: 100vh;
 max-height: calc(100vh - 60px);
 background: #fff;
}
.mean-container .mean-nav ul ul {
 padding-bottom:0;
 margin-bottom:0;
}
.mean-container .mean-nav ul li {
 position:relative;
 width:100%;
 box-sizing: border-box;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #dcdcdc;
}
 .mean-container .mean-nav ul li img {
 max-width:22px;
 display: inline-block;
 margin-left:8px;
 margin-right:36px;
}
 .mean-container .mean-nav ul li.sb img {
 max-width:14px;
 display: inline-block;
 margin-top:4px;
 margin-left:2px;
}
 .mean-container .mean-nav ul ul li {
 position:relative;
 width:100%;
 box-sizing: border-box;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #fff;
 box-sizing: border-box;
}
 .mean-container .mean-nav ul li a, .mean-container .mean-nav ul li span.pre {
 display:block;
 width:100%;
 padding:1em;
 margin:0;
 text-align:left;
 text-decoration:none;
 text-transform:uppercase;
 color:#00ba48;
 font-weight:300;
 box-sizing: border-box;
}
.mean-container .mean-nav ul li li a {
 width:100%;
 padding:1em 0%;
 padding-left:78px;
 text-shadow:none !important;
 visibility:visible;
}
.mean-container .mean-nav ul li.mean-last a {
 border-bottom:none;
 margin-bottom:0;
}
.mean-container .mean-nav ul li li li a {
 width:70%;
 padding:1em 15%;
}
.mean-container .mean-nav ul li li li li a {
 width:60%;
 padding:1em 20%;
}
.mean-container .mean-nav ul li li li li li a {
 width:50%;
 padding:1em 25%;
}
 .mean-container .mean-nav ul li a.mean-expand {
	/*margin-top:1px;*/
	width:100%;
 text-align:right;
 position:absolute;
 right:0;
 top:0;
 z-index:10;
 padding: 0.5em;
 font-size: 18px;
 color: #00ba48;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
 color: #00ba48;
}
 .mean-container .mean-push {
 float:left;
 width:100%;
 padding:0;
 margin:0;
 clear:both;
}
.mean-nav .wrapper {
 width:100%;
 padding:0;
 margin:0;
}
.mean-container .mean-bar, .mean-container .mean-bar * {
 -webkit-box-sizing:content-box;
 -moz-box-sizing:content-box;
 box-sizing:content-box;
}
.mean-remove {
 display:none !important;
}
 .salesoutlet a {
 color: #0a7401 !important;
}
 .salesoutlet .sub-menu a {
 color: #00ba48 !important;
}

}
@media print , screen and (min-width: 768px) {
 #gNav ul {
 position: relative;
 display: flex;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #FFF;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #FFF;
 box-sizing: border-box;
}
 #gNav li {
 position: relative;
 margin-right: 1px;
}
 #gNav li:last-child {
 margin-right: 0;
}
 #gNav li i {
 font-size: 16px;
 margin-left: 5px;
}
 #gNav li a {
 position: relative;
 display: block;
 text-align: center;
 line-height: 70px;
}
 #gNav .sub-menu {
 visibility: hidden;
 opacity: 0;
 z-index: 100;
 display: block;
 position: absolute;
 left: 0;
 margin-top: -6px;
 margin-left: 0%;
 width: 100%;
 -webkit-transition: all .2s ease;
 transition: all .2s ease;
 padding-top: 6px;
 border-left-style: none;
 border-right-style: none;
}
 #gNav .salesoutlet .sub-menu {
 border-top-color:#0a7401;
}
 #gNav .sub-menu a {
 margin-left: 0%;
 display: block;
 border-bottom: none;
 padding: 15px 5px;
 line-height: 150%;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #00ba48;
 box-sizing: border-box;
}
 #gNav .sub-menu a:hover:after {
 content: none;
}
 #gNav .sub-menu li {
 display: block;
 font-size: 16px;
 padding: 0;
 margin: 0;
}
 #gNav ul > li:hover {
 -webkit-transition: all .5s;
 transition: all .5s;
}
 #gNav ul > li.m-menu a {
 color: #fff;
 text-decoration: none;
 font-size:93% !important;
 font-weight:500;
}
 #gNav ul > li.m-menu:hover a {
 color: #00ba48;
 text-decoration: none;
 background-color: #FFF;
 background-image: url(../images/m-menu_bg.png);
 background-repeat: repeat-x;
 background-position: top;
 font-weight:500;
}
 #gNav ul > li.m-menu.salesoutlet a {
 color: #fff;
 text-decoration: none;
 background-color: #0a7401;
}
 #gNav ul > li.m-menu.salesoutlet:hover a {
 color: #0a7401;
 background-color: #d9f1fc;
 text-decoration: none;
 background-image: url(../images/m-menu2_bg.png);
 background-repeat: repeat-x;
 background-position: top;
}
 #gNav ul > li.m-menu.on a {
 color: #00ba48;
 background-color: #fff;
 text-decoration: none;
 font-size:93% !important;
 background-color: #FFF;
 background-image: url(../images/m-menu_bg.png);
 background-repeat: repeat-x;
 background-position: top;
 font-weight:500;
}
 #gNav ul > li.m-menu.salesoutlet.on a {
 color: #0a7401;
 background-color: #d9f1fc;
 text-decoration: none;
 background-image: url(../images/m-menu2_bg.png);
 background-repeat: repeat-x;
 background-position: top;
}

 #gNav ul > li.m-menu.salesoutlet .sub-menu a {
 background-image: none;
}

 #gNav ul > li.m-menu.salesoutlet .sub-menu .first a {
 background-image: none;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #0a7401;
 box-sizing: border-box;
}

 #gNav ul.sub-menu > li.sb {
 margin-top: 0px;
}
 #gNav ul.sub-menu > li.sb a {
 background-color: #b4fabd !important;
 text-decoration: none;
 font-size:77% !important;
 background-image: url(../images/clear.png);
 background-repeat: repeat-x;
 background-repeat: repeat-y;
 font-weight:200;
}
 #gNav ul.sub-menu > li.sb:hover a {
 background-color: #f0f8fe !important;
 text-decoration: none;
 font-size:77% !important;
 font-weight:200;
}
 #gNav ul.sub-menu > li.sb img {
 max-width:16px;
 display: inline-block;
 margin-top:3px;
 margin-left:2px;
}
 #gNav li:hover ul.sub-menu {
 top: 70px;
 visibility: visible;
 opacity: 1;
 z-index: 9999;
}
 #gNav .sub-menu li {
 width:100%;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 justify-content: center;
}
 #gNav .sub-menu li a {
 background-color: #d9f1fc;
 color: #000 !important;
}
 #gNav .sub-menu li a:hover {
 background: #fff;
}
 #gNav .contact_btn a:hover {
 color: #fff;
}
 .h_nav ul li.m-menu {
 width:25%;
 height:70px;
}
 .h_nav ul li.salesoutlet {
 min-width:15em;
}
.h_nav ul li a {
 width:100%;
 background-color: #00ba48;
}
.h_nav ul li a:hover { {
 background-color: #fff;
}
}
@media only screen and (min-width:768px) and ( max-width:1100px) {
 #gNav ul > li.m-menu a {
 font-size:85% !important;
}
}
