div.contact-callback {
   background-color: #000;
   height: 80px;
   margin-bottom: 50px;
}

section#welcome, section#verse {
  background: url(/assets/img/about-bg.jpg) center top no-repeat fixed;
  background-size: cover;
  padding: 60px 0 40px 0;
  position: relative;
}
section#welcome::before, section#verse::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.92);
  z-index: 9;
}
section#welcome .container, section#verse .container {
  position: relative;
  z-index: 10;
}

section#welcome header div.container, section#verse header div.container {
   background-image: linear-gradient(to bottom, #17939f, #17939f, #19737f, #19737f);
   border-radius: 30px;
   font-size: 18pt;
   padding: 30px;
   width: 70%;
   min-width: 200px;
   margin-left: auto; margin-right: auto;
   margin-bottom: 20px;
}
section#welcome header div h3 {
   color: #fff;
}
section#welcome header div p {
   color: #fff;
   margin-bottom: 20px;
   padding-bottom: 0px;
   text-align: left;
}
section#welcome header div p:last-child {
   margin-bottom: 0px;
}
section#welcome header div a {
   color: #090;
}

section#featured-services {
   cursor: pointer;
}
section#featured-services a,
section#featured-services i {
   color: #fff;
   transition: 0s;
}
section#featured-services #featured-get-started {
   background-image: linear-gradient(to right, #125d49, #125d49, #125d49, #125d49, #125d49, #125d49);
   text-align: center;
}
section#featured-services #featured-history {
   background: url(/assets/img/call-to-action-bg.jpg) center;
   text-align: center;
}
section#featured-services #featured-donations {
   background: url(/assets/img/call-to-action-bg.jpg) center;
   text-align: center;
}
section#featured-services #featured-get-started:hover {
   background-image: radial-gradient(circle, #fff, #fff, #fff, #125d49, #125d49);
}
section#featured-services #featured-history:hover {
   background: radial-gradient(circle, #fff, #fff, #fff, transparent, transparent), url(/assets/img/call-to-action-bg.jpg) center;
}
section#featured-services #featured-donations:hover {
   background: radial-gradient(circle, #fff, #fff, #fff, transparent, transparent), url(/assets/img/call-to-action-bg.jpg) center;
}
section#featured-services #featured-history, section#featured-services #featured-history:hover {
   background-position: 100% 0%;
}
section#featured-services #featured-donations, section#featured-services #featured-donations:hover {
   background-position: 85% 0%;
}
section#featured-services #featured-get-started:hover a,
section#featured-services #featured-get-started:hover i {
   color: #000;
}
section#featured-services #featured-history:hover a,
section#featured-services #featured-history:hover i {
   color: #000;
}
section#featured-services #featured-donations:hover a,
section#featured-services #featured-donations:hover i {
   color: #000;
}

#hero h2 {
   font-size: 2.0em;
}

#hero .btn-get-started, #contact .php-email-form button[type=submit] {
   background-color: #17939f !important;
   border-radius: 50px;
}
#hero .btn-get-started:hover, #contact .php-email-form button[type=submit]:hover {
   color: #000;
}

div.fake-video {
   margin-left: auto; margin-right: auto;
   margin-bottom: 30px;
   width: 90%;
   max-width: 500px;
}
div.fake-video img {
   width: 100%;
}

div.accordion-button {
   font-weight: 700;
   font-size: 18px;
}
div.accordion-button:not(.collapsed) {
   color: #000;
   background-color: #e7ffe7;
}

.mobile-hide {
   display: none;
}
.mobile-show {
   display: block;
}

#team .team-item figure img {
   width: 100%;
}

#portfolio .portfolio-wrap figure img {
   width: 100%;
}

