/* banner*/
#banner { position:relative; z-index:9; height:543px; top1:-54px;}
#banner ul { margin:0; padding: 0; list-style: none; height:543px; overflow:hidden; }
#banner ul li {  width: 100%;   left:0; margin-bottom:0; height:543px;background-position:center top;background-repeat:no-repeat; background-size:cover; }
#banner .container{position:relative;}
#banner .banner-txt{ opacity:0; left:11px; top:270px; z-index:12; position:absolute; text-shadow: 2px 2px 10px rgba(0,0,0,1);}
#banner .banner-txt h1{font-size:271.4%; color:#fffcf4; text-transform:uppercase;}
#banner .banner-txt p{font-size:107.6%; font-weight:300; color:#fffcf4; max-width:548px;}
#banner .bx-wrapper{ margin:0;}
#banner .bx-wrapper .bx-viewport{ background:none;}
#banner .bx-wrapper .bx-controls-direction a{width:40px; height:40px;}
#banner .bx-wrapper .bx-prev{background:url(../images/prev.png) no-repeat;}
#banner .bx-wrapper .bx-next{background:url(../images/next.png) no-repeat;}
#banner-pager {position:relative; z-index:999; text-align:center; top:-120px;}
#banner-pager a{display:inline-block; width:140px; border: 1px solid transparent; margin: 0 5px;}
#banner-pager a.active {border-color: #fff;}

/*Services*/
#services{ left: 0; position: absolute; right: 0; top: -117px; z-index: 99;}
#services .benefits{padding:0 ; margin:0 7px; min-width:220px;}
#services .benefits .title{text-align:center; text-transform:uppercase; color:#ffffff; font-family: 'Open Sans', sans-serif; font-size:128.6%; font-weight:700; padding:15px 0; display: none;}
#services .benefits .healthcare{background:#51b9ea;}
#services .benefits .education{background:#31b44b;}
#services .benefits .social-welfare{background:#943b92;}
#services .benefits .volunteer{background:#e3ab00;}
#services .benefits .rural-welfare{background:#f7901e;}

/*Who we are*/
#about-us{background:url(../images/about-us-bg.jpg) center top / cover no-repeat; padding:80px 0 60px; position:relative;}
#about-us h2 {font-family: 'Roboto Slab', sans-serif; font-weight: 700; color: #404040; margin:0 0 24px; text-transform:uppercase;}
#about-us h2:before {content: ''; width: 178px; height: 4px; background-color: #f58220; display: inline-block; vertical-align: middle; margin-right: 10px;}
#about-us p{color:#595959; margin-bottom:20px; }
#about-us img.img-border{border:1px solid #dadada;}
#about-us #divider{margin:35px 0 60px; text-align:center;}
#about-us #divider span:before,#divider span:after{content: ''; width: 126px; height: 2px; background-color: #d1d1d1; display: inline-block; vertical-align: middle;}
#about-us #divider span:after{ margin-left:35px;}
#about-us #divider span:before{ margin-right:35px;}
#about-us .services{height:367px; position:relative;}
#about-us .child-welfare{background:url(../images/child-welfare.png) center top / cover no-repeat;}
#about-us .mental-welfare{background:url(../images/mental-welfare.png) center top / cover no-repeat;}
#about-us .old-home{background:url(../images/old-age-home.png) center top / cover no-repeat;}
#about-us .services .title{text-transform:uppercase; font-family: 'Roboto Slab', sans-serif; position:absolute; font-size:214.3%; bottom:24px; font-weight:700; color:#fff; left:0; right:0; text-align:center;} 

/* Educational */
#educational {background:url(../images/educational-div-bg.jpg) center top / cover no-repeat; padding:60px 0; background-attachment:fixed;}
#educational h2{font-family: 'Roboto Slab', sans-serif; font-size:40px; color:#fff; font-weight:700; margin:0 0 40px;}
#educational h2 span{ font-size:18px; display:block; margin:15px 0 40px;}
#educational img{border:1px solid #757676;}
#educational h3{font-size:157.1%; font-weight:700; text-transform:uppercase; margin:20px 0;}
#educational p{font-size:107.1% ; margin-bottom:25px;}
#educational a{text-decoration:none; color:#fff; text-transform:uppercase; font-weight:700;}
#educational a:hover,#educational a:focus{text-decoration:none;}
#educational .activity-gallery .item {text-align: center; padding: 0 10px; color: #fff;}
#educational .activity-gallery .item .block{margin:0  0 30px;}
#educational .owl-buttons {}
#educational .owl-buttons .owl-prev, #educational .owl-buttons .owl-next {position: absolute; top: 50%; width:40px; height:40px; text-indent:-9999px;}
#educational .owl-buttons .owl-prev {left: -45px;  background:url(../images/prev-arrow.png) center top no-repeat; }
#educational .owl-buttons .owl-next {right: -45px; background:url(../images/next-arrow.png) center top no-repeat;}


