body{margin:0px; padding:0px; background:url(../images/contant-bg.jpg) top center repeat-x; font-size:12px; font-family:Century Gothic; color:#000000;}
h1,h2,h3,h4,h5,h6,span,p{margin:0px; padding:0px; font-weight:normal;}
ul,li{margin:0px; padding:0px; list-style:none;}
a{text-decoration:none;}
b{color:#000;}
img{border:none; outline:none;}
.clear{clear:both;}
#wraper{width:100%; float:left;}
.main{width:960px; margin:0 auto;}
.header{width:100%; float:left;}
.header-top{width:100%; float:left; background:#3498db;}
.logo{float:left; position:absolute; z-index:100;}
.header-right{ float:right; margin-top:8px; padding:0px 0px 52px 0px }
.header-right img{float:left; margin:0px 15px 0px 15px;}
.phone{float:left; color:#ffffff; font-size:14px; font-family:Century Gothic; background:url(../images/phone-icon.png) top left no-repeat; background-position:0px 9px; padding:5px 0px 0px 21px;}
.email{float:left; color:#ffffff; font-size:14px; font-family:Century Gothic; background:url(../images/email-icon.png) top left no-repeat; background-position:0px 9px; padding:5px 0px 0px 21px;}
.menu{width:100%; float:left; background:url(../images/menu-bg.jpg) top left repeat-x; position:relative; z-index:50;}
.menu-main{float:right;}
.menu-main li{float:left; font-size:14px; background:url(../images/menu-sapoter.png) top left no-repeat; background-position:0px 7px; padding:0px 20px 0px 20px; line-height:43px;}
.menu-main li.li{padding-right:0px;}
.menu-main a{color:#000000;}
.menu-main a:hover{color:#fff;}
.active{color:#fff !important;}
.menu-main li.home{background:none;}
.banner{width:100%; float:left; height:500px !important;}
.arrow-left{float:left; padding-top:254px; margin-left:-48px;}
.arrow-right{float:right; padding-top:254px; margin-right:-48px;}
.banner-shadow{width:924px; margin:0 auto; position: relative;}
.contant{width:100%; padding-top:65px; float:left; background:url(../images/contant-bg.jpg) top left repeat-x; }
.contant-top{width:100%; float:left; background:#3498db;}
.our-mission{width:295px; float:left; background:url(../images/our-mission-sapoter.png) top right no-repeat; padding:0px 15px 45px 15px; margin:22px 0px 0px 0px;}
.our-mission h2{font-size:30px; color:#fff; text-align:center; font-weight:bold; padding:15px 0px 12px 0px;}
.our-mission p{font-size:13px; color:#fff; text-align:center; padding:0px 0px 20px 0px; line-height:20px;}
.future-plan{background:none; padding-right:0px;}
.staff{float:left; padding:29px 0px 30px 0px; width:960px;}
h1{ font-size:24px; font-weight:bold; background:url(../images/hedding-shadow.png) left bottom no-repeat; text-align:center; padding:0px 0px 20px 0px; margin-bottom:20px;}
.staff li{float:left; padding-right:12px; margin-top:20px;}
.staff li.last{padding-right:0px;}
.staff p{ text-align:center; font-size:18px; display:block; padding-top:12px;}
.zoom-item{ width:231px; height:231px; overflow:hidden; position:relative;}
.zoom-item img{position:relative;}
.our-product{width:100%; float:left; background:#d094e2; padding:30px 0px 25px 0px;}
.hedding{ font-size:24px; font-weight:bold; background:url(../images/hedding-shadow.png) left bottom no-repeat; text-align:center; padding:0px 0px 20px 0px; color:#fff;}
.product-arrow-left{float:left; padding:160px 7px 0px 0px;}
.product-arrow-right{float:right; padding-top:160px;}
.product-main{background:url(../images/product-bg.png) top left no-repeat; background-size:contain; width:270px; float:left; padding-bottom:38px; margin:20px 34px 0px 0px;}
.product-main.last{margin-right:0px;}
.product-main h2{font-size:24px; font-weight:bold; color:#5d2d2f; text-align:center; padding:18px 0px 12px 0px;}
.product-main p{font-size:12px; color:#6f6f6f; text-align:center; padding:0px 8px 0px 8px !important; line-height:20px !important;}
.product-main a{background:url(../images/read-more-btn.png) top left no-repeat; font-size:13px; color:#fff !important; padding:4px 0px 4px 13px; line-height:24px; display:block; margin:12px 0px 0px 90px; text-decoration:none !important;}
.product-main a:hover{ background:url(../images/read-more-btn-hover.png) top left no-repeat;}
.sponsors{float:left; width:960px; padding:30px 0px 30px 0px;}
.sponsors li{float:left; padding:20px 6px 0px 0px;}
.sponsors li.li{margin:0px;}

/***********************************************************about-us********************************************************/

.inner-page{width:100%; float:left; background:#3498db; padding:42px 0px 40px 0px;}
.inner-page-main{display:block;}
.inner-page-main p{font-size:14px; line-height:26px; color:#fff; text-align:center;}
.home-icon{margin-left:433px;}
.arrow{padding:7px 0px 10px 36px; margin-left:433px;}
.inner-hedding{background:url(../images/about-shadow.png) bottom left no-repeat; font-size:24px; font-weight:bold; text-align:center; padding:0px 0px 10px 0px; color:#fff;}
.inner-hedding span{background:url(../images/about-arrow2.png) top left no-repeat; background-position:9px 7px; font-size:24px; font-weight:bold; padding:0px 0px 0px 40px;}
.pro{padding:30px 0px 10px 0px; }
.pro p{font-size:14px; text-align:center; color:#6f6f6f; line-height:22px; padding-bottom:10px;}
.about-product{background:none;}
.about-project{padding-top:0px !important;}
.about-company{float:left; width:100%; padding-top:30px;}
.about-company p{ font-size:14px; text-align:center; line-height:22px; padding:0px 0px 20px 0px; color:#6f6f6f;}
.about-company p.p{ font-size:14px; text-align:left; line-height:22px; padding:0px 0px 0px 14px; color:#6f6f6f; background:url(../images/dot.png) top left no-repeat; background-position:0px 6px;}
.about-company a{text-decoration:underline; color:#6f6f6f;}
.about-company a:hover{text-decoration:underline; color:#e20088;}
.specer{float:left; width:100%; height:20px;}
.job{border-bottom:1px dotted #6f6f6f; margin:0px 0px 5px 0px; padding:0px 0px 3px 14px !important;}
.relationship{background:url(../images/dot.png) top left no-repeat; background-position:41px 26px; padding:20px 0px 0px 54px !important;}
.presentations{ padding:20px 0px 0px 41px; float:left;}
.relationship-skills{ float:left; height:615px !important;}
.admin{color:#000 !important; background:url(../images/contact-shadow2.png) bottom left no-repeat; padding-bottom:8px; font-size:18px; margin-bottom:15px; font-weight:bold;}
.both{ color:#6f6f6f; font-size:14px; line-height:22px; float:left; font-weight:bold; padding:0px !important; clear:both;}
.specer30{height:30px; float:left; width:880px;}

/***********************************************************contact-us********************************************************/
.contact-us{float:left; padding:30px 0px 0px 0px;}
.contact-details{width:310px; float:left;}
.contact-details h1{background:url(../images/contact-shadow.png) bottom left no-repeat; text-align:center; font-size:24px;}
.contact-details p{ font-size:13px; color:#6f6f6f; line-height:24px; padding:15px 0px 10px 0px; background:url(../images/contact-shadow2.png) bottom left no-repeat;}
.add{padding:0px 0px 10px 0px !important;}
.contact-details h3{ font-weight:bold; color:#585858; padding:20px 0px 0px 0px;}
.get{background:none !important; padding:5px 0px 0px 0px !important; line-height:20px !important; width:290px !important;}
.contact-details span{ font-weight:bold;}
.contact-details p.shadow{background:none; padding-bottom:0px;}
.map{border:2px solid #ff0b90; margin-top:25px; width:300px; height:200px;}
.form{float:right; margin:0px 0px 0px 30px;}
.form-main{width:310px; float:left; padding-top:5px;}
.input{width:290px; height:30px; margin:0px 0px 20px 0px; border:none; outline:none; background:#FFF; font-size:14px; color:#6f6f6f; font-family:Philosopher; padding-left:10px; box-shadow:0px 0px 6px #a4a4a4; -webkit-box-shadow:0px 0px 6px #a4a4a4; -moz-box-shadow:0px 0px 6px #a4a4a4; line-height:30px; filter:progid:DXImageTransform.Microsoft.Shadow(color='#a4a4a4', Direction=145, Strength=3);}
.message{width:290px; border:none; outline:none; background:#FFF; font-size:14px; color:#6f6f6f; font-family:Philosopher; padding:7px 0px 0px 10px; resize:none; box-shadow:0px 0px 6px #a4a4a4; -webkit-box-shadow:0px 0px 6px #a4a4a4; -moz-box-shadow:0px 0px 6px #a4a4a4; filter:progid:DXImageTransform.Microsoft.Shadow(color='#a4a4a4', Direction=145, Strength=3); overflow:hidden;}
.send-message{float:left; background:url(../images/submit-button.png) top left no-repeat; border:none; outline:none; color:#fff; font-size:14px; margin-top:20px; font-family:Philosopher; padding:5px 11px 6px 10px; padding:7px 13px 8px 13px \0/; text-align:left !important; cursor:pointer;}
.newsletter{float:left; padding:0px 0px 0px 300px;}
.newsletter-btn{ width:264px; height:40px; background:url(../images/newsletter-btn.png) top left no-repeat; border:none; outline:none; padding:0px 0px 0px 15px; font-family:Philosopher; color:#6f6f6f; font-size:14px; line-height:38px;}
.sign-up{ width:80px; height:40px; background:url(../images/sign-up.png) top left no-repeat; border:none; outline:none; padding:0px 0px 0px 0px; font-family:Philosopher; color:#fff; font-size:14px; line-height:38px; cursor:pointer;}
.sign-up:hover{ background:url(../images/sign-up-hover.png) top left no-repeat;}
.members{width:960px; float:left;}
.members-main{float:left; width:310px; background:#ed008f; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; border:2px solid #fff; margin:0px 6px 15px 0px;}
.members-main:hover{ background:#3498db;}
.members-main h1{ font-size:24px; text-align:center; font-weight:bold; background:none; color:#FFF; padding:12px 15px 5px 15px; margin:0px;}
.members-main p{ font-size:18px; text-align:center; color:#FFF; padding:0px 0px 12px 0px;}

/***********************************************************project-detail********************************************************/
.project-detail{ float:left; width:960px; box-shadow:0px 0px 6px #a4a4a4; -webkit-box-shadow:0px 0px 6px #a4a4a4; -moz-box-shadow:0px 0px 6px #a4a4a4; filter:progid:DXImageTransform.Microsoft.Shadow(color='#a4a4a4', Direction=145, Strength=3); background:#FFF; margin:65px 0px 20px 0px;}
.project{float:left; width:960px;}
.like-project{float:left;}
.project a{ color:#ed008f; text-decoration:none;}
.pd-hedding{padding:15px 0px 20px 0px; margin:0px 0px 10px 0px;}
.pd-span{ color:#ed008f;}
.session{padding:0px 0px 10px 0px !important;}
.specer10{width:100%; height:10px; float:left;}
.badminton{width:895px;}
.badminton p{text-align:left !important; padding:0px 0px 20px 41px !important; width:300px; float:left;}
.search{ width:250px; background:#FFF; box-shadow:0px 0px 6px #a4a4a4; -webkit-box-shadow:0px 0px 6px #a4a4a4; -moz-box-shadow:0px 0px 6px #a4a4a4; line-height:30px; filter:progid:DXImageTransform.Microsoft.Shadow(color='#a4a4a4', Direction=145, Strength=3); float:right; margin-bottom:30px;}
.search-input{width:210px; float:left; height:30px; font-size:14px; color:#6f6f6f; font-family:Philosopher; padding-left:10px; border:none; outline:none;}
.submit{width:20px; float:right; background:url(../images/search.png) top left no-repeat; height:28px; cursor:pointer; border:none; outline:none; margin:6px 7px 0px 0px;}
.project1{float:left; width:960px;}
.project1 p{text-align:left; float:left; padding:20px 0px 0px 42px; width:880px;}
.project1-arrow-left{float:left; padding-top:194px; margin-left:-9px;}
.project1-img{float:left; padding-left:41px; width:880px;}
.project1-img ul{width:880px !important;}
.project1-img li{ padding:0px 23px 15px 0px;}
.make-donation{width:240px; float:left; background:url(../images/donation-btn.png) top left no-repeat; text-align:center; margin:20px 0px 0px 41px;}
.make-donation a{text-align:center; font-size:24px; color:#FFF; text-decoration:none; display:block; line-height:42px;}
.make-donation a:hover{ background:url(../images/donation-btn-hover.png) top left no-repeat; color:#FFF; text-decoration:none;}
.project1-arrow-right{float:right; padding-top:194px; margin-right:-9px;}
.project-shadow{ float:left; padding:20px 0px 0px 0px;}
.like-post{float:left; width:920px; margin-left:40px;}
.like-post h1{background:url(../images/contact-shadow2.png) bottom left no-repeat; text-align:left; padding:25px 0px 10px 0px;}
.Like{background:url(../images/like-btn.png) no-repeat top left; text-decoration:none !important; display: block; height:20px; width:40px; float: left; padding:3px 0px 0px 25px; font-size:14px;}
.gplus{background:url(../images/g-plus.jpg) no-repeat top left; text-decoration:none !important; display: block; height:20px; width:40px; float: left; padding: 3px 0px 0px 44px; font-size:14px;}
.tweet{background:url(../images/tweet.jpg) no-repeat top left; text-decoration:none !important; display: block; height:20px; width:40px; float: left; padding: 3px 0px 0px 65px; font-size:14px;}
.f-like{background:url(../images/f-like.jpg) no-repeat top left; text-decoration:none !important; display: block; height:20px; width:50px; float: left; padding: 3px 0px 0px 60px; font-size:14px;}
.more-option{float:left; width:920px;}
.more-option h1{margin:0px 0px 20px 0px;}
.more-option li{float:left; margin-right:12px;}
.more-option li:hover{margin-top:-2px;}
.more-option a{text-decoration:none;}
.about-author{float:left; margin-left:40px; width:900px;}
.about-author h1{background:url(../images/contact-shadow2.png) bottom left no-repeat; text-align:left; margin:0px; padding:25px 0px 10px 0px;}
.about-author p{padding:10px 0px 20px 0px; font-size:18px; text-align:left;}

@media screen and (-webkit-min-device-pixel-ratio:0){
.send-message{float:left; background:url(../images/submit-button.png) top left no-repeat; border:none; outline:none; color:#fff; font-size:14px; margin-top:20px; font-family:Philosopher; padding:8px 13px 7px 13px; text-align:left !important; cursor:pointer;}
#controls li{  font-size:24px;
		   	  float:left;
			  height:24px;
              color:#aaa;
              display:block;
              font-weight:bold;
              padding:4px 5px 0px 5px;}
}

.footer{width:100%; float:left; background:url(../images/footer-bg.jpg) top left repeat-x; padding:30px 0px 74px 0px; margin-top:25px;}
.about{float:left; width:300px; margin-right:30px;}
.about h2{font-size:20px; color:#fff; background:url(../images/footer-shadow.png) bottom left no-repeat; padding-bottom:10px;}
.about p{font-size:14px; line-height:26px; padding-top:20px; color:#fff; text-align:left;}
.about img{padding-top:20px;}
.social{float:left; width:300px;}
.social h2{font-size:20px; color:#fff; background:url(../images/footer-shadow.png) bottom left no-repeat; padding-bottom:10px;}
.social li{float:left; padding:20px 8px 0px 0px;}
.copyright{width:100%; float:left; background:#000; line-height:70px;}
.copyright-main{color:#898989; float:left;}
.copyright-main span{ font-weight:bold;}
.copyright-main span a{color:#fff;}
.copyright-main span a:hover{color:#ee2d24;}
.company-number{color:#898989; float:right;}