/*reset*/
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0pt none; font-size:100%; margin:0pt; outline-color:invert; outline-style:none; outline-width:0pt; padding:0pt; }
/*body*/
html, body { margin:0; padding:0; font:15px/100% open sans; color:#fff; overflow-x: hidden;}
*, *:before, *:after{ transition: all 0.3s linear; -webkit-transition: all 0.3 s linear; box-sizing: border-box; -moz-box-sizing: border-box; }
*:before, *:after { position: absolute; }
/*basics*/
a img { border:none; max-width: 100%; height: auto; }
img, a { border:none; outline:none !important; }
a { text-decoration:none; font-weight:normal; }
.comingsoon { color:#FF0000; font-weight:bold; font-style:italic; margin:20px 0; display:block; }
.clearfix { clear:both; overflow:hidden; }
.t-left{ margin:0 20px 10px 0; border-radius:9px; float:left; }
.t-right{ margin:0 0 10px 20px; border-radius:9px; float:right; }
.t-mid{ display:block; margin: 5px auto; border-radius:9px; }
ul{ margin:0 auto; padding:0; list-style:none; }
h1,h2,h3,h4,ul{ margin:0 auto; font-weight:normal; }
#nav span{ position: absolute; right: -12px; top: -5px; display: none; padding: 5px; cursor: pointer; z-index: 9; }
/* Navigation bar icon */
.nav-toggle-button{ display: none; color: #fff; cursor: pointer; margin: 0 0 0px; text-decoration: none; background:#56B74A; width: 100%; text-align: left; padding:10px; }
.nav-toggle-button i:before { right: 10px; }
.nav-toggle-button span:before { right: 10px; }
.nav-toggle-button span{ font-family:open sans; font-weight:bold; }
.nav-toggle-button:hover{ color: #0557be; }
.nav-toggle-button .fa{ display: block; }
/*layers*/
.wrapper { width:960px; max-width:100%; height:auto; margin:0 auto; }
/*header*/
#header{ background:url(images/header-bg.png)no-repeat top center; height:602px; }
.header-container{ }
.header-logo{ float:left; padding: 22px 0 0 10px; position: relative;width: 337px;}
.header-content{ float:right; text-align:right; padding: 23px 0 0 0; }
.header-content h3{ font:20px domine; letter-spacing: .1px; }
.header-content p{ font:14px domine; margin:0 0 8px; }
.header-content p span{ font-size:20px; display: inline-block;}
.header-logo section{position: absolute; right: -140px; top: 13px;}
/*soc media*/
.soc-media{ font-size:0; }
.soc-media a{ display:inline-block; vertical-align:top; margin-left: 3px; }
.soc-media img:hover { opacity: 0.5; }
/*nav*/
#nav { background: #4da542 url('images/nav-bg.png')no-repeat center 5px; height: 64px; margin-top: -468px; border-radius: 9px; }
#nav ul{ width:100%; display:table; }
#nav li{ display:table-cell; text-align: center; position:relative; }
#nav li a{ display:block; color:#fff; font:bold 14px roboto condensed; padding: 17px 8px; position: relative; z-index: 99; text-transform:uppercase; }
#nav li:after{ content:url('images/nav-break.png'); top: 5px; right: -5px; }
#nav li:last-child:after{ content:''; }
#nav li a:hover, #nav li.current_page_item a{ color:#0557be; }
/*banner*/
#banner { background: #fff; padding: 8px 7px; border-radius: 8px; margin-top: -14px; position:relative; }
#banner:after{ content:url(images/banner-slider-shadow.png); z-index: -1; bottom: -44px; left: -38px; }
.banner-slider{ width: 945px; height: 342px; max-width:100%; }
.rslides{ display:none; }
/*mid*/
#mid{ text-align:center; margin: 69px 0 42px; }
.mid-box{ display: inline-block; vertical-align: top; background: #fff; position: relative; width: 309px; height: auto; padding: 160px 33px 0; color: #383838; text-align: center; box-shadow: 0px 1px 12px -8px #000; border-radius: 20px;}
.mid-box p {min-height: 84px;}
.mid-box:nth-child(2){ margin: 0 12px; }
.mid-box:nth-child(1):after{ content:url(images/mid-img1.png); }
.mid-box:nth-child(2):after{ content:url(images/mid-img2.png); }
.mid-box:nth-child(3):after{ content:url(images/mid-img3.png); }
.mid-box:after{ z-index:-1; top:0; left:0; }
.mid-box h3{ font:16px roboto condensed; }
#mid .mid-box:nth-child(odd) h3 { color: #30a51f; font:bold 20px roboto condensed; display:block; font-family: 'domine'; min-height: 46px;}
#mid .mid-box:nth-child(even) h3 {color: #08428b; font:bold 20px roboto condensed; display:block;font-family: 'domine'; min-height: 46px; }
#mid .mid-box:nth-child(1):before {content: url('images/btm1-icon1.png'); top: 60px; left: 0; right: 0}
#mid .mid-box:nth-child(2):before {content: url('images/btm1-icon2.png'); top: 60px; left: 0; right: 0}
#mid .mid-box:nth-child(3):before {content: url('images/btm1-icon3.png'); top: 60px; left: 0; right: 0}
.mid-box p{ font: 12px/21px open sans; margin: 7px 0; }
.mid-box a{ display: block; width: 154px; height: auto; font: bold 16px roboto condensed; color: #383838; padding: 10px; text-align: center; margin: 20px auto; text-transform: uppercase; }
#mid .mid-box:nth-child(odd) a:hover {color: #30a51f}
#mid .mid-box:nth-child(even) a:hover {color: #08428b}
/* .mid-box a:after{ content:url(images/mid-btn-arrow.png); right: 15px; top: 27px; } */
/* .mid-box a:hover{ background:url('images/mid-btn-bg2.png'); } */
/* .mid-box a:hover:after{ content:url(images/mid-btn-arrow2.png); } */
/*main*/
#main { height:auto; background:#fff; }
/*main content*/
#main-content { float:right; width:635px; max-width:100%; color:#383838; padding:0 20px 0 0; }
#main-content h1{ color:#3cb219; font:28px domine; }
#main-content h1 span,.welcome{ display:block; color:#002c69; font:bold 35px domine; }
#main-content p{ text-align:justify; line-height: 200%; }
/* #main-content p strong{display: inline-block;} */
#main-content strong{display: inline-block;}
#main-content a{ font-weight:bold; text-decoration:underline; color:#002c69; }
#main-content a:hover,.comp { color: #333; font-weight:bold; }
#main-content li{ position: relative; margin: 5px 0; padding-left: 35px; line-height: 200%; }
#main-content li:before{ content:url('images/bullet.png'); left: 8px; top: 6px; }
#main-content h1.page-title span{ display:inline-block; }
/*sidebar*/
#sidebar{ float:left; width:305px; }
/*sidetab*/
#side-tab{ background:#5eb253; border-radius: 13px; padding:0 0 19px; margin-bottom: 22px; }
#side-tab h3{ font:25px/76px roboto condensed; background:url(images/side-tab-head-bg.png)no-repeat right 5px top 5px, url(images/side-tab-head-bg.jpg)repeat-x top; border-top-left-radius: 13px; border-top-right-radius: 13px; padding-left: 22px; margin-bottom: 19px; }
#side-tab h3 span{ font-weight:bold; color:#b5ff84; }
#side-tab li{ margin:0 auto 5px; width:267px; }
#side-tab a{ font:bold 13px/38px open sans; background:#2a991a; display:block; color:#fff; border-radius: 6px; padding-left: 16px; }
#side-tab li ul{ margin-top:5px; }
#side-tab li ul a{ background:#66c25b; font-weight:normal; padding-left: 40px; position:relative; }
#side-tab li ul a:after{ content:url(images/side-tab-icon.png); left: 20px; }
#side-tab ul li:last-child a:hover,#side-tab .current_page_item a{ background:#00419a; }
#side-tab ul ul li:last-child a:hover{ background:#66c25b; }
/*sidebtn*/
#side-btn a{ display:block; color:#fff; font:20px roboto condensed; height:84px; background:url(images/side-btn-bg.png)top; border-radius: 11px; padding: 19px 0 0 99px; margin-bottom: 5px; position:relative; z-index:99; }
#side-btn .btn1:after{ content:url(images/side-btn-icon1.png); }
#side-btn .btn2:after{ content:url(images/side-btn-icon2.png); }
#side-btn .btn3:after{ content:url(images/side-btn-icon3.png); }
#side-btn a:after{ top: 20px; left: 25px; }
#side-btn a span{ font:bold 25px/19px roboto condensed; color:#b5ff84; display:block; }
#side-btn .btn2:hover,#side-btn .btn3:hover{ background-position:bottom; }
/*footer*/
#footer{ background:url(images/footer-bg.png)no-repeat center top; height:416px; position:relative; padding:188px 0 0; margin-top: -85px; }
#footer h3{ font:bold 23px domine; }
/*footer logo*/
.footer-logo{ left: 0; right: 50px; margin: 0 auto; text-align: center; position: absolute; top: 235px; }
.footer-logo img { width: 200px; max-width: 100%; }
/*contact info*/
.contact-info{ float:left; position:relative; }
.contact-info:after{ content:url(images/contact-bg.png); top: -53px; right: -70px; }
.contact-info h3{ margin-bottom: 20px; }
.contact-info p{ white-space:pre-line; position:relative; font:13px open sans; padding-left: 9px; }
.contact-info p span{ position:absolute; left: 60px; z-index:99; }
.contact-info a{ color:#b5ff84; font-weight:bold; text-decoration:underline; }
.contact-info a:hover{ color:#1f7eff; }
/*footer nav*/
.footer-nav{ text-align:left; width:330px; max-width:100%; float:right; position:relative; z-index:99; }
.footer-nav:before{ content:url(images/footer-nav.png); left: -57px; top: -27px;}
.footer-nav h3{ margin-bottom: 18px; }
.footer-nav li{ display:inline-block; vertical-align:top; width:152px; margin-bottom: 6px; }
.footer-nav li:nth-child(odd){ margin-right: 2px; }
.footer-nav a{ display:block; color:#fff; font:13px/34px roboto condensed; color:#fff; background:#002558; padding-left: 17px; border-radius: 3px; position:relative; }
.footer-nav a:hover, .footer-nav .current_page_item a{ background:#2a991a; }
/*copyright*/
#copyright{ position: absolute; font: 13px roboto; left: 0; right: 48px; text-align: center; top: 320px; }
#copyright span{ display:block; }
#copyright a{ color:#fff; }
#copyright a:hover{ text-decoration:underline; }
/*search*/
.search_results div.page, .search_results div.post{ padding: 5px 15px; border-bottom:2px solid #000; background:#ffffe1; margin:10px 0; color:#000; }
.search_results h2{ margin: 10px 0; }
.search_results h2 a{ font-size:20px; text-decoration:none !important; }
.search_results div.entry-meta{ font-style:italic; }
.search_results a:hover{ text-decoration:none; }
/*resources*/
.resources { font-size:14px; margin-top: 20px; }
.resources a { color: #F26C09; text-decoration:none; display:block; font-weight:bold; }
.resources a:hover { color:#D12727; text-decoration:none; padding-left:1px; }
.resources ul{ display:initial; }
.resources ul,.resources li { list-style-type:none; margin:0; padding:0; }
.resources ul li{ display: block; margin:0 0 8px 0 !important; padding: 12px !important; background: #FAFDFE; border-width: 1px 1px 2px; border-style: solid; border-color: #94A9C9; border-image: none; list-style-image: none !important; }
.resources ul li span { font-size:11px; color:#666666; letter-spacing:1px; display:block; word-break: break-all; }
.resources li:before{ content:'' !important; }
#faq-content{ margin-top: 25px; }
#faq-content .thetitle{ width: 96%; cursor: pointer; line-height: 23px; margin: 2px 0; padding: 10px; }
#faq-content .thecontent{ width: 96%; padding:10px; background: #f9f1db; transition:none; }
#faq-content .openlanguage{ color: #FFF; background: #ff8000; font-weight:bold; }
#faq-content .closedlanguage{ color: #fff; background: #1962a9; font-weight: bold; }
#faq-content .comp2{ color: #ffee00; }
.lt-ie8 .dang-ie{width: 100%; height: 100%; position: fixed; background-color: #00abdd;}
.message{text-align: center; color: #fff; font-size: 20px; position: absolute; top: 20%; left: 0; right: 0;}
.inner-message{position: relative; top: -20%; left: 0; right: 0; text-align: center; margin: auto;}
.inner-message img{position: relative; left: 3em;}
.inner-message a.download{display: block; width: 300px; padding: 10px; color: #fff; margin: 2em auto; border: 1px solid #fff;}
.terms{color: #fff; font-size: 13px; padding: 20px; position: absolute; right: 0; bottom: 0;}
.terms a{color: #fff; font-weight: bold;}
.lt-ie8 .protect-me{display: none; }
.back_top { display: none; background: #2a991a; position: fixed; z-index: 999; bottom: 0; width: 100%; height: 45px; cursor: pointer; border-top: 3px groove var(--secondary-color); }
.back_top:before { content: ""; position: absolute; top: 45%; left: 50%; transform: translate(-50%, -45%); border-bottom: 15px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; }
.back_top:hover { opacity: .7 }
/*118*/