@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,700,800,900');
*{margin:0 auto;}body{margin:0px;padding:0px;font-family: 'Open Sans', sans-serif;font-weight: 400;line-height: 1.5;}
::-webkit-scrollbar {width: 10px;}::-webkit-scrollbar-track {background: #e1e1e1; }::-webkit-scrollbar-thumb {background: #454545; }
ul{padding-left: 0;}ul li{list-style-type: none;}.container{padding: 0;}
h1,h2,h3,h4,h5,h6{font-family: 'Montserrat', sans-serif;color: #333333;}
h2{font-size: 37px;font-weight: 700;}h3{font-weight: 600;}h4{font-weight: 500;}
p{color: #7c7c7c;}
ul li a,
ul li a:hover,
ul li a:active,
ul li a:focus{color: inherit;text-decoration: none;}
a:hover,
a:active,
a:focus{color: inherit;text-decoration: none;box-shadow: none;outline: 0;border-color: none;}
.form-control:focus{border-color: inherit;box-shadow: none;outline: 0;border: none;box-shadow: none;}
.form-control{border-radius: 0;}
button:focus{box-shadow: none;outline: 0;border-color: none;}
#return-to-top{position:fixed;z-index:3;bottom:20px;right:8%;background:#00aeef;width:50px;height:50px;display:block;text-decoration:none;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;display:none;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;
    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.3);
}
#return-to-top i{color:white;margin:0;position:relative;left:20px;top:13px;font-size:19px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
#return-to-top:hover i{top:5px;}.nopadding{padding: 0;margin: 0;}
.nopaddingright{padding-right: 0;}.nopaddingleft{padding-left: 0;}
.image img{width: 100%;}.dropdown-toggle::after{display: none;}
.yamm .dropdown.yamm-fullwidth .dropdown-menu{background: #ffffff;border-radius: 0;margin-top: 0px;
width: 60%; left: unset; right: 9%;}.yamm .yamm-content{padding: 0px 30px;overflow-y: scroll; height: 35vh;}
.yamm-content img{margin:20px 15px 20px 0px;}

/*topnav*/
.topnav h1{font-size: 18px;font-weight: 600;color: #0f3f92;}.topnav{padding-bottom: 10px;border:1px solid #dfdfdf;}
.topnav .logo {display: inline-flex;margin: 0;padding: 0;margin-top: 20px;}.md2 , .md6 {padding: 0;margin: 0;}.topnav .logo .md6{padding-top: 25px;margin-left: -30px;}
.topnav h2{font-size: 14px;font-weight: 600;color: #505050;margin-bottom: 0;}.topnav .zmdi{color: #4f6dcb;margin-right: 0;font-size: 25px;margin-top: 7px;}.topnav p{color:#333333;font-size: 14px;font-weight: 400;}
.topnav .col2 , .topnav .col3 {display: inline-flex;padding-top: 40px;}.topnav .col2 .call{margin-left: 10px;}.topnav .col3 a{color: #333333;}
.topnav .col2::after {content: ''; width: 1px; height: 40px; background: #dfdfdf; position: absolute; margin-top: 0px; right: 0px; }
/*topnav*/
/*mainnav*/
#mainnav.sticky-element-original.sticky-element-sticky {width: 100% !important; box-shadow: 0px 0px 50px 0px rgba(0,0,0,1); z-index: 501 !important; background: #ffffff;}
.navbar ul.navbar-nav{margin: 0;}.bg-light {background-color: #ffffff!important;margin: 0;width: 100%; padding: 8px 0px 0px 0px; }
.navbar-light .navbar-nav .nav-link {color: #505050;}.nav-item.active{margin-bottom: 0;}
.nav-item {margin-right: 35px;margin-bottom: 5px; }.navbar-light .navbar-nav .active>.nav-link{color: #505050;border-bottom: 5px solid #ae6be6 ;}
.navbar ul.navbar-nav li a {font-family: 'Montserrat', sans-serif;font-size: 16px;font-weight: 500;color: #505050;padding: 8px 0px !important;}
.nav-item::after{content: ''; display: block; height: 5px; background-color: #ae6be6; position: absolute; width: 0%; transition: all ease-in-out 0.5s;}
.nav-item:hover::after {width: 100%;}li.nav-item{position: relative;}ul.navbar-nav li.donate a{color: #00bca0!important;font-weight: 600!important;}
li.donate .zmdi{color: #f05228;}ul.navbar-nav li.vacancy a{color: #f7b563!important;font-weight: 600!important;}
.navbar-nav .nav-item.active:hover::after{width: 0%;}.nav-item.dropdown:hover::after {width:6%!important;}
.nav-item img{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);}
.nav-link:hover img{-webkit-animation-name:medias;animation-name:medias;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
@-webkit-keyframes medias{25%{-webkit-transform:scale(1.2);transform:scale(1.2);}
75%{-webkit-transform:scale(0.9);transform:scale(0.9);}
}
@keyframes medias{25%{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
75%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);}
}
.sub-menu-parent { position: relative; }
.sub-menu { 
  visibility: hidden; /* hides sub-menu */
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 250%;
  /*transform: translateY(-2em);*/
  z-index: 1;
  transition: all 0.6s ease-in-out 0s, visibility 0s linear 0.5s, z-index 0s linear 0.5s;
  background: #ffffff;
  border: 1px solid #e8e8e8;
  padding: 0;
}
.sub-menu-parent:focus .sub-menu,
.sub-menu-parent:focus-within .sub-menu,
.sub-menu-parent:hover .sub-menu {
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 11;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
  margin-top: 5px;
}
ul.sub-menu .lists{padding: 15px 15px;}
ul.sub-menu .lists li{padding-left: 15px;color: #505050!important;border-bottom: 1px solid #e8e8e8;padding-bottom: 10px;padding-top: 10px;-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;}
ul.sub-menu .lists li:hover{padding-left: 20px;}ul.sub-menu .lists li:last-child{border-bottom: 0;}
ul.sub-menu .lists li a{font-size: 16px;color: #505050 !important;}
/*mainnav*/
.overlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(25,25,21,0.55);
}
.transition-timer-carousel-progress-bar {
    height: 4px;
    background: #00bca0;
    width: 0;
    top: 0;
    margin: 0 0 0 0;
    border: none;
    z-index: 10;
    position: absolute;
}
/*carousel*/
.carousel{min-width: 100%;}.carousel-indicators{bottom: 30px;}
.carousel-indicators li {height: 15px; width: 15px; border-radius: 50%; cursor: pointer;}.carousel span .zmdi{color: #ffffff;font-size: 30px;}
.carousel-indicators li.active{background: #7e4669;}.carousel-caption h5{font-weight: 600;color: #ffffff;font-size: 48px;text-align: left;}
.carousel-caption p{text-align:left;color: #ffffff;font-weight: 400;font-size: 18px;}
.carousel-caption{margin: 0; width: 38%; bottom: 25%;text-align: left;}.carousel-caption .readmore{background: #ae6be6;color: #ffffff;padding: 10px 25px;}
.donateus{background:#00aeef ;color: #ffffff;padding: 10px 25px;margin-left: 15px;}.carousel-caption h5{margin-bottom: 30px;}.carousel-caption p{margin-bottom: 50px;}
.carousel-caption .donateus .zmdi{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);}
.carousel-caption .donateus:hover .zmdi{color:#f05228;-webkit-animation-name:medias;animation-name:medias;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.donateus .zmdi , .readmore .zmdi {margin-left: 5px;}.carousel-item{cursor: pointer;}
.carousel-item img {-webkit-transform: scale(1); -moz-transform:scale(1); transform: scale(1); -webkit-transition:5s ease-in-out; -moz-transition:5s ease-in-out; -o-transition:5s ease-in-out; transition:5s ease-in-out; }
.carousel-item:hover img {-webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }
/*carousel*/
/*sitebbc*/
.sitebbc .bbc::before{position: absolute;content: url(../img/face.png);}.aboutbbc h2{margin-bottom: 40px;font-size: 37px;font-weight: 700;color: #333333;}
.aboutbbc p{color: #333333;font-weight: 400;font-size: 24px;margin-bottom: 8px;}.aboutbbc{margin-right: 0;margin-left: 12%;padding-top: 8px;}
/*.sitebbc .bbc::after{position: absolute;content: url(../img/face2.png);right: 50px;}*/.sitebbc .bbc{padding-top: 90px;padding-bottom: 125px;}
.sitebbc .bbc a{color: #00aeef;font-weight: 400;font-size: 18px;}.sitebbc .bbc a:hover{text-decoration-line: underline;}
.mission{background: #00bca0;padding: 0;}.projects{background: #5c6bbf;padding: 0;}.publications{background: #aa49bb;padding: 0;}
.sitebbc .col4 .col12 h3{font-weight: 500;color: #ffffff;font-size: 25px;margin-bottom: 22px;margin-top: 22px;}.sitebbc .col4 .col12 p{margin-bottom: 20%;font-weight: 400;font-size: 16px;max-height: 70px;min-height: 70px;overflow: hidden;}
.viewmore{padding: 15px 30px;font-size: 15px;color: #cfd5f7;transition: all 0.5s ease;}.sitebbc .col12 {padding: 70px 40px; }.row.aboutinfo {margin-bottom: 70px;}
.mission .viewmore{border:1px solid #6fddcc;}.projects .viewmore{border:1px solid #96a0db;}.publications .viewmore{border:1px solid #ce90d9;}
.sitebbc .col4 .col12 a:hover{color:#cfd5f7; }.mission p{color: #caf8f1;}.projects p{color: #cfd5f7;} .publications p{color: #f2d7f7;}
.mid::after{
    content: '';
    width: 1px;
    height: 100px;
    background: #00aeef;
    position: absolute;
    right: 50%;
    left: 50%;
}
.mid::before{
    content: '';
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #00aeef;
    position: absolute;
    right: 50%;
    left: 49%;
    margin-top: 35px;
}
.aboutinfo .viewmore:hover{background: rgba(255,255,255,0.2);}.wedo{margin:70px 0px 130px 0px;}
.wedo h2{text-align: center;
    margin-bottom: 40px;
    font-size: 37px;
    font-weight: 400;}
.wedo .col12 .col6{float: left;} .wedo .col12{position: relative;}
.wedo .col12 .img{position: absolute;width: 22%; text-align: center;}
.wedo .col12 .image1{bottom: -55px; left: -35px;}
.wedo .col12 .image3{bottom: -55px; left: 39%;}
.wedo .col12 .image2{left: 16%;top: 4%;}
.wedo .col12 .image4{right: 16%;top: 4%;}
.wedo .col12 .image5{bottom: -55px; right: -35px;}
/*sitebbc*/
/*quote*/
.parallax-window {position: relative;background-repeat: no-repeat;}
.parallax-window::before{
    content: ' ';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0,0,0,0);
}
.quote{position:relative;margin: 0;padding: 120px 0px 120px 120px;max-width: 50%;text-align: left;z-index: 500;}.quote p:nth-child(1){font-size: 24px;color: #ffffff;}.quote p:nth-child(2){font-size: 17px;color: #ffffff;}
/*quote*/
/*news*/
.sitenews .top {
     display: inline-block; 
     margin-bottom: 0px; 
     border-bottom: 0; 
}
.sitenews .row{padding-top: 70px;padding-bottom: 70px;}.top h3{font-weight: 400;font-size: 37px;color: #333333;margin-top: 20px;}
.sitenews .col4 .inside img{width: 100%;}.sitenews .col4{max-width: 100%;}.sitenews a:hover {color: #ffffff; }
.owl-dots {display: none !important; }.owl-carousel{margin-top: 50px;}figure{overflow: hidden;margin-bottom: 0px;position: relative;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    color: #e1e1e1;
    font-size: 60px;
    padding: 0px 5px!important;
}
.owl-carousel .owl-nav button.owl-prev {position: absolute;left: -40px;top: 30%;}.owl-carousel .owl-nav button.owl-next{position: absolute;right: -40px;top: 30%;}
.owl-carousel .owl-nav .owl-prev:before {
    content: "\f2fa";
    font-family: 'Material-Design-Iconic-Font';
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.owl-carousel .owl-nav .owl-next:after {
    content: "\f2fb";
    font-family: 'Material-Design-Iconic-Font';
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.owl-nav button:focus{outline: none;}.owl-stage{cursor: pointer;}.owl-carousel .owl-item{margin-right: 0;}
.owl-theme .owl-nav [class*=owl-next]:hover:after {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;margin-left: 10px;}
.owl-theme .owl-nav [class*=owl-prev]:hover:before {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;margin-right: 10px;}
.owl-carousel .owl-nav.disabled {display: block;}.owl-theme .owl-nav .disabled {opacity: 1; cursor: pointer; }
.owl-theme .owl-nav [class*=owl-]:hover {background:none!important;color: #e1e1e1; text-decoration: none; }
.owl-carousel .insideinfo p:nth-child(1){font-size:14px ;color: #7c7c7c;font-weight: 400;line-height: 1.2;}
.owl-carousel .insideinfo h3{font-size:21px ;color: #00bca0;font-weight: 400;line-height: 1.2;max-height: 50px;min-height: 50px;overflow: hidden;margin-bottom: 16px;}
.owl-carousel .insideinfo p:nth-child(3){font-size:15px ;color: #7c7c7c;font-weight: 400;line-height: 1.2;max-height: 55px;min-height: 55px;overflow: hidden;}
.owl-carousel .insideinfo p:nth-child(4){font-size:15px ;color: #7c7c7c;font-weight: 600;line-height: 1.2;transition: all .7s ease}
.owl-carousel .insideinfo{-webkit-box-shadow: 0px 0px 21px 0px rgba(232,232,232,1);
-moz-box-shadow: 0px 0px 21px 0px rgba(232,232,232,1);box-shadow: 0px 0px 21px 0px rgba(232,232,232,1);background: #ffffff;padding: 25px;}
.owl-carousel .inside .col12{margin-top: -45px;}.owl-carousel .owl-stage-outer{padding-bottom: 20px;}
.owl-carousel .inside img {-webkit-transform: scale(1); -moz-transform:scale(1); transform: scale(1); -webkit-transition:1s ease-in-out; -moz-transition:1s ease-in-out; -o-transition:1s ease-in-out; transition:1s ease-in-out; }
.owl-carousel .inside:hover img {-webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }
.owl-carousel .inside:hover .insideinfo p:nth-child(4){color: #00aeef;}
/*news*/
/*siteinvolve*/
.siteinvolve .top{padding: 0% 9%;border-bottom: 0!important;}.siteinvolve .dvj{margin-bottom: 20px;background: url(../img/dotted.png) center;background-repeat: no-repeat;background-size: contain;width: 100%;background-position-y: 55%;}
.dvj img{margin: 60px 0px 60px 40px;transition: box-shadow 0.5s ease-in;transition: 0.5s ease-out;border-radius: 17px;}
.dvj img:hover{-webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.3);
-o-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.3);}
/*aboutus*/
.sitetopsection{position: relative;}.jumbotext{position: absolute;width: 100%; top: 36%;}
.jumbotext h1{color: #ffffff;text-transform: capitalize;font-size: 48px;font-weight: 600;}
.jumbotext p{color: #ffffff;text-transform: capitalize;font-size: 18px;}.sitetopsection img{width: 100%;object-fit: cover;}
.aboutdetail h4 {font-weight: 400; font-size: 24px; margin-bottom: 8px;margin-bottom: 40px;text-align: justify;text-align-last: center; }
.aboutdetail h2 {margin-bottom: 40px; font-size: 37px; font-weight: 700; }.aboutdetail{padding: 100px 100px;}
.aboutdetail p{color: #7c7c7c;font-size: 16px;text-align-last: center;margin-bottom: 25px;text-align: justify;}
.establish h2{text-align: center;margin-bottom: 40px; font-size: 37px; font-weight: 400;}
.establish span{color: #7c7c7c;font-size: 24px;font-weight: 600;}.establish{margin-bottom: 65px;}
.establish p{color: #00bca0;font-size: 18px;margin-top: 10px;margin-bottom: 0;}.jumbotext p a{color: #ffffff;}
.establish .col3{float: left;border:1px solid #ebebeb;max-width: 23%; margin-right: 23px;margin-bottom: 15px;}
.establish .col3 .inside{padding: 25px;}
.establish hr{background: #ae6be6;height: 3px;display: block;width: 15%;margin: 30px 0 0 0;}.approach{padding: 80px 100px 80px 100px;}
.approach h2{color: #ffffff;margin-bottom: 40px;}.approach p{color: #7c7c7c;font-size: 16px;text-align-last: center;text-align: justify;}
/*.siteapproach{background: #00bca0;}*/
.approachlist .col3 {max-height: 400px; min-height: 400px; overflow: hidden; }
.approachlist .col3 p{text-align: left;max-height: 210px; min-height: 210px; overflow: hidden;}
.approachlist h4{color: #00bca0;font-size: 21px;margin: 15px 0px 20px 0px;}
.approachlist{font-size: 14px;text-align: justify;margin-top: 20px;padding: 50px 0px;}
.approachlist .col3{padding: 30px 24px;background: #ffffff;width: 25%; height: auto; margin: 0;}
.siteapproachlist{margin-bottom: 80px;background: #00bca0;}
.approachlist .col3:nth-child(1){float: left;margin: 0;-webkit-box-shadow: -20px 0px 109px 4px rgba(0,0,0,0.09);
-moz-box-shadow: -20px 0px 109px 4px rgba(0,0,0,0.09);
box-shadow: -20px 0px 109px 4px rgba(0,0,0,0.09);}
.approachlist .col3:nth-child(2){float: left;margin: 0;-webkit-box-shadow: -20px 0px 109px 4px rgba(0,0,0,0.09);
-moz-box-shadow: -20px 0px 109px 4px rgba(0,0,0,0.09);
box-shadow: -20px 0px 109px 4px rgba(0,0,0,0.09);}
.approachlist .col3:nth-child(3){float: left;margin: 0;-webkit-box-shadow: -20px 0px 109px 4px rgba(0,0,0,0.09);
-moz-box-shadow: -20px 0px 109px 4px rgba(0,0,0,0.09);
box-shadow: -20px 0px 109px 4px rgba(0,0,0,0.09);}
.approachlist .col3:nth-child(4){float: left;margin: 0;-webkit-box-shadow: 0px 0px 109px 4px rgba(0,0,0,0.09);
-moz-box-shadow:0px 0px 109px 4px rgba(0,0,0,0.09);
box-shadow: 0px 0px 109px 4px rgba(0,0,0,0.09);}.siteourarea{margin: 0px 0px 80px 0px;}
.area h2{color: #ffffff;margin-bottom: 40px;}.siteourarea .approach {padding: 80px 185px 80px 185px; }
.area p{color: #ffffff;font-size: 16px;text-align: justify;}.area{background: #f7b563;padding:90px;}
.campaigns{background: #f7f7f7;margin-top:0px;}.campaigns .row {padding: 80px 0px; }
.yearcampaign .year,.yearcampaign .activity{margin: 0;}.yearcampaign{display: inline-flex;}
.year p{color: #00bca0;font-size: 18px;font-weight: 700;}.sitecampaigns{margin:80px 0px;}
.campaignlist {max-width: 50%; margin-left: 0;height: 92vh; overflow-y: scroll;}.campaignlist::-webkit-scrollbar {width: 4px;}
.yearcampaign .activity h5{font-family: 'Open Sans', sans-serif;font-size: 18px;font-weight: 700;color: #454545;}
.yearcampaign .activity p{color: #7c7c7c;font-size: 14px;text-align: justify;}
.yearcampaign .activity{position: relative;max-width: 80%;margin-left: 40px;padding-left: 20px;padding-bottom: 20px;border-left: 1px solid #e7e7e7;}
.yearcampaign .activity::before{position: absolute;content: '';top: 3px;left: -8px;height: 15px;width: 15px;border-radius: 50%;color: #00bca0;background: #00bca0;}
.partners img {width: 6%; margin-right: 56px; }.partners{margin: 40px 0px 80px 0px;}
.sitefuture{background: url(../img/image3.jpg) no-repeat;width: 100%;background-size: cover;padding: 60px 0px;margin-bottom: 80px;}
.futurelists h2{color: #ffffff;margin-bottom: 40px;}.futurelists ul{padding-right: 150px;}
.futurelists ul li{color: #ffffff;font-size: 15px;padding-left: 30px;text-align: justify; margin-top: 10px;}
.futurelists ul li:before{position: absolute;content: '';margin-top: 5px;height: 12px;width: 12px;border-radius: 50%;color: #00bca0;background: #00bca0;margin-left: -30px;}
.sitepartners .owl-theme .owl-nav{display: none!important;}
.sitepartners .owl-carousel .owl-item img {display: block; width: 50%; }
/*aboutus*/
/*blogs*/
.siteblogs{margin-bottom: 80px;}.siteblogs img{width: 100%;}
.bloglist .col6{margin: 0;float: left;cursor: pointer;margin-top: 60px;}
.bloglist .col6 .text p{font-size: 16px;margin-bottom: 16px;margin-top: 16px;max-height: 50px; min-height: 50px; overflow: hidden;}
.bloglist .col6 .text h3 a{font-size: 21px;font-weight: 500;color: #333333;}
.bloglist .col6 .text h3 {margin:10px 0px 0px 0px;max-height: 30px; min-height: 30px; overflow: hidden;}
.siteblogs span{color: #7c7c7c;font-size: 14px;}
.bloglist .col6 .text .viewdetail{font-size: 15px;font-weight: 700;color: #7c7c7c;}
.bloglist .col6 .text{padding: 25px 20px;border:2px solid #f7f7f7;border-top: 0;transition: all 0.6s ease;}
.bloglist .col6:hover .inside{-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);}.siteblogs .detail.top {display: inline-block; }
.bloglist .col6 .inside{transition: all 0.6s ease;}.bloglist .col6 .text a{transition: all 0.5s ease;}
.bloglist .col6 .text a:hover{color: #00bca0;}.recentpost h4{font-size: 16px;font-weight: 500;}
.siteblogs h2{border-bottom: 1px solid #e3e3e3; padding-bottom: 10px;font-size: 20px;font-weight: 600;margin-bottom: 0;}
.post .col3,.post .col9{margin: 0;float: left;}.post .col9{padding-right: 0;}
.recentpost .post{padding: 15px 0px 15px 15px;border-bottom: 1px solid #e3e3e3;display: inline-block;}
.siteblogs .right{margin-top: 60px;padding-left: 30px;}.categories{margin-top: 60px;}
.categories ul li{padding-left: 30px;transition: all 0.6s ease;font-size: 16px;margin-top: 12px;}
.categories ul li:before{position: absolute;content: '\f2fb';font-family:'Material-Design-Iconic-Font';
font-size: 25px;color: #7c7c7c;margin-left: -30px;margin-top: -7px;}.categories ul li:hover {padding-left: 40px;}
.categories ul li a{color: #7c7c7c;}.categories ul li a:hover{color: #ae6be6;}
.tags ul li{display:inline-block;border: 1px solid #e3e3e3;border-radius: 10px; padding-left: 0;margin-right: 10px;transition: all 0.6s ease;}
.tags ul li:hover{padding-left: 0px;border: 0;-webkit-box-shadow: 0px 0px 8px 2px rgba(219,219,219,1);
-moz-box-shadow: 0px 0px 8px 2px rgba(219,219,219,1); box-shadow: 0px 0px 8px 2px rgba(219,219,219,1);}
.tags ul li:before{display: none;}.tags ul li a{padding: 10px 15px;}
.pagination{margin-top: 60px;}
.pagination ul li{height: 40px;width: 40px;line-height: 40px;margin-right: 10px;text-align: center;-webkit-box-shadow: 0px 0px 8px 2px rgba(219,219,219,1);
-moz-box-shadow: 0px 0px 8px 2px rgba(219,219,219,1); box-shadow: 0px 0px 8px 2px rgba(219,219,219,1);color: #333333;display: inline-block;background: #ffffff;
border-radius: 50%;transition: all 0.5 ease;}
.pagination ul li.active{background: #00bca0;color: #ffffff;}
.pagination ul li:hover{background: #00bca0;color: #ffffff;}
.siteblogs .detail h2 {font-size: 27px; font-weight: 700; margin-bottom: 15;}
.blogdetail h2{font-size: 27px;font-weight: 700;margin-bottom: 15px;border: 0;}.blogdetail{margin-top: 60px;}
.blogdetail .image img{border-radius: 50%;}.detail .image,.detail .published{margin: 0;float: left;}
.detail .published span{color: #7c7c7c;font-size: 15px;margin-right: 15px;}.blogdetail .detail .col12{display: inline-block;}
.detail .published .zmdi{font-size: 18px; margin-right: 5px;}.detail .published p{margin-bottom: 10px;font-size: 15px;}
.fulldetail img{margin:30px 0px;}.fulldetail p{font-size: 15px;text-align: justify;}
.fulldetail h1,.fulldetail h2,.fulldetail h3,.fulldetail h4,.fulldetail h5,.fulldetail h6 
{font-weight: 600;font-size: 15px;padding: 0px 30px;text-align: justify;border-left: 3px solid #ae6be6;
  color: #7c7c7c;margin: 25px 0px;font-family: 'Open Sans', sans-serif;}
.discuss{margin-top: 60px;}
/*blogs*/
/*gallery*/
.siteprojects .gallerylists .projects{background: #ffffff;}
.siteprojects .gallerylists .col4 {display: inline-block; padding: 0rem; width: 31.9%;cursor: pointer; margin-bottom: 15px; }
.siteprojects .button-group a{cursor: pointer;}
.siteprojects .button-group{display: inherit;justify-content: center;margin-top: 40px; margin-bottom: 10px;border-bottom: 1px solid #d7d7d7;}
.siteprojects .button-group a{color: #ffffff;/*background: #ae6be6;*/background:#333333;padding: 10px 20px;margin: 0;transition: all 0.3s ease;}
.siteprojects .button-group a:hover, .siteprojects .button-group a:focus{color: #ffffff;background: #00bca0;}
.siteprojects .button-group a.is-checked{background:#00bca0;}
.siteprojects .gallerylists .col4 .text h3{color: #7c7c7c;transition: all .5s ease;}
.siteprojects .gallerylists .col4 .text h3:hover{color:#00bca0;}
.sitegallery .establish h2{margin-bottom: 20px;}.sitegallery .establish p{color: #7c7c7c;}
.sitegallery{margin:80px 0px;}.sitegallery .establish{margin-bottom: 0;}
.gallerylists .col4{margin: 0;float: left;margin-top: 35px;}.gallerylists .col4 .inside{cursor: pointer;position: relative;}
.galleryoverlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0,188,160,0.9);
    opacity: 0;
    transition: all 0.6s ease;
}
.gallerylists .col4 .inside:hover .galleryoverlay{opacity: 1;}
.gallerylists .openimg {
  color: white;
  font-size: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}.gallerylists .openimg a{color: #ffffff;}.sitegalleryimages{margin:80px 0;}
.gallerylists .col4 .text {padding: 25px 20px; border: 2px solid #f7f7f7; border-top: 0; }
.gallerylists .col4 .text h3 {margin: 10px 0px 15px 0px; max-height: 50px; min-height: 50px; overflow: hidden;color: #00bca0;;font-size: 21px;}
.gallerylists span{color: #7c7c7c;font-size: 15px;}
.top{display: inline-flex;margin-bottom: 60px;border-bottom: 1px solid #e3e3e3;}
.top .col6 h2{font-weight: 600;}.top .all{text-align: right;}
.top .all .zmdi{font-size: 20px;margin-left: 5px;}
.top .sub-menu-parent { position: relative;margin-left: 60%;text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    background: #f7b563;
  }
.top .sub-menu { 
  visibility: hidden; /* hides sub-menu */
  opacity: 0;
  position: absolute;
  top: 90%;
  left: unset;
  right: -1px;
  max-width: 100%;
  min-width: 101%;
  transform: translateY(-2em);
  z-index: 1;
  transition: all 0.6s ease-in-out 0s, visibility 0s linear 0.6s, z-index 0s linear 0.6s;
  background: #ffffff;
  padding: 0;
}
.lg-sub-html p{font-size: 15px;color: #ffffff;}
.lg-sub-html{padding-top: 0; margin-top: 0; padding-bottom: 30px;}
 .top .sub-menu-parent:focus .sub-menu,
 .top .sub-menu-parent:focus-within .sub-menu,
 .top .sub-menu-parent:hover .sub-menu {
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 11;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
}
.top ul.sub-menu .lists li:hover {padding-left: 0px; }
.top .form-control{border: 1px solid #e7e7e7;height: 50px;}
.top .form-control{color: #7c7c7c;font-size: 15px;}
.top .form-control::-webkit-input-placeholder{color:#7c7c7c;font-size: 15px;font-weight: 400;}
.top .form-control::-moz-placeholder{color:#7c7c7c;font-size: 15px;font-weight: 400;}
.top .form-control::-ms-input-placeholder{color:#7c7c7c;font-size: 15px;font-weight: 400;}
.top .sub-menu .lists{padding:0px;} .top .sub-menu-parent .nav-link{padding: 15px;}
.top .sub-menu .lists li{font-weight: 500;color: #ffffff;font-size: 16px;transition: all 0.6s ease;padding: 0;background: #f7b563;}
.top .sub-menu .lists li a{display: block;padding: 15px;color: #ffffff!important;}
.galleryimages {height: auto; border-radius: 0; }
.gallerydetails .gallery-img-wrap {display: inline-block; padding: 0rem; width: 24%;cursor: pointer; margin-bottom: 15px; }
.galleryimages {height: auto; border-radius: 0; }
.teamgallerydetails .gallery-img-wrap {display: inline-block; padding: 0rem; width: 32.5%;cursor: pointer; margin-bottom: 15px; }
.gallery-img-wrap img{width: 100%;position: relative;}
.teamgallerydetails .gallery-img-wrap h3{font-size: 20px;font-weight: 600;margin-top: 15px;}
.teamgallerydetails .gallery-img-wrap p{font-size: 14px;color: #00bca0;font-weight: 600;}
.teamoverlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 85%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    opacity: 0;
    transition: all 0.6s ease;
}
.teamgallerydetails .gallery-img-wrap:hover .teamoverlay,
.teamgallerydetails .gallery-img-wrap:hover .text {opacity: 1;}
.teamgallerydetails .text{
  color: white;
  font-size: 100px;
  position: absolute;
  top: 45%;
  bottom: 5%;
  left: 50%;
  right: -35%;
  font-size: 22px;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all 0.6s ease;
}
.teamgallerydetails .text p{color: #ffffff;font-size: 15px;text-align: left;}
.teamgallerydetails .zmdi {margin-right: 10px; height: 35px; width: 35px; text-align: center; line-height: 35px; 
  color: #ffffff; border-radius: 50%;transition: all 0.6s ease;}
.zmdi-facebook {background: #3c5a99; }.zmdi-twitter {background: #00aced;}.zmdi-google-plus{background:#dc4e41;}
.zmdi-youtube-play {background: #f61c0d; }.zmdi-instagram {background: #ab3a92; }.text .zmdi-email{background: #00bca0;;}
/*projectdetail*/
.projectdetailwrap{margin: 70px 0px;padding:0 70px;} .projectdetailwrap img{width: 100%;}
.projectdetailwrap .organization .col12{display: inline-flex;border: 1px solid #e1e1e1;padding: 30px;}
.projectdetailwrap .col6 h3{color: #505050;font-size: 16px;font-weight: 600;}
.projectdetailwrap .col6 ul{margin-bottom: 0;}
.projectdetailwrap .col6 ul li,.projectdetailwrap .col6 ul li a {color: #7c7c7c;font-size: 15px;}
.projectdetailwrap .organization{float: left;margin: 30px 0px 0px 0px;}
.projectdetailwrap .detail h1, .projectdetailwrap .detail h2, .projectdetailwrap .detail h3, .projectdetailwrap .detail h4, 
.projectdetailwrap .detail h5, .projectdetailwrap .detail h6 {
    font-weight: 600;
    font-size: 15px;
    padding: 0px 30px;
    text-align: justify;
    border-left: 3px solid #ae6be6;
    color: #7c7c7c;
    margin: 25px 0px;
    font-family: 'Open Sans', sans-serif;
    padding-right: 25%;
}
.projectdetailwrap p{text-align: justify;}
.projectdetailwrap .detail{margin-top: 30px;display: inline-block;}
/*contactus*/
.sitecontact{margin: 80px 0px;} .sitecontact .contactinfo{background: #45d4ca;}
.sitecontact .contactinfo ul li:before{position: absolute;height: 35px;width: 35px;text-align: center;
border-radius: 50%;background: #ffffff;color: #838282;font-size: 22px;line-height: 35px;margin-left: -50px;}
.sitecontact .contactinfo ul li:nth-child(1):before{content: '\f1ab';font-family: 'Material-Design-Iconic-Font';}
.sitecontact .contactinfo ul li:nth-child(2):before{content: '\f2b6';font-family: 'Material-Design-Iconic-Font';}
.sitecontact .contactinfo ul li:nth-child(3):before{content: '\f1b0';font-family: 'Material-Design-Iconic-Font';}
.sitecontact .contactinfo ul li:nth-child(4):before{content: '\f15a';font-family: 'Material-Design-Iconic-Font';}
.sitecontact .contactinfo ul li h4{color: #ffffff;text-transform: uppercase;font-weight: 600;font-size: 20px;}
.sitecontact .contactinfo ul li p{color: #ffffff;font-size: 16px;}.sitecontact .contactinfo ul li p a{color: #ffffff;}
.sitecontact .contactinfo .zmdi {margin-right: 10px; height: 40px; width: 40px; text-align: center; line-height: 40px; 
  color: #ffffff; border-radius: 50%;transition: all 0.6s ease;font-size: 20px;}.g-recaptcha{display: inline-block;}
.sitecontact .contactinfo ul {padding: 70px 30px 70px 150px; }.sitecontact .contactinfo ul li{padding-left: 30px;margin-top: 30px;}
.sitecontact .contactform h2{margin-bottom: 15px;}.sitecontact .contactform p{font-size: 22px;font-weight: 500;text-align: center;}
.contactform form{padding: 0px 50px;}.contactform{padding: 50px 180px 50px 120px;}.g-recaptcha iframe {margin: 0!important;}
.contactform .form-control {margin-top: 30px; background: #ebebeb;border: 0;border-radius: 0;}
.contactform input.form-control{color: #9a9a9a;font-size: 14px;font-weight: 400;height: 45px;}
.contactform .form-control::-webkit-input-placeholder{color:#9a9a9a;font-size: 14px;font-weight: 400;}
.contactform .form-control::-moz-placeholder{color:#9a9a9a;font-size: 14px;font-weight: 400;}
.contactform .form-control::-ms-input-placeholder{color:#9a9a9a;font-size: 14px;font-weight: 400;}
.contactform .btnsubmit{margin-top: 30px;position: relative;color: #ffffff;background: #45d4ca;padding: 15px 35px;border-radius: 0;transition:all 0.6s ease;font-size: 16px;
    overflow: hidden;-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;}
.contactform .btnsubmit:hover{color: #ffffff;}.contactform .btnsubmit:focus{box-shadow: none;outline: 0;border-color: none;}
.btnsubmit span {
    display: inline-block;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s;
    -webkit-backface-visibility: hidden;
    -moz-transition: all 0.5s;
    -moz-backface-visibility: hidden;
    transition: all 0.5s;
    backface-visibility: hidden;
}
.icon::before{content: "\f269";font-family: "Material-Design-Iconic-Font";font-weight: 700;font-size: 30px;
position: absolute;width: 100%;height: 100%;left: 0; top: -100%; -webkit-transition: all 0.3s;-moz-transition: all 0.5s;
-o-transition: all 0.5s;transition: all 0.5s;}
.icon:hover:before {top: 5px; }.sitecontact iframe{width: 100%;margin:80px 0px;}
.icon:hover span {
    -webkit-transform: translateY(300%);
    -moz-transform: translateY(300%);
    -ms-transform: translateY(300%);
    transform: translateY(300%);
}
/*publications*/
.checkbox{display: inline-flex;margin: 70px 0px 30px 0px;}
.checkbox .col2 p{color: #00bca0;font-size: 24px;font-weight: 600;font-family: 'Montserrat', sans-serif;}
.sitepublications .publicationlists .file {display: inline-block; padding: 0rem; width: 97.5%;
  margin-bottom: 15px;float: left;padding: 0px 85px; }
.publicationlists .file h3{font-size: 18px;font-weight: 600;margin-top: 15px;margin-bottom: 15px;}
.publicationlists .file h3 a{color: #333333;transition: all 0.3s ease;}.file span {margin-right: 15px; }
.publicationlists .file h3 a:hover{color:#00bca0;}
.publicationlists .file p{font-size: 14px;margin-bottom: 10px;}img.download {margin-top: 15px; }
.sitepublications{margin: 80px 0;}.file .col1{margin-top: 15px!important;}
.file .col1,.file .col8,.file .col3 {margin: 0;float: left;}.file .col3{margin-top: 25px!important;}
.file .col12{background: #ffffff;-webkit-box-shadow: 0px 0px 50px 4px rgba(0,0,0,0.09);
-moz-box-shadow: 0px 0px 50px 4px rgba(0,0,0,0.09);
box-shadow: 0px 0px 50px 4px rgba(0,0,0,0.09);display: inline-block;padding: 15px 0;}
.file .download{color: #00bca0;}.file .download i{margin-left: 5px;}
.sitepublications .establish h2 {margin-bottom: 20px; }.sitepublications .establish p {color: #7c7c7c; padding: 0px 20%;}
.sitepublications .top{width: 83%;max-width: 83%; margin: 0 auto 50px auto;}
/*vacancy*/
.sitevacancy{margin: 80px 0;}.sitevacancy .vacancylist{padding: 0px 85px;}
.vacancylist .header{padding: 15px 15px;background: #f0f0f0;display: inline-block;border: 1px solid #e7e7e7;}
.vacancylist .header .col4,.vacancylist .header .col2{margin: 0;float: left;color: #7c7c7c;font-size: 20px;}
.vacancylist .body .col4,.vacancylist .body .col2{margin: 0;float: left;color: #7c7c7c;font-size: 16px;}
.vacancylist .body .col4{color: #00bca0;margin-bottom: 0;}.vacancylist .body .open{color: #00bca0;}
.vacancylist .body{margin-top: -6px;} .vacancylist .body .closed{color: #f05228;}
.vacancylist .body .col12{display: inline-block;padding: 15px 15px 20px 15px;border: 1px solid #e7e7e7;margin-bottom: -7px;}
.sitevacancy .establish h2 {margin-bottom: 20px; }.sitevacancy .establish p {color: #7c7c7c; padding: 0px 20%;}
.vacancylist .body .col2 p{margin-bottom: 0;}
.vacancylist .listwrap{-webkit-box-shadow: 0px 0px 50px 4px rgba(0,0,0,0.09);
-moz-box-shadow: 0px 0px 50px 4px rgba(0,0,0,0.09);
box-shadow: 0px 0px 50px 4px rgba(0,0,0,0.09);}
.accordion .card-header{padding: 25px 0; margin: 0;}.accordion .collapse.show,.accordion .collapse{margin: 0;}
.accordion .btn{padding: 0 .75rem;color:#00bca0;text-decoration: none;white-space: normal;}
.accordion .card,.accordion .card-header{border-radius: 0;}
.accordion .requirements{padding: 0;}.accordion .requirements .col9,.accordion .requirements .col3{float: left;margin: 0;}
.accordion .requirements ul li::before{position: absolute;margin-left: -20px;content: "\f269";font-family: "Material-Design-Iconic-Font";color:#00bca0;}
.accordion .requirements ul li{padding-left: 20px;padding-bottom: 7px;}.accordion .requirements h3{margin-bottom: 15px;}
.card-body .apply {
    margin-top: 25px;
    margin-bottom: 20px;
    padding: 10px 45px;
    display: inline-block;
    margin-top: 35%;
    background: #00bca0;
    border-radius: 5px;
    color: #ffffff;
}
/*ourreach*/
.maprow{margin-top: 70px;}#map{height: 775px;width: 100%;}
#map #content{display: inline-flex;}
#map #content img {min-width: 25%;width: 25%;min-height: 15%; height: 15%;max-height: 15%;margin-right: 15px; margin-top: 15px;border-radius: 50%;}
#map #content #bodyContent h4{font-size: 16px;margin-bottom: 15px;font-weight: 500;}
#map #content #bodyContent p{color: #7c7c7c;font-size: 16px;margin-bottom: 5px;}
#map #content #bodyContent{padding: 20px 0px;}
/*footer*/
footer{background: #f7f7f7;padding-top: 60px;padding-bottom: 20px;}footer .committee ul li:nth-child(1){font-size: 16px!important;font-weight: 600!important;}
footer .col3 ul li{font-weight: 400;color: #7c7c7c;font-size: 15px;line-height: 1.8;transition:all 0.5s ease;}footer hr{height: 1px;color: #eaeaea;background: #eaeaea;width: 100%;margin-top: 50px;margin-bottom: 50px;}
footer .zmdi{color: #7c7c7c;font-size: 18px;margin-right: 15px;}.committee ul li a{color: #ae6be6;}
footer .copyright p{font-weight: 400;font-size: 15px;color: #7c7c7c;margin-bottom: 0;}.copyright a{color: #5c6bbf;}.copyright a:hover{text-decoration: underline;}
footer .col3 ul li:hover{color: #ae6be6;}.committee ul li:hover{color: #7c7c7c!important;}
footer .zmdi-facebook,footer .zmdi-twitter ,footer .zmdi-google-plus
footer .zmdi-youtube-play,footer .zmdi-instagram {background:none;}
footer .initiatives h4{font-weight: 600;color: #00bca0;font-size: 20px;margin-bottom: 25px; }
footer .initiatives ul li{display: inline-block;margin-left: 20px; margin-top: 20px;}
footer .initiatives{text-align: center;}
.topfooter,.bottomfooter{background: #f7f7f7;}.bbcinitiatives{background: #ffffff;padding: 45px 0px 65px 0px;}
.topfooter{padding-bottom: 45px;}.bottomfooter{padding-top: 25px;}
/*modal*/
.modal {
    position: fixed;
    top: 56%;
    left: 50%;
    width: 65%;
    height: 100%;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.modal .modal-dialog{max-width: 100%;}
.modal-backdrop.show {opacity: .8; }
.modal .modal-content {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 0;
}
.modal-content {position: relative; margin: 0 auto; } .modal.show {visibility: visible; }
.show .modal-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;border: 0;
}
.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    background: rgba(0,0,0,0.8);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.md-show ~ .md-overlay {opacity: 1; visibility: visible; }
.md-close{position: absolute;
    top: -30px;
    right: 0;
    cursor: pointer;
    background: no-repeat;
    color: #ffffff;
    font-size: 20px;
    border: 0;
}
.modal .modal-content h2{color: #00bca0;margin: 0;font-size: 48px;font-weight: 700;margin-bottom: 15px;}
.modal .header p{font-size: 24px;color: #333333;margin-bottom: 0;}.modal .modal-content .story{padding-bottom: 45px;}
.modal .modal-content .story p{margin: 0;padding: 30px 65px 40px 65px;}
.modal .modal-content .story a{background:#f7b563;color: #ffffff;padding: 15px 25px;transition: all 0.5s ease;}
.modal .modal-content .story a:hover{color: #ffffff;text-decoration: none;background:#ae6be6;}
.modal .modal-content .bottom h3{font-size: 24px;font-weight: 700;white-space: nowrap;color: #ffffff;}
.modal .modal-content .bottom{background:#ae6be6;padding: 50px 100px;}
.modal .modal-content .bottom p,.modal .modal-content .bottom ul li{color: #fcfcfc;font-size: 16px;}
.modal .modal-content ul{margin:25px 0;}.modal .modal-content ul li{line-height: 1.5;font-weight: 600;}
.modal .modal-content ul li span{margin-right: 5px;}
.modal .modal-content .header{padding: 65px 150px 45px 150px;}
.modal .modal-content .bottom p a{color: #ffffff;text-decoration: underline;transition: all 0.3s ease;}
.modal .modal-content .bottom p a:hover{color:#f7b563;}
.donatedetail .detail-desc h2{font-size: 27px; font-weight: 700;}
.donatedetail .todonate{background:#00bca0;padding: 30px 30px;}
.donatedetail .todonate h3{font-size: 24px;font-weight: 700;color: #ffffff;margin-bottom: 25px;}
.donatedetail .todonate ul li{list-style-type: none;color: #ffffff;font-size: 16px;padding-bottom: 8px;text-align: left;}
.donatedetail .detail-desc p{margin-bottom: 30px;margin-top: 30px;}
.donatedetail .col12{margin: 60px 0;}.donatedetail .detail-desc img{width: 100%;}
.modal .story h4 {font-weight: bold; margin: 30px 0 0 0; }
/*modal*/
.sitegeneral p{text-align: justify!important;text-align-last: unset;}
.sitegeneral{text-align:left;}.general h2{text-align: center;}
/*responsive*/
@media (min-width: 320px) and (max-width: 479px) {
    .carousel-item img{height: 50vh;object-fit: cover;}
    .carousel-control-prev,.carousel-control-next{display: none!important;}
    .container{padding-left: 15px;padding-right: 15px;}.md2{width:50%;}.md2 img{padding-left: 15px;}
    .topnav .col2 , .topnav .col3 {padding: 0;margin-top: 20px;}.topnav .col2{width: 38%;}.topnav .col3{width: 55%;}
    .topnav .container{padding: 0;}.topnav .zmdi{font-size: 18px;margin-left: 0;}.topnav h2 , .topnav p {font-size: 13px;}
    .topnav .col2 .call{margin-left: 5px;}.topnav .col3 .email{margin-left: 5px;}.bg-light{padding: 8px 0px 8px 0px;}
    .carousel-caption .readmore , .carousel-caption .donateus {font-size: 12px;}.donateus{padding: 10px 17px;}
    .carousel-indicators{display: none;}.carousel-caption{width: 100%;bottom: 20%; left: 5%;}
    .carousel-caption p{margin-bottom: 18px;font-size: 13px;}.carousel-caption h5 {margin-bottom: 8px;font-size: 20px; }
    .nav-item {margin-right: 0; margin-left: 0; }.sitebbc .container{padding: 0;}.aboutbbc{margin-left: 0;}.sitenews .donateus{margin-left: 0;}.sitenews .top h3{font-size: 22px;}
    .sitebbc .bbc{padding-top: 40px;padding-bottom: 70px;}.aboutbbc h2{font-size: 20px;}.aboutbbc p{font-size: 18px;}.sitebbc .bbc::after{display: none;}
    .quote{padding: 40px 0px 10px 0px; max-width: 85%; margin: 0 auto;}.quote p:nth-child(1){font-size: 14px;margin-bottom: 6px;}
    .mid::before , .mid::after {display: none;}.sub-menu{min-width: 100%;width: 100%;}
    .quote p:nth-child(2) {font-size: 14px;}.sitebbc .bbc::before{display: none;}.curveline{display: none;}
    .owl-carousel .owl-nav button.owl-next{top: -18%;right: 30%;}.owl-carousel .owl-nav button.owl-prev{top: -18%;left: 30%;}
    .siteinvolve .top {padding: 0% 5%; }.top h3{font-size: 25px;}.dvj img{margin: 30px 0px 60px 0px;width: 95px;}
    .siteinvolve .dvj{background-position-y: 38%;}#return-to-top{right: 2%;}.socialmedia {text-align: center; margin-bottom: 15px; }
    .parallax-window::before{background: rgba(0,0,0,0.5);}.aboutdetail {padding: 15px;}.aboutdetail h2{font-size: 19px;}
    .siteaboutus{margin-top: 30px;}.jumbotext{top: 24%;}.jumbotext h1{font-size: 20px;}.jumbotext p{font-size: 14px;}.sitetopsection img{height: 18vh;}
    .aboutdetail p{font-size: 14px;}.aboutdetail h4{font-size: 18px;}.establish .col3{margin-top: 15px;margin-right: 0;max-width: 100%;}
    .approachlist{margin-top: 0;}.approach{padding: 15px;margin-top: 70px;}.approachlist p{text-align: justify;}
    .approachlist .col3:nth-child(1){float: left;margin: 0;-webkit-box-shadow: 0px -20px 109px 4px rgba(0,0,0,0.09);
    -moz-box-shadow: 0px -20px 109px 4px rgba(0,0,0,0.09);
    box-shadow: 0px -20px 109px 4px rgba(0,0,0,0.09);}
    .approachlist .col3:nth-child(2){float: left;margin: 0;-webkit-box-shadow: 0px -20px 109px 4px rgba(0,0,0,0.09);
    -moz-box-shadow: 0px -20px 109px 4px rgba(0,0,0,0.09);
    box-shadow:0px -20px 109px 4px rgba(0,0,0,0.09);}
    .approachlist .col3:nth-child(3){float: left;margin: 0;-webkit-box-shadow: 0px -20px 109px 4px rgba(0,0,0,0.09);
    -moz-box-shadow: 0px -20px 109px 4px rgba(0,0,0,0.09);
    box-shadow: 0px -20px 109px 4px rgba(0,0,0,0.09);}.area{padding: 30px;}.campaignlist{margin-top: 80px;height: 60vh;}
    .yearcampaign .year {max-width: 13%; padding: 0;}.yearcampaign .activity{max-width: 80%; margin-left: 20px;padding-right: 0;}
    .campaignlist {max-width: 98%;}.futurelists ul {padding-right: 0px;}.partners img{width: 15%;margin-right: 0;margin-top: 15px; margin-left: 10px;}
    .siteblogs .right{padding: 0;}.recentpost .post {padding: 15px 0px 15px 0px;display: inline-flex;}.post .col3{width: 26%;}
    .blogdetail .detail{padding: 0;}.siteblogs .detail h2 {font-size: 20px;}.blogdetail .image img{width: 30%;}
    .detail .published{padding: 0;margin-top: 10px;}.detail .published p{font-size: 14px;}
    .detail .published span{font-size: 12px;}.fulldetail{padding: 0;}.sitegalleryimages .top{display: inline-block;}
    .sitegalleryimages .top .sub-menu-parent{margin-left: 0%;}
    .sitegalleryimages .gallerydetails .gallery-img-wrap,.sitegalleryimages .teamgallerydetails .gallery-img-wrap,
    .siteprojects .gallerylists .col4 {width: 100%;}
    .sitegalleryimages .top .col6 h2{font-size: 30px;}.sitecontact .contactinfo .zmdi{margin-right: 5px;}
    .sitecontact .contactinfo ul {padding: 50px 15px 50px 30px; }.contactform {padding: 50px 15px 50px 15px;}
    .contactform form {padding: 0px 20px; }.sitepublications .publicationlists .file{width: 100%;left: 0px!important;padding: 0;}
    .checkbox{display: inline-block;}.establish h2 {font-size: 30px;}.sitevacancy .establish p{padding: 0 10px;}
    .sitevacancy .vacancylist {padding: 0px;}.vacancylist .header{display: none;}
    .vacancylist .body .col4,.vacancylist .body .col2{margin-bottom: 5px;}
    .sitepublications .establish p{padding: 0 3%;}.sitepublications .top{max-width: 100%;width: 100%;display: inline-block;}
    .sitepublications .top .col6{max-width: 100%;}.top .sub-menu-parent{margin-left: 0;margin-top: 15px;}
    .yamm .dropdown.yamm-fullwidth .dropdown-menu{width: 87%;}.yamm .yamm-content {padding: 0px 15px;}
    .wedo .col12 .img{position: unset;width: 100%;margin-bottom: 40px;}.wedo {margin: 10px 0px 10px 0px; }
    .sitebbc .wedo .col12 {padding: 30px 30px; }.projectdetailwrap{padding: 0;}
    .projectdetailwrap .organization .col12{display: inline-block;padding: 30px 15px;}
    .organization .col2{text-align: center;margin-bottom: 20px;}.organization .col2 img{width: 50%;}
    .projectdetailwrap .detail h1, .projectdetailwrap .detail h2, .projectdetailwrap .detail h3, .projectdetailwrap .detail h4, 
    .projectdetailwrap .detail h5, .projectdetailwrap .detail h6 {padding-right: 0;}.accordion .btn{padding: 0;margin-top: -3px;}
    .accordion .requirements .col9, .accordion .requirements .col3{padding: 0;}.card-body .apply{margin: 30px 0px;}
    .modal{width: 100%;}.modal .modal-content h2{font-size: 32px;}.md-close{top: -30px;}.modal.show .modal-dialog{margin-top: 30px;}
    .modal .modal-content .header {padding: 65px 10px 45px 10px; }.modal .modal-content .story p{padding: 40px 10px;}
    .modal .modal-content .bottom{padding: 50px 10px;}.donatedetail .todonate ul li{text-align: center;}
    .donatedetail .todonate{padding: 30px 15px;}
    .topnav .logo .md6{padding-top: 15px;}footer .initiatives ul li{margin: 20px 0 20px 0px;}
    .parallax-window{max-height: 200px;min-height: 200px;background-position: 100% center!important;}
}

@media (min-width: 480px) and (max-width: 599px) {
    .carousel-item img{height: 50vh;object-fit: cover;}
    .carousel-control-prev,.carousel-control-next{display: none!important;}
    .container{padding-left: 15px;padding-right: 15px;}.md2{width:30%;}.md2 img{padding-left: 15px;}
    .topnav .col2 , .topnav .col3 {padding: 0;margin: 20px 0px 0px 0px;}.topnav .col2{max-width: 30%;padding-left: 5%;}.topnav .col3{max-width: 50%;padding-left: 5%;}
    .topnav .container{padding: 0;}.topnav .zmdi{font-size: 18px;margin-left: 0;}.topnav h2 , .topnav p {font-size: 13px;}
    .topnav .col2 .call{margin-left: 5px;}.topnav .col3 .email{margin-left: 5px;}.bg-light{padding: 8px 0px 8px 0px;}
    .carousel-caption .readmore , .carousel-caption .donateus {font-size: 11px;}.donateus{padding: 10px 17px;}
    .carousel-indicators{display: none;}.carousel-caption{width: 85%;bottom: 10%;left: 5%;}
    .carousel-caption p{margin-bottom: 18px;font-size: 14px;}.carousel-caption h5 {margin-bottom: 8px;font-size: 20px; }
    .nav-item {margin-right: 0; margin-left: 0; }.sitebbc .container{padding: 0;}.aboutbbc{margin-left: 0;padding-left: 30%; padding-top: 5%;}.sitenews .donateus{margin-left: 0;}.sitenews .top h3{font-size: 25px;}
    .sitebbc .bbc{padding-top: 40px;padding-bottom: 100px;}.aboutbbc h2{font-size: 18px;}.aboutbbc p{font-size: 16px;}.sitebbc .bbc::after{display: none;}
    .quote{padding: 25px 0px 25px 0px; max-width: 75%; margin: 0 auto;}.quote p:nth-child(1){font-size: 16px;margin-bottom: 6px;}
    .quote p:nth-child(2) {font-size: 15px;}.mid::before , .mid::after {display: none;}
    .owl-carousel .owl-nav button.owl-next{top: -15%;right: 30%;}.owl-carousel .owl-nav button.owl-prev{top: -15%;left: 30%;}
    .siteinvolve .top {padding: 0% 5%; }.top h3{font-size: 25px;}.dvj img{margin: 30px 0px 60px 15px;width: 95px;}
    .siteinvolve .dvj{background-position-y: 38%;}#return-to-top{right: 2%;}.socialmedia {text-align: center; margin-bottom: 15px; }
    footer .copyright p{font-size: 11px;}.sub-menu{min-width: 100%;width: 100%;}
    .parallax-window::before{background: rgba(0,0,0,0.5);}.curveline{display: none;}
    .parallax-window{background-position: center ;background-repeat: no-repeat;background-position-y:0px!important;}
    .aboutdetail {padding: 15px;}.aboutdetail h2{font-size: 19px;}
    .siteaboutus{margin-top: 30px;}.jumbotext{top: 24%;}.jumbotext h1{font-size: 18px;}.jumbotext p{font-size: 14px;}.sitetopsection img{height: 20vh;}
    .aboutdetail p{font-size: 14px;}.aboutdetail h4{font-size: 18px;}.establish .col3{margin-top: 15px;margin-right: 0;max-width: 100%;}
    .approachlist{margin-top: 0;}.approach{padding: 15px;margin-top: 70px;}.approachlist p{text-align: justify;}
    .approachlist .col3:nth-child(1){float: left;margin: 0;-webkit-box-shadow: 0px -20px 109px 4px rgba(0,0,0,0.09);
    -moz-box-shadow: 0px -20px 109px 4px rgba(0,0,0,0.09);
    box-shadow: 0px -20px 109px 4px rgba(0,0,0,0.09);}
    .approachlist .col3:nth-child(2){float: left;margin: 0;-webkit-box-shadow: 0px -20px 109px 4px rgba(0,0,0,0.09);
    -moz-box-shadow: 0px -20px 109px 4px rgba(0,0,0,0.09);
    box-shadow:0px -20px 109px 4px rgba(0,0,0,0.09);}
    .approachlist .col3:nth-child(3){float: left;margin: 0;-webkit-box-shadow: 0px -20px 109px 4px rgba(0,0,0,0.09);
    -moz-box-shadow: 0px -20px 109px 4px rgba(0,0,0,0.09);
    box-shadow: 0px -20px 109px 4px rgba(0,0,0,0.09);}.area{padding: 30px;}.campaignlist{margin-top: 80px;height: 60vh;}
    .yearcampaign .year {max-width: 13%; padding: 0;}.yearcampaign .activity{max-width: 80%; margin-left: 20px;padding-right: 0;}
    .campaignlist {max-width: 98%;}.futurelists ul {padding-right: 0px;}.partners img{width: 15%;margin-right: 0;margin-top: 15px; margin-left: 10px;}
    .siteblogs .right{padding: 0;}.recentpost .post {padding: 15px 0px 15px 0px;display: inline-flex;}.post .col3{width: 20%;}
    .blogdetail .detail{padding: 0;}.siteblogs .detail h2 {font-size: 20px;}
    .detail .image{max-width: 20%;}.blogdetail .image img{width: 80%;}
    .detail .published{padding: 0;margin-top: 10px;max-width: 80%;}.detail .published p{font-size: 14px;}
    .detail .published span{font-size: 12px;}.fulldetail{padding: 0;}.sitegalleryimages .top{display: inline-block;}
    .sitegalleryimages .top .sub-menu-parent{margin-left: 0%;}.sitegalleryimages .top .col6 h2{font-size: 30px;}
    .sitegalleryimages .teamgallerydetails .gallery-img-wrap{width: 48.2%;}
    .sitegalleryimages .gallerydetails .gallery-img-wrap{width: 48.3%;}
    .siteprojects .gallerylists .col4{width: 100%;}
    .sitecontact .contactinfo ul {padding: 50px 30px 50px 40px; }
    .contactform {padding: 50px 15px 50px 15px; }.sitecontact .contactform p {font-size: 18px;}
    .sitecontact .contactform h2 {margin-bottom: 15px; font-size: 30px; }
    .sitepublications .publicationlists .file{width: 100%;left: 0px!important;padding: 0;}
    .sitepublications .top{max-width: 100%;width: 100%;display: inline-block;}
    .sitepublications .top .col6{max-width: 100%;}.top .sub-menu-parent{margin-left: 0;margin-top: 15px;}
     .checkbox{display: inline-block;}.sitepublications .establish p{padding: 0 3%;}
    .sitevacancy .vacancylist {padding: 0px;}.vacancylist .header{display: none;}.establish h2{font-size: 30px;}
    .vacancylist .body .col4,.vacancylist .body .col2{margin-bottom: 5px;}.vacancylist .body .col4{font-size: 18px;}
    .yamm .dropdown.yamm-fullwidth .dropdown-menu{width: 100%;}.yamm .yamm-content {padding: 0px 15px;}
    .wedo .col12 .img{position: unset;width: 100%;margin-bottom: 40px;}.wedo {margin: 10px 0px 10px 0px; }
    .sitebbc .wedo .col12 {padding: 30px 70px;}.projectdetailwrap .organization .col12{padding: 30px 15px;display: inline-block;}
    .projectdetailwrap{padding: 0;}.organization .col2 img{width: 30%;}.organization .col2{text-align: center;margin-bottom: 20px;}
    .projectdetailwrap .detail h1, .projectdetailwrap .detail h2, .projectdetailwrap .detail h3, .projectdetailwrap .detail h4, 
    .projectdetailwrap .detail h5, .projectdetailwrap .detail h6 {padding-right: 0;}.accordion .btn{padding: 0;margin-top: -3px;}
    .accordion .requirements .col9, .accordion .requirements .col3{padding: 0;}.card-body .apply{margin: 30px 0px;}
    .modal{width: 100%;}.modal .modal-content h2{font-size: 32px;}
    .md-close{top: -30px;}.modal.show .modal-dialog{margin-top: 30px;}
    .modal .modal-content .header {padding: 65px 10px 45px 10px; }.modal .modal-content .story p{padding: 40px 10px;}
    .modal .modal-content .bottom{padding: 50px 10px;}
    .donatedetail .todonate ul li{text-align: center;}
    .donatedetail .todonate{padding: 30px 30px;}
}

@media (min-width: 600px) and (max-width: 767px) {
    .container{padding-left: 15px;padding-right: 15px;}.md2{width:30%;}.md2 img{padding-left: 15px;}
    .carousel-control-prev,.carousel-control-next{display: none!important;}
    .topnav .col2 , .topnav .col3 {padding: 0;margin: 20px 0px 0px 0px;}.topnav .col2{max-width: 30%;padding-left: 5%;}.topnav .col3{max-width: 50%;padding-left: 5%;}
    .topnav .container{padding: 0;}.topnav .zmdi{font-size: 18px;margin-left: 0;}.topnav h2 , .topnav p {font-size: 13px;}
    .topnav .col2 .call{margin-left: 5px;}.topnav .col3 .email{margin-left: 5px;}.bg-light{padding: 8px 0px 8px 0px;}
    .carousel-caption .readmore , .carousel-caption .donateus {font-size: 12px;}.donateus{padding: 10px 17px;}
    .carousel-indicators{display: none;}.carousel-caption{width: 70%;bottom: 12%;left: 10%;}
    .carousel-caption p{margin-bottom: 18px;font-size: 15px;}.carousel-caption h5 {margin-bottom: 8px;font-size: 24px; }
    .nav-item {margin-right: 0; margin-left: 0; }.sitebbc .container{padding: 0;}.aboutbbc{margin-left: 0;padding-left: 25%; padding-top: 5%;}.sitenews .donateus{margin-left: 0;}.sitenews .top h3{font-size: 22px;}
    .sitebbc .bbc{padding-top: 40px;padding-bottom: 100px;}.aboutbbc h2{font-size: 20px;}.aboutbbc p{font-size: 18px;}.sitebbc .bbc::after{display: none;}
    .quote{padding: 50px 0px 40px 0px; max-width: 75%; margin: 0 auto;}.quote p:nth-child(1){font-size: 16px;margin-bottom: 6px;}
    .quote p:nth-child(2) {font-size: 15px;}.mid::before , .mid::after {display: none;}
    .owl-carousel .owl-nav button.owl-next{top: -18%;right: 30%;}.owl-carousel .owl-nav button.owl-prev{top: -18%;left: 30%;}
    .siteinvolve .top {padding: 0% 5%; }.top h3{font-size: 25px;}.dvj img{margin: 30px 0px 60px 15px;width: 95px;}.sub-menu{min-width: 100%;width: 100%;}
    .siteinvolve .dvj{background-position-y: 38%;}#return-to-top{right: 2%;}.socialmedia {text-align: center; margin-bottom: 15px; }
    footer .col3{max-width: 50%;}footer .copyright p{font-size: 14px;}.secondcolumn ul, .lastcolumn ul {margin-left: 35px; }
    .parallax-window::before{background: rgba(0,0,0,0.5);}.curveline{display: none;}
    .parallax-window{background-position: center ;background-repeat: no-repeat;background-position-y:0px!important;}
    .aboutdetail {padding: 15px;}.aboutdetail h2{font-size: 19px;}.sitetopsection img{height: 22vh;}
    .siteaboutus{margin-top: 30px;}.jumbotext{top: 30%;}.jumbotext h1{font-size: 22px;}.jumbotext p{font-size: 14px;}
    .aboutdetail p{font-size: 14px;}.aboutdetail h4{font-size: 18px;}.establish .col3{margin-top: 15px;margin-right: 0;max-width: 50%;}
    .approachlist{margin-top: 0;}.approach{padding: 15px;margin-top: 70px;}.establish h3{font-size: 30px;}
    .approachlist .col3:nth-child(1){float: left;margin: 0;-webkit-box-shadow: 0px -20px 109px 4px rgba(0,0,0,0.09);
    -moz-box-shadow: 0px -20px 109px 4px rgba(0,0,0,0.09);
    box-shadow: 0px -20px 109px 4px rgba(0,0,0,0.09);}.approachlist p{text-align: justify;}
    .approachlist .col3:nth-child(2){float: left;margin: 0;-webkit-box-shadow: 0px -20px 109px 4px rgba(0,0,0,0.09);
    -moz-box-shadow: 0px -20px 109px 4px rgba(0,0,0,0.09);
    box-shadow:0px -20px 109px 4px rgba(0,0,0,0.09);}
    .approachlist .col3:nth-child(3){float: left;margin: 0;-webkit-box-shadow: 0px -20px 109px 4px rgba(0,0,0,0.09);
    -moz-box-shadow: 0px -20px 109px 4px rgba(0,0,0,0.09);
    box-shadow: 0px -20px 109px 4px rgba(0,0,0,0.09);}.area{padding: 30px;}.campaignlist{margin-top: 80px;height: 60vh;}
    .yearcampaign .year {max-width: 13%; padding: 0;}.yearcampaign .activity{max-width: 80%; margin-left: 20px;padding-right: 0;}
    .campaignlist {max-width: 98%;}.futurelists ul {padding-right: 0px;}.partners img{width: 15%;margin-right: 0;margin-top: 15px; margin-left: 20px;}
    .siteblogs .right{padding: 0;}.recentpost .post {padding: 15px 0px 15px 0px;display: inline-flex;}.post .col3{width: 18%;}
    .detail .image{max-width: 20%;}.blogdetail .image img{width: 80%;}.gallerylists .col4{max-width: 50%;}
    .detail .published{padding: 0;margin-top: 10px;max-width: 80%;}.detail .published p{font-size: 14px;}
    .detail .published span{font-size: 12px;}.fulldetail{padding: 0;}.sitegalleryimages .top .col6 h2{font-size: 20px;}
    .sitegalleryimages .top{display: inline-block;}.sitegalleryimages .top .col6{max-width: 50%;float: left;}
    .sitegalleryimages .top .sub-menu-parent{margin-left: 15%;}.sitegalleryimages .teamgallerydetails .gallery-img-wrap{width: 48.5%;}
    .sitegalleryimages .gallerydetails .gallery-img-wrap{width: 48.3%;}
    .siteprojects .gallerylists .col4{width: 47.7%;}.contactform {padding: 50px 50px 50px 50px; }
    .checkbox .col2,.checkbox .col10{max-width: 50%}.sitepublications .publicationlists .file{width: 48%;}
    .sitevacancy .vacancylist {padding: 0px;}.vacancylist .header{display: none;}
    .vacancylist .body .col4,.vacancylist .body .col2{margin-bottom: 5px;}.vacancylist .body .col4{font-size: 20px;}
    .sitepublications .publicationlists .file{width: 100%;left: 0px!important;padding: 0;}
    .sitepublications .top{max-width: 100%;width: 100%;}.top .sub-menu-parent{margin-left: 15px;}
    .sitepublications .top .search{max-width: 65%;}.sitepublications .top .drop{max-width: 35%;}
    .yamm .dropdown.yamm-fullwidth .dropdown-menu{width: 100%;}
    .wedo .col12 .img{position: unset;width: 100%;margin-bottom: 40px;}.wedo {margin: 10px 0px 10px 0px; }
    .sitebbc .wedo .col12 {padding: 30px 70px; }.projectdetailwrap{padding: 0;}.organization .col2{max-width: 20%;}
    .projectdetailwrap .detail h1, .projectdetailwrap .detail h2, .projectdetailwrap .detail h3, .projectdetailwrap .detail h4,
    .projectdetailwrap .detail h5, .projectdetailwrap .detail h6 {padding-right: 20%;}
    .accordion .btn{padding: 0;margin-top: -3px;}
    .accordion .requirements .col9, .accordion .requirements .col3{padding: 0;}.card-body .apply{margin: 30px 0px;}
    .modal{width: 95%;}.modal .modal-content h2{font-size: 32px;}
    .md-close{top: -30px;}.modal.show .modal-dialog{margin-top: 30px;}
    .modal .modal-content .header {padding: 65px 10px 45px 10px; }.modal .modal-content .story p{padding: 40px 10px;}
    .modal .modal-content .bottom{padding: 50px 10px;}
    .donatedetail .todonate ul li{text-align: center;}
    .donatedetail .todonate{padding: 30px 60px;}
}  

@media (min-width: 768px) and (max-width: 991px) {
   .container{padding-left: 15px;padding-right: 15px;}.md2{width:30%;}.md2 img{padding-left: 15px;}.topnav .logo .md6{padding-top: 14px;padding-left: 10%;}
   .topnav .logo{max-width: 50%;} .topnav .col2 , .topnav .col3 {padding: 0;margin: 25px 0px 0px 0px;}.topnav .col2{max-width: 30%;}.topnav .col3{max-width: 25%;padding-left: 2%;}
    .topnav .container{padding: 0;}.topnav .zmdi{font-size: 18px;margin-left: 0;}.topnav h2 , .topnav p {font-size: 13px;}
    .topnav .col2 .call{margin-left: 5px;}.topnav .col3 .email{margin-left: 5px;}.bg-light{padding: 8px 0px 8px 0px;}
    .carousel-caption .readmore , .carousel-caption .donateus {font-size: 11px;}.donateus{padding: 10px 17px;}
    .carousel-indicators{display: none;}.carousel-caption{width: 55%;bottom: 15%;left: 12%;}
    .carousel-caption p{margin-bottom: 18px;font-size: 15px;}.carousel-caption h5 {margin-bottom: 8px;font-size: 29px; }
    .nav-item {margin-right: 0; margin-left: 0; }.sitebbc .container{padding: 0;}.aboutbbc{margin-left: 0;padding-left: 20%; padding-top: 0%;}.sitenews .donateus{margin-left: 0;}.sitenews .top h3{font-size: 22px;}
    .sitebbc .bbc{padding-top: 40px;padding-bottom: 100px;}.aboutbbc h2{font-size: 20px;}.aboutbbc p{font-size: 18px;}.sitebbc .bbc::after{right: 10px;}
    .sitebbc .col12{padding: 70px 20px;}.sitebbc .col4 .col12 h3{font-size: 20px;}.mid::before , .mid::after {display: none;}
    .quote{padding: 80px 0px 65px 0px;max-width: 75%; margin: 0 auto;}.quote p:nth-child(1){font-size: 16px;margin-bottom: 6px;}
    .quote p:nth-child(2) {font-size: 15px;}.sub-menu{min-width: 100%;width: 100%;}
    .owl-carousel .owl-nav button.owl-next{top: -18%;right: 30%;}.owl-carousel .owl-nav button.owl-prev{top: -18%;left: 30%;}
    .siteinvolve .top {padding: 0% 5%; }.top h3{font-size: 25px;}.dvj img{margin: 30px 0px 60px 15px;width: 95px;}
    .siteinvolve .dvj{background-position-y: 38%;}#return-to-top{right: 2%;bottom: 65px;}.socialmedia {text-align: center; margin-bottom: 15px; }
    footer .col3{max-width: 55%;min-width: 50%;}footer .copyright p{font-size: 14px;}.secondcolumn ul, .lastcolumn ul {margin-left: 35px; } 
    .parallax-window::before{background: rgba(0,0,0,0.5);}.curveline{display: none;}
    .parallax-window{background-position: center ;background-repeat: no-repeat;background-position-y:0px!important;}
    .aboutdetail {padding: 30px;}.aboutdetail h2{font-size: 19px;}.sitetopsection img{height: 30vh;}
    .siteaboutus{margin-top: 30px;}.jumbotext{top: 33%;}.jumbotext h1{font-size: 25px;}.jumbotext p{font-size: 14px;}
    .aboutdetail p{font-size: 14px;}.aboutdetail h4{font-size: 18px;}.establish .col3{margin-top: 15px;margin-right: 0;max-width: 50%;}
    .siteourarea .area, .siteourarea .image {max-width: 100%; width: 100%; min-width: 100%; }
    .campaignlist {max-width: 56%; margin-left: 0; height: 60vh; overflow-y: scroll; }.partners img {width: 8%; margin-left: 17px;}
    .siteblogs .right {margin-top: 60px; padding-left: 30px; width: 50%; min-width: 50%; }
    .futurelists ul {padding-right: 15px; }.siteblogs .left{max-width: 50%;}.bloglist .col6{max-width: 100%;}
    .detail .image{max-width: 25%;}.blogdetail .image img{width: 80%;}
    .detail .published{padding: 0;margin-top: 10px;max-width: 100%;}.detail .published p{font-size: 14px;}
    .detail .published span{font-size: 12px;}.fulldetail{padding: 0;}
    .siteblogs .detail h2 {font-size: 22px; }.recentpost h4 {font-size: 14px; font-weight: 500; }.siteblogs span {color: #7c7c7c; font-size: 14px; }
    .sitegalleryimages .teamgallerydetails .gallery-img-wrap{width: 48.6%;}.gallerylists .col4{max-width: 50%;}
    .sitegalleryimages .top .sub-menu-parent{margin-left: 35%;}.sitegalleryimages .top .col6 h2{font-size: 25px;}
    .sitegalleryimages .gallerydetails .gallery-img-wrap{width: 31.9%;}.sitecontact .contactinfo ul {padding: 50px 15px 50px 30px;}
    .contactform {padding: 50px 15px 50px 15px; }.sitecontact .contactform p{font-size: 16px;}
    .sitecontact .contactform h2 {margin-bottom: 15px; font-size: 25px; }
    .sitecontact .contactinfo .zmdi{margin-right: 5px;height: 30px;width: 30px;line-height: 30px;font-size: 16px;}
    .checkbox .col2,.checkbox .col10{min-width: 25%}.sitepublications .publicationlists .file{width: 48.5%;}
    .sitevacancy .vacancylist {padding: 0px;}.vacancylist .header{display: none;}
    .vacancylist .body .col4,.vacancylist .body .col2{margin-bottom: 5px;max-width: 100%;}
    .vacancylist .body .col4{font-size: 20px;}.vacancylist .body .col12{max-width: 50%;float: left;margin-bottom: 0px;}
    .establish h2{font-size: 35px}.establish p{padding: 0 10%;}
    .sitepublications .publicationlists .file{width: 100%;left: 0px!important;padding: 0;}
    .sitepublications .top{max-width: 100%;width: 100%;}.top .sub-menu-parent{margin-left: 15px;}
    .sitepublications .top .search{min-width: 70%;}.sitepublications .top .drop{max-width: 30%;}
    .yamm .dropdown.yamm-fullwidth .dropdown-menu{width: 100%;}
    .wedo .col12 .img{position: unset;width: 50%;margin-bottom: 40px;max-height:170px;min-height: 170px;float: left; }
    .wedo {margin: 10px 0px 10px 0px; } .sitebbc .wedo .col12 {padding: 30px 60px; }
    .projectdetailwrap{padding: 0;}.organization .col2{max-width: 30%;}
    .projectdetailwrap .organization .col12{padding: 30px 10px;}.accordion .btn{padding: 0;margin-top: -3px;}
    .accordion .requirements .col9, .accordion .requirements .col3{padding: 0;max-width: 100%;}.card-body .apply{margin: 30px 0px;}
    .modal{width: 90%;}.modal .modal-content h2{font-size: 32px;}
    .md-close{top: -30px;}.modal.show .modal-dialog{margin-top: 30px;}
    .siteprojects .gallerylists .col4{width: 48.3%;}
    .modal .modal-content .header {padding: 65px 10px 45px 10px; }.modal .modal-content .story p{padding: 40px 10px;}
    .modal .modal-content .bottom{padding: 50px 10px;}.donatedetail .todonate ul li{text-align: left;}
    .donatedetail .todonate{padding: 30px 10px;}

}
@media (min-width: 992px) and (max-width: 1199px) {
    .container{padding-left: 15px;padding-right: 15px;}.md2{width:30%;}.md2 img{padding-left: 15px;}.topnav .logo .md6{padding-top: 22px;padding-left: 10%;}
   .topnav .logo{max-width: 50%;} .topnav .col2 , .topnav .col3 {padding: 0;margin: 35px 0px 0px 0px;}.topnav .col2{max-width: 30%;}.topnav .col3{max-width: 25%;padding-left: 5%;}
    .topnav .container{padding: 0;}.topnav .zmdi{font-size: 18px;margin-left: 0;}.topnav h2 , .topnav p {font-size: 13px;}
    .topnav .col2 .call{margin-left: 5px;}.topnav .col3 .email{margin-left: 5px;}.bg-light{padding: 8px 0px 0px 0px;}
    .carousel-caption .readmore , .carousel-caption .donateus {font-size: 12px;}.donateus{padding: 10px 17px;}
    .carousel-indicators{display: none;}.carousel-caption{width: 55%;bottom: 20%;left: 12%;}
    .carousel-caption p{margin-bottom: 18px;font-size: 18px;}.carousel-caption h5 {margin-bottom: 8px;font-size: 38px; }
    .nav-item {margin-right: 15px; margin-left: 0; }.sitebbc .container{padding: 0;}.aboutbbc{margin-left: 0;padding-left: 16%; padding-top: 6%;}.sitenews .donateus{margin-left: 0;}.sitenews .top h3{font-size: 30px;}
    .sitebbc .bbc{padding-top: 40px;padding-bottom: 100px;}.aboutbbc h2{font-size: 20px;}.aboutbbc p{font-size: 18px;}.sitebbc .bbc::after{right: 10px;}
    .sitebbc .col12{padding: 70px 30px;}.sitebbc .col4 .col12 h3{font-size: 20px;}.sub-menu{min-width: 100%;width: 100%;}
    .quote{padding: 110px 0px 100px 70px; max-width: 52%;}.quote p:nth-child(1){font-size: 16px;margin-bottom: 6px;}
    .quote p:nth-child(2) {font-size: 15px;}.owl-carousel .owl-stage-outer{padding-top: 20px;}
    .owl-carousel .owl-nav button.owl-next{top: -16%;right: 35%;}.owl-carousel .owl-nav button.owl-prev{top: -16%;left: 35%;}
    .siteinvolve .top {padding: 0% 5%; }.top h3{font-size: 30px;}.dvj img{margin: 30px 0px 60px 15px;}
    .siteinvolve .dvj{background-position-y: 38%;}#return-to-top{right: 2%;bottom: 65px;}.socialmedia {text-align: center; margin-bottom: 15px; }
    footer .col3{max-width: 55%;min-width: 50%;}footer .copyright p{font-size: 14px;}.secondcolumn ul, .lastcolumn ul {margin-left: 35px; } 
    .parallax-window::before{background: rgba(0,0,0,0.5);}.mid::before{left: 48.8%;}
    .parallax-window{background-position: center ;background-repeat: no-repeat;background-position-y:0px!important;}
    .sitetopsection img {width: 100%; height: 40vh; }.aboutdetail {padding: 100px 50px; }.establish p{font-size: 16px;}
    .establish .col3{margin-left: 14px;margin-right: 0;}.campaignlist {max-width: 56%; margin-left: 0; height: 80vh; overflow-y: scroll; }
    .area{padding: 15px;}.partners img {width: 7%; margin-left: 30px;margin-right: 0;}.sitefuture{background-position-x:90%; }
    .recentpost h4 {font-size: 12px; font-weight: 500; }.siteblogs span {color: #7c7c7c; font-size: 12px; }
    .sitegalleryimages .teamgallerydetails .gallery-img-wrap{width: 32.2%;}
    .sitegalleryimages .gallerydetails .gallery-img-wrap{width: 32.3%;}.jumbotext h1{font-size: 30px;}
    .contactform {padding: 50px 50px 50px 50px; }.sitecontact .contactinfo ul {padding: 50px 30px 50px 50px; }
    .checkbox .col2,.checkbox .col10{max-width: 25%}.sitepublications .publicationlists .file{width: 31.9%;}
    .sitevacancy .vacancylist {padding: 0px 50px; }.projectdetailwrap{padding: 0 40px;}
    .sitepublications .publicationlists .file{width: 100%;left: 0px!important;padding: 0px 82px;}
    .wedo .col12 .image5{right: -20px;}.wedo .col12 .image1{left: -20px;bottom: -80px;}
    .siteprojects .gallerylists .col4{width: 31.6%;}.modal .modal-content .bottom{padding: 50px 30px;}
    .modal .modal-content .header {padding: 65px 50px 45px 50px; }
}
@media (min-width: 1326px) and (max-width: 1326){
    .campaignlist {max-width: 55%; margin-left: 0; height: 75vh; overflow-y: scroll; }
   .carousel-caption h5{font-size: 34px;} .modal{width: 42%;}
}
@media (min-width: 1370px) and (max-width: 1899px) {
    .campaignlist {max-width: 55%; margin-left: 0; height: 75vh; overflow-y: scroll; }.modal{width: 42%;}
    .yearcampaign .activity h5{font-size: 20px;}.yearcampaign .activity p{font-size: 16px;}
    .futurelists ul li{font-size: 16px;}.fulldetail p {font-size: 16px; text-align: justify; }
    .fulldetail h1, .fulldetail h2, .fulldetail h3, .fulldetail h4, .fulldetail h5, .fulldetail h6{font-size: 16px;}
}
@media (min-width: 1900px) and (max-width: 2500px) {
    .sitebbc .bbc::after{right: 15%;}.siteinvolve .dvj{background-position-y: 70%;}
    .quote{padding: 11% 50px 10% 120px;}.quote p:nth-child(1) {font-size: 30px; color: #ffffff; }
    .quote p:nth-child(2) {font-size: 30px; color: #ffffff; }.futurelists ul li{font-size: 16px;}
    .approachlist .col3 p{font-size: 16px;}.yearcampaign .activity h5{font-size: 20px;}.yearcampaign .activity p{font-size: 16px;}
    .campaignlist {max-width: 50%; margin-left: 30px; height: 104vh; overflow-y: scroll; }.modal{width: 42%;}
    .campaigns .image img{width: 100%;}.fulldetail p {font-size: 16px; text-align: justify; }
    .fulldetail h1, .fulldetail h2, .fulldetail h3, .fulldetail h4, .fulldetail h5, .fulldetail h6{font-size: 16px;}
}



.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {position: absolute; opacity: 0; z-index: -1; }
.checkbox label {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  padding-left: 30px;
  padding-right: 10px;
  line-height: 36px;
  cursor: pointer;
  color: #7c7c7c;
}
.checkbox label::before {
  content: " ";
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  border: 2px solid #ae6be6;
  border-radius: 4px;
  z-index: -1;
}
.checkbox input[type="radio"] + label::before {
  border-radius: 18px;
}
/* Checked */
.checkbox input[type="checkbox"]:checked + label,
.checkbox input[type="radio"]:checked + label {
  padding-left: 10px;
  color: #fff;
}
.checkbox input[type="checkbox"]:checked + label::before,
.checkbox input[type="radio"]:checked + label::before {
  top: 0;
  width: 100%;
  height: 100%;
  background: #ae6be6;
}
/* Transition */
.checkbox label,
.checkbox label::before {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}
.error{color: red!important; display: block!important;}
.siteerror .row{display: block;margin-top: 16%;}.siteerror h1{font-size: 70px;font-weight: 700;}
.siteerror h2{font-weight: 400;color: #3c3c3c;margin-bottom: 12px;}.siteerror h4{color: #cdcdcd;margin-bottom: 40px;font-size: 20px;}
.siteerror a{background: #00aeef;color:#ffffff;padding: 10px 20px;}



/* STORY-PAGE-CSS */
.bg-progress {
  width: 0;
  position: sticky;
  height: 6px;
  top: 47px;
  z-index: 999;
  left: 0;
  margin-left: 0;
}
 .progressBar {
	 width: 0;
	 height: 100%;
	 background: #00bda1;
}
 .story-top-section {
	 background: #cfd9e9;
	 padding: 2.875rem 0;
}
 .story-top-section .title-wrapper h1 {
	 font-weight: 600;
	 font-size: 4rem;
	 line-height: 120%;
	 color: #0f3f92;
}
 .story-top-section .view-and-loved .inner-wrapper p {
	 font-weight: 400;
	 font-size: 0.8125rem;
	 line-height: 150%;
	 color: #2d2a2a;
}
.story-top-section .view-and-loved .inner-wrapper{
  margin-left: 0;
}
 .story-top-section .view-and-loved .inner-wrapper svg {
	 margin-right: 0.25rem;
}
 .story-top-section .view-and-loved .inner-wrapper.view {
	 margin-right: 0.875rem;
}
 .story-top-section,.chapter-page-title .view-and-loved .inner-wrapper.loved p span {
	 font-weight: 700;
	 font-size: 0.8125rem;
	 line-height: 150%;
	 color: #ff1c6d;
}

.main-story-wrapper .chapter-page-title{
  flex-wrap: wrap;
}

.main-story-wrapper .chapter-page-title .view-and-loved .view{
  margin-right: .875rem;
}

 .main-story-wrapper .side-bar {
	 position: sticky;
	 top: 12%;
}
 .main-story-wrapper .side-bar.chapters-wrapper h1, .main-story-wrapper .side-bar.chapters-wrapper h2, .main-story-wrapper .side-bar.chapters-wrapper h3, .main-story-wrapper .side-bar.chapters-wrapper h4, .main-story-wrapper .side-bar.chapters-wrapper h5, .main-story-wrapper .side-bar.chapters-wrapper h6 {
	 font-weight: 500;
	 font-size: 1.5rem;
	 padding-bottom: 0.375rem;
	 border-bottom: 1px solid rgba(217, 217, 217, 0.42);
	 margin-bottom: 0.875rem;
}
 .main-story-wrapper .side-bar.chapters-wrapper .inner-chapter-wrapper {
	 max-height: 21rem;
	 overflow-y: scroll;
}
 .main-story-wrapper .side-bar.chapters-wrapper .inner-chapter-wrapper:hover::-webkit-scrollbar {
	 display: block;
}
 .main-story-wrapper .side-bar.chapters-wrapper .inner-chapter-wrapper::-webkit-scrollbar {
	 width: 5px;
	 display: none;
}
 .main-story-wrapper .side-bar.chapters-wrapper .inner-chapter-wrapper::-webkit-scrollbar-track {
	 background: #f1f1f1;
}
 .main-story-wrapper .side-bar.chapters-wrapper .inner-chapter-wrapper::-webkit-scrollbar-thumb {
	 background: #0f3f92;
	 border-radius: 10px;
}
 .main-story-wrapper .side-bar.chapters-wrapper .inner-chapter-wrapper::-webkit-scrollbar-thumb:hover {
	 background: #555;
}
 .main-story-wrapper .side-bar.chapters-wrapper .inner-chapter-wrapper .chapters {
	 display: none;
	 transition: 0.3s ease-in-out;
}
 .main-story-wrapper .side-bar.chapters-wrapper .inner-chapter-wrapper .chapters.show {
	 display: block;
}
 .main-story-wrapper .side-bar.chapters-wrapper .inner-chapter-wrapper .chapters:first-child {
	 display: block;
}
 .main-story-wrapper .side-bar.chapters-wrapper .inner-chapter-wrapper .chapters .chapter-title {
	 border-bottom: 1px solid #0f3f92;
	 margin-bottom: 0.375rem;
	 padding-bottom: 0.375rem;
}
 .main-story-wrapper .side-bar.chapters-wrapper .inner-chapter-wrapper .chapters .chapter-title h1, .main-story-wrapper .side-bar.chapters-wrapper .inner-chapter-wrapper .chapters .chapter-title h2, .main-story-wrapper .side-bar.chapters-wrapper .inner-chapter-wrapper .chapters .chapter-title h3, .main-story-wrapper .side-bar.chapters-wrapper .inner-chapter-wrapper .chapters .chapter-title h4, .main-story-wrapper .side-bar.chapters-wrapper .inner-chapter-wrapper .chapters .chapter-title h5, .main-story-wrapper .side-bar.chapters-wrapper .inner-chapter-wrapper .chapters .chapter-title h6 {
	 font-weight: 700;
	 font-size: 0.9375rem;
	 line-height: 150%;
	 color: #0f3f92;
	 margin: 0;
	 border: none;
	 padding: 0;
	 transition: 0.3s ease;
}

.main-story-wrapper .side-bar.chapters-wrapper .inner-chapter-wrapper .chapters .chapter-title a svg{
  margin: 0;
}

.main-story-wrapper .side-bar.chapters-wrapper .inner-chapter-wrapper .chapters .chapter-title:hover a h5{
  margin-left: .625rem;
}

 .main-story-wrapper .side-bar.chapters-wrapper .inner-chapter-wrapper .chapters .inner-chapter ul li {
	 font-weight: 400;
	 font-size: 0.9375rem;
	 line-height: 150%;
	 color: #2d2a2a;
	 margin-bottom: 0.875rem;
	 padding-left: 0.75rem;
}
 .main-story-wrapper .side-bar.chapters-wrapper .inner-chapter-wrapper .chapters .inner-chapter ul li:last-child {
	 margin-bottom: 0;
}
 .main-story-wrapper .side-bar.chapters-wrapper .view-chapter-btn {
	 margin-bottom: 2.0625rem;
}
 .main-story-wrapper .side-bar.chapters-wrapper .view-chapter-btn button {
	 outline: none;
	 border: none;
	 font-weight: 400;
	 font-size: 0.8125rem;
	 line-height: 150%;
	 color: #2d2a2a;
	 padding: 0.75rem 1.25rem;
	 border-radius: 50px;
}
 .main-story-wrapper .side-bar.chapters-wrapper .view-chapter-btn button:hover {
	 color: #0f3f92;
}
 .main-story-wrapper .side-bar.chapters-wrapper .view-chapter-btn button:hover svg {
	 transform: rotate(180deg);
}
 .main-story-wrapper .side-bar.chapters-wrapper .view-chapter-btn button:hover svg path {
	 stroke: #0f3f92;
}
 .main-story-wrapper .side-bar.chapters-wrapper .view-chapter-btn button svg {
	 margin-left: 0.5rem;
	 transition: 0.3s ease;
}
 .main-story-wrapper .side-bar.chapters-wrapper .bookmark {
	 padding: 1.0625rem;
	 background: rgba(217, 217, 217, 0.12);
	 border: 1px solid #d9d9d9;
}
 .main-story-wrapper .side-bar.chapters-wrapper .bookmark .bookmark-icon {
	 margin-right: 0.5625rem;
   margin-left: 0;
}
 .main-story-wrapper .side-bar.chapters-wrapper .bookmark .detail h1, .main-story-wrapper .side-bar.chapters-wrapper .bookmark .detail h2, .main-story-wrapper .side-bar.chapters-wrapper .bookmark .detail h3, .main-story-wrapper .side-bar.chapters-wrapper .bookmark .detail h4, .main-story-wrapper .side-bar.chapters-wrapper .bookmark .detail h5, .main-story-wrapper .side-bar.chapters-wrapper .bookmark .detail h6 {
	 border: none;
	 font-weight: 500;
	 font-size: 0.9375rem;
	 padding: 0;
	 color: #000;
}

.main-story-wrapper .side-bar.chapters-wrapper .bookmark .detail{
  margin-left: 0;
}

.main-story-wrapper .side-bar.chapters-wrapper .bookmark .detail p {
	 font-weight: 400;
	 font-size: 0.9375rem;
	 line-height: 150%;
	 text-decoration-line: underline;
	 color: #2d2a2a;
}
 .main-story-wrapper .side-bar.chapters-wrapper .bookmark .detail .continue-bookmark-btn {
	 font-weight: 700;
	 font-size: 0.8125rem;
	 line-height: 150%;
	 color: #fff;
	 background: #00aeef;
	 border-radius: 34px;
	 padding: 0.375rem 0.75rem;
}
 @media (max-width: 991px) {
	 .main-story-wrapper .side-bar.social-media-wrapper .social-media-icon-wrapper {
		 display: flex;
		 justify-content: center;
	}
	 .main-story-wrapper .side-bar.social-media-wrapper .social-media-icon-wrapper .social-icon {
		 margin-right: 0.875rem;
	}
	 .main-story-wrapper .side-bar.social-media-wrapper .social-media-icon-wrapper .social-icon:last-child {
		 margin-right: 0;
	}
}
 .main-story-wrapper .side-bar.social-media-wrapper h1, .main-story-wrapper .side-bar.social-media-wrapper h2, .main-story-wrapper .side-bar.social-media-wrapper h3, .main-story-wrapper .side-bar.social-media-wrapper h4, .main-story-wrapper .side-bar.social-media-wrapper h5, .main-story-wrapper .side-bar.social-media-wrapper h6 {
	 font-weight: 500;
	 font-size: 1.125rem;
	 line-height: 150%;
	 color: #000;
	 margin-bottom: 0.625rem;
}
 .main-story-wrapper .side-bar.social-media-wrapper .social-media-icon-wrapper .social-icon {
	 margin-bottom: 0.875rem;
}
 .main-story-wrapper .side-bar.social-media-wrapper .social-media-icon-wrapper .social-icon:last-child {
	 margin-bottom: 0;
}
 .main-story-wrapper .middle-content-wrapper .bookmark-highlight {
	 position: relative;
}

.main-story-wrapper .middle-content-wrapper .bookmark-highlight{
  font-weight: bolder;
}


 .main-story-wrapper .middle-content-wrapper .bookmark-highlight .bookmark-tag {
	 position: absolute;
	 top: 0%;
	 right: -18%;
	 z-index: 111;
   cursor: pointer;
}
.main-story-wrapper .middle-content-wrapper .bookmark-highlight .bookmark-icon {
  position: absolute;
  top: 0%;
  right: -18%;
  z-index: 111;
  cursor: pointer;
}
.main-story-wrapper .middle-content-wrapper .bookmark-highlight .bookmark-tag p{
  opacity: 0;
  transition: 0.3s ease;
}

.bookmark-tag #bookmark-tag-svg-clicked{
  display: none;
}
.newClass #bookmark-tag-svg-clicked{
  display: block;
}
.newClass #bookmark-tag-svg{
  display: none;
}
.main-story-wrapper .middle-content-wrapper .bookmark-highlight .bookmark-tag:hover p{
  opacity: 1;
}
 @media (max-width: 1024px) {
	 .main-story-wrapper .middle-content-wrapper .bookmark-highlight .bookmark-tag {
		 position: unset;
	}
}
 .main-story-wrapper .middle-content-wrapper .bookmark-highlight .bookmark-tag svg {
	 margin-right: 0.6875rem;
   margin-left: 0;
}
 .main-story-wrapper .middle-content-wrapper .bookmark-highlight .bookmark-tag p {
	 background: #2d2a2a;
	 border-radius: 34px;
	 padding: 0.75rem;
	 margin: 0;
	 font-weight: 400;
	 font-size: 0.75rem;
	 line-height: 150%;
	 color: #fff;
}

.loved-wrapper{
  margin: 0;
  cursor: pointer;
}

.loved-wrapper #afterLoveIcon{
  display: none;
}

.loveClicked #beforeLoveIcon{
  display: none;
}

.loveClicked #afterLoveIcon{
  display: block;
  margin-right: .375rem;
}

.loveClicked{
  display: flex;
  align-items: center;
}

.loved-wrapper a {
	 font-weight: 500;
	 font-size: 1.125rem;
}
 .loved-wrapper a svg {
	 margin-right: 0.3906rem;
}
 .main-story-wrapper .continue-wrapper .continue-chapter-btn {
	 margin: 2.5rem 0;
}
 .main-story-wrapper .continue-wrapper .continue-chapter-btn button {
	 padding: 0.5625rem 0.9375rem;
	 font-weight: 500;
	 font-size: 1rem;
	 line-height: 150%;
	 color: #fff;
	 background: #00bda1;
	 border-radius: 2.125rem;
	 outline: none;
	 border: none;
	 transition: 0.3s ease-in-out;
}
 .main-story-wrapper .continue-wrapper .continue-chapter-btn button svg {
	 transition: 0.3s ease-in-out;
	 margin-left: 0.375rem;
}
 .main-story-wrapper .continue-wrapper .continue-chapter-btn button:hover {
	 padding: 0.5625rem 1.375rem;
}
 .main-story-wrapper .continue-wrapper .continue-chapter-btn button:hover svg {
	 margin-left: 0.875rem;
}
 .main-story-wrapper .comment-box .top-title-wrapper {
	 margin: 1.125rem 0;
	 border-bottom: 1px solid #f2eeee;
}
 .main-story-wrapper .comment-box .top-title-wrapper h1, .main-story-wrapper .comment-box .top-title-wrapper h2, .main-story-wrapper .comment-box .top-title-wrapper h3, .main-story-wrapper .comment-box .top-title-wrapper h4, .main-story-wrapper .comment-box .top-title-wrapper h5, .main-story-wrapper .comment-box .top-title-wrapper h6 {
	 font-weight: 500;
	 font-size: 1.5rem;
}
 @media (max-width: 425px) {
	 .main-story-wrapper .comment-box .comments-wrapper .nav {
		 display: block !important;
	}
	 .main-story-wrapper .comment-box .comments-wrapper .nav li {
		 margin-bottom: 0.75rem;
	}
}

.main-story-wrapper .comment-box .comments-wrapper ul li{
  margin-left: 0;
  margin-bottom: 0;
}

.main-story-wrapper .chapter-page-title h1{
  margin: 0;
  font-weight: 600;
font-size: 4rem;
line-height: 150%;
color: #000000;
}

.main-story-wrapper .comment-box .comments-wrapper ul{
  border-bottom: 3px solid #a89ba842;
}

 .main-story-wrapper .comment-box .comments-wrapper ul li button {
	 background: none;
	 outline: none;
	 border: none;
	 border-radius: 0;
	 padding: 0 0 1rem 0;
	 margin-right: 1.25rem;
	 font-weight: 900;
	 color: rgba(0, 0, 0, 0.411);
	 font-size: 1.25rem;
}
 .main-story-wrapper .comment-box .comments-wrapper ul li button.active {
	 border-bottom: 2px solid #00aeef;
	 font-weight: 700;
	 color: #000;
	 margin-bottom: -2px;
}
 .main-story-wrapper .comment-box .comments-wrapper ul .gwen-drop {
	 right: 0;
	 top: -10px;
}
 .main-story-wrapper .comment-box .comments-wrapper ul .gwen-drop.dropdown button {
	 outline: none;
	 border: none;
   background-color: none;
}
 .main-story-wrapper .comment-box .comments-wrapper ul .gwen-drop.dropdown button .icon-wrapper {
	 position: relative;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 color: #fff;
}
 .main-story-wrapper .comment-box .comments-wrapper ul .gwen-drop.dropdown button .icon-wrapper .count {
	 position: absolute;
}
 .main-story-wrapper .comment-box .comments-wrapper ul .gwen-drop.dropdown button h6 {
	 font-weight: 900;
	 color: rgba(0, 0, 0, 0.6);
	 font-size: 1.25rem;
	 margin: 0;
   margin-right: .75rem;
}
 @media (max-width: 425px) {
	 .main-story-wrapper .comment-box .comments-wrapper .comment-top-section {
		 display: block !important;
	}
}
 .main-story-wrapper .comment-box .comments-wrapper .comment-top-section .recommend {
	 margin-right: 1rem;
	 font-weight: 600;
   margin-left: 0;
}
 .main-story-wrapper .comment-box .comments-wrapper .comment-top-section .recommend svg {
	 margin-right: 0.75rem;
   margin-left: 0;
}
 .main-story-wrapper .comment-box .comments-wrapper .comment-top-section .recommend p {
	 padding-right: 0.75rem;
	 font-size: 1.125rem;
}
 .main-story-wrapper .comment-box .comments-wrapper .comment-top-section .recommend span {
	 background-color: #dddddd75;
	 padding: 3px 8px;
   margin: 0;
}
.main-story-wrapper .comment-box .comments-wrapper .comment-top-section .share{
  margin-left: 0;
}
.main-story-wrapper .comment-box .comments-wrapper .comment-top-section .share a {
	 font-size: 1.125rem;
	 font-weight: 600;
   color: rgb(128, 128, 128);
}
 .main-story-wrapper .comment-box .comments-wrapper .comment-top-section .sort-by {
	 right: 0;
}
 @media (max-width: 425px) {
	 .main-story-wrapper .comment-box .comments-wrapper .comment-top-section .sort-by {
		 top: 0;
	}
}
 .main-story-wrapper .comment-box .comments-wrapper .comment-top-section .sort-by .dropdown button {
	 background: none;
	 font-weight: 600;
	 color: rgba(0, 0, 0, 0.411);
	 font-size: 1.25rem;
	 margin: 0;
	 outline: none;
	 border: none;
}
 .main-story-wrapper .comment-box .comments-wrapper .comments .self-comment textarea {
	 height: 3.125rem;
	 border-radius: 0.375rem;
	 width: 100%;
	 border: 2px solid #d3d3d3;
	 font-size: 1.125rem;
	 padding-left: 0.75rem;
	 outline: none;
	 padding-top: 0.625rem;
}
 .main-story-wrapper .comment-box .comments-wrapper .comments .parent_comment-wrapper {
	 border-bottom: 2px solid #a89ba842;
}
 .main-story-wrapper .comment-box .comments-wrapper .comments .parent_comment-wrapper .result_comment h6 {
	 font-size: 1.125rem;
	 font-weight: 600;
	 margin-right: 1.0625rem;
	 color: #00aeef;
	 margin-bottom: 0;
   margin-left: 0;
}
 .main-story-wrapper .comment-box .comments-wrapper .comments .parent_comment-wrapper .result_comment .title-wrapper {
	 border: none;
	 margin-top: 0;
	 margin-bottom: 0.375rem;
   flex-wrap: wrap;
}
 .main-story-wrapper .comment-box .comments-wrapper .comments .parent_comment-wrapper .result_comment .title-wrapper span {
	 margin-right: 0.75rem;
   margin-left: 0;
}
 .main-story-wrapper .comment-box .comments-wrapper .comments .parent_comment-wrapper .result_comment .title-wrapper .time {
	 color: #9b9b9b;
	 font-size: 1rem;
	 font-weight: 500;
   margin-left: 0;
}
 .main-story-wrapper .comment-box .comments-wrapper .comments .parent_comment-wrapper .result_comment .title-wrapper .reply {
	 margin-right: 0.75rem;
   margin-left: 0;
}

.main-story-wrapper .comment-box .comments-wrapper .comments .parent_comment-wrapper .result_comment .title-wrapper .reply-to p{
  margin: 0 .75rem 0 0;
  color: #9b9b9b;
    font-size: 1rem;
    font-weight: 500;
}

 .main-story-wrapper .comment-box .comments-wrapper .comments .parent_comment-wrapper .result_comment .tools_comment {
	 color: #9b9b9b;
	 font-size: 1rem;
	 font-weight: 500;
   flex-wrap: wrap;
}
 .main-story-wrapper .comment-box .comments-wrapper .comments .parent_comment-wrapper .result_comment .tools_comment .arrow {
	 margin-right: 0.75rem;
   margin-left: 0;
}
 .main-story-wrapper .comment-box .comments-wrapper .comments .parent_comment-wrapper .result_comment .tools_comment span {
	 margin-right: 0.75rem;
   margin-left: 0;
}
 .main-story-wrapper .comment-box .comments-wrapper .comments .parent_comment-wrapper .result_comment .tools_comment a {
	 color: #9b9b9b;
	 margin-right: 0.75rem;
   margin-left: 0;
}

.main-story-wrapper .comment-box .comments-wrapper .comments .disqus-section .left-div{
  margin-left: 0;
}

.main-story-wrapper .comment-box .comments-wrapper .comments .disqus-section .left-div .icon-wrapper {
	 margin-right: 0.75rem;
}
 .main-story-wrapper .comment-box .comments-wrapper .comments .disqus-section .right-div {
	 font-size: 1.875rem;
	 font-weight: 800;
	 color: #e8e5e8;
   margin-right: 0;
}
 .main-story-wrapper .comment-box .comments-wrapper .comments .profile-pic {
	 margin-right: 0.75rem;
}
 .main-story-wrapper .comment-box .comments-wrapper .comments .profile-pic img {
	 height: 3.125rem;
	 width: 3.125rem;
	 object-fit: cover;
	 border-radius: 0.5rem;
}

/* DESIGN-FIX-PLUGIN */
.a2a_default_style:not(.a2a_flex_style) a{
  margin-bottom: .875rem;
}

.social-media-icon-wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
}

.registerPop{
  position: fixed;
    background-color: #AE6BE6;
    bottom: 19%;
    right: 1%;
    z-index: 9999;
    padding: 20px;
    border-radius: 5px;
    animation: bounce-in-up 1s ease;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);
}
.registerPop .close-toaster{
  text-align: right;
  cursor: pointer;
}
@keyframes bounce-in-up {
  0% {
      opacity: 0;
      transform: translateY(200px);
  }
  60% {
      opacity: 1;
      transform: translateY(-30px);
  }
  80% {
      transform: translateY(10px);
  }
  100% {
      transform: translateY(0);
  }
}
.registerPop h2{
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
  transition: 0.4s ease-in-out;
  margin-top: 1.25rem;
}
.registerPop a h2:hover{
  color: yellow;
}