/* News */
#news-section{padding:80px 0 84px;}
#news-section h2 {font-family: 'Roboto Slab', sans-serif; font-weight: 700; color: #f58220; margin:0 0 50px;}
#news-section h2:before {content: ''; width: 135px; height: 4px; background-color: #f58220; display: inline-block; vertical-align: middle; margin-right: 5px;}
#news-section h3{text-transform:uppercase; font-size:128.6%; font-weight:500; color:#404040; line-height:25px; margin:10px 0;}
#news-section h3 span{display:block; font-weight:600;}
#news-section img{border:1px solid #c5c5c5;}
#news-section .news{position:relative; min-height:310px;}
#news-section p{color:#bbbbbb; font-size:107.1%;}
#news-section .btn-read{background:#e3e3e3; border-radius: 15px; color:#404040; padding:5px 15px; margin-top:20px; position:absolute; bottom:0;}
#news-section .btn-read:hover,#news-section .btn-read:focus{background:#404040; color:#e3e3e3;}

/* Client */
#client{background:url(../images/client-div-bg.jpg) center top / cover no-repeat; height:774px; padding:56px 0 60px;}
#client h2{font-family: 'Roboto Slab', sans-serif; font-size:40px; color:#fff; font-weight:700; margin:0;}
#client h2 span{ font-size:18px; display:block; margin:20px 0 60px;}
#client .client-img{border-radius: 50%; height: 145px; margin: 0 auto; overflow: hidden; width: 145px; margin-bottom:15px;}
#client .client-img span { display: table-cell; height: 145px; text-align: center; vertical-align: middle; width: 145px;}
#client p{font-size:107.1%; color:#fff; margin-bottom:15px;}
#client .title{color:#fff; font-size:128.6%; font-weight:700;}
#client .owl-item .item{margin:0 15px;}

#client #btn-testimonial{text-align:center;}
#client .btn-testimonial{position:relative; display:inline-block; background:#fff; width:195px; height:59px; line-height: 55px; color:#f58220; font-size:142.9%; font-weight:700; border-radius:0; padding: 0; margin-top:67px;}
#client .btn-testimonial:before, #client .btn-testimonial:after {position:absolute; content: ''; background-image: url(../images/testimonial-btn.png); display:block; width: 28px; height: 59px; left:-28px; top:-1px;}
#client .btn-testimonial:after {left: auto; right: -28px; transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#client .btn-testimonial:hover,#client .btn-testimonial:focus,#client .btn-testimonial:active{color:#000; box-shadow:none;}

/* our gallery */
#our-gallery {background: url('../images/gallery-bg.jpg') center top / cover no-repeat; height: 715px;}
#our-gallery h2 {font-family: 'Roboto Slab', sans-serif; font-weight: 700; color: #f58220; margin: 40px 0 0;}
#our-gallery h2:before {content: ''; width: 135px; height: 4px; background-color: #f58220; display: inline-block; vertical-align: middle; margin-right: 5px;}
#our-gallery .portfolioFilter{margin-bottom:40px; background:#d9d9d9; padding:10px;}
#our-gallery .portfolioFilter a{margin:0 10px; color:#404040; font-weight:500;}
#our-gallery .gallery-box{position:relative; margin-bottom:30px; height: 150px; overflow: hidden;}
#our-gallery .gallery-box a {display: block; width: 100%; height: 100%;}
#our-gallery .portfolioFilter a.current { font-weight:700;}
#our-gallery .category{position:absolute; bottom:12px; right:34px;}
#our-gallery #btn-watch{text-align:center;}
#our-gallery .btn-watch{position:relative; display:inline-block; background:#fff; width:195px; height:59px; line-height: 55px; color:#fff; font-size:142.9%; font-weight:700; border-radius:0; padding: 0; background:#f58220; margin-top:20px;}
#our-gallery .btn-watch:before, #our-gallery .btn-watch:after {position:absolute; content: ''; background-image: url(../images/btn-watch.png); display:block; width: 28px; height: 59px; left:-28px; top:-1px;}
#our-gallery .btn-watch:after {left: auto; right: -28px; transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#our-gallery .btn-watch:hover,#our-gallery .btn-watch:focus,#our-gallery .btn-watch:active{color:#000; box-shadow:none;}