#call-to-action .container {
   width: 70%;
   margin-left: auto; margin-right: auto;
   padding-left: 50px; padding-right: 50px;
}
#call-to-action p, #call-to-action ul li {
   text-align: left;
}
#call-to-action ul li {
   color: #fff;
   list-style-type: none;
}
#clients .cta-btn {
   font-family: "Montserrat", sans-serif;
   text-transform: uppercase;
   font-weight: 500;
   font-size: 16px;
   letter-spacing: 1px;
   display: inline-block;
   padding: 8px 28px;
   border-radius: 25px;
   transition: 0.5s;
   margin-top: 10px;
   border: 2px solid #18d263;
   color: #18d263;
}

#faq {
  padding: 60px 0;
}
#faq .progress {
  height: 35px;
  margin-bottom: 10px;
  border-radius: 0;
}
#faq .progress .skill {
  font-family: "Open Sans", sans-serif;
  line-height: 35px;
  padding: 0;
  margin: 0 0 0 20px;
  text-transform: uppercase;
}
#faq .progress .skill .val {
  float: right;
  font-style: normal;
  margin: 0 20px 0 0;
}
#faq .progress-bar {
  width: 1px;
  text-align: left;
  transition: 0.9s;
}

section#history {
   background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(/assets/img/call-to-action-bg.jpg) fixed center center;
   padding: 60px 0;
}
section#history .container {
   background-color: #fff;
   border-radius: 10px;
   width: 70%;
   margin-left: auto; margin-right: auto;
   padding: 30px;
}
section#history h3 {
   color: #000;
   font-size: 28px;
   font-weight: 700;
}
section#history p {
   color: #000;
   margin-bottom: 20px;
   text-align: left;
}
section#history div p:last-child {
   margin-bottom: 0px;
}

section#verse {
   background: url(/assets/img/about-bg.jpg) center top no-repeat fixed;
}
section#verse .container {
   background-image: linear-gradient(to bottom, #17939f, #17939f, #19737f, #19737f);
   color: #fff;
   border-radius: 10px;
   width: 80%;
   margin-top: 60px; margin-bottom: 60px;
   margin-left: auto; margin-right: auto;
   padding: 30px;
}

section#donations {
   background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(/assets/img/call-to-action-bg.jpg) fixed center center;
   padding: 60px 0;
}
section#donations .container {
   background-color: #fff;
   border-radius: 10px;
   width: 70%;
   margin-left: auto; margin-right: auto;
   padding: 30px;
}
section#donations h3 {
   color: #000;
   font-size: 28px;
   font-weight: 700;
}
section#donations p {
   color: #000;
   margin-bottom: 20px;
   text-align: left;
}
section#donations div p:last-child {
   margin-bottom: 0px;
}

