/* CSS Document */
@font-face {
    font-family:'Avenir Light';
		src: url('font/AvenirLTStd-Light.ttf') format('truetype');
    font-style: normal;
}
@font-face {
    font-family:'Avenir Roman';
		src: url('font/AvenirLTStd-Roman.ttf') format('truetype');
    font-style: normal;
}
@font-face {
    font-family:'Helvetica Neue LT-Roman';
		src: url('font/HelveticaNeueLT-Roman.ttf') format('truetype');
    font-style: normal;
}
/* default */
img{border:0; max-width: 100%; height: auto;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt { padding:0; margin:0;}
ul,ol { list-style:none;}
a { text-decoration:none;}
.hidden{ text-indent:-999em; overflow:hidden;}
hr.hide-line{ padding:0; margin:0; display:none;}
.clear{ clear:both;}
.clearfix:after { height:0; clear:both;visibility:hidden;}
/* Clearfix */
.clrfix:before, .clrfix:after { content: " "; display: table;}
.clrfix:after { clear: both;}
.row{max-width: 1200px; margin:0 auto;}
.btn{display: block; max-width: 186px; width: 100%; padding:13px 0; margin:0 auto; font-family:'Avenir Light'; font-size: 15px; color: #fff; letter-spacing: 1px; line-height: 120%; border-radius: 30px; border:1px solid #57A198; text-align: center;}
.btn:hover{background: #A21D29; border:1px solid #fff;}
.txt-center , #content.inner .txt-center {text-align: center;}
/* Body */
body{font-family:'Helvetica Neue LT-Roman'; margin:0 auto; padding:0; text-align: center; color:#5F6057; max-width: 1900px;}
/*header*/
.site-header{ position: relative; z-index: 999999;}
header nav a#pull { display: none;}
header{background: url(../images/header.jpg) no-repeat center top / 100% 100%; padding:20px 0 65px; position: relative;}
header .row{position: relative;}
header .logo , header nav{display: inline-block; vertical-align: bottom;}
header .logo {width: 27%;}
header .logo img{max-width: 312px; width: 100%; margin:0 auto;}
header nav { width:72%; margin:0 auto; padding:20px 0 0 20px; box-sizing: border-box;}
header nav ul { padding:0; margin:0 auto; list-style: none; }
header nav ul li { display: inline-block; vertical-align: top; padding:0 2px; margin:0;}
header nav ul li a { font-family:'Avenir Roman'; display:block;  margin:0 auto; padding:11px; font-size:14px; line-height:120%; text-align:center; color: rgba(113,114,100,0.75);}
header nav ul li:hover a, header nav ul li.active-menu a{background: #A21D29; color: #fff; border-radius: 10px;}
header .email{position: absolute; top:0px; right:0;}
header .email a{ font-family:'Avenir Roman'; font-size: 18px; color: #717264; line-height: 120%; letter-spacing: 1px;}
header .email img{display: inline-block; vertical-align: middle;}
/*FIXED HEADER*/
.fixed-header{ position: fixed; width: 100%; left: 0; top:0; box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -webkit- box-shadow: 0 0 10px #000; padding:10px 0;} 
.fixed-header *{ transition: all 0.5s ease; }
.fixed-header .logo img{max-width: 175px;}
.fixed-header nav{padding:0;}
.fixed-header .email{display: none;}
.fixed-header .logo, .fixed-header nav{vertical-align: middle;}
/*banner*/
#banner{ background: url(../images/banner.jpg) no-repeat center top / 100% 100%; position: relative; padding:0 0 75px;}
#banner .caption{background: url(../images/caption.png) repeat-x center top; max-width: 751px; width: 100%; padding: 30px 60px 30px 140px; box-sizing: border-box; border-radius: 180px 0 0 180px; position: absolute; right: 205px;/*145px*/ top:14%; z-index: 9;}
#banner .caption h2{font-family:'Avenir Light'; font-size: 72px; color: #fff; line-height: 97%; text-align: left;}
#banner .caption h2 span{display: block; font-size: 36px; color:#81CEC7; line-height: 120%; }
#banner .caption p{font-size: 14px; color: #80CDC6; line-height: 30px; text-align: left; padding:20px 0;}
#banner .bn1{max-width: 1900px; width: 100%; margin:0 auto;}
#banner .bn2{position: absolute; right: 122px; top: 50px;  z-index: 9; border-radius: 15px;}
#banner .bn3{display: none;}
#banner dl{background: #fff; width: 21%; display: inline-block; vertical-align: top; padding:54px 0; border-radius: 20px; margin:-270px 10px auto 10px; position: relative; z-index: 9;}
#banner dt{margin:0 auto 20px; padding:0;}
#banner dd{font-family:'Avenir Roman'; font-size: 18px; color: #717264; letter-spacing: 1px; line-height: 120%;}
/* content */
#main{padding:0; margin:0 auto;}
#content{ background: url(../images/content1.jpg) no-repeat center top / 100% 100%; margin:0 auto; padding:160px 0 120px; position: relative;}
#content h1{font-family:'Avenir Light'; font-size: 44px; color: #5DA799; line-height: 120%; text-align: left; background: url(../images/border.png) no-repeat left bottom; padding: 0 0 20px; }
#content p{font-size: 18px; color: #5F6057; line-height: 36px; text-align: left; padding:15px 0;}
#content h5{font-size: 18px; color: #CD1C2B; line-height: 120%; text-align: left; padding:20px 0;}
#content article{text-align: right;}
#content .cont-left, #content .cont-right{display: inline-block; vertical-align: middle;}
#content .cont-left{width: 31%; position: absolute; left: 123px; bottom: 8%;}
#content .cont-right{ width: 54%; }
#content .cont-left dl{background: url(../images/caption.png) repeat-x center top; padding:75px 40px 75px 30px; border-radius: 180px 0 0 180px;}
#content .cont-left dt, #content .cont-left dd{display: inline-block; vertical-align: middle;}
#content .cont-left dt{width: 33%;}
#content .cont-left dd{width: 65%; padding:0; margin:0 auto;}
#content .cont-left dt img{max-width: 134px; width: 100%; margin:0 auto;}
#content .cont-left dd p{font-family:'Avenir Roman'; font-size: 17px; color: #fff; text-align: right;line-height: 24px; padding:10px 0;}
#content .cont-right .btn{color: #A21D29; font-size: 14px; margin:20px 0 0;}
#content .cont-right .btn:hover{background: #57A198; color: #fff;}
/* content-bottom */
#content-bottom{background: url(../images/content2.jpg) no-repeat center top / 100% 100%; padding:195px 0 268px; margin:-18px auto 0; position: relative; text-align: left;}
#content-bottom h2{font-family:'Avenir Light'; font-size: 44px; color: #5DA799; line-height: 120%; text-align: left; background: url(../images/border.png) no-repeat left bottom; padding: 0 0 20px; }
#content-bottom p{font-size: 18px; color: #5F6057; line-height: 36px; text-align: left; padding:15px 50px 15px 0;}
#content-bottom .cont-left, #content-bottom  .cont-right{display: inline-block; vertical-align: middle;}
#content-bottom .cont-left{width: 31%; position: absolute; right: 123px; bottom: 18%;}
#content-bottom .cont-right{ width: 61%; }
#content-bottom .cont-left dl{background: url(../images/caption.png) repeat-x center top; padding:49px 40px 49px 30px; border-radius: 0 180px 180px 0;}
#content-bottom .cont-left dt, #content-bottom  .cont-left dd{display: inline-block; vertical-align: middle;}
#content-bottom .cont-left dt{width: 33%; float: right; padding:14% 0 0;}
#content-bottom .cont-left dd{width: 65%; padding:0; margin:0 auto;}
#content-bottom .cont-left dt img{max-width: 134px; width: 100%; margin:0 auto;}
#content-bottom .cont-left dd p{font-family:'Avenir Roman'; font-size: 17px; color: #fff; text-align: left;line-height: 24px; padding:10px 0;}
#content-bottom .cont-right .btn{color: #A21D29; font-size: 14px; margin:20px 0 0;}
#content-bottom .cont-right .btn:hover{background: #57A198; color: #fff;}
/* about */
#about{background: url(../images/about.jpg) no-repeat center top / 100% 100%; padding:50px 0 98px;}
#about .ab-right, #about .ab-left{display: inline-block; vertical-align: top;}
#about .ab-right{width: 72%; padding-left: 14%; box-sizing: border-box; padding-top: 6%;}
#about .ab-left{width: 27%; float: left;}
#about .ab-left dt, #about .ab-left dd{margin: 0 auto; padding:0;}
#about .ab-left dd p{font-family:'Avenir Roman';  font-size: 15px; color: #000; line-height: 24px; text-align: center; padding: 40px 0 0;}
#about .ab-right h2{font-family:'Avenir Light'; font-size: 44px; color: #fff; line-height: 120%; text-align: left; background: url(../images/border2.png) no-repeat left bottom; padding: 0 0 20px; }
#about .ab-right p{font-size: 18px; color: #fff; line-height: 36px; text-align: left; padding:25px 0;}
#about .ab-right .btn{border:1px solid #fff; margin:40px 0 0;}
/* reward */
#reward{background: url(../images/reward.jpg) no-repeat center top / 100% 100%; padding:/* 30px 0 100px*/ 30px 0 60px; margin:10px auto 0;}
#reward .left, #reward .right{display: inline-block; vertical-align: middle;}
#reward .left{width: 53%;}
#reward .left h2{font-family:'Avenir Light'; font-size: 44px; color: #5DA799; line-height: 120%; text-align: left; background: url(../images/border.png) no-repeat left bottom; padding: 0 0 20px; }
#reward .left p{font-size: 18px; color: #606157; line-height: 36px; text-align: left; padding:25px 50px 0 0;}
#reward .right{width: 46%;}
#reward .right ul{list-style: none; display: block; margin:0 auto; padding:0; text-align: left;}
#reward .right ul li{display: inline-block; vertical-align: top; margin:15px;}
#reward .right ul li img{border-radius: 30px;}
#reward .right p{font-family:'Avenir Roman';  color: #fff; font-size: 17px; line-height: 24px; text-align: left; max-width: 365px; width: 100%; margin:30px -15px 0 0; text-shadow: 1px 1px 5px #000; float: right;}
/*q-section*/
#q-section {padding: 50px 0;/*background: url(../images/banner.jpg) no-repeat center center; background-size: cover*/}
#q-section h2 {font-family: 'Avenir Light'; font-size: 44px; color: #5DA799;line-height: 120%; text-align: center;background: url(../images/border.png) no-repeat bottom left;padding: 0 0 30px;margin: 0 auto 30px;text-align: left;}
#q-section p {font-size: 18px;color: #606157;line-height: 24px;text-align: left;}
#q-section .half {display: inline-block; vertical-align: top; width: 48%; margin: 0 10px; text-align: left;}
#q-section .half {}
#q-section .whole {margin: 30px auto 0}
/* what we do */
#wwd{background: url(../images/wwd.jpg) no-repeat center top / 100% 100%; padding:50px 0 62px;}
#wwd h2{font-family:'Avenir Light'; font-size: 44px; color: #5DA799; line-height: 120%; text-align: center; background: url(../images/border.png) no-repeat center bottom; padding: 0 0 30px; margin:0 auto 30px;}
#content.inner .wwd dl, #wwd dl{display: inline-block; vertical-align: top; width: 33%; padding:15px 50px; box-sizing: border-box;}
#content.inner .wwd dt, #wwd dt{padding:0; margin:0 auto; min-height: 60px;}
#content.inner .wwd dd, #wwd dd{font-size: 13px; color: #717264; line-height: 21px; text-align: left; padding:20px 0 0; text-align: center;}
#wwd .btn{color: #A21D29; margin:40px auto 0;}
#wwd .btn:hover{background: #57A198; color: #fff;}
/*footer*/
footer{ margin:0 auto; padding:0;}
#contact{background: url(../images/contact.jpg) no-repeat center top; padding:0 0 74px;}
#contact .row{max-width: 1495px;}
#contact h2{font-family:'Avenir Light'; font-size: 44px; color: #5DA799; line-height: 120%; text-align: center; background: url(../images/border.png) no-repeat center bottom; padding: 0 0 30px; margin:0 auto 30px;}
#contact section{border:1px solid #59A39B; border-radius: 15px; padding:74px 0;}
#contact p{font-size: 16px; color: #707064; line-height: 30px; text-align: center; max-width: 850px; width: 100%; margin:40px auto 0;}
#contact p a{color: #AC1D26;}
#footer{background: url(../images/footer.jpg) no-repeat center top / 100% 100%; padding:10px 0;}
#footer nav{background: url(../images/nav.png) no-repeat center top; padding:10px 0;}
#footer nav ul{display: block; list-style: none; margin:0 auto; padding:0;}
#footer nav ul li{display: inline-block; vertical-align:  top; padding:0 10px;}
#footer nav ul li a{display: block; font-family:'Avenir Roman'; font-size: 14px; color: #fff; line-height: 120%; padding:12px;}
#footer nav ul li:hover a, #footer nav ul li.active-menu a{background: #A21D29; color: #fff; border-radius: 10px;}
#footer p{font-family:'Avenir Roman'; font-size: 14px; color: #717264; line-height: 120%; padding:15px 0 53px;}
/* contact */
.contactBox { width:500px; margin:0 auto; padding:10px 0 10px; background:rgba(255,255,255,0.5); border: 1px #A21D29 solid; color:#000;}
.contactBox p { padding:0 10px 0 !important;}
.contactBox a { color:#5F6057 !important;}
.contactBox strong { color:#A21D29; font-family:'Avenir Roman';}
.contactBox-left { float:left; width:250px; margin:0; padding:0;}
.contactBox-right { float:right; width:250px; margin:0; padding:0;}
.contactForm { width:500px; margin:10px auto; padding:0 0 10px; background:rgba(255,255,255,0.5); border: 1px #A21D29 solid; color:#000;}
.contactForm label { display:block; margin:0; padding:5px 0 5px 25px; font-size:14px; line-height:120%; text-align: left; color: #5F6057;}
.contactForm input[type=text] { display:block; max-width:450px; width: 100%; min-height:25px; margin:0 auto; padding:0; font-size:14px; line-height:120%; border:1px solid #ccc; font-family:'Avenir Roman';}
.contactForm .btn {padding:10px 0; background: #A21D29; color: #fff;  border: 1px solid #fff;}
.contactForm .btn:hover{background:#57A198;}
.contactForm textarea { display:block; max-width:450px; width: 100%; height:50px; margin:0 auto; padding:0; font-size:14px; line-height:120%; border:1px solid #ccc;}
#content.inner{background:url(../images/banner.jpg) no-repeat center top / 100% 100%; min-height: 400px; padding:40px 0;}
#content.inner .row{max-width: 990px;}
#content.inner h1{text-align: center; background-position: center bottom; padding:0 0 10px; margin:0 auto 10px; line-height: 90%;}
#content.inner h1 span{display:block; font-family:'Avenir Light'; color: #5DA799; font-size: 22px; letter-spacing: 5px;}
#content.inner h2{ font-size: 18px; color: #CD1C2B; line-height: 120%; font-style: italic; padding:0;}
#content.inner p{font-size: 18px; color: #5F6057; line-height: 30px; text-align: left; padding:10px 0;}
#content.inner p a, #reward p a , #content.inner li a{color: #5F6057; text-decoration: underline;}
#content.inner p a:hover , #reward p a:hover , #content.inner li a:hover{color: #A21D29;}
#content.inner h3{font-family:'Avenir Roman'; font-size: 28px; color: #717264; line-height: 120%; text-align: left; padding:10px 0; text-align: center;}
#content.inner h4{font-size: 25px; color:#717264; font-weight: 700; line-height: 120%; text-align: left; padding:10px 0;}
#content.inner article{text-align: center;}
#content.inner .list{display: block; list-style: disc; padding:0 0 0 40px; margin:0 auto;}
#content.inner .list li{font-size: 18px; color: #5F6057; line-height: 23px; text-align: left; padding: 0;}
#content.inner .aligncenter{text-align: center;}
.center {text-align: center!important;}