/*======================
   01. Theme Base CSS
=========================*/
html,
body {
  width: 100%;
  height: 100%; }

body {
  position: relative;
  font-family: 'Poppins', sans-serif;
  color: #000000;
  font-size: 15px;
  font-weight: 400;
  background: #ffffff;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden; }

img {
  max-width: 100%;
  height: auto; }

.container-fluid {
  padding: 0px;
  height: 100%; }

p, tr td {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0.26px;
  line-height: 25px;
  color: #000000; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 10px;
  font-family: 'Poppins', sans-serif;
  color: #000000;
  font-size: 28px;
  line-height: 45px;
  font-weight: 500; }

a {
  font-family: 'Poppins', sans-serif;
  text-decoration: none;
  display: block;
  margin: 0px;
  color: #aaaaaa;
  font-weight: 400;
  text-transform: capitalize; }

a:hover {
  text-decoration: none; }

a:active,
a:hover {
  outline: 0 none;
  color: none !important; }

section {
  position: relative; }

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0; }

li {
  display: inline-block; }

.story_btn {
  color: #036;
  text-decoration: underline;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out; }
  .story_btn:hover {
    color: black;
    transition: all 0.3s ease-in-out; }

.submit_area {
  display: block;
  margin: 10px 5px; }
  .submit_area .btn_submit {
    text-align: center;
    font-weight: 500;
    color: white;
    border-radius: 5px;
    font-size: 17px;
    text-transform: uppercase;
    padding: 12px;
    background: #036;
    transition: all 0.3s ease-in-out; }
    .submit_area .btn_submit:hover {
      background: #0059b3;
      transition: all 0.3s ease-in-out; }

.work_btn {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 40px; }
  .work_btn a {
    display: inline-block;
    border: 2px solid #036;
    color: #036;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 17px;
    text-align: center;
    font-weight: 500;
    padding: 10px 20px;
    transition: all 0.3s ease-in-out; }
    .work_btn a:hover {
      border: 2px solid #0059b3;
      color: #0059b3;
      transition: all 0.3s ease-in-out; }

.section_title p.title {
  font-size: 15px;
  color: #77a8bb;
  text-transform: uppercase; }
.section_title h2 {
  line-height: 45px;
  margin: 20px 0px; }

.o_zero {
  opacity: 0; }

.d_none {
  display: none; }

