@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;	padding: 0;	border: 0;	font-size: 100%;}

*{margin:0px auto; padding:0px;}


@font-face {
    font-family: 'ProximaNovaBoldwebfont';
    src: url('fonts/ProximaNovaBoldwebfont.eot');
    src: url('fonts/ProximaNovaBoldwebfont.eot') format('embedded-opentype'),
         url('fonts/ProximaNovaBoldwebfont.woff2') format('woff2'),
         url('fonts/ProximaNovaBoldwebfont.woff') format('woff'),
         url('fonts/ProximaNovaBoldwebfont.ttf') format('truetype'),
         url('fonts/ProximaNovaBoldwebfont.svg#ProximaNovaBoldwebfont') format('svg');
}

@font-face {
    font-family: 'ProximaNovaRegwebfont';
    src: url('fonts/ProximaNovaRegwebfont.eot');
    src: url('fonts/ProximaNovaRegwebfont.eot') format('embedded-opentype'),
         url('fonts/ProximaNovaRegwebfont.woff2') format('woff2'),
         url('fonts/ProximaNovaRegwebfont.woff') format('woff'),
         url('fonts/ProximaNovaRegwebfont.ttf') format('truetype'),
         url('fonts/ProximaNovaRegwebfont.svg#ProximaNovaRegwebfont') format('svg');
}


@font-face {
    font-family: 'ProximaNovaLightwebfont';
    src: url('fonts/ProximaNovaLightwebfont.eot');
    src: url('fonts/ProximaNovaLightwebfont.eot') format('embedded-opentype'),
         url('fonts/ProximaNovaLightwebfont.woff2') format('woff2'),
         url('fonts/ProximaNovaLightwebfont.woff') format('woff'),
         url('fonts/ProximaNovaLightwebfont.ttf') format('truetype'),
         url('fonts/ProximaNovaLightwebfont.svg#ProximaNovaLightwebfont') format('svg');
}




.clr{ clear:both;}

.main {width:100%; max-width:1300px; margin:0 auto; position:relative;}

