@charset "utf-8";
/* CSS Document */
body{ background:#fff; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#000;}
a{ color:#7ac142;}
#navigation{ background:#961517;}
#navbtn{ display:none;}
.nav-menu{ background:#961517;}
.nav-menu li{ position:relative; float:left;}
.nav-menu li+li{ border-left:solid 1px #520809;}
.nav-menu li > a{ font:400 italic 18px/55px 'Lora', serif; color:#fff; padding:0 55px; white-space:nowrap; display:block;}
.nav-menu li:hover > a, .nav-menu li.active > a,.nav-menu li.current_page_item > a, .nav-menu li > a:focus{ background:#f6bd15; color:#000; text-decoration:none;}
.nav-menu .sub-menu{ position:absolute; left:0; top:100%; background:#00431f; min-width:220px; box-shadow:0 0 5px #02496d; transition: all 300ms ease-out 0s; display:none; z-index:999;}
.nav-menu .sub-menu .sub-menu{ left:100%; top:0;}
.nav-menu li:hover > .sub-menu{ display:block;}
.nav-menu .sub-menu li{ float:none;}
.nav-menu .sub-menu a{ font:normal 14px/34px Arial, Helvetica, sans-serif; padding:0 10px; white-space:nowrap;}
.nav-menu .sub-menu li+li{ border-top:1px solid #035e8d;}
.nav-menu .menu-item-has-children > a{ cursor:pointer;}

header{}
header p{ font:400 13px/20px 'Lora', serif; color:#00431f;}
#logo{ float:left; padding:6px 0;}
.header_right{ float:right;}
.address a{ padding-left:7px;} 
.address{ margin:6px 0; padding:0 30px 0 30px; position:relative; font:400 17px/20px 'Lora', serif; color:#00431f;}
.address img{ position:absolute; left:0;}
.address a{ font:400 15px/25px 'Lora', serif; color:#00431f;}
#banner ul li+li{ display:none;}
#banner ul li{ list-style-type: none;}
#banner{ position:relative;}

#banner_text{ position:absolute; top:50%; left:50%; width:1200px;transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);   -webkit-transform: translate(-50%, -50%); z-index:999;}
#banner_text > div{ width:490px; text-align:center; float:left; position:relative; padding-left:40px;}
#banner_text h1{ font:400 italic 64px/66px 'Lora', serif; color:#961517;}
#banner_text p{ font:400 italic 17px/24px 'Lora', serif; color:#000; padding:15px 0 0;}
a.view{ font:400 italic 20px/60px 'Lora', serif; background:#f5bf15; color:#000; display:inline-block; margin:25px 0 0; border-bottom:solid 2px #a51e22; padding:0 30px;}

.pagination{ display:none;}
.flexslider .flex-control-nav{ display:none;}
.flexslider{ position:relative;}
.flexslider .flex-direction-nav{ position:absolute; top:50%; left:1%; right:1%; transform: translate(0, -50%); -ms-transform: translate(0, -50%);   -webkit-transform: translate(0, -50%);}
.flexslider .flex-direction-nav li{ float:left;}
.flexslider .flex-direction-nav li+li{ float:right; display:block !important;}
.flexslider .flex-direction-nav li a{ font-size:0; width:55px; height:50px; display:block; z-index:100000;}
.flexslider .flex-direction-nav li a.flex-prev{ background:url(images/prev.png) no-repeat 0 0;}
.flexslider .flex-direction-nav li a.flex-next{ background:url(images/next.png) no-repeat 0 0;}
.slides{ clear:both;}

#content{ padding:40px 0 0;}
#content h2{ font:400 italic 19px/25px 'Lora', serif; padding:10px 0 0; color:#202020;}
.border-bottom{ border-bottom:solid 1px #cccccc; padding:15px 0 0;}
#content h1{ font:400 italic 33px/38px 'Lora', serif; padding:10px 0 0; color:#fff;}


#content p{ font:400 italic 18px/22px 'Lora', serif; padding:10px 0 0;}

.form{ background:#ededed; padding:0 45px 35px; position: relative; margin-right:30px;}
.form:before{  bottom: -20px; top:-20px; right:-20px; border:3px solid #ffc000; width:90%;  content: ""; position: absolute; z-index:-1;}

.support{ background:url(images/bg1.jpg) no-repeat 0 0; background-size:cover; margin:70px 0 0; position:relative;}
.sup_box{ width:50%; float:right; padding-bottom:70px;}
.sup_box ul{ padding:10px 0 50px; list-style-type:none;}
.sup_box ul li{ font:400 italic 18px/22px 'Lora', serif; color:#fff; background:url(images/icon3.png) no-repeat 0 13px; padding:10px 0 0 30px;}
.boy{ position:absolute; left:0; bottom:0;}
.support:before{ left:0; bottom:0; background:url(images/bg2.png) no-repeat 0 0; content: "";  z-index:99; position: absolute; width:887px; height:23px;}
a.view2{ font:400 italic 20px/24px 'Lora', serif; background:#f5bf15; color:#000; display:inline-block; border-bottom:solid 2px #fff; padding:15px 30px;}

.gap-top{ padding-top:40px;}
.gap-bottom{ padding-bottom:40px;}


#content .form h3{ font:400 30px/35px 'Lora', serif; padding:15px 0; color:#454545; text-transform:uppercase;}

a.download{ font:normal 19px/25px 'MyriadProRegular_1'; width:100%; margin:15px 0 0; color:#000; background:url(images/download.png) no-repeat 20px 2px, #e1e1e1; border-radius:8px; padding:20px 0 11px 100px; display: inline-block; border:solid 1px #acacac; min-height:71px;}
a.download+a.download+a.download{ background-image:none; text-align:center; padding:3px 0;}

footer{ background:#f5bf15; color:#fff; margin:50px 0 0; padding:10px 0;}
.footer-logo{ float:left; padding:10px 0 0;}
.footer-right{ float:right; padding:25px 0; text-align:right;}
.footer-right ul{ float:right;}
.footer-right ul li{ float:left;}
.footer-right ul li a{ font:400 italic 15px/20px 'Lora', serif; color:#000;}
.footer-right ul li+li{ padding-left:18px;}
footer p{ font:400 italic 15px/20px 'Lora', serif; color:#000; padding:25px 0 0;}
footer .footer-right p a{ font:400 italic 15px/20px 'Lora', serif; color:#000;}
footer .footer-right p a:hover{ color:#961517;}

/***********************************/
#content h1 span{ color:#202020;}
#content p span{ color:#fff;}
.test{ border:solid 1px #dcdcdc; background:#f3f3f3; border-radius:7px; padding:20px 10px; margin-top:15px;}
.test img{ border-radius:100px; border:solid 3px #f5bf15; margin-right:15px;}
.test p{ text-align:center;}
.test:last-child{ margin-bottom:50px;}
#content p a{ font:400 italic 14px/20px 'Lora', serif; color:#666;}
.comingsoon{ padding:135px 0; text-align:center;}
.event{ margin-top:20px;}

.event:last-child{ margin-bottom:50px;}


ul.toplight{ list-style-type:none; padding:0 0 35px;}
ul.toplight li{ float:left; width:32.33%; margin:10px 0 0px 1%; box-sizing:border-box;  }
ul.toplight li:nth-child(3n+1){ clear:left; margin-left:0;}
.toplight > li a img{ margin:0 auto; text-align:center; display:table}
.map{ border-radius:8px;}
.gap{ padding:35px 0;}

/***********************************/

@media only screen and (max-width: 1198px) {
.nav-menu li > a{ font-size:14px; line-height:45px; padding:0 48px;}
.agency_box{ min-height:498px;}
.footer-right ul li a{ font-size:13px;}
.footer-right ul li+li{ padding-left:15px;}
footer p{ font-size:14px;}
footer .footer-right p a{ font-size:13px;}
#banner_text{ width:1000px;}
.footer-logo{ width:20%;}
.boy{ width:50%;}
.flexslider .flex-direction-nav{ z-index:9999;}
.test:last-child{ margin-bottom:0;}
}
@media only screen and (max-width: 990px) {
#banner_text{ width:748px;}
#banner_text img{ width:50%;}
#banner_text p{ font-size:13px; line-height:17px;}
#banner_text > div{ width:360px;}
a.view{ font:400 italic 15px/20px 'Lora', serif; padding:10px 15px;}
.nav-menu li > a{font-size: 12px; line-height: 40px; padding: 0 32px;}
.form{ padding: 0 20px 35px;}
input[type="text"], input[type="email"], input[type="password"]{ height: 40px; font-size:13px;}
#content .form h3{ font-size:24px;}
.support:before{ display:none;}
a.download{ padding:10px 0 11px 100px;}
.sup_box{ width:98%; float:none;}
.boy{ display:none;}
.footer-logo{ width:100%; text-align:center; margin:0 auto;}
.footer-right ul{ float:none; margin:0 auto; text-align:center; display:table;}
footer p{ float:none; margin:0 auto; text-align:center; padding:5px 0 0;}
#banner_text h1{ font-size:50px;}
}
@media only screen and (max-width: 740px) {
#navigation{}
#navbtn{ display:block; background:url(images/navigation.png) no-repeat 98% 50%; width:100%; height:40px; font-size:0; cursor:pointer; font:400 16px/40px 'Lora', serif; color:#fff; text-transform:uppercase;}
.nav-menu{ display:none;}
.nav-menu li{ float:none;}
.nav-menu li+li{ border-top:1px solid #c53739; border-left:0;}
.nav-menu li > a{ font:normal 15px/32px 'Lora', serif;}
.nav-menu .sub-menu{ position:relative; margin:0 3px;}
.nav-menu .sub-menu .sub-menu{ left:0; margin:0 5px;}
.nav-menu .sub-menu li{ float:none;}
.nav-menu li:hover > .sub-menu{ display:none;}
#logo{ text-align:center; margin:0 auto; float:none;}
.header_right{ float:none;}
#banner_text{ width:480px;}
a.view{ display:none;}
#banner_text img{ width:70%;}
#banner_text > div{ width:287px;}
.footer-right ul{ display:none;}
a.download{ padding:20px 0 11px 100px;}
.sup_box ul{ padding:0;}
a.view2{ margin:20px 0 0;}
#content{ padding:25px 0 0;}
.form{ margin:55px 0 0;}
.form:before{ display:none;}
.support{ margin:25px 0 0;}
.gap-top{ padding-top:20px;}
.event{ margin-top:0; text-align:center;}
.event img{ margin-top:20px;}
#banner_text h1{ font-size:27px;}
}
@media only screen and (min-width: 740px) {
.nav-menu{ display:block !important;}

}
@media only screen and (max-width: 450px) {
#banner_text{ width:96%;}
a.download{ padding:10px 0 11px 100px;}
#banner_text p{ display:none;}
#banner_text > div{ padding-left:0;}
ul.toplight li{ width:90%; margin:20px 5% 0 5%;}
ul.toplight li:nth-child(3n+1){ width:90%; margin:20px 5% 0 5%;}
}