#team {
   padding: 60px 0;
}
#team #team-flters {
   padding: 0;
   margin: 5px 0 35px 0;
   list-style: none;
   text-align: center;
}
#team #team-flters li {
   cursor: pointer;
   margin: 15px 15px 15px 0;
   display: inline-block;
   padding: 10px 20px;
   font-size: 12px;
   line-height: 20px;
   color: #666666;
   border-radius: 4px;
   text-transform: uppercase;
   background: #fff;
   margin-bottom: 5px;
   transition: all 0.3s ease-in-out;
}
#team #team-flters li:hover, #team #team-flters li.filter-active {
   background: #18d26e;
   color: #fff;
}
#team #team-flters li:last-child {
   margin-right: 0;
}
#team .team-wrap {
   box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
   transition: 0.3s;
}
#team .team-wrap:hover {
   box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);
}
#team .team-item {
   position: relative;
   height: 360px;
   overflow: hidden;
}
#team .team-item figure {
   background: #000;
   overflow: hidden;
   height: 240px;
   position: relative;
   border-radius: 4px 4px 0 0;
   margin: 0;
}
#team .team-item figure:hover img {
   opacity: 0.4;
   transition: 0.3s;
}
#team .team-item figure .link-preview, #team .team-item figure .link-details {
   position: absolute;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   opacity: 0;
   line-height: 1;
   text-align: center;
   width: 36px;
   height: 36px;
   background: #fff;
   border-radius: 50%;
   transition: 0.2s linear;
}
#team .team-item figure .link-preview i, #team .team-item figure .link-details i {
   font-size: 22px;
   color: #333;
   line-height: 0;
}
#team .team-item figure .link-preview:hover, #team .team-item figure .link-details:hover {
   background: #18d26e;
}
#team .team-item figure .link-preview:hover i, #team .team-item figure .link-details:hover i {
   color: #fff;
}
#team .team-item figure .link-preview {
   left: calc(50% - 38px);
   top: calc(50% - 18px);
}
#team .team-item figure .link-details {
   right: calc(50% - 38px);
   top: calc(50% - 18px);
}
#team .team-item figure:hover .link-preview {
   opacity: 1;
   left: calc(50% - 44px);
}
#team .team-item figure:hover .link-details {
   opacity: 1;
   right: calc(50% - 44px);
}
#team .team-item .team-info {
   background: #fff;
   text-align: center;
   padding: 30px;
   height: 90px;
   border-radius: 0 0 3px 3px;
}
#team .team-item .team-info h4 {
   font-size: 18px;
   line-height: 1px;
   font-weight: 700;
   margin-bottom: 18px;
   padding-bottom: 0;
}
#team .team-item .team-info h4 a {
   color: #333;
}
#team .team-item .team-info h4 a:hover {
   color: #18d26e;
}
#team .team-item .team-info p {
   padding: 0;
   margin: 0;
   color: #b8b8b8;
   font-weight: 500;
   font-size: 14px;
   text-transform: uppercase;
}
 
/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.team-details {
   padding-top: 40px;
}
.team-details .team-details-slider img {
   width: 100%;
}
.team-details .team-details-slider .swiper-pagination {
   margin-top: 20px;
   position: relative;
}
.team-details .team-details-slider .swiper-pagination .swiper-pagination-bullet {
   width: 12px;
   height: 12px;
   background-color: #fff;
   opacity: 1;
   border: 1px solid #18d26e;
}
.team-details .team-details-slider .swiper-pagination .swiper-pagination-bullet-active {
   background-color: #18d26e;
}
.team-details .team-info {
   padding: 30px;
   box-shadow: 0px 0 30px rgba(51, 51, 51, 0.08);
}
.team-details .team-info h3 {
   font-size: 22px;
   font-weight: 700;
   margin-bottom: 20px;
   padding-bottom: 20px;
   border-bottom: 1px solid #eee;
}
.team-details .team-info ul {
   list-style: none;
   padding: 0;
   font-size: 15px;
}
.team-details .team-info ul li + li {
   margin-top: 10px;
}
.team-details .team-description {
   padding-top: 30px;
}
.team-details .team-description h2 {
   font-size: 26px;
   font-weight: 700;
   margin-bottom: 20px;
}
.team-details .team-description p {
   padding: 0;
}

#contact button {
   margin-top: 30px;
}

div.disabled-section {
   filter: grayscale(100%) opacity(30%) sepia(50%);
}

@media (max-width: 1100px) {
   #header .logo a {
      font-size: 20pt;
   }
}

@media (max-width: 768px) {
   section#welcome header div,
   section#call-to-action .container,
   section#history .container,
   section#donations .container {
      border-radius: 50px !important;
   }
}

@media (max-width: 414px) {
   .mobile-hide {
      display: block;
   }
   .mobile-show {
      display: none;
   }
}

@media (max-width: 375px) {
   #hero h2 {
      font-size: 1.5em;
   }
   section#welcome header div,
   section#call-to-action .container,
   section#history .container,
   section#donations .container {
      font-size: 12pt;
   }
   section#call-to-action ul {
      margin-left: 0px;
   }
}

@media (max-width: 320px) {
   #hero h2 {
      font-size: 1.2em;
   }
}