.header {height: 124px; width: 100%;  margin: 0;  background:#fff; }
.logo {float: left; height: 122px; background:#FFFFFF; width:16.5%; text-align:left;}



.menuebox {float:left; width:83.5%;}
.menuebox .menu{ float:right; margin-top:10px; border-top: 1px solid #000;}
.menuebox .menu > ul{ text-align:right;}
.menuebox .menu > ul > li{ display:inline-block;position:relative;}
.menuebox .menu > ul > li > a{padding: 15px 15px; display:block; text-decoration:none; color:#0d7144; text-transform:capitalize; transition: all .7s; webkit-transition: all .7s; font-family: 'ProximaNovaRegwebfont'; font-size:16px; line-height:normal; text-transform: uppercase;}
.menuebox .menu > ul > li:hover{background:;}
.menuebox .menu > ul > li:hover > a{color:#ef9025;}

.menuebox .soci{ float:right; width:33%; margin-top: 19px;}
.menuebox .soci .donatetab{float:left;}
.menuebox .soci .donatetab a {padding:6.5px 8px; background: #FFB414; color: #4B4B4B; transition: all .7s;  webkit-transition: all .7s;  font-family: 'ProximaNovaBoldwebfont'; font-size:15px; text-decoration:none; display:block; text-transform:uppercase;}
.menuebox .soci .donatetab a:hover {color: #000; background: #ee801f;}
.menuebox .soci .call{float:left; margin-right: 20px; font-family: 'ProximaNovaRegwebfont'; font-size:18px; padding-top:3px; background:url(images/ph-icon.png) no-repeat left top; padding-left: 30px; line-height: 24px;}


.menuebox .soci .social{text-align:center; width:100%}
.menuebox .soci .social a{background:url(images/soc-icons.png) no-repeat left top; width: 25px; height:25px; display:inline-block; margin-right:3px;}
.menuebox .soci .social a.twitter{background-position:0 0;transition: all ease-in-out 0.3s;}
.menuebox .soci .social a.twitter:hover{background-position:0 -26px; transition: all ease-in-out 0.3s;}
.menuebox .soci .social a.google{background-position:-29px 0;transition: all ease-in-out 0.3s;}
.menuebox .soci .social a.google:hover{background-position:-29px -26px; transition: all ease-in-out 0.3s;}
/*.menuebox .soci .social a.fb{background-position:-81px 0;transition: all ease-in-out 0.3s;}
.menuebox .soci .social a.fb:hover{background-position:-81px -35px; transition: all ease-in-out 0.3s;}
.menuebox .soci .social a.youtube{background-position:-123px 0;transition: all ease-in-out 0.3s;}
.menuebox .soci .social a.youtube:hover{background-position:-123px -35px; transition: all ease-in-out 0.3s;}*/




.banner{ width:100%;display:; }
.flex-control-nav.flex-control-paging{ display: none;}
.flex-direction-nav{ display:none;}
.flex-caption{position: absolute; bottom:86px; width: 100%;  max-width:527px; left: 30px; text-align: left !important; letter-spacing:-2px;  }
.slides .wrapper { position:relative;}
.cot{ display:block; text-align:left;}
.flexslider .slides .flex-caption span{ display:block;}

span.cot{  }
span.prv{font-weight:bold; color:#222222; font-family: 'NexaRustSansBlack'; text-transform:uppercase; font-size:42px ; line-height:40px;}
span.nat{color:#fff; font-family: 'ProximaNovaBoldwebfont'; font-size:61px ; line-height:60px; }
span.comf{color:#fff; font-family: 'ProximaNovaRegwebfont'; font-size:61px; line-height:60px; }
span.al{color:#fff; font-family: 'ProximaNovaRegwebfont'; font-size:36px; border-top:2px solid #fff; background:url(images/more-aerow.png) no-repeat right 37px; width:206px; padding-top:24px; margin-top:30px; letter-spacing:normal;}
span.al span.hm{ display:inline-block !important; color:#222222; font-weight:300; font-style:italic; text-transform:uppercase; font-family:'OpenSansLightItalic'; text-transform:uppercase; font-size:42px; line-height:40px;}


.intro{ width:100%; background:#86437f; padding:30px 0px;}
.intro .text{color:#fff; font-family: 'ProximaNovaRegwebfont'; font-size:30px; line-height:40px; text-align:center; width:85%; margin: 0 auto;}
.intro .text a{color:#ef9025; font-family: 'ProximaNovaRegwebfont'; font-size:24px; line-height:40px; text-decoration:none; border-bottom:1px solid #ef9025;}
.intro .text a:hover{color:#000; border-bottom:1px solid #000;}

.video{ width:100%; margin:0 auto; position:relative;}
.video .detail{padding:48px 0px; margin:0 auto; width:100%; max-width:1137px; }

.dicscription{ width:100%; background:#FFB414; padding:30px 0px;}
.dicscription .textbox{color:#343434; font-family: 'ProximaNovaRegwebfont'; font-size:30px; line-height:40px; text-align:center; width:82%; margin: 0 auto;}
.dicscription .textbox strong{color:#343434; font-family: 'ProximaNovaBoldwebfont';}

label.error {
    margin-top: -15px !important;
    color: red !important;
    display: block;
    margin-bottom: 13px;
}

.aboutsec {width:100%; background: url(images/about-bg.jpg) no-repeat center top; height:558px; background-size: cover;}
.aboutsec .introleft{width:45%; float:left; text-ali
	gn: left; margin-top:55px;}
.aboutsec .introleft h1{font-size:55px; font-family: 'ProximaNovaRegwebfont'; line-height:28px; color:#ffffff; margin-bottom:30px; font-weight:400;}
.aboutsec .introleft p{font-size:16px; line-height:28px; margin-bottom:25px; font-family:'ProximaNovaRegwebfont'; color:#ffffff;}
.aboutsec .introleft p a{color:#ffffff; font-size:16px; font-family: 'ProximaNovaRegwebfont'; text-decoration:none;}
.aboutsec .introleft .blink {border:1px solid #ffffff; width:172px; text-align:center; margin-top:5px; float:left; display:block;}
.aboutsec .introleft .blink a{transition: all 1s ease-in-out; font-family: 'ProximaNovaRegwebfont'; font-size:20px; text-decoration: none; color:#ffffff; display:block; height:40px; line-height:38px;}
.aboutsec .introleft .blink a:hover{ background:#ccc; color:#000; transition: all 1s ease-in-out;}

.aboutsec .introright{width:47%; float:right; margin-top:23px;}
.aboutsec .introright h2{font-family: 'ProximaNovaRegwebfont'; font-size:49px; color:#323232; margin-top:2%; margin-bottom:20px; font-weight:400;}
.aboutsec .introright p{font-size:16px; line-height:31px; margin-bottom:25px; font-family:'ProximaNovaRegwebfont'; color:#323232; width: 100%;}
.aboutsec .introright ul{margin:0px; padding:0px; list-style:none;}
.aboutsec .introright ul li{text-decoration:none; display:block; font-family:'ProximaNovaRegwebfont'; font-size:16px; color:#4B4B4B; line-height:19px; padding:12px 34px; text-align:left;}
.aboutsec .introright ul li{background:url(images/obj-icon.png) no-repeat left center; display:inline-block;}


.aboutsec .introright .blink {border:1px solid #323232; width:140px; text-align:center; margin: 10px 0px 0px 33px; float:left; display:block;}
.aboutsec .introright .blink a{transition: all 1s ease-in-out; font-family: 'ProximaNovaRegwebfont'; font-size:20px; text-decoration: none; color:#323232; display:block; height:34px; line-height:34px;}
.aboutsec .introright .blink a:hover{ background:#2791D1; color:#000; transition: all 1s ease-in-out;}




.hychelp{ width:100%; position:relative; padding:43px 0px; }
.hychelp h2{width: 100%; text-align: center; font-size: 30px; font-family: 'ProximaNovaRegwebfont'; color: #4B4B4B; font-weight:400;}


.otherlinks{width:95%; margin:0 auto; padding:15px 0px; text-align:center;}
.otherlinksub{width:50%; margin:0 auto; text-align:center; float:left;}
.otherlinksub1{width:50%; margin:0 auto; text-align:center; float:left;}
.otherlinks ul{margin:0px; padding:0px; list-style:none;}
.otherlinks ul li{ text-align:center; background:url(images/otherbor.png) no-repeat right center; display:inline-block;}
.otherlinks ul li:last-child{background:none;}
.otherlinks ul li a{text-decoration:none; display:block; font-family:'ProximaNovaBoldwebfont'; font-size:24px; color:#4B4B4B; line-height:18px; padding:25px 48px; text-align:center;}
.otherlinks ul li a img{margin-bottom:10px;}
.otherlinks .cons-icon{width:132px; height:113px; margin:0 auto; background:url(images/icon1.png) no-repeat left top; margin-bottom:42px;}
.otherlinks .lcn-icon{width:132px; height:113px; margin:0 auto; background:url(images/icon2.png) no-repeat left top; margin-bottom:42px;}
.otherlinks .walk-icon{width:132px; height:113px; margin:0 auto; background:url(images/icon3.png) no-repeat left top; margin-bottom:42px;}
.otherlinks .down-icon{width:132px; height:113px; margin:0 auto; background:url(images/icon4.png) no-repeat left top; margin-bottom:42px;}
.otherlinks .virtual-icon{width:132px; height:113px; margin:0 auto; background:url(images/icon5.png) no-repeat left top; margin-bottom:42px;}
.otherlinks .emi-icon{width:132px; height:113px; margin:0 auto; background:url(images/icon1.png) no-repeat left top; margin-bottom:12px;}

.otherlinks .camellia-icon{width:159px; height:82px; margin:0 auto; background:url(images/camellia-logo-img.png) no-repeat left top; margin:-24px 0px 0px -41px; position:absolute; }
.otherlinks .camellia-phase2{ margin:0 auto; margin:0px 0px 5px 33px; }
.otherlinks .camellia-phase3{ margin:0 auto; margin:0px 0px 5px 33px; }
.otherlinks .camellia-phase4{ margin:0 auto; margin:0px 0px 5px 33px; }
/*.otherlinks .launched-img{ width:160px; height:82px; height:82px; background:url(images/launched-img.png) no-repeat left top; position:absolute; margin:-42px 0px 0px -58px; }*/
.h5{font-size:32px; color:#000; font-family: 'lane_-_narrowregular'; font-weight:400; }


.otherlinks ul li a:hover{color:#86437f;}
.otherlinks ul li a:hover .cons-icon{background-position:0px -116px;}
.otherlinks ul li a:hover .lcn-icon{background-position:0px -116px;}
.otherlinks ul li a:hover .walk-icon{background-position:0px -116px;}
.otherlinks ul li a:hover .down-icon{background-position:0px -116px;}
.otherlinks ul li a:hover .virtual-icon{background-position:0px -116px;}
.otherlinks ul li a:hover .emi-icon{background-position:0px -116px;}

/*.otherlinks ul li a.activeother{color:#FFB414;}
.otherlinks ul li a.activeother .cons-icon{background-position:0px -21px;}
.otherlinks ul li a.activeother .lcn-icon{background-position:0px -23px;}
.otherlinks ul li a.activeother .walk-icon{background-position:0px -23px;}
.otherlinks ul li a.activeother .down-icon{background-position:0px -20px;}
.otherlinks ul li a.activeother .virtual-icon{background-position:0px -22px;}
.otherlinks ul li a.activeother .emi-icon{background-position:0px -21px;}*/


.ourprogramme{width:100%; background:#ccc; padding:30px 0px;}
.ourprogramme .programme{}



.our_impact {width:100%; background:#fff; border-bottom:1px solid #BBBBBB; padding:45px 0px;}
.our_impact  h2{width:100%; text-align:center; font-size:30px; font-family:'ProximaNovaRegwebfont'; color:#4B4B4B;}
.our_impact .prog_box{width:20%; float:left; padding:50px 20px; box-sizing:border-box; color:#ffffff;}
.our_impact .prog_box h3{width:100%; float:left; text-align:center; font-size:60px; font-family:'ProximaNovaBoldwebfont'; color:#FFB414;}
.our_impact .prog_box p{width:100%; float:left; text-align:center; font-size:24px; font-family:'ProximaNovaBoldwebfont'; color:#4B4B4B;}


.our_stories {width:100%; background:#fff; /*border-bottom:1px solid #BBBBBB;*/ border-top: 1px solid #BBBBBB;}
.our_stories  h2{width:100%; text-align:left; font-size:40px; font-family:'ProximaNovaRegwebfont'; color:#4B4B4B; padding:25px 48px;}
.our_stories .bggrey{width:100%; margin:45px auto; max-width:1280px; background:url(images/backgroun-bg.jpg) no-repeat center top;}
.our_stories .prog_box_left{width:25%; float:left; padding:10px 0px; box-sizing: border-box; padding-left: 40px;}
.our_stories .prog_box_left img{width:100%; border: 1px solid #a1a1a1; padding: 3px;}

.our_stories .prog_box_right{width:70%; float:left; box-sizing: border-box; padding-left:48px;}
.our_stories .prog_box_right h3{text-align: left; font-size:36px; font-family:'ProximaNovaBoldwebfont'; color:#4B4B4B;}
.our_stories .prog_box_right p{text-align:justify; font-size:18px; font-family:'ProximaNovaLightwebfont'; color:#000; line-height:26px; font-weight:500;}
.our_stories .readmore{text-align:left; font-size:20px; font-family:'ProximaNovaLightwebfont'; color: #106eab; padding: 30px 48px; font-weight:700;}
.our_stories .readmore a{text-align:center; font-size:24px; font-family:'ProximaNovaLightwebfont'; color:#000; text-decoration:underline;}
.our_stories .readmore a:hover{color:#fff; text-decoration:none;}


.hed{font-family:'ProximaNovaBoldwebfont'; font-size:50px; color:#171717; margin-bottom:30px; background:url(images/line.png) repeat-x center center; background-position:0px 32px; font-weight: 400; text-align: center;}
.hed span{background:#FFFFFF; padding:0px 10px;}

.our_founder{ width:100%; position:relative; background:#E6E6E6}
.our_founder h2{color:#4B4B4B; font-family: 'ProximaNovaLightwebfont'; font-size:30px; line-height:40px; text-align:left; padding: 35px 0px 0px; border-bottom: 1px solid #ccc; margin-right:; margin-left: 25px;}
.our_founder .members{width:55%; padding:15px 0px; text-align:left; float:left; border-right: 1px solid #ccc; margin-right: 35px;}
.our_founder .members ul{margin:0px; padding:0px; list-style:none;}
.our_founder .members ul li{ text-align:center; display:inline-block; vertical-align: top;}
.our_founder .members ul li:last-child{background:none;}
.our_founder .members ul li a{text-decoration:none; display:block; font-family:'ProximaNovaBoldwebfont'; font-size:18px; color:#4B4B4B; padding:25px 27px; text-align:center;}
.our_founder .members ul li a img{margin-bottom:10px;}
.our_founder .members ul li a span{ font-family:'ProximaNovaLightwebfont'; font-size:13px; color:#4B4B4B;}
.our_founder .members .membersphoto{width:168px; height:212px; margin:0 auto; margin-bottom:12px;}

.our_founder .volunteer{width:41%; padding:15px 30px; text-align:left; float:left; background:#7e7e7e; box-sizing:border-box; height:100%;background: url(images/texture_green_pixels.jpg) repeat; min-height: 347px;}
.our_founder .volunteer ul{margin:0px; padding:0px; list-style:none;}
.our_founder .volunteer ul li{ text-align:center; vertical-align: top;}
.our_founder .volunteer ul li:last-child{background:none;}
.our_founder .volunteer ul li {text-decoration:none; display:block; font-family:'ProximaNovaLightwebfont'; font-size:16px; color:#fff; padding:5px 0px; text-align:left;}
.our_founder .volunteer h3{color:#fff; font-family: 'ProximaNovaLightwebfont'; font-size:30px; line-height:40px; text-align:left;  border-bottom: 1px solid #ccc; padding:32px 0px 0px 0px; margin-bottom:20px;}


.career{ width:100%; position:relative; height: 215px;}
.career .heading{font-family:'ProximaNovaBoldwebfont'; font-size:50px; color:#171717; margin-bottom:35px; font-weight: 400; text-align: center; background:url(images/line.png) repeat-x center center; background-position:0px 32px;}
.career .heading span{background:#FFFFFF; padding:0px 10px;}

.career .jobs{width:44%; padding:15px 15px; text-align:left; float:left; border-right: 1px solid #ccc; margin-right: 35px; box-sizing: border-box; font-size:20px; font-family: 'ProximaNovaLightwebfont'; border-bottom: 1px solid #ccc; font-weight: 700; background:#efd783;}

#back-to-top {position: fixed; bottom:20px; right:20px; z-index: 9999; width: 50px;  height: 50px; text-align: center; cursor: pointer; border: 0; text-decoration: none; transition: opacity 0.2s ease-out;    opacity: 0;}

#back-to-top.show {opacity: 1;}


.blogs {width:100%; position:relative; background:#fff;}
.blogs h2{color:#4B4B4B; font-family: 'ProximaNovaLightwebfont'; font-size:30px; line-height:40px; text-align:center; padding:35px 0px 0px;}
.blogs .blogarea{width:100%; margin:0 auto; padding:38px 0px; text-align:center;}
.blogs .blogarea ul{margin:0px; padding:0px; list-style:none;}
.blogs .blogarea ul li{ text-align:center; display:inline-block; border-right:1px solid #C9C9C9;}
.blogs .blogarea ul li:last-child{background:none; border-right: 0px;}
.blogs .blogarea ul li a{text-decoration:none; display:block; font-family:'ProximaNovaBoldwebfont'; font-size:24px; color:#4B4B4B; padding:0px 27px; text-align:center; box-sizing: border-box;}
.blogs .blogarea ul li a img{margin-bottom:10px;}
.blogs .blogarea .blogphoto{width:176px; float: left;}
.blogs .blogarea .blogphoto .coments{text-align:left; font-size:14px; font-family:'ProximaNovaRegwebfont'; color:#4B4B4B; line-height:28px; font-weight:400;}
.blogs .blogarea .blogphoto .coments b{color:#FFB414; font-family:'ProximaNovaBoldwebfont';}

.blogs .blogarea .blogtext{width:185px; margin-bottom:12px; float: left; margin-left: 15px; text-align: left;}
.blogs .blogarea .blogtext .date{text-align:left; font-size:36px; font-family:'ProximaNovaBoldwebfont'; color:#FFB414; line-height:28px; font-weight:400;}
.blogs .blogarea .blogtext .date span{font-size:20px; font-family:'ProximaNovaLightwebfont'; color:#FFB414; font-weight:400;}
.blogs .blogarea .blogtext .date span b{font-size:20px; font-family:'ProximaNovaLightwebfont'; color:#FFB414; font-weight:400; border-top:1px solid #FFB414;}
.blogs .blogarea .blogtext .date .post{font-size:14px; font-family:'ProximaNovaRegwebfont'; color:#4B4B4B; font-weight:400;}

.blogs .blogarea .blogtext .title{text-align:left; font-size:24px; font-family:'ProximaNovaBoldwebfont'; color:#4B4B4B; font-weight:400; padding:22px 0px 15px; display:inline-block;}
.blogs .blogarea .blogtext p{text-align:left; font-size:20px; font-family:'ProximaNovaRegwebfont'; color:#4B4B4B; line-height:28px; font-weight:400;}


.subscription{    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 300px;
    max-width: 635px;
    width: 100%;
    /* margin-left: -320px; */
    /* width: 640px; */
    /* height: 512px; */
    border: 10px solid #000;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-color: #000000;
    transform: translate(-50%,-50%);}
.subscribe{}
.subscribe_title{ font-size:30px; line-height:48px; color:#4B4B4B;  font-family: 'ProximaNovaRegwebfont';}
.subscribe_main{width:72%; padding-top:20px; box-sizing:border-box; padding-bottom: 7px; margin: 0 auto;}

.subs_left{ width:80%; float:left;}
.subs_left input[ type="text"]{ width:100%; height:50px; line-height:50px; border:none; padding:5px 15px; box-sizing:border-box; font-size:18px; color:#464646; font-family: 'ProximaNovaRegwebfont';}
.subs_right{ width:20%; float:right; font-family: 'ProximaNovaRegwebfont';}
.subs_right button[ type="submit"]{ width:100%; height:50px; line-height:50px; border:none; cursor:pointer; background:#4B4B4B; font-size:24px; font-family: 'ProximaNovaRegwebfont'; color:#fff; 
-o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.subs_right button:hover{ background:#0095d8;}


.footer{min-height:150px;padding-top: 21px;box-sizing: border-box;border-top: 1px solid #ef9025;}
.footer_left {float: left;  width:100%;}
.footer_left .footer_outer_left1 {width:100%; text-align:center;}
.footer_left .footer_outer_left1 .title {font-size: 16px; line-height: 20px; color:#4B4B4B; font-family: 'ProximaNovaBoldwebfont';}
.footer_left .footer_outer_left1 ul {padding-top: 10px; }
.footer_left .footer_outer_left1 ul li {list-style: none; display: inline-block; padding: 0px 6px; border-right: 1px solid #ccc;}
.footer_left .footer_outer_left1 ul li a {text-decoration: none; color: #4B4B4B; font-size: 14px; line-height: 24px; font-family: 'ProximaNovaRegwebfont';}
.footer_left .footer_outer_left1 ul li a:hover {color: #ef9025;}


.top_footer_outer_left1_title p{text-decoration: none; color: #4B4B4B; font-size: 12px; line-height: 24px; font-family: 'ProximaNovaRegwebfont'; border-top: 1px solid #ccc; margin-top: 12px; text-align:center; padding: 10px 0px;}

.top_footer_outer_left1_title ul {list-style: none; padding-left: 0; margin-bottom: 26px; text-align: center;}
.top_footer_outer_left1_title li {display: inline-block; margin: 0 2px;}
.top_footer_outer_left1_title li a {background: #eee; border-radius: 50%; display: block; width: 28px; height: 28px; line-height: 1.6;
    font-size: 18px; color: #1777b4; text-decoration: none;}

	
	

/*.section3 .owl-pagination{}*/
.ourprogramme .owl-theme .owl-controls .owl-page.active span{ width:100% !important; height:4px !important;  background:#d2ac67 !important; border-radius:0 !important; margin:0 !important;}
.ourprogramme .owl-theme .owl-controls .owl-page span{ width:100% !important; height:185px !important;  background:#858585 !important; border-radius:0 !important; margin:0 !important;}
.ourprogramme .owl-theme .owl-controls .owl-page{ width:12.5% !important; margin:0 !important; border-right:1px solid #000;}
.ourprogramme .owl-theme .owl-controls .owl-page:last-child{ border:none;}
.ourprogramme  .owl-theme .owl-controls{ margin-top:0;}
.ourprogramme .owl-pagination{margin: -185px 0 0;} 
.ourprogramme .owl-theme .owl-controls .owl-buttons {
    font-size: 0 !important;
    text-align: left;
    width: 74px;
}
/*.section3 .owl-theme .owl-controls .owl-buttons {
    font-size: 0 !important;
    text-align: left;
    width: 74px;
    margin: -29px 0 0 147px;
    position: absolute;
}*/

.ourprogramme .owl-theme .owl-controls .owl-buttons {
    font-size: 0 !important;
    text-align: center;
    width: 100%;
    margin:6px 0 ;
    position: absolute;
}

.sl_details .caption {
    position: absolute;
    bottom: 189px;
    left: 50%;
    margin-left: -580px;
    max-width: 1120px;
    width: 100%;
    color: #fff;
    z-index: 9999;
}


.container {max-width: 1200px; width: 100%; margin: 0 auto;}

.list_box{padding: 36px 0 52px;}
.list_box ul {list-style: none; padding: 0; margin: 0;}
.list_box li{float:left; }
.list_box a{font-size:14px; color:#4b4b4b; font-family: 'ProximaNovaRegwebfont'; text-decoration:none;}
.list_box span {padding:0 10px;}
.active a{font-size:14px; color:#4b4b4b; font-weight:600;}

.leftpanel{width:25%; float:left;}
.leftpanel .left-page_box{margin-right: 30px;}
.leftpanel .left-page_box ul {list-style: none; padding: 0; margin: 0;}
.leftpanel .left-page_box li {margin-bottom:0px; position:relative;}
/*.left-page_box li a{ color: #4b4b4b;display: block; font-size:16px; padding: 10px 10px 11px; text-decoration:none; font-family: 'ProximaNovaRegwebfont';}*/

.leftpanel .left-page_box li a{padding:10px 0 10px 11px; display:block; font-size:15px; font-weight:400; color:#4b4b4b; font-family: 'ProximaNovaRegwebfont'; line-height:18px; background: url(images/icon-flower.png) no-repeat right 10px top 4px; border-bottom: 1px solid #bbbbbb; text-decoration:none; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; ms-transition: 0.5s; transition: 0.5s;}

.leftpanel .left-page_box li a:hover{color:#fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: url(images/icon-flower.png) no-repeat right 10px top -30px #2bb6b6; padding-left:25px;}

.leftpanel .left-page_box li span{padding:10px 0 10px 11px; display:block; font-size:15px; font-weight:400; font-family: 'ProximaNovaRegwebfont'; line-height:18px; color:#fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: url(images/icon-flower.png) no-repeat right 10px top -30px #2bb6b6; padding-left:25px;}

.about-section {width:75%; float:left;}
.about-section .right_side_box{ margin-left: 20px;}
.about-section .right_side_box h2{font-size:30px; color:#4b4b4b; font-weight:bold; padding-bottom:17px; margin:0; border-bottom:1px solid #b4b5b6; font-family: 'ProximaNovaBoldwebfont';}


.right-content h4{     font-size: 18px;
    color: #ef9025;
    font-family: 'ProximaNovaBoldwebfont';}


.about-section .about-content{ padding: 31px 0;}
.about-section .about-content p{ color: rgb(111, 111, 111);font-size: 16px; /*letter-spacing: 1px; */margin: 0 0 20px; font-family: 'ProximaNovaLightwebfont';}

.about-section .right-content{padding: 27px 0 13px;}


.mob_mene_view {display: none;}

.maintitle{width: 100%; background: rgba(0, 0, 0, 0.6); margin-top: -70px; position: relative; color: #fff;}
.maintitle h1{font-size:42px; color:#fff; padding:5px 0 10px; font-weight:bold; margin:0; font-family: 'ProximaNovaBoldwebfont';}

/*slider sec*/
.slider-text {left: 8%;position: absolute;top: 28%; width:35%;}
.slider-text h3 {color:#fff; font-size:40px; font-weight:600;font-family:'ProximaNovaRegwebfont';}
.slider-text p {color: #fff;font-size: 35px;line-height: 40px;padding: 5px 0 0;font-family:'ProximaNovaRegwebfont';}
.slider-text a {border-top: 2px solid #fff;color: #fff;display: block;font-size: 26px;margin:15px 0 0;padding:10px 0 0 !important;width: 160px;font-family:'ProximaNovaRegwebfont'; font-weight:500;}

.slider-text a:hover {color:rgb(255, 180, 20)}
.sliderCntr .bx-wrapper .bx-prev { background: rgba(0, 0, 0, 0) url("../images/pre-btn.png") no-repeat ;height: 57px;left: 25px;
  margin: 0;top: 50%;}
.sliderCntr .bx-wrapper .bx-next {background:url("../images/next-btn.png")no-repeat; right:25px; top:50%; margin:0; height:57px;}
.sliderCntr .bx-wrapper {margin:0 auto;}


/* Start list of doctor */

.dctr-block{width: 100%;overflow: hidden;float: left;margin-bottom:35px; border-bottom: 1px solid gainsboro;padding-bottom: 25px;}
.dctrimg{width: 40%;float: left;padding: 0;}
.dctrimg img{width:100%;}
.dctr-abt{width: 57%;float: right;position: relative;min-height: 234px;}
.dctr-abt h4{font-family: arial;font-size: 20px;color: #ef9025;}
.dctr-abt p{font-family: ProximaNovaLightwebfont;font-size: 14px;line-height: 20px; margin-top:8px;}
.dctr-abt > ul {margin-top: 8px;}	
.dctr-abt ul li{font-family: ProximaNovaLightwebfont;font-size: 14px;line-height: 23px;margin-left: ;margin-bottom: 5px;list-style: none;}
.dctr-abt ul li i{font-size: 20px;padding-right: 5px;}
.dctr-add{margin-top: 10px;font-style: italic;color: black;font-family: ProximaNovaLightwebfont;font-size: 14px;    margin-bottom: 45px;}	
.dctr-add i{font-size: 18px;}	
.soc-redmr{width: 100%;overflow: hidden;margin-top: 15px;position: absolute;bottom: 0;}
.soc-redmr .social-dctr{width: 70%;float: left;}
.soc-redmr .social-dctr i{border: 1px solid gainsboro;width: 20px;text-align: center;padding:7px 5px;border-radius: 16px;transition:all 0.1s ease-in-out;}
.soc-redmr .social-dctr i:hover{background:#f09a38;color:white;border:1px solid #f09a38;}
.redmr-dctr{width: 15%;float: right;}
.redmr-dctr a{text-align: center; display: block;text-decoration: none;font-family: arial;font-weight: bold;font-size: 12px;background: #f09a38;color: #fff;padding: 5px 0px;border: 1px solid #f09a38;transition: all 0.1s ease-in-out;} 
.redmr-dctr a:hover{background:white;border:1px solid #f09a38;color:#f09a38;} 

/* End list of doctor /

/* Start list of Beneficiaries */

table.listtable{border-collapse: collapse; width: 100%;}
table.listtable:focus{outline:0;}	
table.listtable thead{background: SteelBlue;}
table.listtable thead tr{border:1px solid gainsboro;}
table.listtable thead tr th{color:#fff;font-family: arial;font-size: 15px;padding:10px 18px;text-align:left;font-weight: normal;}
table.listtable tbody tr td:first-child{text-align:;}
table.listtable tbody tr:nth-child(even){background:rgba(220, 220, 220, 0.11);}
table.listtable tbody tr td{color: #4b4b4b;font-family: 'ProximaNovaRegwebfont';font-size: 15px;padding:10px 18px;border: 1px solid #ddd;line-height: 20px;}
table.listtable_width tbody tr td:nth-child(1){width: 4%;}
table.listtable_width tbody tr td:nth-child(2){width: 12%;text-align: center;}
table.listtable_width tbody tr td:nth-child(3){width: 25%;}
table.listtable_width tbody tr td:nth-child(4){width: 18%;}
table.listtable_width tbody tr td:nth-child(5){}
table.listtable_width tbody tr td:nth-child(6){text-align: center;}
.dataTables_info{font-family: arial;font-size: 12px;}

.first_tbl_bor .dataTables_wrapper:nth-child(3){
    margin-bottom: 30px;
    border-bottom: 1px solid gainsboro;
    padding-bottom: 30px;
}

.dataTables_paginate{display:none;}

/* End list of Beneficiaries */

/* Start list of Managing Committee */

ul.ulstyle{}

ul.ulstyle li{list-style:none;}
ul.ulstyle li i{font-size: 18px;font-weight: bold;color:#4b4b4b;}
ul.ulstyle li a{    font-family: 'ProximaNovaRegwebfont';
    color: #4b4b4b;
    line-height: 28px;
    text-decoration: none;
    margin-left: 8px;}

/* End list of Managing Committee */


/****************31-1*****************************************************************************/
.cls_back{    background: rgba(0, 0, 0, 0.48);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;display:none;z-index: 9;}
	
.tbl_pop_blck{    display: table;
    background: rgba(0, 0, 0, 0.33);
    width: 100%;
    height: 100%;
    z-index:;}	

.tblcl_pop_mdl{
    display: table-cell;
    text-align: center;
    vertical-align: middle;}
.pop_blck_cont {
    z-index: 999;
    background:;
    width: 330px;
    margin: 0px auto;
}	

.vol_tr img{cursor:pointer;}

.mail_popup{
    background: #fff;
    width:;
    position: relative;
    bottom: 0;
    right: 2px;
    overflow: hidden;
    /* border: 1px solid #ccc; */
    border-bottom: 0;
	}
	
.pophead{background: #f0f0f0;
    padding:0px 10px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;}	
	
.headttl{float: left;}	
.headttl img{border-radius: 20px;}	
.headttl2{    float: left;
    /* display: table; */
    line-height: 40px;
    padding-left: 8px;
    font-family: arial;
    font-size: 14px;
    font-weight: 600;}	
.headttl3{    /* float: right; */
    /* float: left; */
    /* display: table; */
    /* line-height: 27px; */
    padding-left: 8px;
    font-family: arial;
    color: gray;
    padding: 4px 8px;
    cursor: pointer;
    background: #3a362e;
    position: absolute;
    right: 0;
    top: 0px;
    color: #fff;}	

.blck-main{
       padding: 6px 32px 8px 18px;
    border-bottom: 1px solid #ccc;
	    overflow: hidden;
}
.blck-button{
padding:14px 23px 12px 18px;
    /* border-bottom: 1px solid #ccc; */
    overflow: hidden;
}


.inptfld:first-child{margin: 15px 0px 12px 0px;}
.inptfld{margin-bottom:12px;}

.inptfld input, .inptfld textarea{    width:91%;
    border: 1px solid gainsboro;
    padding: 8px 0px 8px 36px;
    border-radius: 4px;}
	
	.inpt1 input{
    background: url(images/user.png) top 4px left 5px no-repeat;
    background-size: 24px 23px;}
	
	.inpt2 input{
    background: url(images/mail.png) top 6px left 5px no-repeat;
    background-size: 25px 20px;}
	
	.inpt3 input{
    background: url(images/phone.png) top 4px left 8px no-repeat;
    background-size: 18px 24px;}

	.inpt4 textarea{
    background:url(images/msg.png) top 7px left 5px no-repeat;
    background-size: 24px 23px;}

.inptfld input:focus, .inptfld textarea:focus{outline: 0;background: none;
    padding-left: 10px;width:99.5%;padding-right:2px;}	
	
.inptchk input{}
.inptfld textarea{    padding:8px 0px 8px 36px;
    height: 80px;}	
	
.clckbtnblck{width:100%;}
.clckbtnblck > .submit{
	border: 1px solid gainsboro;
    padding: 7px 20px;
    float: right;
    font-size: 12px;
    font-family: arial;
    color: gray;
    cursor: pointer;
	border-radius:2px;
	transition:0.2s;
	background:white;
}
.clckbtnblck > .submit:hover{
	background: gainsboro;
}
.error{
	margin-top:0px !important;
	color:black !important;
}

.mailuspop{    position: fixed;
    bottom: -60px;
    right: 0;
	}
	
.mailuspop img{cursor:pointer;}	
	
/*********************************************************************************************/


.donate_blck{width:100%;overflow:hidden;    margin-top: 36px;}

.donate_blck .heading {
    font-family: 'ProximaNovaBoldwebfont';
    font-size: 50px;
    color: #171717;
    margin-bottom: 35px;
    font-weight: 400;
    text-align: center;
    background: url(images/line.png) repeat-x center center;
    background-position: 0px 32px;
}

.donate_blck .heading span {
    background: #FFFFFF;
    padding: 0px 10px;
}

.hold_dnt_for{
    display: flex;
    width: 100%;
    margin: 45px auto;
    max-width: 1280px;
    justify-content: center;
}

.sngl_donate{width: 28%;
    margin: 0 2%;
height: 500px;}

.sngl_donate img{width:100%;}

.dont_info_sec{    background: #fbfbfb;
    padding: 10px 10px 10px;
    border-bottom: 1px solid gainsboro; text-align: center;}

.dont_info_sec p{    font-family: 'ProximaNovaLightwebfont';
    font-size: 15px;
    line-height: 26px;
text-align: left;}
.dont_info_sec span{    font-weight: bold;}

.dont_info_sec a{    padding:7px 0px;
    background: #ef9025;
    color: white;
    border: 1px solid #ef9025;
    transition: all 0.1s ease-in-out;
    display: inline-block;
	width: 120px;
    text-align: center;
    text-decoration: none;
    margin: 5px 3px;
    font-family: 'ProximaNovaLightwebfont';
    font-weight: bold;transition:0.3s ease-in;
	font-size: 14px;}
.dont_info_sec a:last-child{
    width: 170px;
}
	
.dont_info_sec a:hover {
    color: #ef9025;
    border: 1px solid #ef9025;
    background: white;
    cursor: pointer;
}	
.patient-box{
    border: 1px solid #c4c3c3;
	float: left;

    }
.patient-box img {
    padding: 6px;
    background: #2bb6b6;
    float: left;
    margin: -19px 0 3px 0px;
	height: 246px;}
.patient-about{float: left;padding: 0px 59px;}
.patient-about p{
    font-family: 'ProximaNovaRegwebfont';
    font-size: 18px;
    line-height: 49px;
}
.appeal-detail{padding: 10px 0  10px 0;float: left;}

.appeal-detail h3{
        line-height: 50px;
        font-size: 30px;
        color: #4b4b4b;
        font-weight: bold;
        font-family: 'ProximaNovaBoldwebfont';
}
.appeal-detail p{font-family: 'ProximaNovaRegwebfont';
    font-size: 16px;
    line-height: 35px;}
.trancparncy{
    line-height: 30px;
    font-style: italic;
    color: rgb(150, 96, 157);
    font-size: 17px;
    font-family: 'ProximaNovaLightwebfont';
    margin-top: 25px;
    }
.donor-t{
   margin-top: 15px;
   line-height: 30px;
   color: rgb(111, 111, 111);
   font-size: 17px;
   font-family: 'ProximaNovaLightwebfont';
   }

.about-treatment{ line-height: 24px; font-style: italic;
    color: #81407a !important;
    line-height: 24px;}
	
	


.monthcons {float:left; margin-bottom:30px; font-family: 'ProximaNovaRegwebfont'; margin-right:37px;}
.monthcons ul {margin:0; padding:0;}
.monthcons ul li {float:left; padding:0px !important; margin-right:5px; background:none !important; list-style-type:none;}
.monthcons ul li a {background:#D6CBCB; padding:3px 10px; display:block; text-decoration:none; color:#fff; font-family: 'ProximaNovaRegwebfont';}
.monthcons ul li a:hover {background:#EF7F3C; text-decoration:none;}
.monthcons ul li a.active{ background:#EF7F3C;}

.combox{ float:left;}
.combox select {
    font-size: 16px;
    padding: 2px 5px;
	width:100px;
	font-family: 'ProximaNovaRegwebfont';
	margin-bottom:30px;
	
}
combox select .active{ color:#2bb6b6;}