/* career-donation */
#career-donation {}
#career-donation .career, #career-donation .donation {height: 605px;}
#career-donation .career {background: url(../images/career-div-bg.jpg) right top / cover no-repeat;}
#career-donation .donation {background: url(../images/donation-div-bg.jpg) right top / cover no-repeat;}
#career-donation .column {width: 570px; padding: 40px 90px 40px 0;}
#career-donation .column h2 {font-family: 'Roboto Slab', sans-serif; font-size: 267%; font-weight: 700; color: #fff; text-transform: uppercase; margin-bottom: 35px;}
#career-donation .career h3 {font-size: 120%; font-weight: 700; color: #f5821f;}
#career-donation .career p {font-size: 120%; color: #fff; font-weight: 300; margin-bottom: 15px; line-height: normal;}
#career-donation .career .btn {font-size: 120%; font-weight: 500; min-width: 170px; height: 40px; line-height: 40px; padding: 0; border: none; border-radius: 20px; color: #000; margin-top: 35px;}
#career-donation .career .btn:hover {background-color: #f5821f; color: #fff;}
#career-donation .career .call-hr {font-size: 93%; font-weight: 500; color: #f5821f; line-height: normal; margin-top: 25px;}
#career-donation .career .call-hr a {font-size: 171%; color: #fff;}

#career-donation .donation .column {padding-left: 45px;}
#career-donation .donation h3 {font-size: 233%; font-weight: 300; color: #fff; text-transform: uppercase; margin-bottom: 33px;}
#career-donation .donation ul.from-countries {margin: 0 0 20px; padding: 0 0 25px; list-style: none; border-bottom: 1px solid #645140; max-width: 300px;}
#career-donation .donation ul.from-countries li {margin-bottom: 10px; font-size: 107%; font-weight: 500; position: relative;}
#career-donation .donation ul.from-countries li a {background-color: #fff; border-radius: 20px; min-width: 148px; line-height: 40px; display: inline-block; padding: 0 15px; color: #000;}
#career-donation .donation ul.from-countries li a.hvr-shadow {  display: inline-block;  vertical-align: middle;  -webkit-transform: translateZ(0);  transform: translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 1);  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -moz-osx-font-smoothing: grayscale;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-property: box-shadow;  transition-property: box-shadow;}
#career-donation .donation ul.from-countries li a.hvr-shadow:hover, #career-donation .donation ul.from-countries li a.hvr-shadow:focus, #career-donation .donation ul.from-countries li a.hvr-shadow:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.8);}
#career-donation .donation ul.from-countries li a i {width: 34px; display: inline-block;}
#career-donation .donation ul.from-countries li a .india {width: 24px; height: 17px; background-position: 0 -1px;}
#career-donation .donation ul.from-countries li a .usa {width: 23px; height: 12px; background-position: -29px -1px;}
#career-donation .donation ul.from-countries li a .uk {width: 23px; height: 12px; background-position: -57px -1px;}
#career-donation .donation ul.from-countries li a .canada {width: 22px; height: 11px; background-position: -85px -1px;}
#career-donation .donation ul.from-countries li a .globe {width: 26px; height: 26px; background-position: -112px 0;}

#career-donation .donation ul.points {margin: 0; padding: 0; list-style: none;}
#career-donation .donation ul.points li {font-size: 120%; font-weight: 700; color: #fff;}


/* awards-recognition */
#awards-recognition {padding: 15px 0 40px;}
#awards-recognition h2 {font-family: 'Roboto Slab', sans-serif; font-weight: 700; color: #f58220; margin-bottom: 40px;}
#awards-recognition h2:before {content: ''; width: 135px; height: 4px; background-color: #f58220; display: inline-block; vertical-align: middle; margin-right: 5px;}
#awards-recognition .box {width: 100%; background-color: #ffcc00; position: relative;}
#awards-recognition .box .content {position: absolute; left: 0; top: 0; width: 100%; padding: 20px 50px 20px 15px; font-size: 160%; font-weight: 700; color: #fff; line-height: normal;}
#awards-recognition .box.reports {background-color: #3b3b3b; color: #fff; padding: 20px 45px;}
#awards-recognition .box.reports .title {font-size: 213%; font-weight: 700; color: #f58220; text-transform: uppercase; line-height: 32px;}
#awards-recognition .box.reports .sub-title {font-size: 127%; line-height: normal;}
#awards-recognition .box.reports .btn {font-size: 180%; text-transform: uppercase; color: #fff; background-color: transparent; border-radius: 0; border-width: 2px; border-color: #fff; line-height: normal; width: 100%; padding: 12px 10px;}
#awards-recognition .box.reports .btn span {font-weight: 700; border-bottom: 1px solid #fff;}
#awards-recognition .box.reports .btn:hover {background-color: #f58220;}