@font-face { font-family: Trebuchet; src: url(https://fs.go.iopw.com/fileserver/sites/153/fonts/Trebuchet_MS.ttf); }
@font-face { font-family: Trebuchet-Bold; src: url(https://fs.go.iopw.com/fileserver/sites/153/fonts/Trebuchet_MS_Bold.ttf); }

html, body { width:100%; max-width:100%; overflow-x:hidden; padding:0; margin:0; }
html {-webkit-text-size-adjust: 100%; }
body { font-family: Trebuchet; }
a { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; }
h1, h2, h3, h4, h5, h6 {font-family: Trebuchet;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
#menu a {font-family: Trebuchet;font-size: 14px;text-transform: uppercase;color: #5cbbe6;padding: 0 10px;border-bottom: 2px solid white;line-height: 16px;}
#menu > li:nth-of-type(5) > a:first-of-type:after { border: inset 4px; content: ""; display: block; height: 0; width: 0; border-top-style: solid; top: 0px; border-color: #5cbbe6 rgba(0,0,0,0) rgba(0,0,0,0); float: right; margin-top: 6px; margin-left: 6px; }
.main_header > .innercustom1 .logoout { padding: 0; }
#menu ul a { color: #333; padding: 3px 20px; line-height: 20px; display: block; }
#menu ul { padding: 5px 0; background: #fff; }
#menu ul li:first-child > a:after { display:none; }
span.menu-phone { font-family: Trebuchet-Bold; }
span.menu-phone, .top-phone a i { color: #96c145; }
.top-phone a i {margin-right:4px;font-weight: bold;}
.top-phone a {border: none !important;border: 1px solid #96c145 !important;-webkit-box-shadow: 0px 0px 5px 0px rgba(150,193,69,1);-moz-box-shadow: 0px 0px 5px 0px rgba(150,193,69,1);box-shadow: 0px 0px 5px 0px rgba(150,193,69,1);line-height: 40px !important;display: block;}
li.top-phone {margin-top:-12px;margin-left:10px;margin-right: 10px;}
.top-phone a:hover .menu-phone { border-bottom:2px solid #96c145; }
#menu li:hover > a {color:#5cbbe6;border-color: #5cbbe6;}
.li-top-search:hover a {border-color: transparent !important;}
.top-banner {color: #fff;position: relative;margin-top: 140px;}
.banner-text1 {text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);font-family: Trebuchet-Bold;position: absolute;left: 25%;bottom: 20px;}
.banner-text1 h1 {font-size: 30px;line-height: 33px;font-family: Trebuchet-Bold;margin: 3px 0;}
.banner-text2 {position: absolute;top: 18px;right: 40px;max-width: 30vw;width: 100%;padding: 0 10px;background: #74A44C;-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);-moz-box-shadow: 0px 7px 5px -5px rgba(0,0,0,0.5);box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);}
.banner-text1 p { font-size:14px; line-height:22px; }
.green { color: #c2e6a0; }
#menu {margin: 49px 0 0;}
.main_header > .innercustom1 .topsearchbox {z-index:9;top: 96px;}
header.main_header {position: fixed;width: 100%;z-index: 1;top: 0;-webkit-box-shadow: 0px 7px 5px -5px rgba(0,0,0,0.5);-moz-box-shadow: 0px 7px 5px -5px rgba(0,0,0,0.5);box-shadow: 0px 7px 5px -5px rgba(0,0,0,0.5);}
div#gadget_5484 { margin-bottom: 0;}
.direct-billing { background: #00b5ec;color: #fff;}
.direct-billing .inner {max-width: 1205px; margin: 0 auto;padding: 25px 10px; overflow: hidden;}
.direct-billing h3 {float: left; font-weight: 300; font-size: 19px; line-height: 38px;}
.direct-billing a {background: #74a44c; display: block; margin-left: 30px; float: left; margin-top: 0px;}
.direct-billing a h3 { background: #74a44c;color: #fff;  font-size: 19px; width: 158px; text-align: center;line-height: 38px;}
.direct-billing a h3:hover { color:#000; }
.main_articles article .articlecnt h1 a, .main_articles article .articlecnt h2 a { font-size:32px;}
.main_articles article .articlecnt h1 a:hover, .main_articles article .articlecnt h2 a:hover, a.rdm:hover, .main_articles article .articlecnt .namedatetime>span a:hover { color:#00b5ec; }
.main_footer>.inner { max-width: 100% !important;  padding: 0;}
footer.main_footer { background: #000;}
.custom-footer { max-width: 1205px; padding: 20px 10px; margin: 0 auto; overflow: hidden;color: #fff;font-family: Trebuchet, sans-serif;}
.main_footer>.inner .powered { display:none; }
.custom-footer p { font-size: 14px; line-height: 22px; text-align: center; }
#back_to_top {display:none;background: #f0ad4e;padding: 0;border-radius: 4px;position: fixed;bottom: 10px;right: 10px;background 200ms linear 0s,color 200ms linear 0s;width: 40px;height: 41px;text-align: center;}
#back_to_top i {color: #FFF;font-size: 23px;font-weight: bold;padding-top: 8px;}
#back_to_top:hover{background: #f0ad4e;}
.backtohometop .clbacktohome { background:#74a44c; }
.main_banner>.inner, .main_content>.inner, .main_ctloc>.inner { max-width:1205px; }
#menu ul > li:hover a { border-color:transparent; color:#000;}
#menu ul > li a { border-color:transparent; }

@media screen and (max-width:1400px){
.banner-text1 { left:17%; }
}
@media screen and (max-width:1199px){
.banner-text1  {background: url(/WebFTP/client/100404/Home-Banner.png) no-repeat center center;background-size: cover;min-height: 365px;position: relative;left: 0;margin-top: 140px;bottom: inherit;}
.banner-text2 {position:relative;top: 0;max-width: 100%;right: 0;}   
.top-banner {background:none !important;margin-top: 0;}
.banner-text1 > h1:first-of-type { padding-top:116px; }
.banner-text1 h1, .banner-text1 p {padding:0 10px;max-width: 970px;margin: 0 auto;text-align: right;}
.banner-text2 iframe {height: 462px !important;}
.direct-billing .inner { width:80%; }
}
@media screen and (max-width:1141px){
#menu a { font-size: 13px; padding: 0 6px; }
}
@media screen and (max-width:1099px){
#menu a { font-size:12px; }
}
@media screen and (max-width:1057px){
#menu a { font-size:11px; padding: 0 7px; }
}
@media screen and (max-width:991px){
.banner-text1 { min-height:300px; }
.banner-text1 > h1:first-of-type { padding-top:90px;}
.banner-text1 h1, .banner-text1 p {max-width: 750px;padding: 0 20px;}
}
@media screen and (max-width:960px){
#menu {background-color: #fff;padding: 17px 0;border: none;border-top: 1px solid #e8e8e8;width: 100%;max-width: 100%;margin: 0;top: 122px;text-align: center;}
#menu a {background:#fff !important;line-height: 28px;text-align: center;border-bottom: 0 !important;width:auto;display: inline-block;margin: 0 auto;}
#menu ul { display:block; }
#menu:after { display:none; }
#menu li {width:100%;background: #fff;}
#menu li:hover { background:#fff; }
.top-phone a {border: 1px solid #96c145 !important;}
.main_header > .innercustom1 .topsearchbox {top: 132px;}
#menu a { font-size:14px; }
#menu > li:nth-of-type(5) > a:first-of-type:after {  margin-top: 11px; }
}
@media screen and (max-width:784px){
.banner-text2 { text-align:center; }
.banner-text2 iframe {max-width: 80% !important;margin: 0 auto;}
}
@media screen and (max-width:755px){
.direct-billing h3 {width: 50%;line-height: 25px;}
.direct-billing a { float:right; }
}
@media screen and (max-width:640px){
.banner-text1 h1 { font-size:19px; line-height:28px;}
.banner-text1 {background-position: left 20% center;margin-top: 140px;}
#menu, .main_header > .innercustom1 .topsearchbox {top: 122px;}
}
@media screen and (max-width:550px){
.direct-billing h3 { width:100%; margin-bottom:20px;  }
.direct-billing a { float:left; margin-left:0; }
.direct-billing a h3 { margin-bottom:0; }
}
@media screen and (max-width:500px){
.banner-text1 {margin-top: 117px;}
#menu, .main_header > .innercustom1 .topsearchbox { top: 103px; }
}
@media screen and (max-width: 400px){
.banner-text1 {margin-top: 85px;}
#menu, .main_header > .innercustom1 .topsearchbox {top: 86px;z-index: 99;} 
}
@media screen and (max-width:375px){
.banner-text1 h1 {font-size: 15px;line-height: 25px;}
}
@media screen and (max-width:333px){
.main_header > .innercustom1 .logoout {max-width: 192px;}
.banner-text1 {margin-top: 85px;}
#menu, .main_header > .innercustom1 .topsearchbox {top: 74px;}
}