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

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*
font-family: "Montserrat", sans-serif;
font-family: "Poppins", sans-serif;
font-family: "Cormorant Garamond", serif;
*/

*{margin:0; padding:0; box-sizing: border-box;}
*:focus {outline: none;}
html,body{ height:100%; width:100%;font-family: "Poppins", sans-serif;font-weight:300;color:#232323;}
body{color:#191919;font-size:16px;}
header,section,article,figure,aside,footer,nav{ display:block;}
.clr{ clear:both;}
ul{ list-style:none;margin:0px; padding:0px;  }
figure,img,iframe,video{ max-width:100%; vertical-align:bottom;}
a{text-decoration:none; }
p{margin:5px 0 20px 0; line-height:23px; }
textarea{ resize:none;}
*{-webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;-ms-transition: all 400ms linear;-o-transition: all 400ms linear;transition: all 400ms linear;}

.aligner{margin:0px auto;max-width:1200px; position:relative;}

.myheader{background:#f6f6f6 url("../images/header-bg.png") top left;border-top:3px solid #273814;-webkit-box-shadow: 0 2px 5px 2px rgba(0,0,0,0.2);box-shadow: 0 2px 5px 2px rgba(0,0,0,0.2); position:absolute; z-index:999;width:100%;}
.myheader.sticky{position:fixed;padding:0;left:0;right:0; z-index:9999;animation:header_ani 0.7s linear forwards; background:#FFF;}
@keyframes header_ani{
  0% { position:fixed;top:-100px;height:0px;opacity:0;}
  50% { position:fixed;top:-50px;height:10px;opacity:0.2;}
  100% { position:fixed;top:0px;height:auto;opacity:1;}
}

.sticky .logo_holder img{height:80px;}
.Taasaak_logo{}
.Taasaak_logo_responsive{display:none;}
.sticky .nav_holder{padding:0;}
#pull{display:none;}
.sticky .Taasaak_logo{display:none;}
.sticky .Taasaak_logo_responsive{display:block;}

.logo_holder{width:18%;float:left;padding:10px 5px;}

.nav_holder{float:right;font-size:16px;}
.donate{ text-align:right;}
.donate a{background:#273814;border-radius:0 0 6px 6px;color:#FFF;display:inline-block;font-size:14px;padding:7px 10px;position:relative;}
.donate a:hover{background:#2b5706; color:#FFF;}


.navigation{ cursor:pointer;display:none; float:right; padding:10px; }
.menu_controller{ cursor:pointer; display:none;}
.menuholder{float:left; padding:10px 0 0 0;}
.sujit-nav{}
.sujit-nav ul li{ float:left; position:relative;margin-left:8px;}
.sujit-nav ul li a{color:#212121; display:block; padding:6px 12px;border-radius:5px;}
.sujit-nav ul li a:hover,.sujit-nav ul li:hover a{background:#273814;color:#FFF;}
.sujit-nav ul li.current_page_item>a{background:#273814;color:#FFF; }

.sujit-nav ul li ul{display:none;}

.banner_block{ background:#FFF; text-align:center;}
.banner_slider{}
.banner_slider img{width:100%;}
.bx-caption{ padding:8px;}

.intro_block{ display:flex; justify-content:center; text-align:center;padding:15px;color:#33481c; font-size:25px;font-weight:400;margin:0 0 50px 0; background:rgba(156,143,136,0.1);}
.box{padding:5px 15px;}
.box i{ font-size:30px;}
.box_seperator{padding:8px 25px 0 25px;}
.box_seperator i{font-size:17px;color:#000;}

.welcome_block{background:#f5edef url('../images/welcome-bg.jpg') center; padding:0px 0px 50px 0px;border-top:1px solid #273713;}
.welcome_block .aligner{display:flex; justify-content:space-between;}
.welcome_msg{width:50%; padding:20px 0;}
.know_more{padding:10px 0;}
.know_more a{background:#273814;border-radius:6px;color:#FFF;display:inline-block;font-size:15px;padding:10px 18px;position:relative; letter-spacing:1px;}
.know_more a:hover{background:#2b5706; color:#FFF;}
.align_center{ text-align:center;}

.texture_bg{position:relative;}
.texture_bg:after{content:url("../images/texture.png");display:block; position:absolute;right:0;bottom:0;height:317px;width:345px; z-index:1;}
.texture_bg:before{content:url("../images/texture.png");display:block; position:absolute;left:0;top:0;height:317px;width:345px;rotate:180deg;}

.welcome_thumb{width:40%; text-align:right;}
.welcome_thumb_holder{ display:inline-block;position:relative;}


.welcome_msg{}
.welcome_title{ text-align:center;}
.welcome_title h1{color:#273713; font-size:40px; font-weight:400;margin:0 0 20px 0;}

.container{padding:50px 0;}
.container h2{color:#2b5706; font-size:27px; font-weight:600;margin:10px 0 0 ;font-family: "Cormorant Garamond", serif;}
.container ul{}
.container ul li{padding:5px 0 0 15px;position:relative; font-size:15px; line-height:20px;}
.container ul li:before{content:"\f101";font-family:'FontAwesome'; color:#2b5706; position:absolute;left:0;top:8px;}
.container ul li h3{color:#000; font-weight:bold;font-size:16px;}
.container ul li p{margin:0 0 10px 0;}

.members_container{padding:40px 20px;background: linear-gradient(90deg,rgba(237, 232, 232, 1) 0%, rgba(224, 232, 212, 1) 50%,  rgba(237, 232, 232, 1) 100%);}
.members_container .aligner{display:flex; flex-wrap:wrap; justify-content:space-between;}
.board_member_holder{width:45%;}
.member_thumb{ text-align:center;}
.other_member_holder{width:45%;}
.other_member_holder ul li{padding:4px 0 4px 15px;position:relative; font-size:15px; line-height:25px; font-weight:bold;}
.other_member_holder ul li:before{content:"\f101";font-family:'FontAwesome'; color:#2b5706; position:absolute;left:0;top:5px;}
.members_container h1{color:#323b25; font-size:30px; font-weight:400;margin:10px 0;}
.members_container h2{color:#323b25; font-size:20px; font-weight:400;margin:0;}
.board_member{display:inline-block; background:#FFF; padding:6px; width:43%; margin:10px 2%;font-size:14px;}
.teambox{background:#efefef; padding:0 0 30px 0;display:inline-block; text-align:center;color:#464646;position:relative;}
.teambox:after{width:100%; height:0px;background:#000;position:absolute;bottom:0;left:0;right:0;content:'';transition:.5s;}
.teambox:hover:after{height:100%;z-index:-1;}
.teambox:hover{background:rgba(255,255,255,0);color:#ffb91f;}
.teambox:hover h1{color:#FFF;}
.teambox:hover img{-moz-transform: scale(1.2) rotate(0deg) translateX(-10px) translateY(-10px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1.2) rotate(0deg) translateX(-10px) translateY(-10px) skewX(0deg) skewY(0deg);
-o-transform: scale(1.2) rotate(0deg) translateX(-10px) translateY(-10px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1.2) rotate(0deg) translateX(-10px) translateY(-10px) skewX(0deg) skewY(0deg);
transform: scale(1.2) rotate(0deg) translateX(-10px) translateY(-10px) skewX(0deg) skewY(0deg);
}


.focus_block{ background:#FFF;color:#838383; padding:20px 20px 40px 20px; text-align:center; position:relative;}
.focus_block h1{color:#323b25; font-size:40px; font-weight:400;margin:10px 0;}
.special_heading{display:inline-block; position:relative;padding:0 100px;}
.special_heading::before {
    content:url("../images/special.png");
    position: absolute;
    left: 0;
    width: 80px;
    height: 2px;
    top:30px;
}
.special_heading::after {
    content:url("../images/special.png");
    position: absolute;
    right: 0;
    width: 80px;
    height: 2px;
    top:30px;
	transform: scaleX(-1);
}

.focus_heading{}

.focus_content{display:flex; justify-content:space-between;}
.focus_box{background:rgba(220,217,207,0.5);color:#444444; text-align:left;position:relative; margin:10px; width:380px;border-radius:10px;}
.focus_box:hover{-webkit-box-shadow: 0 2px 8px 5px rgba(0,0,0,0.2);box-shadow: 0 2px 8px 5px rgba(0,0,0,0.2);}
.focus_thumb{position:relative; overflow:hidden; border-radius:10px 10px 0 0;}
.focus_box:hover .focus_thumb img{ transform:scale(1.1);}
.focus_details {padding:10px 15px;}
.focus_details h2{color:#27490b;font-size:23px; font-family: "Cormorant Garamond", serif;font-weight:600; font-size:30px; text-align:center;}
.focus_details p{color:#2b2d28;font-size:14.5px; font-weight:400;}


.the_block{padding:40px 20px;background: linear-gradient(90deg,rgba(237, 232, 232, 1) 0%, rgba(224, 232, 212, 1) 50%,  rgba(237, 232, 232, 1) 100%);}
.the_block h1{color:#000; font-weight:400; font-size:30px;}
.the_block h1 span{color:#267f00;}
.project_hightlights{ width:40%; float:left;}
.the_highlight{background:#FFF; padding:5px;}
.photo_gallery{ width:55%; float:right;}
.gallery_holder{ display:flex; justify-content:space-between; flex-wrap:wrap;}
.project_box{ width:calc(33% - 10px); margin:10px 0;background:#FFF; padding:5px;}
.show_all{ text-align:right; font-weight:400;}
.show_all a{border-radius:6px;color:#273814;display:inline-block;font-size:15px;padding:5px 8px;position:relative;}
.show_all a:hover{background:#2b5706; color:#FFF;}


.promo_block{padding:40px 20px;text-align:center;}
.promo_block {background: linear-gradient(-45deg, #59a158, #30ac2d, #23a6d5, #23d5ab);background-size: 400% 400%;animation: gradient 15s ease infinite;}

@keyframes gradient {
	0%{background-position: 0% 50%;}
	50%{background-position: 100% 50%;}
	100%{background-position: 0% 50%;}
}
.promo_block h1{color:#FFF; font-weight:600; font-size:30px;font-family: "Cormorant Garamond", serif;}
.promo_block a{background:#383838; border-radius:6px;color:#FFF;display:inline-block;font-size:16px;padding:8px 12px;position:relative;margin:15px;}
.promo_block a:hover{background:#FFF; color:#383838;}


footer{background:#2b3625 url("../images/footer-bg.jpg") top left;color:#FFF;display:block;padding:20px 0 0 0;font-size:13px;}
.footer_block{display:flex; justify-content:space-between;padding:10px 0;}
.footer_block a{color:#e3e3e3;}
.footer_block p{ font-size:12px;}
.footer_block h3{ font-size:22px; margin:0 0 18px 0; font-weight:500;}

.footer_box{}
.footer_box2{ width:600px;}

.footer_menu ul li{float:left; margin:0px; min-width:180px;padding:5px 5px 15px 15px; position:relative; font-size:15px;}
.footer_menu ul li a{}
.footer_menu ul li a:hover{color:#93a900;}
.footer_menu ul li:before{content:"\f101";color:#93a900; position:absolute; left:0;top:5px;font-family:'FontAwesome';transition: all 200ms linear;}
.footer_menu ul li:hover:before{left:3px;}
.footer_logo{}
.footer_social{padding:0 0 20px 0;}
.footer_social ul li{display:inline-block;margin:5px;}
.footer_social i{ font-size:25px;}
.footer_social a{color:#FFF;  height:30px; width:30px; text-align:center; line-height:35px;display:block;}
.footer_social a:hover{color:#93a900;}
.newsletter_block{}
.newsletterform{position:relative;}
.newsletterform input[type='email']{padding:12px 60px 12px 10px;background:#FFF; border:1px solid #141414;width:100%;color:#000; font-size:14px;}
.newsletterform input[type='submit']{ padding:10px;background-color:#93a900; border:1px solid #93a900;width:50px;height:40px;color:#FFF; font-size:14px; position:absolute;right:0;top:1px;text-indent:-9999px;cursor:pointer;z-index:99;}
.newsletterform input[type='submit']:hover{background-color:#bff747;border:1px solid #93a900;color:#000;}
.newsletterform::after{content:'\f1d9';font-family:'FontAwesome'; font-size:18px; position:absolute;right:20px;top:12px;z-index:999;color:#FFF;}
.newsletterform:hover input[type='submit']::after{content:'\f1d9';font-family:'FontAwesome'; font-size:18px; position:absolute;right:20px;top:12px;z-index:999;color:#FFF;}

.copyright{text-align:center; padding:20px; font-size:14px; border-top:2px solid #657253; margin:20px 0 0 0;}

.animatethis{ z-index:9;}
.animated {animation-duration: 1s; animation-fill-mode: both;}
/* Optional Delays, change values here  */
.one { animation-delay: 0.2s; }
.two { animation-delay: .6s; }
.three { animation-delay: 1s; }
.four { animation-delay: 1.4s; }
/* Animations start here  */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; } }
.fadeIn { animation-name: fadeIn; }

@keyframes fadeInDown {
  from { opacity: 0; transform: translate3d(0, -100%, 0); }
  to { opacity: 1; transform: none; } }
.fadeInDown { animation-name: fadeInDown; }

@keyframes fadeInUp {
  from { opacity: 0; transform: translate3d(0, 20px, 0); }
  to { opacity: 1; transform: none; } }
.fadeInUp { animation-name: fadeInUp; }


@keyframes fadeInUpBig {
  from { opacity: 0; transform: translate3d(0, 100px, 0); }
  to { opacity: 1; transform: none; } }
.fadeInUpBig { animation-name: fadeInUpBig; }


@keyframes fadeInLeft {
  from { opacity: 0; transform: translate3d(-30px, 0, 0)rotateZ(30deg); }
  to { opacity: 1; transform: none; } }
.fadeInLeft { animation-name: fadeInLeft; }


@keyframes fadeInLeftBig {
  from { opacity: 0; transform: translate3d(-100px, 0, 0); }
  to { opacity: 1; transform: none; } }
.fadeInLeftBig { animation-name: fadeInLeftBig; }


@keyframes fadeInRight {
  from { opacity: 0; transform: translate3d(100%, 0, 0); }
  to { opacity: 1; transform: none; } }
.fadeInRight { animation-name: fadeInRight; }




.das.startanimation{animation: fadeInUp 2s;}
.welcome_msg.startanimation{animation: fadeInLeftBig; animation-duration: 1s;animation-delay: 0s;animation-fill-mode: both; backface-visibility: hidden;}
.welcome_thumb.startanimation{animation: fadeInRight; animation-duration: 1s;animation-delay: 0s;animation-fill-mode: both; backface-visibility: hidden;}
.welcome-thumbnail.startanimation{animation: fadeInUp; animation-duration: 1s;animation-delay: 0.8s;animation-fill-mode: both; backface-visibility: hidden;}

.board_member_holder.startanimation{animation: fadeInLeftBig; animation-duration:1s;animation-delay:0s;animation-fill-mode: both; backface-visibility: hidden;}
.other_member_holder.startanimation{animation: fadeInRight; animation-duration:1s;animation-delay:0s;animation-fill-mode: both; backface-visibility: hidden;}

.focus_heading.startanimation{animation: fadeInDown; animation-duration:1s;animation-delay:0s;animation-fill-mode: both; backface-visibility: hidden;}
.focus_box.startanimation{animation: fadeInUpBig; animation-duration:1s;animation-delay:0s;animation-fill-mode: both; backface-visibility: hidden;}

.project_hightlights.startanimation{animation: fadeInLeftBig; animation-duration: 1s;animation-delay: 0s;animation-fill-mode: both; backface-visibility: hidden;}
.photo_gallery.startanimation{animation: fadeInRight; animation-duration: 1s;animation-delay: 0s;animation-fill-mode: both; backface-visibility: hidden;}

.footer_menu.startanimation.one{animation: fadeInLeftBig; animation-duration: 1s;animation-delay: 0.3s;animation-fill-mode: both; backface-visibility: hidden;}
.footer_menu.startanimation.two{animation: fadeInLeftBig; animation-duration: 1s;animation-delay: 0s;animation-fill-mode: both; backface-visibility: hidden;}
.footer_menu.startanimation.three{animation: fadeInRight; animation-duration: 1s;animation-delay: 0s;animation-fill-mode: both; backface-visibility: hidden;}
.footer_menu.startanimation.four{animation: fadeInRight; animation-duration: 1s;animation-delay: 0.3s;animation-fill-mode: both; backface-visibility: hidden;}
.copyright.startanimation{animation: fadeInUp; animation-duration: 1s;animation-delay: 0.3s;animation-fill-mode: both; backface-visibility: hidden;}