.color_one {
  color: #17B0C3; }

.bold_p {
  font-weight: 700; }

.owl-theme .owl-nav .owl-next {
  color: #17B0C3;
  text-decoration: none; }

.owl-theme .owl-nav .owl-next:hover {
  color: #444444;
  background: none;
  text-decoration: none; }

.owl-theme .owl-nav [class*=owl-] {
  background: no-repeat; }

.owl-theme .owl-nav .owl-prev {
  color: #444444; }

/*=====basce css end here=========*/
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-theme .owl-dots, .owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-nav {
  margin-top: 10px; }

.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  margin: 5px;
  padding: 4px 7px;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px; }

.owl-theme .owl-nav .disabled {
  opacity: .5;
  cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1; }

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #02baab; }

/* =====================================
MARGIN TOP
===================================== */
.mt-0 {
  margin-top: 0; }

.mt-10 {
  margin-top: 10px; }

.mt-15 {
  margin-top: 15px; }

.mt-20 {
  margin-top: 20px; }

.mt-30 {
  margin-top: 30px; }

.mt-40 {
  margin-top: 40px; }

.mt-50 {
  margin-top: 50px; }

.mt-60 {
  margin-top: 60px; }

.mt-70 {
  margin-top: 70px; }

.mt-80 {
  margin-top: 80px; }

.mt-90 {
  margin-top: 90px; }

.mt-100 {
  margin-top: 100px; }

.mt-110 {
  margin-top: 110px; }

.mt-120 {
  margin-top: 120px; }

.mt-130 {
  margin-top: 130px; }

.mt-140 {
  margin-top: 140px; }

.mt-150 {
  margin-top: 150px; }

/* =====================================
MARGIN RIGHT,LEFT
===================================== */
.mr-10 {
  margin-right: 10px; }

.mr-15 {
  margin-right: 15px; }

.mr-30 {
  margin-right: 30px; }

.mr-20 {
  margin-right: 20px; }

.mr-40 {
  margin-right: 40px; }

.mr-50 {
  margin-right: 50px; }

.mr-60 {
  margin-right: 60px; }

.mr-80 {
  margin-right: 80px; }

.ml-10 {
  margin-left: 10px; }

.ml-15 {
  margin-left: 15px; }

.ml-20 {
  margin-left: 20px; }

.ml-30 {
  margin-left: 30px; }

.ml-50 {
  margin-left: 50px; }

.ml-60 {
  margin-left: 60px; }

.ml-80 {
  margin-left: 80px; }

/* =====================================
MARGIN BOTTOM
===================================== */
.mb-0 {
  margin-bottom: 0; }

.mb-5 {
  margin-bottom: 5; }

.mb-10 {
  margin-bottom: 10px; }

.mb-15 {
  margin-bottom: 15px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-50 {
  margin-bottom: 50px; }

.mb-55 {
  margin-bottom: 55px; }

.mb-60 {
  margin-bottom: 60px; }

.mb-70 {
  margin-bottom: 70px; }

.mb-80 {
  margin-bottom: 80px; }

.mb-90 {
  margin-bottom: 90px; }

.mb-100 {
  margin-bottom: 100px; }

.mb-110 {
  margin-bottom: 110px; }

.mb-120 {
  margin-bottom: 120px; }

.mb-130 {
  margin-bottom: 130px; }

.mb-140 {
  margin-bottom: 140px; }

.mb-150 {
  margin-bottom: 150px; }

/*===================================== 
PADDING TOP
===================================== */
.pt-0 {
  padding-top: 0; }

.pt-10 {
  padding-top: 10px; }

.pt-15 {
  padding-top: 15px; }

.pt-20 {
  padding-top: 20px; }

.pt-30 {
  padding-top: 30px; }

.pt-40 {
  padding-top: 40px; }

.pt-50 {
  padding-top: 50px; }

.pt-60 {
  padding-top: 60px; }

.pt-70 {
  padding-top: 70px; }

.pt-80 {
  padding-top: 80px; }

.pt-90 {
  padding-top: 90px; }

.pt-100 {
  padding-top: 100px; }

.pt-110 {
  padding-top: 110px; }

.pt-120 {
  padding-top: 120px; }

.pt-130 {
  padding-top: 130px; }

.pt-140 {
  padding-top: 140px; }

.pt-150 {
  padding-top: 150px; }

.pt-160 {
  padding-top: 160px; }

.pt-180 {
  padding-top: 180px; }

.pt-190 {
  padding-top: 190px; }

.pt-200 {
  padding-top: 200px; }

.pt-210 {
  padding-top: 210px; }

.pt-260 {
  padding-top: 260px; }

.pt-300 {
  padding-top: 300px; }

/* =====================================
PADDING RIGHT
===================================== */
.pr-0 {
  padding-right: 0; }

.pr-10 {
  padding-right: 10px; }

.pr-15 {
  padding-right: 15px; }

.pr-20 {
  padding-right: 20px; }

.pr-25 {
  padding-right: 25px; }

.pr-30 {
  padding-right: 30px; }

.pr-40 {
  padding-right: 40px; }

.pr-45 {
  padding-right: 45px; }

.pr-50 {
  padding-right: 50px; }

.pr-60 {
  padding-right: 60px; }

.pr-70 {
  padding-right: 70px; }

.pr-75 {
  padding-right: 75px; }

.pr-80 {
  padding-right: 80px; }

.pr-90 {
  padding-right: 90px; }

.pr-100 {
  padding-right: 100px; }

.pr-110 {
  padding-right: 110px; }

.pr-120 {
  padding-right: 120px; }

.pr-130 {
  padding-right: 130px; }

.pr-140 {
  padding-right: 140px; }

/* =====================================
PADDING BOTTOM
===================================== */
.pb-0 {
  padding-bottom: 0; }

.pb-10 {
  padding-bottom: 10px; }

.pb-15 {
  padding-bottom: 15px; }

.pb-20 {
  padding-bottom: 20px; }

.pb-30 {
  padding-bottom: 30px; }

.pb-40 {
  padding-bottom: 40px; }

.pb-50 {
  padding-bottom: 50px; }

.pb-60 {
  padding-bottom: 60px; }

.pb-70 {
  padding-bottom: 70px; }

.pb-80 {
  padding-bottom: 80px; }

.pb-90 {
  padding-bottom: 90px; }

.pb-100 {
  padding-bottom: 100px; }

.pb-110 {
  padding-bottom: 110px; }

.pb-120 {
  padding-bottom: 120px; }

.pb-130 {
  padding-bottom: 130px; }

.pb-140 {
  padding-bottom: 140px; }

.pb-150 {
  padding-bottom: 150px; }

.pb-160 {
  padding-bottom: 160px; }

.pb-170 {
  padding-bottom: 170px; }

.pb-180 {
  padding-bottom: 180px; }

.pb-190 {
  padding-bottom: 190px; }

.pb-200 {
  padding-bottom: 200px; }

.pb-220 {
  padding-bottom: 220px; }

.pb-250 {
  padding-bottom: 250px; }

.pb-300 {
  padding-bottom: 300px; }

/* =====================================
PADDING LEFT
===================================== */
.pl-0 {
  padding-left: 0; }

.pl-10 {
  padding-left: 10px; }

.pl-15 {
  padding-left: 15px; }

.pl-20 {
  padding-left: 20px; }

.pl-25 {
  padding-left: 25px; }

.pl-30 {
  padding-left: 30px; }

.pl-40 {
  padding-left: 40px; }

.pl-45 {
  padding-left: 45px; }

.pl-50 {
  padding-left: 50px; }

.pl-60 {
  padding-left: 60px; }

.pl-70 {
  padding-left: 70px; }

.pl-80 {
  padding-left: 80px; }

.pl-90 {
  padding-left: 90px; }

.pl-100 {
  padding-left: 100px; }

.pl-110 {
  padding-left: 110px; }

.pl-120 {
  padding-left: 120px; }

.pl-130 {
  padding-left: 130px; }

.pl-140 {
  padding-left: 140px; }

.pl-150 {
  padding-left: 150px; }

/* =====================================
1.3. PAGE SECTION PADDING
===================================== */
.ptb-0 {
  padding: 0; }

.ptb-10 {
  padding: 10px 0; }

.ptb-20 {
  padding: 20px 0; }

.ptb-30 {
  padding: 30px 0; }

.ptb-40 {
  padding: 40px 0; }

.ptb-50 {
  padding: 50px 0; }

.ptb-60 {
  padding: 60px 0; }

.ptb-70 {
  padding: 70px 0; }

.ptb-80 {
  padding: 80px 0; }

.ptb-90 {
  padding: 90px 0; }

.ptb-100 {
  padding: 100px 0; }

.ptb-110 {
  padding: 110px 0; }

.ptb-120 {
  padding: 120px 0; }

.ptb-130 {
  padding: 130px 0; }

.ptb-140 {
  padding: 140px 0; }

.ptb-150 {
  padding: 150px 0; }

.p-100 {
  padding: 100px; }

/* =====================================
1.4. PAGE SECTION MARGIN
===================================== */
.mtb-0 {
  margin: 0; }

.mtb-10 {
  margin: 10px 0; }

.mtb-15 {
  margin: 15px 0; }

.mtb-20 {
  margin: 20px 0; }

.mtb-30 {
  margin: 30px 0; }

.mtb-40 {
  margin: 40px 0; }

.mtb-50 {
  margin: 50px 0; }

.mtb-60 {
  margin: 60px 0; }

.mtb-70 {
  margin: 70px 0; }

.mtb-80 {
  margin: 80px 0; }

.mtb-90 {
  margin: 90px 0; }

.mtb-100 {
  margin: 100px 0; }

.mtb-110 {
  margin: 110px 0; }

.mtb-120 {
  margin: 120px 0; }

.mtb-130 {
  margin: 130px 0; }

.mtb-140 {
  margin: 140px 0; }

.mtb-150 {
  margin: 150px 0; }

.mr-60 {
  margin: 0px 60px 0px 0px; }

header {
  background: #676565;
  position: relative; }
  header .sticky_nav {
    top: 0; }
  header .sticky-wrapper.is-sticky .sticky_nav {
    background: white;
    box-shadow: 0px 1px 10px 0px rgba(45, 19, 106, 0.1);
    top: 0;
    transition: all 0.5s ease-in-out; }
  header .nav_area {
    z-index: 100;
    position: relative; }
    header .nav_area .navbar {
      padding: 20px 0px; }
      header .nav_area .navbar a {
        font-size: 14px;
        letter-spacing: 1px;
        color: white; }
        header .nav_area .navbar a.nav-link {
          color: white;
          transition: all 0.3s ease-in-out;
          padding: 0px 5px;
          display: inline-block; }
          header .nav_area .navbar a.nav-link:hover {
            color: #e7e7e7;
            transition: all 0.3s ease-in-out; }
      header .nav_area .navbar .nav-item {
        padding: 5px; }
      header .nav_area .navbar .navbar-brand {
        display: block;
        margin-right: 30px;
        background-image: url(../images/logo.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 160px;
        text-indent: -999em;
        background-position: 50%;
        height: 25px; }
        header .nav_area .navbar .navbar-brand:hover {
          color: white; }
      header .nav_area .navbar .donate_nav .nav-item {
        padding: 0px 20px; }
        header .nav_area .navbar .donate_nav .nav-item .donate_link {
          padding: 5px 12px;
          border: 1px solid white;
          border-radius: 5px; }
        header .nav_area .navbar .donate_nav .nav-item:first-child {
          border-right: 1px solid white; }
  header .banner_area .banner_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    opacity: .8; }
    header .banner_area .banner_video::before {
      position: absolute;
      width: 100%;
      height: 100%;
      content: "";
      z-index: 5;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.2); }
    header .banner_area .banner_video video {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      top: 0;
      left: 0; }
  header .banner_area .content_area {
    position: relative;
    z-index: 50; }
  header .banner_area .banner_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%; }
    header .banner_area .banner_content h2, header .banner_area .banner_content p {
      color: white; }
    header .banner_area .banner_content h2 {
      font-size: 35px;
      padding: 0px 70px; }
    header .banner_area .banner_content p {
      padding: 0px 54px;
      font-size: 16px; }
  header .banner_area .donate_banner .nav-tabs {
    display: flex;
    border: 1px solid #036;
    border-radius: 5px;
    overflow: hidden; }
    header .banner_area .donate_banner .nav-tabs li {
      flex: 1; }
      header .banner_area .donate_banner .nav-tabs li button.btn-light {
        width: 100%;
        background: white;
        color: #036;
        text-transform: uppercase;
        cursor: pointer;
        display: block;
        border-radius: 0px;
        transition: all 0.3s ease-in-out;
        border: 0px; }
        header .banner_area .donate_banner .nav-tabs li button.btn-light:focus, header .banner_area .donate_banner .nav-tabs li button.btn-light.active {
          outline: none;
          box-shadow: none;
          border: none; }
        header .banner_area .donate_banner .nav-tabs li button.btn-light:hover {
          background: rgba(255, 255, 255, 0.8);
          transition: all 0.3s ease-in-out; }
        header .banner_area .donate_banner .nav-tabs li button.btn-light.active {
          background: #036;
          color: white; }
          header .banner_area .donate_banner .nav-tabs li button.btn-light.active:hover {
            background: #036;
            transition: all 0.3s ease-in-out; }
  header .banner_area .donate_banner .tab-pane {
    background: white;
    border-radius: 5px;
    overflow: hidden; }
    header .banner_area .donate_banner .tab-pane .tab_area .top_tab {
      background: #e7e7e7;
      padding: 15px;
      text-align: center;
      font-size: 17px; }
      header .banner_area .donate_banner .tab-pane .tab_area .top_tab p {
        margin-bottom: 0px;
        font-weight: 500; }
    header .banner_area .donate_banner .tab-pane .tab_main {
      padding: 15px;
      border-top: 1px solid #cccccc; }
      header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs {
        display: flex;
        border: 0px; }
        header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li {
          width: 30.9%;
          flex: unset;
          margin: 5px;
          overflow: hidden;
          font-size: 15px;
          border-radius: 5px;
          border: 1px solid #cccccc; }
          header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li button.btn-light {
            background: #e7e7e7;
            color: #aaa;
            text-transform: capitalize;
            padding: 12px;
            font-size: 15px; }
            header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li button.btn-light span {
              font-size: 10px; }
            header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li button.btn-light:hover {
              background: #f3f3f3;
              transition: all 0.3s ease-in-out; }
            header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li button.btn-light.active {
              background: #036;
              color: white; }
              header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li button.btn-light.active:hover {
                background: #036;
                transition: all 0.3s ease-in-out; }
          header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li.double_flex {
            width: 64.2%; }
            header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li.double_flex .btn-light {
              position: relative;
              height: 100%; }
              header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li.double_flex .btn-light.active p {
                opacity: 0; }
              header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li.double_flex .btn-light.active input {
                opacity: 1; }
              header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li.double_flex .btn-light.active .left_side, header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li.double_flex .btn-light.active .right_side {
                opacity: 1; }
            header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li.double_flex p {
              margin-bottom: 0px;
              position: absolute;
              text-align: center;
              width: 100%;
              color: #aaa;
              top: 0;
              left: 0;
              padding: 11px;
              cursor: pointer; }
            header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li.double_flex input {
              position: absolute;
              top: 0;
              left: 0;
              opacity: 0;
              cursor: pointer;
              width: 100%;
              height: 100%;
              color: #aaa;
              padding-left: 30px;
              padding-right: 30px;
              border: 0px; }
              header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li.double_flex input:focus {
                outline: none; }
            header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li.double_flex .left_side {
              position: absolute;
              font-size: 17px;
              color: #aaa;
              left: 8px;
              padding-top: 11px;
              opacity: 0;
              top: 0px;
              text-align: left;
              width: 20px;
              z-index: 5; }
            header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li.double_flex .right_side {
              position: absolute;
              font-size: 17px;
              color: #aaa;
              right: 5px;
              padding-top: 10px;
              opacity: 0;
              top: 0px;
              text-align: right;
              width: 40px; }
      header .banner_area .donate_banner .tab-pane .tab_main .extra_text {
        margin: 20px 5px 10px;
        text-align: center;
        font-weight: 500;
        text-decoration: underline;
        color: black; }
      header .banner_area .donate_banner .tab-pane .tab_main .bottom_donate {
        border-top: 1px dashed #cccccc;
        padding: 20px 20px 0px;
        text-align: center;
        font-size: 14px; }
        header .banner_area .donate_banner .tab-pane .tab_main .bottom_donate span {
          border-bottom: 2px solid #ffc907; }
  header .banner_area .donate_banner .footer_donate_site {
    margin: 20px; }
    header .banner_area .donate_banner .footer_donate_site p {
      font-size: 13px;
      color: #aaaaaa;
      text-align: center; }
      header .banner_area .donate_banner .footer_donate_site p a {
        text-decoration: underline;
        color: #aaaaaa;
        display: inline-block; }

.work_section .section_title p {
  padding: 0px 120px; }
.work_section .section_title h2 {
  margin: 20px; }
.work_section .work_area .work_inner {
  text-align: center;
  margin-top: 40px; }
  .work_section .work_area .work_inner .work_img {
    width: 130px;
    height: 110px;
    margin: auto; }
  .work_section .work_area .work_inner .work_title h3 {
    font-size: 30px; }
  .work_section .work_area .work_inner .work_content p a {
    color: #ffc907; }

.story_section {
  background: #f7fcff; }
  .story_section .story_area .story_img {
    width: 100%;
    height: 220px;
    overflow: hidden; }
    .story_section .story_area .story_img img {
      object-fit: cover;
      height: 100%;
      width: 100%; }
  .story_section .story_area .section_title p {
    margin-bottom: 0px; }
  .story_section .story_area .section_title h2 {
    font-size: 22px;
    line-height: 36px;
    margin: 10px 20px 10px;
    min-height: 75px; }
  .story_section .story_area .section_title .m_height {
    min-height: 90px; }

.involved_section .involved_video {
  width: 100%;
  height: 0;
  padding-bottom: 55%;
  overflow: hidden;
  position: relative; }
  .involved_section .involved_video video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }

.about_section .about_area .section_title {
  padding-right: 40px; }
  .about_section .about_area .section_title h2 {
    padding-right: 120px; }
.about_section .about_area .vimeo_area {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; }
  .about_section .about_area .vimeo_area a {
    width: 100%;
    height: 100%; }

.spring_section {
  background: #f7fcff; }
  .spring_section .spring_top .img_top {
    width: 200px;
    margin: 0px auto; }
  .spring_section .spring_top .title_spring {
    width: 50%;
    margin: 20px auto; }
  .spring_section .spring_main {
    margin-top: 40px; }
    .spring_section .spring_main .nav-tabs {
      display: flex;
      justify-content: center;
      margin: auto;
      width: 40%;
      border-radius: 50px;
      padding: 10px;
      background: rgba(214, 228, 234, 0.8); }
      .spring_section .spring_main .nav-tabs li {
        flex: 1;
        text-align: center;
        display: inline-block; }
        .spring_section .spring_main .nav-tabs li button.btn-light {
          color: #77a8bb;
          border-radius: 50px;
          background: transparent;
          font-size: 14px;
          border: none;
          width: 100%;
          padding: 8px 14px;
          text-transform: uppercase; }
          .spring_section .spring_main .nav-tabs li button.btn-light.active {
            background: #77a8bb;
            border: none;
            color: white; }
    .spring_section .spring_main .spring_tab {
      margin-top: 40px; }
      .spring_section .spring_main .spring_tab .col-md-4:nth-child(2) .spring_area {
        background-position: 50% 0%; }
      .spring_section .spring_main .spring_tab .col-md-4:nth-child(3) .spring_area {
        background-position: 100% 0%; }
      .spring_section .spring_main .spring_tab .spring_area {
        background: white;
        background-image: url(../images/wave.svg);
        background-size: calc(300% + 20px) auto;
        background-repeat: no-repeat;
        border: 1px solid #e7e7e7;
        border-radius: 5px;
        text-align: center;
        background-position: 0% 0%; }
        .spring_section .spring_main .spring_tab .spring_area .top_spring_img {
          position: relative; }
          .spring_section .spring_main .spring_tab .spring_area .top_spring_img img {
            width: 70px; }
          .spring_section .spring_main .spring_tab .spring_area .top_spring_img span {
            position: absolute;
            padding: 2px 12px;
            text-transform: uppercase;
            font-weight: 500;
            font-size: 12px;
            color: white;
            border-radius: 50px;
            background: #00ac7f;
            bottom: 0;
            left: 50%;
            transform: translate(-50%, 80%); }
        .spring_section .spring_main .spring_tab .spring_area .middle_spring h3 {
          text-transform: capitalize;
          line-height: 38px;
          font-size: 26px; }
        .spring_section .spring_main .spring_tab .spring_area .middle_spring p {
          color: #77a8bb; }
        .spring_section .spring_main .spring_tab .spring_area .bottom_spring {
          display: flex;
          padding: 20px;
          border-top: 2px dashed #e7e7e7; }
          .spring_section .spring_main .spring_tab .spring_area .bottom_spring .left_spring {
            flex: 1;
            text-align: left; }
            .spring_section .spring_main .spring_tab .spring_area .bottom_spring .left_spring .price_spring h4 {
              display: block;
              font-size: 22px;
              line-height: 25px;
              margin-bottom: 0px; }
              .spring_section .spring_main .spring_tab .spring_area .bottom_spring .left_spring .price_spring h4 span {
                font-size: 12px;
                position: relative;
                top: -10px; }
            .spring_section .spring_main .spring_tab .spring_area .bottom_spring .left_spring .price_spring p {
              margin-bottom: 0px;
              color: #77a8bb; }
          .spring_section .spring_main .spring_tab .spring_area .bottom_spring .right_spring {
            display: flex;
            align-items: center; }
            .spring_section .spring_main .spring_tab .spring_area .bottom_spring .right_spring p {
              margin-bottom: 0px;
              font-weight: 500;
              color: #0059b3;
              text-decoration: underline; }
    .spring_section .spring_main .refresh_link a {
      color: #77a8bb;
      display: inline-block;
      font-weight: 500; }
    .spring_section .spring_main .join_spring {
      padding: 0px 70px; }
      .spring_section .spring_main .join_spring .submit_area {
        text-align: center; }
        .spring_section .spring_main .join_spring .submit_area .btn_submit {
          display: inline-block; }

footer .footer_form {
  display: flex;
  width: 100%;
  background: #e7e7e7;
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding: 30px; }
  footer .footer_form .left_form_footer {
    flex: 1;
    width: 33%;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center; }
    footer .footer_form .left_form_footer h5 {
      font-size: 18px;
      margin-bottom: 0px;
      line-height: 22px; }
    footer .footer_form .left_form_footer p {
      margin-bottom: 0px; }
  footer .footer_form .footer_right_form {
    flex: 2; }
    footer .footer_form .footer_right_form .form_main {
      display: flex;
      border-radius: 5px;
      overflow: hidden;
      border: 1px solid #cccccc; }
      footer .footer_form .footer_right_form .form_main .form-group {
        flex: 1;
        display: inline-block;
        margin-bottom: 0px; }
        footer .footer_form .footer_right_form .form_main .form-group .form-control {
          padding: 10px;
          border-radius: 0px;
          border: 0px;
          height: 100%;
          border-right: 1px solid #cccccc; }
          footer .footer_form .footer_right_form .form_main .form-group .form-control:focus {
            outline: none;
            box-shadow: none; }
      footer .footer_form .footer_right_form .form_main .submit_area {
        width: 190px;
        margin: 0px; }
        footer .footer_form .footer_right_form .form_main .submit_area .btn_submit {
          border-radius: 0px;
          padding: 12px; }
    footer .footer_form .footer_right_form p {
      font-size: 12px;
      margin-top: 10px;
      margin-bottom: 0px;
      color: #999999; }
      footer .footer_form .footer_right_form p a {
        color: #999999;
        text-decoration: underline; }
footer .footer_menu {
  margin-bottom: 40px; }
  footer .footer_menu p {
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: capitalize; }
  footer .footer_menu ul li {
    display: block; }
    footer .footer_menu ul li a {
      color: #999999;
      padding: 4px 0px;
      display: inline-block; }
      footer .footer_menu ul li a:hover {
        color: #aaaaaa; }
footer .footer_link {
  padding-top: 40px;
  margin-bottom: 40px;
  border-top: 1px solid #e7e7e7;
  display: flex; }
  footer .footer_link .link_icon {
    display: flex;
    flex-direction: column; }
    footer .footer_link .link_icon ul.link_main {
      margin-bottom: 10px; }
      footer .footer_link .link_icon ul.link_main li a {
        font-size: 20px; }
        footer .footer_link .link_icon ul.link_main li a:hover {
          color: #e7e7e7; }
    footer .footer_link .link_icon ul.lik_text li {
      margin-right: 10px; }
      footer .footer_link .link_icon ul.lik_text li .color_link {
        color: #036;
        font-weight: 500;
        text-decoration: underline; }
      footer .footer_link .link_icon ul.lik_text li a {
        text-transform: unset; }
        footer .footer_link .link_icon ul.lik_text li a:hover {
          color: #e7e7e7; }
        footer .footer_link .link_icon ul.lik_text li a span {
          font-size: 20px; }
  footer .footer_link .link_country {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    footer .footer_link .link_country .navbar {
      padding: 0px;
      margin: 0px; }
      footer .footer_link .link_country .navbar .btn-info {
        padding: 12px;
        cursor: pointer;
        font-size: 16px;
        border-color: #77a8bb;
        background: transparent;
        color: black;
        width: 250px; }
        footer .footer_link .link_country .navbar .btn-info.dropdown-toggle::after {
          position: absolute;
          right: 8px;
          top: 45%; }
        footer .footer_link .link_country .navbar .btn-info:focus {
          outline: none;
          box-shadow: none; }
      footer .footer_link .link_country .navbar .dropdown-menu {
        width: 100%; }
        footer .footer_link .link_country .navbar .dropdown-menu li {
          font-size: 15px;
          padding: 6px 12px;
          transition: all 0.3s ease-in-out;
          display: block; }
          footer .footer_link .link_country .navbar .dropdown-menu li:first-child {
            display: none; }
          footer .footer_link .link_country .navbar .dropdown-menu li:hover {
            background: #036;
            color: white;
            transition: all 0.3s ease-in-out; }
footer .bottom_content {
  color: #999999; }

.about_page header {
  background: white; }
  .about_page header .nav_area .navbar a.nav-link {
    color: black; }
    .about_page header .nav_area .navbar a.nav-link:hover {
      color: #666666; }
  .about_page header .nav_area .navbar .navbar-brand {
    background-image: url("../images/logo_black.svg"); }
  .about_page header .nav_area .navbar .donate_nav .nav-item .donate_link {
    border-color: #036;
    color: white;
    background-color: #036; }
  .about_page header .nav_area .navbar .donate_nav .nav-item:first-child {
    border-color: #e7e7e7; }

.about_p_section {
  background: #f7fcff; }
  .about_p_section .section_title {
    padding-bottom: 40px; }
    .about_p_section .section_title h2 {
      font-size: 37px; }

.case_section .case_area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%; }
  .case_section .case_area h2 {
    font-size: 36px; }
.case_section .case_total {
  display: flex;
  border: 1px solid #e7e7e7;
  flex-direction: column;
  justify-content: center;
  width: 80%;
  margin-left: auto;
  position: relative; }
  .case_section .case_total::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #f7fcff;
    left: 15px;
    top: 15px;
    z-index: -1; }
  .case_section .case_total .case_inner {
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid #e7e7e7; }
    .case_section .case_total .case_inner:last-child {
      border-bottom: none; }
    .case_section .case_total .case_inner h4 {
      font-size: 26px;
      line-height: 30px; }
    .case_section .case_total .case_inner p {
      margin-bottom: 0px; }
      .case_section .case_total .case_inner p i {
        color: #ffc907; }

.word_top {
  text-align: center; }
  .word_top h2 {
    font-size: 36px; }
  .word_top p {
    padding: 0px 120px; }

.world_section {
  position: relative;
  border-bottom: 1px solid #e7e7e7; }
  .world_section::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: #fffbf0;
    height: 50%;
    width: 100%; }
  .world_section .story_area .story_img {
    width: 150px;
    margin: auto;
    height: 165px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .world_section .story_area .section_title h2 {
    font-size: 20px;
    line-height: 25px; }
  .world_section .story_area .section_title p {
    padding: 0px 30px; }

.team_section .word_top p {
  padding: 10px 30px; }
.team_section .team_area {
  display: flex;
  justify-content: center;
  height: 100%;
  padding-left: 30px;
  flex-direction: column; }
  .team_section .team_area .section_title h2 {
    font-size: 22px;
    line-height: 26px; }
  .team_section .team_area .story_btn {
    text-align: left; }
.team_section .member_area .team_member .member_content {
  padding-top: 20px; }
  .team_section .member_area .team_member .member_content h4 {
    font-size: 20px;
    line-height: 22px; }
  .team_section .member_area .team_member .member_content p {
    font-size: 14px;
    margin-bottom: 0px;
    color: #444444; }

.change_section {
  background: #fffbf0; }
  .change_section .section_title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%; }
    .change_section .section_title h2 {
      margin-top: 0px; }
    .change_section .section_title .m_height {
      padding: 0px 120px; }
    .change_section .section_title ul {
      display: flex;
      justify-content: center;
      align-items: center; }
      .change_section .section_title ul li {
        display: flex; }
        .change_section .section_title ul li a {
          color: #036;
          text-decoration: underline;
          text-transform: capitalize;
          font-size: 17px;
          font-weight: 600; }

.board_section .title_board {
  font-size: 32px;
  margin-bottom: 30px; }
.board_section .item_area {
  display: flex; }
  .board_section .item_area .first_slider_item, .board_section .item_area .second_slider_item {
    width: 50%;
    flex: 1; }
.board_section .gallery-thumbs .swiper-wrapper {
  margin-right: 20px;
  border-right: 1px solid #e7e7e7; }
.board_section .gallery-thumbs, .board_section .gallery-tumhigh {
  display: flex; }
  .board_section .gallery-thumbs .swiper-wrapper, .board_section .gallery-tumhigh .swiper-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 50%;
    transform: translate(0) !important; }
    .board_section .gallery-thumbs .swiper-wrapper:last-child, .board_section .gallery-tumhigh .swiper-wrapper:last-child {
      margin-left: 20px; }
.board_section .second_slider_view .gallery-high {
  opacity: 0;
  z-index: -5; }
  .board_section .second_slider_view .gallery-high.opacity_1 {
    opacity: 1;
    z-index: 5; }
.board_section .first_slider_view .gallery-top.opacity_0 {
  opacity: 0;
  z-index: -5; }
.board_section .second_slider_item .swiper-slide.swiper-slide-thumb-active {
  color: #888888; }
  .board_section .second_slider_item .swiper-slide.swiper-slide-thumb-active span {
    color: #aaaaaa; }
.board_section .second_slider_item .swiper-slide.swiper-slide-thumb-active.active {
  color: #036; }
  .board_section .second_slider_item .swiper-slide.swiper-slide-thumb-active.active span {
    color: #888888; }
.board_section .swiper-slide {
  color: #888888;
  font-size: 16px;
  font-weight: 500;
  margin: 8px 0px;
  cursor: pointer; }
  .board_section .swiper-slide span {
    display: block;
    color: #aaaaaa; }
  .board_section .swiper-slide.swiper-slide-thumb-active {
    color: #036; }
    .board_section .swiper-slide.swiper-slide-thumb-active span {
      color: #888888; }
.board_section .second_slider_item {
  padding-left: 20px; }
  .board_section .second_slider_item h4 {
    font-size: 18px;
    line-height: 22px; }
.board_section .member_slide {
  margin-left: 50px;
  cursor: grab;
  position: relative;
  background: #f7fcff;
  padding: 40px 20px 30px 70px; }
  .board_section .member_slide .slide_img {
    position: absolute;
    top: 40px;
    left: -50px;
    width: 100px;
    border-radius: 50%;
    overflow: hidden; }
  .board_section .member_slide .slide_title {
    margin-bottom: 20px; }
    .board_section .member_slide .slide_title h4 {
      line-height: 25px;
      font-size: 20px; }
    .board_section .member_slide .slide_title span {
      font-size: 16px;
      color: #888888; }
.board_section .second_slider_view {
  position: absolute;
  top: 0;
  width: calc(100% - 30px); }

.donate_page header .nav_area .navbar a, .donate_page header .nav_area .navbar a.nav-link {
  color: black; }
.donate_page header .nav_area .navbar .donate_nav .nav-item .donate_link, .donate_page header .nav_area .navbar .donate_nav .nav-item:first-child {
  border-color: black; }
.donate_page header .nav_area .navbar .navbar-brand {
  background-image: url("../images/logo_black.svg"); }
.donate_page header .nav_area .dropdown:hover .dropdown-menu {
  display: block;
  margin: 0px; }
.donate_page header .nav_area .dropdown:hover .dropdown-menu:hover {
  display: block; }
.donate_page .banner_area .banner_video {
  opacity: 1;
  background-image: url("../images/donate_bg.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  .donate_page .banner_area .banner_video::before {
    display: none; }
.donate_page .banner_area .banner_content {
  justify-content: flex-start; }
  .donate_page .banner_area .banner_content p, .donate_page .banner_area .banner_content h2 {
    color: black; }
  .donate_page .banner_area .banner_content h2 {
    padding: 0px 30px;
    font-size: 30px; }
.donate_page .banner_area .donate_banner .tab-pane .tab_main .extra_text {
  margin: 20px 10px;
  text-decoration: unset;
  color: #036; }
.donate_page .spring_section {
  background: url(../images/donate_about.jpg);
  background-size: cover;
  background-position: 50% 0%; }
  .donate_page .spring_section .title_spring_donate {
    padding: 30px 50px 0px; }
    .donate_page .spring_section .title_spring_donate h4 {
      font-size: 20px;
      line-height: 25px;
      padding: 0px 30px; }
.donate_page .story_section {
  background: white; }
.donate_page .story_section .story_area {
  margin-bottom: 40px; }
.donate_page .story_section .story_area .img_story {
  width: 100%;
  text-align: center; }
.donate_page .story_section .story_area .section_title h2 {
  font-size: 16px;
  height: auto;
  line-height: 20px;
  min-height: auto; }
.donate_page .story_section .story_area .story_btn {
  display: table;
  font-size: 14px;
  margin: auto; }
.donate_page .story_section .story_area .section_title .m_height {
  min-height: auto;
  font-size: 14px;
  margin-bottom: 10px; }

/*# sourceMappingURL=style.css.map */