/* =======================================================
    Template Name: HelpPlus - Charity, NGO, Nonprofit HTML Template
    Developed By: Md Tariqul Islam

/* ============================================
    Style Index 
===============================================

    1. Template Basic
    2. Header Area
    3. Main Menu Area
    4. Banner Area
    4.2 Banner 2 Area
    4.3 Parallax Banner
    4.4 Owl Carousel Navigation
    5. Feature Area
    6. History Area
    7. Mission Area
    8. Counterup Area
    9. Causes Area
    10. Upcoming Events Area
    11. Partner Area
    12. Volunteer Area
    13. Footer Area 
    14. Home-2 Page
    14.1 Inspiration Area
    14.2 Feature Cause Area
    14.3 Project Area
    14.4 Mission Area
    14. 5 Donation Area
    15. Blog Area
    16. Team Area
    17. Volunteer Area 
    18. Promo Area
    19. Ourself Area
    20. Service Area 
    21. FAQ Page 
    22. Gallery Area
    23. Volunteer Single Page 
    24. Blog Page 
    25. Single Cause Page 
    25.2 Sidebar CSS 
    26. Post Comments
    27. Write Comments
    28. Event Page
    29. Single Event Page
    30. Event Accordion
    31. Pager Navigation
    32. Testimonial Page
    33. 404 Page
    34.Shop Page
    35. Single Details
    36. Product Tab Area
    37. Related Products 
    38. Check-out Page
    39. Cart Page
    40. Product Coupon
    41. Contact Page
    42. Login Page
    43. My Account Page
    44. Custom Overrides
===============================================*/
/* ==========================================
1. Template Basic
============================================== */
body {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 28px;
  color: #9c9c9c;
  background: #ffffff;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

a {
  color: #fdce10;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-decoration: none; }
  a:focus, a:hover {
    text-decoration: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #fdce10; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #242424;
  font-weight: 500;
  margin: 0 0 15px; }

h3 {
  font-size: 22px;
  font-weight: 700; }

img {
  max-width: 100%;
  object-fit: cover; }

input,
textarea {
  border-radius: 5px;
  padding-left: 15px; }
  input:focus,
  textarea:focus {
    outline: 0 none; }

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #9c9c9c;
  opacity: 1;
  /* Firefox */ }

.gray-bg, .misson-area, .causes-area .single-cause .cause-detials, .upcoming-events, .event-page, .inspiration-area, .project-area, .single-article {
  background: #f3f5f8; }

.section-padding {
  padding: 100px 0; }
  @media only screen and (max-width: 767px) {
    .section-padding {
      padding: 60px 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-padding {
      padding: 80px 0px; } }

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

.no-padding {
  padding: 0; }

.theme-shadow, .inspiration-area .single-inspiration span {
  -webkit-box-shadow: 0 2px 15px rgba(235, 235, 235, 0.2);
  -moz-box-shadow: 0 2px 15px rgba(235, 235, 235, 0.2);
  box-shadow: 0 2px 15px rgba(235, 235, 235, 0.2); }

.main-content {
  padding: 70px 0; }

.section-intro {
  max-width: 555px;
  margin: 0 auto 55px;
  text-align: center; }
  .section-intro p {
    font-weight: 500; }
  .section-intro.intro-full {
    max-width: 100%; }

.section-title {
  font-size: 60px;
  font-weight: 700;
  text-transform: capitalize; }
  .section-title span {
    color: #fdce10;
    display: inline; }
  .section-title .color {
    display: inline; }
  @media only screen and (max-width: 767px) {
    .section-title {
      font-size: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title {
      font-size: 50px; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .section-title {
      font-size: 50px; } }

.article-title {
  font-size: 30px;
  font-weight: 700; }
  @media only screen and (max-width: 767px) {
    .article-title {
      font-size: 25px; } }

.section-intro p {
  color: #9c9c9c;
  font-size: 16px; }

.clear::after, .upcoming-events .events-wrap .single-event::after, .event-page .events-wrap .single-event::after, .event-page .event-list .single-event::after, .single-article::after, .cause-details .cause-content .cause-info .cause-donate::after, .cause-details .cause-content .cause-info .cause-gallery::after, .widget ul li::after, .single-blog .article-entry .post-detials .post-image::after, .write-comments form .form-group::after, .write-comments form .form-group.half-form::after, .shop-wrap .shop-header::after, .shop-item::after, .contact-form .form-group.form-half::after {
  clear: both;
  content: "";
  display: table; }

.overly, .banner-area .single-banner, .parallax-banner, .owl-nav > div, .misson-area .mission-vedio, .counter-area, .partner-area, .volunteer-area, .donation-area, .team-area, .team-area .team-wrap .team-member .team-thumb,
.team-area .teams-info .team-member .team-thumb, .promo-area, .post-comments ol li, .testimonial-page .single-testimonial .s-details p, .shop-item .shop-thumb, .single-product .sp-details .item-rating {
  position: relative;
  z-index: 1; }
  .overly::before, .banner-area .single-banner::before, .parallax-banner::before, .owl-nav > div::before, .misson-area .mission-vedio::before, .counter-area::before, .partner-area::before, .volunteer-area::before, .donation-area::before, .team-area::before, .team-area .team-wrap .team-member .team-thumb::before,
  .team-area .teams-info .team-member .team-thumb::before, .promo-area::before, .post-comments ol li::before, .testimonial-page .single-testimonial .s-details p::before, .shop-item .shop-thumb::before, .single-product .sp-details .item-rating::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #fdce10;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    z-index: -1; }

#scrollUp {
  width: 45px;
  height: 45px;
  right: 30px;
  bottom: 20px;
  text-align: center;
  line-height: 45px;
  font-size: 20px;
  color: #ffffff;
  background: #fdce10;
  border-radius: 50%; }

.custom-btn {
  display: inline-block;
  padding: 10px 30px;
  font-weight: 500;
  color: #ffffff;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  font-size: 16px;
  cursor: pointer; }
  .custom-btn::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #242424;
    border-radius: 5px;
    z-index: -1;
    opacity: 0.95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: alpha(opacity=95);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
  .custom-btn:hover {
    color: #ffffff; }
  .custom-btn:hover::after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100); }
  .custom-btn.unfill::after {
    background: transparent;
    border: 2px solid #ffffff; }

.list-clear, #header-area .header-top .top-info,
#header-area .header-top .account-info, .main-menu .navbar .navbar-nav, .main-menu .navbar .navbar-nav .nav-item .sub-menu, .blog-area-2 .single-article .article-details .article-meta, .cause-details .cause-content .cause-info ul, .widget ul, .single-blog .article-entry .post-detials .post-image, .single-blog .article-entry .post-detials .info-list, .single-blog .article-entry .post-detials .post-share ul, .post-comments ol, .product-tab .tab-content ul.e-info, .checkout-content .checkout-wrap .order-info ul, .c-info-wrap .contact-info {
  padding: 0;
  margin: 0;
  list-style: none; }

/*===========================================
2. Header Area
=============================================*/
#header-area .header-top {
  background: #212b33; }
  @media only screen and (max-width: 767px) {
    #header-area .header-top {
      padding: 10px 0px; } }
  #header-area .header-top .top-info,
  #header-area .header-top .account-info {
    float: left; }
    #header-area .header-top .top-info li,
    #header-area .header-top .account-info li {
      display: inline-block;
      padding: 4px 0;
      margin-right: 10px;
      font-size: 13px; }
      #header-area .header-top .top-info li a,
      #header-area .header-top .account-info li a {
        color: #ffffff; }
        #header-area .header-top .top-info li a i,
        #header-area .header-top .account-info li a i {
          margin-right: 7px;
          color: #fdce10; }
      #header-area .header-top .top-info li:hover a,
      #header-area .header-top .account-info li:hover a {
        color: #fdce10; }
    #header-area .header-top .top-info.account-info,
    #header-area .header-top .account-info.account-info {
      float: right; }
      @media only screen and (max-width: 767px) {
        #header-area .header-top .top-info.account-info,
        #header-area .header-top .account-info.account-info {
          float: none; } }
      #header-area .header-top .top-info.account-info .dropdown-toggle::after,
      #header-area .header-top .account-info.account-info .dropdown-toggle::after {
        display: none; }
      #header-area .header-top .top-info.account-info .dropdown-menu,
      #header-area .header-top .account-info.account-info .dropdown-menu {
        min-width: 100px;
        margin-top: 7px;
        padding: 0; }
        #header-area .header-top .top-info.account-info .dropdown-menu a,
        #header-area .header-top .account-info.account-info .dropdown-menu a {
          color: #242424;
          padding: 2px 15px;
          font-size: 13px;
          font-weight: 500; }
          #header-area .header-top .top-info.account-info .dropdown-menu a:hover,
          #header-area .header-top .account-info.account-info .dropdown-menu a:hover {
            color: #ffffff;
            background: #fdce10; }

/*===========================================
3. Main Menu Area
=============================================*/
.main-menu {
  background: #f5f5f5 none repeat scroll 0 0;
  position: relative;
  width: 100%;
  z-index: 9; }
  .main-menu .navbar {
    padding: 0; }
    .main-menu .navbar .navbar-brand {
      float: left; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .main-menu .navbar .navbar-brand {
          margin: 0; }
          .main-menu .navbar .navbar-brand img {
            height: 40px; } }
      @media only screen and (max-width: 767px) {
        .main-menu .navbar .navbar-brand img {
          height: 60px; } }
    .main-menu .navbar .navbar-nav {
      float: none; }
      .main-menu .navbar .navbar-nav .nav-item {
        position: relative; }
        .main-menu .navbar .navbar-nav .nav-item .nav-link {
          padding: 30px 17px;
          color: #242424;
          font-weight: 700;
          text-transform: capitalize;
          font-size: 16px; }
          @media only screen and (max-width: 767px) {
            .main-menu .navbar .navbar-nav .nav-item .nav-link {
              padding: 12px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .main-menu .navbar .navbar-nav .nav-item .nav-link {
              font-size: 14px;
              padding: 20px 10px; } }
          @media only screen and (min-width: 992px) and (max-width: 1200px) {
            .main-menu .navbar .navbar-nav .nav-item .nav-link {
              font-size: 14px;
              padding: 30px 12px; } }
        .main-menu .navbar .navbar-nav .nav-item:hover > a {
          color: #fdce10; }
        .main-menu .navbar .navbar-nav .nav-item:last-child a {
          padding-right: 35px; }
        .main-menu .navbar .navbar-nav .nav-item .sub-menu {
          background: rgba(0, 0, 0, 0.55);
          position: absolute;
          min-width: 180px;
          z-index: 1000;
          padding: 0;
          top: 100%;
          left: 0;
          border-bottom-left-radius: 3px;
          border-bottom-right-radius: 3px;
          opacity: 0;
          transition: all 0.4s ease 0s;
          visibility: hidden; }
          @media only screen and (max-width: 767px) {
            .main-menu .navbar .navbar-nav .nav-item .sub-menu {
              background: rgba(0, 0, 0, 0.95); } }
          @media only screen and (min-width: 480px) and (max-width: 767px) {
            .main-menu .navbar .navbar-nav .nav-item .sub-menu {
              left: 25%; } }
          .main-menu .navbar .navbar-nav .nav-item .sub-menu li {
            border-bottom: 1px solid transparent;
            padding-bottom: 0;
            position: relative;
            -webkit-transition: .4s;
            transition: .4s; }
            .main-menu .navbar .navbar-nav .nav-item .sub-menu li a {
              padding: 8px 15px;
              display: block;
              font-weight: 700;
              color: #ffffff;
              text-transform: capitalize; }
              .main-menu .navbar .navbar-nav .nav-item .sub-menu li a::after {
                position: absolute;
                right: 20px;
                content: "\f105";
                font-family: Fontawesome; }
              .main-menu .navbar .navbar-nav .nav-item .sub-menu li a:only-child:after {
                margin-left: 0;
                content: ''; }
              .main-menu .navbar .navbar-nav .nav-item .sub-menu li a:hover {
                color: #ffffff; }
            .main-menu .navbar .navbar-nav .nav-item .sub-menu li .sub-menu {
              display: block;
              position: absolute;
              left: 100%;
              top: 0;
              width: 100%;
              background: rgba(0, 0, 0, 0.55);
              border-bottom-left-radius: 3px;
              border-bottom-right-radius: 3px;
              opacity: 0;
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
              @media only screen and (max-width: 767px) {
                .main-menu .navbar .navbar-nav .nav-item .sub-menu li .sub-menu {
                  background: rgba(0, 0, 0, 0.95);
                  left: 65%; } }
              @media only screen and (min-width: 480px) and (max-width: 767px) {
                .main-menu .navbar .navbar-nav .nav-item .sub-menu li .sub-menu {
                  left: 92%; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                .main-menu .navbar .navbar-nav .nav-item .sub-menu li .sub-menu {
                  left: -100%; } }
            .main-menu .navbar .navbar-nav .nav-item .sub-menu li:last-child {
              border-bottom: none; }
            .main-menu .navbar .navbar-nav .nav-item .sub-menu li:hover {
              background: #ffb400;
              padding-left: 10px; }
            .main-menu .navbar .navbar-nav .nav-item .sub-menu li:hover .sub-menu {
              opacity: 1;
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
              visibility: visible; }
        .main-menu .navbar .navbar-nav .nav-item:hover > .sub-menu {
          opacity: 1;
          top: 100%;
          visibility: visible; }
          @media only screen and (min-width: 480px) and (max-width: 767px) {
            .main-menu .navbar .navbar-nav .nav-item:hover > .sub-menu {
              top: 50%; } }
  .main-menu .custom-btn {
    color: #242424;
    border-radius: 30px;
    padding: 9px 28px;
    font-weight: 700; }
    @media only screen and (max-width: 767px) {
      .main-menu .custom-btn {
        display: none; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .main-menu .custom-btn {
        display: none; } }
    .main-menu .custom-btn::after {
      background: #fdce10;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      border-radius: 30px; }
    .main-menu .custom-btn:hover::after {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100); }

.navbar-toggler {
  background: #fdce10; }
  .navbar-toggler span {
    color: #ffffff;
    line-height: 1.4; }

/* =============================================
4. Banner Area */
.banner-area {
  position: relative;
  /* 4.2 Banner 2 Start */ }
  .banner-area .single-banner::before {
    z-index: auto;
    background: #000000;
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75); }
  .banner-area .single-banner .banner-info {
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    margin-top: -100px; }
    .banner-area .single-banner .banner-info .banner-title {
      font-size: 70px;
      color: #ffffff;
      font-weight: 700;
      text-transform: capitalize;
      margin: 0px 0 50px; }
      @media only screen and (max-width: 767px) {
        .banner-area .single-banner .banner-info .banner-title {
          font-size: 35px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .banner-area .single-banner .banner-info .banner-title {
          font-size: 60px; } }
      .banner-area .single-banner .banner-info .banner-title span {
        color: #fdce10; }
    .banner-area .single-banner .banner-info p {
      color: #eaeaea;
      font-size: 18px;
      text-transform: uppercase;
      font-weight: 500;
      letter-spacing: 3px; }
      @media only screen and (max-width: 767px) {
        .banner-area .single-banner .banner-info p {
          line-height: 1.2;
          font-size: 13px;
          letter-spacing: 0; } }
    .banner-area .single-banner .banner-info .banner-btn > a {
      margin-right: 30px; }
      @media only screen and (max-width: 767px) {
        .banner-area .single-banner .banner-info .banner-btn > a {
          margin-right: 15px; }
          .banner-area .single-banner .banner-info .banner-btn > a.custom-btn {
            padding: 8px 14px; } }
    .banner-area .single-banner .banner-info .custom-btn::after {
      background: #fdce10;
      opacity: 0.8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      filter: alpha(opacity=80); }
    .banner-area .single-banner .banner-info .unfill::after {
      background: transparent; }
    .banner-area .single-banner .banner-info .unfill:hover::after {
      background: #fdce10;
      border: 2px solid #fdce10; }
  .banner-area .single-banner img {
    height: 600px; }
    @media only screen and (max-width: 767px) {
      .banner-area .single-banner img {
        height: 500px; } }
  .banner-area .owl-dots {
    bottom: 70px; }
    .banner-area .owl-dots .owl-dot span {
      width: 25px;
      height: 15px;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease; }
    .banner-area .owl-dots .owl-dot.active span, .banner-area .owl-dots .owl-dot:hover span {
      width: 40px; }
  .banner-area .banner-2 .single-banner {
    padding: 300px 0 350px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 767px) {
      .banner-area .banner-2 .single-banner {
        padding: 225px 0; } }
  .banner-area .banner-2 .banner-info {
    text-align: left;
    position: absolute;
    left: 135px;
    top: 50%;
    padding: 50px 0;
    width: 600px;
    margin: 0;
    transform: translateY(-50%);
    height: auto; }
    @media only screen and (max-width: 767px) {
      .banner-area .banner-2 .banner-info {
        left: 30px;
        width: 300px; } }
    .banner-area .banner-2 .banner-info p {
      margin: 0 0 20px; }
    .banner-area .banner-2 .banner-info .banner-btn {
      margin-top: 50px; }
  @media only screen and (max-width: 767px) {
    .banner-area .banner-2 .owl-nav {
      display: none; } }
  .banner-area .owl-nav > div {
    height: 58px; }

/* 4.3 Parallax Banner */
.parallax-banner {
  background: url("../images/banner/banner3.jpg") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover; }
  .parallax-banner::before {
    background: #000000; }
  .parallax-banner .banner-2 .single-banner {
    padding: 250px 0;
    position: relative; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .parallax-banner .banner-2 .single-banner {
        padding: 170px 0; } }
    @media only screen and (max-width: 767px) {
      .parallax-banner .banner-2 .single-banner {
        padding: 150px 0; } }
    .parallax-banner .banner-2 .single-banner .banner-info {
      position: relative;
      text-align: center;
      left: auto;
      top: auto;
      padding: 0;
      width: auto;
      margin: 0;
      transform: inherit;
      height: auto; }

.banner-2 .owl-nav > div {
  width: 85px; }
  .banner-2 .owl-nav > div::before {
    border-radius: 0px 25px 25px 0;
    background: #ffffff;
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20); }
  .banner-2 .owl-nav > div.owl-next::before {
    transform: rotate(180deg); }

/* 4.4 Owl Carousel Navigation */
.owl-nav > div {
  position: absolute;
  left: 0px;
  top: 45%;
  width: 45px;
  height: 45px;
  display: table;
  text-align: center;
  color: #ffffff;
  margin: 0; }
  .owl-nav > div.owl-next {
    left: auto;
    right: 0px; }
  .owl-nav > div i {
    vertical-align: middle;
    display: table-cell;
    font-size: 30px; }

.owl-dots {
  bottom: 50px; }
  .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
  .owl-dots .owl-dot.active span {
    width: 35px; }

/* ==============================================
5. Feature Area
==================================================*/
.feature-area .feature-item {
  text-align: center;
  padding: 50px 30px; }
  .feature-area .feature-item span {
    width: 80px;
    height: 80px;
    background: #ffffff;
    display: inline-table;
    text-align: center;
    line-height: 80px;
    border-radius: 50%; }
    .feature-area .feature-item span img {
      width: 40px;
      height: 40px;
      border-radius: 5px; }
  .feature-area .feature-item h4 {
    text-transform: capitalize;
    margin: 20px 0 0;
    font-weight: 700; }
.feature-area .row > div:nth-child(1) {
  background: #fdce10; }
.feature-area .row > div:nth-child(2) {
  background: #f5c814; }
.feature-area .row > div:nth-child(3) {
  background: #fdce10; }
.feature-area .row > div:nth-child(4) {
  background: #f5c814; }

/* ============================================
6. History Area */
@media only screen and (min-width: 1401px) and (max-width: 1920px) {
  .history-area .history-txt {
    padding-right: 60px; } }
.history-area .history-txt p {
  margin: 25px 35px 45px 0; }
.history-area .raise-img {
  margin-bottom: 15px;
  border-radius: 7px; }
  .history-area .raise-img:last-child {
    margin: 0; }
  .history-area .raise-img img {
    border-radius: 7px; }
.history-area .raise-img.height-2 {
  height: 425px;
  margin: 0 15px 0 0; }
  @media only screen and (min-width: 1201px) and (max-width: 1400px) {
    .history-area .raise-img.height-2 {
      height: 370px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .history-area .raise-img.height-2 {
      height: 235px; } }
  @media only screen and (max-width: 767px) {
    .history-area .raise-img.height-2 {
      height: auto;
      margin: 15px 0; } }
  .history-area .raise-img.height-2 img {
    height: 100%; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .history-area .raise-img.height-2 img {
        height: 305px; } }

/* =============================================
7. Mission Area */
.misson-area .mission-vedio {
  border-radius: 7px;
  overflow: hidden;
  margin-top: 10px; }
  .misson-area .mission-vedio::before {
    z-index: auto;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    background: #000; }
  .misson-area .mission-vedio img {
    height: 365px;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .misson-area .mission-vedio img {
        height: 250px; } }
  .misson-area .mission-vedio a {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 60px;
    z-index: 2;
    height: 60px;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #ffffff;
    display: table; }
    .misson-area .mission-vedio a i {
      display: table-cell;
      vertical-align: middle;
      font-size: 25px;
      color: #fdce10; }
.misson-area .misson-txt {
  text-align: right; }
  @media only screen and (min-width: 1401px) and (max-width: 1920px) {
    .misson-area .misson-txt {
      padding-left: 60px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .misson-area .misson-txt {
      text-align: left; } }
  .misson-area .misson-txt p {
    margin: 25px 0px 45px 35px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .misson-area .misson-txt p {
      margin: 30px 0 40px; } }
  @media only screen and (max-width: 767px) {
    .misson-area .misson-txt {
      text-align: inherit;
      margin-top: 30px; }
      .misson-area .misson-txt p {
        margin: 30px 0 40px; } }

/* =================================================
8. Counterup Area */
.counter-area {
  background: url("../images/banner/0b2.jpeg") no-repeat center center/cover; }
  @media only screen and (max-width: 767px) {
    .counter-area {
      padding: 30px 0; } }
  .counter-area::before {
    background: #fdce10;
    opacity: 0.85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85); }
  .counter-area .single-counter {
    text-align: center;
    padding: 60px 0; }
    @media only screen and (max-width: 767px) {
      .counter-area .single-counter {
        padding: 30px 0; } }
    .counter-area .single-counter .counter {
      display: block;
      margin: 40px 0 35px;
      font-size: 55px;
      color: #000000;
      font-weight: 700; }
    .counter-area .single-counter h3 {
      font-weight: 400;
      font-size: 20px;
      color: #4b4b4b; }

/* =============================================
9. Causes Area */
@media only screen and (max-width: 767px) {
  .causes-area .single-cause {
    margin-bottom: 30px; } }
.causes-area .section-title span {
  display: inline; }
.causes-area .single-cause h3 {
  font-size: 26px; }
.causes-area .single-cause figure {
  margin: 0; }
.causes-area .single-cause .cause-detials {
  overflow: hidden;
  border-width: 0 1px 1px;
  border-style: solid;
  border-radius: 0px 0px 5px 5px;
  padding: 10px 20px 25px;
  border-color: #ebebeb; }
  .causes-area .single-cause .cause-detials h3 {
    margin-top: 5px; }
    .causes-area .single-cause .cause-detials h3 a {
      color: #242424; }
      .causes-area .single-cause .cause-detials h3 a:hover {
        color: #fdce10; }
  .causes-area .single-cause .cause-detials .cause-donate {
    margin-bottom: 25px;
    overflow: hidden;
    font-weight: 500; }
    .causes-area .single-cause .cause-detials .cause-donate .cause-raise {
      float: left;
      font-size: 16px; }
    .causes-area .single-cause .cause-detials .cause-donate .cause-goal {
      text-align: right;
      font-weight: 500;
      font-size: 16px; }
    .causes-area .single-cause .cause-detials .cause-donate label {
      display: block;
      font-weight: 700;
      text-transform: uppercase;
      color: #242424;
      margin-bottom: 0; }
  .causes-area .single-cause .cause-detials .progress {
    border-radius: 50px;
    height: 20px; }
    .causes-area .single-cause .cause-detials .progress .progress-bar {
      border-radius: 50px;
      background: #fdce10;
      font-size: 14px;
      font-weight: 700;
      color: #5a5a5a; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .causes-area .single-cause .cause-detials {
      padding: 10px 10px 25px; }
      .causes-area .single-cause .cause-detials h3 {
        font-size: 22px; } }

/* ==============================================
10. Upcoming Events Area */
@media only screen and (max-width: 767px) {
  .upcoming-events, .event-page {
    overflow: hidden; } }
.upcoming-events .section-intro .section-title span, .event-page .section-intro .section-title span {
  display: inline; }
.upcoming-events .events-wrap, .event-page .events-wrap, .event-page .event-list {
  padding: 50px 0 0; }
  .upcoming-events .events-wrap .single-event, .event-page .events-wrap .single-event, .event-page .event-list .single-event {
    background: #ffffff;
    position: relative;
    display: table;
    border-radius: 5px;
    overflow: hidden;
    width: 100%; }
    .upcoming-events .events-wrap .single-event .event-thumb, .event-page .events-wrap .single-event .event-thumb, .event-page .event-list .single-event .event-thumb {
      width: 41%;
      margin: 0;
      vertical-align: middle;
      display: table-cell; }
      @media only screen and (max-width: 767px) {
        .upcoming-events .events-wrap .single-event .event-thumb, .event-page .events-wrap .single-event .event-thumb, .event-page .event-list .single-event .event-thumb {
          width: 100%;
          display: block; } }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .upcoming-events .events-wrap .single-event .event-thumb, .event-page .events-wrap .single-event .event-thumb, .event-page .event-list .single-event .event-thumb {
          width: 100%;
          width: 100%;
          display: block; } }
      .upcoming-events .events-wrap .single-event .event-thumb figcaption, .event-page .events-wrap .single-event .event-thumb figcaption, .event-page .event-list .single-event .event-thumb figcaption {
        position: absolute;
        left: 0;
        top: 0;
        width: 60px;
        height: 80px;
        background: #fdce10;
        color: #ffffff;
        text-align: center;
        padding-top: 15px;
        font-size: 14px; }
        .upcoming-events .events-wrap .single-event .event-thumb figcaption strong, .event-page .events-wrap .single-event .event-thumb figcaption strong, .event-page .event-list .single-event .event-thumb figcaption strong {
          display: block;
          font-size: 45px;
          font-weight: 500;
          margin-bottom: 5px;
          color: #ffffff; }
      .upcoming-events .events-wrap .single-event .event-thumb img, .event-page .events-wrap .single-event .event-thumb img, .event-page .event-list .single-event .event-thumb img {
        height: 285px;
        width: 100%; }
        @media only screen and (max-width: 767px) {
          .upcoming-events .events-wrap .single-event .event-thumb img, .event-page .events-wrap .single-event .event-thumb img, .event-page .event-list .single-event .event-thumb img {
            height: auto; } }
    .upcoming-events .events-wrap .single-event .event-details, .event-page .events-wrap .single-event .event-details, .event-page .event-list .single-event .event-details {
      border: 1px solid #ebebeb;
      padding: 25px 20px 21px 20px;
      display: table-cell;
      vertical-align: middle;
      border-radius: 5px 5px 5px 0px;
      border-left: none; }
      @media only screen and (max-width: 767px) {
        .upcoming-events .events-wrap .single-event .event-details, .event-page .events-wrap .single-event .event-details, .event-page .event-list .single-event .event-details {
          border-radius: 0px 0px 5px 5px;
          width: 100%;
          display: block;
          border: 1px solid #ebebeb; } }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .upcoming-events .events-wrap .single-event .event-details, .event-page .events-wrap .single-event .event-details, .event-page .event-list .single-event .event-details {
          margin-left: 0px; } }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .upcoming-events .events-wrap .single-event .event-details h3, .event-page .events-wrap .single-event .event-details h3, .event-page .event-list .single-event .event-details h3 {
          font-size: 19px; } }
      .upcoming-events .events-wrap .single-event .event-details h3 a, .event-page .events-wrap .single-event .event-details h3 a, .event-page .event-list .single-event .event-details h3 a {
        color: #242424; }
      .upcoming-events .events-wrap .single-event .event-details h3:hover a, .event-page .events-wrap .single-event .event-details h3:hover a, .event-page .event-list .single-event .event-details h3:hover a {
        color: #fdce10; }
      .upcoming-events .events-wrap .single-event .event-details .event-countown .table-cell, .event-page .events-wrap .single-event .event-details .event-countown .table-cell, .event-page .event-list .single-event .event-details .event-countown .table-cell {
        display: inline-block;
        margin: 0px 20px 30px 0;
        position: relative; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .upcoming-events .events-wrap .single-event .event-details .event-countown .table-cell, .event-page .events-wrap .single-event .event-details .event-countown .table-cell, .event-page .event-list .single-event .event-details .event-countown .table-cell {
            margin: 0 12px 12px 0; } }
        @media only screen and (max-width: 767px) {
          .upcoming-events .events-wrap .single-event .event-details .event-countown .table-cell, .event-page .events-wrap .single-event .event-details .event-countown .table-cell, .event-page .event-list .single-event .event-details .event-countown .table-cell {
            margin: 0 20px 12px 0; } }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          .upcoming-events .events-wrap .single-event .event-details .event-countown .table-cell, .event-page .events-wrap .single-event .event-details .event-countown .table-cell, .event-page .event-list .single-event .event-details .event-countown .table-cell {
            margin: 0px 20px 30px 0; } }
        .upcoming-events .events-wrap .single-event .event-details .event-countown .table-cell .tab-val, .event-page .events-wrap .single-event .event-details .event-countown .table-cell .tab-val, .event-page .event-list .single-event .event-details .event-countown .table-cell .tab-val {
          font-weight: 700;
          font-size: 22px;
          color: #fdce10; }
        .upcoming-events .events-wrap .single-event .event-details .event-countown .table-cell .tab-metr.tab-unit, .event-page .events-wrap .single-event .event-details .event-countown .table-cell .tab-metr.tab-unit, .event-page .event-list .single-event .event-details .event-countown .table-cell .tab-metr.tab-unit {
          text-transform: capitalize;
          font-weight: 500;
          font-size: 14px; }
      .upcoming-events .events-wrap .single-event .event-details .custom-btn, .event-page .events-wrap .single-event .event-details .custom-btn, .event-page .event-list .single-event .event-details .custom-btn {
        padding: 5px 16px;
        font-size: 14px; }
        @media only screen and (max-width: 767px) {
          .upcoming-events .events-wrap .single-event .event-details .custom-btn, .event-page .events-wrap .single-event .event-details .custom-btn, .event-page .event-list .single-event .event-details .custom-btn {
            margin-top: 10px; } }
  .upcoming-events .events-wrap .owl-nav > div, .event-page .events-wrap .owl-nav > div, .event-page .event-list .owl-nav > div {
    position: absolute;
    left: -70px;
    width: 50px;
    height: 50px;
    top: 50%;
    background: #fdce10;
    color: #ffffff;
    display: table;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
    .upcoming-events .events-wrap .owl-nav > div.owl-next, .event-page .events-wrap .owl-nav > div.owl-next, .event-page .event-list .owl-nav > div.owl-next {
      left: auto;
      right: -70px; }
    .upcoming-events .events-wrap .owl-nav > div::before, .event-page .events-wrap .owl-nav > div::before, .event-page .event-list .owl-nav > div::before {
      background: transparent; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .upcoming-events .events-wrap .owl-nav > div, .event-page .events-wrap .owl-nav > div, .event-page .event-list .owl-nav > div {
        left: 0; }
        .upcoming-events .events-wrap .owl-nav > div.owl-next, .event-page .events-wrap .owl-nav > div.owl-next, .event-page .event-list .owl-nav > div.owl-next {
          right: 0; } }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .upcoming-events .events-wrap .owl-nav > div, .event-page .events-wrap .owl-nav > div, .event-page .event-list .owl-nav > div {
        left: -25px; }
        .upcoming-events .events-wrap .owl-nav > div.owl-next, .event-page .events-wrap .owl-nav > div.owl-next, .event-page .event-list .owl-nav > div.owl-next {
          right: -25px; } }
    .upcoming-events .events-wrap .owl-nav > div i, .event-page .events-wrap .owl-nav > div i, .event-page .event-list .owl-nav > div i {
      vertical-align: middle;
      display: table-cell;
      font-size: 22px; }

@media only screen and (max-width: 767px) {
  .main-content .event-countown {
    display: none; } }
/* ===========================================
11. Partner Area */
.partner-area {
  background: url("../images/partner/partner-bg.jpg") no-repeat center center/cover; }
  .partner-area::before {
    opacity: 0.93;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=93)";
    filter: alpha(opacity=93);
    background: #ffffff; }
  .partner-area .partner-wrap {
    padding-top: 20px; }
    .partner-area .partner-wrap.owl-carousel .owl-item img {
      width: auto; }

/* ============================================= 
12. Volunteer Area */
.volunteer-area {
  background: url("../images/banner/volunteer.jpg") no-repeat center center/cover; }
  .volunteer-area::before {
    opacity: 0.95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: alpha(opacity=95); }
  .volunteer-area .volunteer-wrap span {
    font-weight: 700;
    font-size: 70px;
    color: #242424; }
    @media only screen and (max-width: 767px) {
      .volunteer-area .volunteer-wrap span {
        font-size: 45px;
        line-height: 1.1; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .volunteer-area .volunteer-wrap span {
        font-size: 60px; } }
  .volunteer-area .volunteer-wrap p {
    font-size: 24px;
    margin: 30px 0 40px;
    color: #242424; }
  .volunteer-area .volunteer-wrap .custom-btn {
    padding: 14px 48px;
    font-size: 20px; }

/* ==================================================
13. Footer Area */
.footer-area {
  position: relative;
  background: #232323;
  padding: 100px 0 0; }
  @media only screen and (max-width: 767px) {
    .footer-area {
      padding: 60px 0px 0px; }
      .footer-area .footer-top {
        display: none; } }
  .footer-area .newsletter {
    min-width: 565px;
    margin: 0 auto;
    position: absolute;
    padding: 15px 30px 15px;
    top: -38px;
    left: 50%;
    transform: translateX(-50%);
    background: #232323;
    z-index: 9; }
    .footer-area .newsletter::before, .footer-area .newsletter::after {
      position: absolute;
      content: "";
      top: 0;
      border-bottom: 40px solid #232323;
      width: 0;
      height: 0; }
    .footer-area .newsletter::before {
      border-left: 100px solid transparent;
      left: -99px; }
    .footer-area .newsletter::after {
      right: -99px;
      left: auto;
      border-right: 100px solid transparent; }
    .footer-area .newsletter h4 {
      float: left;
      margin: 17px 20px 0 0px;
      font-size: 18px;
      color: #ffffff; }
      @media only screen and (max-width: 767px) {
        .footer-area .newsletter h4 {
          float: none;
          text-align: center; } }
    .footer-area .newsletter form {
      float: right;
      position: relative;
      width: 55%; }
      @media only screen and (max-width: 767px) {
        .footer-area .newsletter form {
          float: none;
          width: 100%;
          margin-top: 20px; } }
      .footer-area .newsletter form input {
        border: none;
        width: 100%;
        background: rgba(103, 103, 103, 0.98);
        border-radius: 50px;
        padding: 15px 25px;
        color: #d4d4d4;
        font-size: 14px; }
      .footer-area .newsletter form ::placeholder {
        color: #d4d4d4; }
      .footer-area .newsletter form button {
        position: absolute;
        top: 10px;
        right: 20px;
        background: transparent;
        border: none;
        color: #fdce10;
        cursor: pointer;
        font-size: 18px; }
  .footer-area .footer-widget {
    margin-bottom: 30px; }
    .footer-area .footer-widget .f-logo {
      margin-bottom: 30px; }
    .footer-area .footer-widget P {
      margin-bottom: 25px;
      font-weight: 500; }
    .footer-area .footer-widget .widget-title {
      color: #ffffff;
      margin-bottom: 30px;
      text-transform: capitalize;
      font-size: 20px;
      font-weight: 500; }
    .footer-area .footer-widget ul {
      padding: 0;
      margin: 0;
      list-style: none; }
      .footer-area .footer-widget ul li {
        line-height: 30px;
        font-weight: 500; }
        .footer-area .footer-widget ul li a {
          color: #9c9c9c; }
          .footer-area .footer-widget ul li a:hover {
            color: #fdce10; }
    .footer-area .footer-widget .footer-social a {
      font-size: 18px;
      color: #fdce10;
      margin-right: 15px; }
    .footer-area .footer-widget .footer-contact li {
      margin-bottom: 15px;
      line-height: 24px; }
      .footer-area .footer-widget .footer-contact li:last-child {
        margin-bottom: 0; }
      .footer-area .footer-widget .footer-contact li i {
        float: left;
        vertical-align: middle;
        padding-top: 5px;
        font-size: 18px;
        color: #fdce10; }
      .footer-area .footer-widget .footer-contact li span {
        margin-left: 30px;
        display: block; }
  .footer-area .copy-right {
    text-align: center;
    border-top: 1px solid #313131;
    margin-top: 60px;
    padding: 30px 0 20px; }
    @media only screen and (max-width: 767px) {
      .footer-area .copy-right {
        margin-top: 20px;
        padding: 20px 0 20px; } }
    .footer-area .copy-right p {
      font-weight: 500; }
      .footer-area .copy-right p a {
        color: #fdce10;
        font-weight: 700;
        margin-left: 5px; }

/* ==================================================
14. Home-2 Page
=====================================================*/
/* ==========================================
14.1 Inspiration Area */
.inspiration-area .section-intro {
  max-width: 990px;
  margin: 0 auto 90px; }
  .inspiration-area .section-intro p {
    color: #9c9c9c;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 500; }
    @media only screen and (max-width: 767px) {
      .inspiration-area .section-intro p {
        font-size: 26px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .inspiration-area .section-intro p {
        font-size: 27px; } }
.inspiration-area .single-inspiration {
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .inspiration-area .single-inspiration {
      margin-bottom: 30px; } }
  .inspiration-area .single-inspiration h3 {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
  .inspiration-area .single-inspiration span {
    width: 120px;
    height: 120px;
    background: #ffffff;
    display: inline-table;
    border-radius: 50%;
    text-align: center;
    line-height: 120px;
    margin-bottom: 35px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    .inspiration-area .single-inspiration span img {
      height: 45px; }
  .inspiration-area .single-inspiration a {
    color: #007b4b;
    font-weight: 500;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    .inspiration-area .single-inspiration a:hover {
      color: #000000; }

    .inspiration-area .single-inspiration a i {
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease; }

    .inspiration-area .single-inspiration a:hover i {
      margin-left: 7px;
      color: #000000; }
  .inspiration-area .single-inspiration:hover span {
    -webkit-box-shadow: 0 20px 15px #ebebeb;
    -moz-box-shadow: 0 20px 15px #ebebeb;
    box-shadow: 0 20px 15px #ebebeb; }
  .inspiration-area .single-inspiration:hover h3 {
    /* color: $theme-color; TLS */ }

/* 
14.2 Feature Cause Area
============================================*/
.feature-cause-area .f-cause-txt {
  padding-right: 60px; }
  @media only screen and (max-width: 767px) {
    .feature-cause-area .f-cause-txt {
      margin-bottom: 60px; } }
  .feature-cause-area .f-cause-txt p {
    margin: 35px 0; }
  .feature-cause-area .f-cause-txt .custom-btn {
    padding: 10px 20px; }
    .feature-cause-area .f-cause-txt .custom-btn i {
      padding-left: 5px; }
.feature-cause-area .f-cause-img {
  overflow: hidden;
  border-radius: 7px; }
  .feature-cause-area .f-cause-img img {
    height: 370px; }
    @media only screen and (max-width: 767px) {
      .feature-cause-area .f-cause-img img {
        height: 250px; } }

.owl-dots {
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%); }
  .owl-dots .owl-dot {
    display: inline-block; }
    .owl-dots .owl-dot span {
      width: 15px;
      height: 15px;
      margin: 5px;
      background: #ffffff;
      display: block;
      -webkit-backface-visibility: visible;
      border-radius: 30px;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease; }
    .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
      background: #fdce10;
      width: 30px; }

/* ==========================================
14.3 Project Area
 */
.project-area .single-project {
  background: #ffffff; }
  @media only screen and (max-width: 767px) {
    .project-area .single-project {
      margin-bottom: 30px; } }
  .project-area .single-project .project-thumb {
    margin: 0; }
  .project-area .single-project .project-info {
    padding: 10px 20px 20px;
    border: 1px solid #ebebeb;
    border-radius: 0 0 5px 5px; }
    .project-area .single-project .project-info h3 {
      margin-top: 5px; }
      .project-area .single-project .project-info h3 a {
        color: #242424; }
        .project-area .single-project .project-info h3 a:hover {
          color: #fdce10; }
    .project-area .single-project .project-info .btn-unfill {
      font-weight: 500;
      font-size: 16px; }

/* ==========================================
14.4 Mission Area
*/
.single-article {
  margin-bottom: 30px; }
  .single-article .post-thumb {
    float: left;
    width: 38%;
    height: 290px;
    margin: 0; }
    @media only screen and (min-width: 1201px) and (max-width: 1400px) {
      .single-article .post-thumb {
        height: 310px; } }
    @media only screen and (max-width: 767px) {
      .single-article .post-thumb {
        width: 100%;
        float: none;
        height: inherit; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .single-article .post-thumb {
        float: none;
        width: 100%;
        height: auto; } }
    .single-article .post-thumb img {
      height: 100%;
      width: 100%; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .single-article .post-thumb img {
          height: 317px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .single-article .post-thumb img {
          height: inherit; } }
      @media only screen and (max-width: 767px) {
        .single-article .post-thumb img {
          height: auto; } }
  .single-article .blog-txt {
    margin-left: 246px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .single-article .blog-txt {
        margin: 0;
        padding: 15px; } }
    @media only screen and (min-width: 1201px) and (max-width: 1400px) {
      .single-article .blog-txt {
        margin-left: 210px; } }
    @media only screen and (max-width: 767px) {
      .single-article .blog-txt {
        margin: 0px; } }

/* ==========================================
14. 5 Donation Area
============================================*/
.donation-area {
  background: url("../images/banner/donation.jpg") no-repeat center center/cover; }
  .donation-area::before {
    background: #000000;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80); }
  .donation-area .section-title {
    color: #ffffff; }
  .donation-area .volunteer-form {
    margin-top: 80px;
    background: transparent; }
    .donation-area .volunteer-form .form-group {
      position: relative;
      margin-bottom: 45px; }
      .donation-area .volunteer-form .form-group label {
        position: absolute;
        top: -30px;
        left: 0;
        color: #ffffff;
        font-weight: 500; }
      .donation-area .volunteer-form .form-group input,
      .donation-area .volunteer-form .form-group select,
      .donation-area .volunteer-form .form-group textarea {
        width: 100%;
        padding: 10px 15px;
        background: rgba(80, 80, 80, 0.5);
        border: 0 none;
        border-radius: 5px;
        color: #ffffff; }
        .donation-area .volunteer-form .form-group inputselect,
        .donation-area .volunteer-form .form-group selectselect,
        .donation-area .volunteer-form .form-group textareaselect {
          background: red; }
      .donation-area .volunteer-form .form-group textarea {
        height: 135px; }
    .donation-area .volunteer-form .custom-btn {
      border: 0px;
      padding: 13px 45px;
      cursor: pointer;
      color: #ffffff;
      border-radius: 5px; }
      .donation-area .volunteer-form .custom-btn::after {
        border: 0px;
        border-radius: 4px; }
      @media only screen and (max-width: 767px) {
        .donation-area .volunteer-form .custom-btn {
          margin: 0px; } }

/* ==========================================
15. Blog Area
============================================*/
.blog-area .single-article .blog-txt {
  padding: 20px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog-area .single-article .blog-txt {
      padding: 15px 15px 20px; } }
  .blog-area .single-article .blog-txt .blog-meta {
    margin-bottom: 5px; }
    .blog-area .single-article .blog-txt .blog-meta a {
      color: #9c9c9c;
      margin-right: 10px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .blog-area .single-article .blog-txt .blog-meta a {
          font-size: 11px; } }
      .blog-area .single-article .blog-txt .blog-meta a:hover {
        color: #fdce10; }
      .blog-area .single-article .blog-txt .blog-meta a i {
        margin-right: 5px; }
  .blog-area .single-article .blog-txt .blog-title {
    font-size: 24px; }
    @media only screen and (min-width: 1201px) and (max-width: 1400px) {
      .blog-area .single-article .blog-txt .blog-title {
        font-size: 20px; } }
    .blog-area .single-article .blog-txt .blog-title a {
      color: #242424; }
      .blog-area .single-article .blog-txt .blog-title a:hover {
        color: #fdce10; }
  .blog-area .single-article .blog-txt .custom-btn {
    border: 1px solid #242424;
    color: #242424;
    padding: 8px 18px;
    color: #ffffff; }
    .blog-area .single-article .blog-txt .custom-btn::after {
      border-radius: 0; }

/* ==========================================
16. Team Area
============================================*/
.team-area {
  background: url("../images/banner/team-bg.jpg") no-repeat center center/cover; }
  .team-area::before {
    background: #ffffff;
    opacity: 0.92;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=92)";
    filter: alpha(opacity=92); }
  .team-area .team-wrap,
  .team-area .teams-info {
    margin-top: 30px; }
    .team-area .team-wrap .team-member,
    .team-area .teams-info .team-member {
      overflow: hidden;
      text-align: center; }
      .team-area .team-wrap .team-member .team-thumb,
      .team-area .teams-info .team-member .team-thumb {
        width: 255px;
        height: 255px;
        border-radius: 50%;
        display: inline-table; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .team-area .team-wrap .team-member .team-thumb,
          .team-area .teams-info .team-member .team-thumb {
            width: 210px;
            height: 210px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .team-area .team-wrap .team-member .team-thumb,
          .team-area .teams-info .team-member .team-thumb {
            width: 210px;
            height: 210px; } }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          .team-area .team-wrap .team-member .team-thumb,
          .team-area .teams-info .team-member .team-thumb {
            height: 210px;
            width: 210px; } }
        .team-area .team-wrap .team-member .team-thumb::before,
        .team-area .teams-info .team-member .team-thumb::before {
          z-index: auto;
          border-radius: 50%;
          opacity: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
          filter: alpha(opacity=0);
          background: #000000;
          transform: scale(0.3);
          -webkit-transition: all 0.4s ease;
          -moz-transition: all 0.4s ease;
          -o-transition: all 0.4s ease;
          transition: all 0.4s ease; }
        .team-area .team-wrap .team-member .team-thumb img,
        .team-area .teams-info .team-member .team-thumb img {
          border-radius: 50%;
          width: 255px;
          height: 255px;
          border: 5px solid #ebebeb; }
          @media only screen and (min-width: 992px) and (max-width: 1200px) {
            .team-area .team-wrap .team-member .team-thumb img,
            .team-area .teams-info .team-member .team-thumb img {
              height: 210px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .team-area .team-wrap .team-member .team-thumb img,
            .team-area .teams-info .team-member .team-thumb img {
              height: 210px; } }
          @media only screen and (min-width: 480px) and (max-width: 767px) {
            .team-area .team-wrap .team-member .team-thumb img,
            .team-area .teams-info .team-member .team-thumb img {
              height: 210px; } }
        .team-area .team-wrap .team-member .team-thumb .member-social,
        .team-area .teams-info .team-member .team-thumb .member-social {
          position: absolute;
          left: 50%;
          top: 50%;
          width: 100%;
          transform: translate(-50%, -20%);
          content: "";
          opacity: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
          filter: alpha(opacity=0);
          -webkit-transition: all 0.4s ease;
          -moz-transition: all 0.4s ease;
          -o-transition: all 0.4s ease;
          transition: all 0.4s ease; }
          .team-area .team-wrap .team-member .team-thumb .member-social a,
          .team-area .teams-info .team-member .team-thumb .member-social a {
            width: 40px;
            height: 40px;
            display: inline-table;
            text-align: center;
            color: #ffffff;
            background: #fdce10;
            border-radius: 50%;
            margin: 0 10px; }
            @media only screen and (min-width: 992px) and (max-width: 1200px) {
              .team-area .team-wrap .team-member .team-thumb .member-social a,
              .team-area .teams-info .team-member .team-thumb .member-social a {
                width: 35px;
                height: 35px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              .team-area .team-wrap .team-member .team-thumb .member-social a,
              .team-area .teams-info .team-member .team-thumb .member-social a {
                width: 35px;
                height: 35px; } }
            @media only screen and (max-width: 767px) {
              .team-area .team-wrap .team-member .team-thumb .member-social a,
              .team-area .teams-info .team-member .team-thumb .member-social a {
                width: 35px;
                height: 35px; } }
            .team-area .team-wrap .team-member .team-thumb .member-social a i,
            .team-area .teams-info .team-member .team-thumb .member-social a i {
              display: table-cell;
              vertical-align: middle; }
      .team-area .team-wrap .team-member .member-name h4,
      .team-area .teams-info .team-member .member-name h4 {
        margin-bottom: 5px;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        font-weight: 700; }
        .team-area .team-wrap .team-member .member-name h4 a,
        .team-area .teams-info .team-member .member-name h4 a {
          color: #242424; }
      .team-area .team-wrap .team-member .member-name small,
      .team-area .teams-info .team-member .member-name small {
        font-size: 14px;
        color: #9c9c9c; }
      .team-area .team-wrap .team-member:hover .team-thumb::before,
      .team-area .teams-info .team-member:hover .team-thumb::before {
        transform: scale(1);
        opacity: 0.7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=70); }
      .team-area .team-wrap .team-member:hover .member-social a,
      .team-area .teams-info .team-member:hover .member-social a {
        margin: 0 2px; }
      .team-area .team-wrap .team-member:hover .member-social,
      .team-area .teams-info .team-member:hover .member-social {
        transform: translate(-50%, -50%);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100); }
      .team-area .team-wrap .team-member:hover .member-name a,
      .team-area .teams-info .team-member:hover .member-name a {
        color: #fdce10; }

/* ============================================ 
17. Volunteer Area 
===============================================*/
.volunteer-2 {
  background: #ffffff;
  padding: 100px 0 40px; }
  .volunteer-2::before {
    display: none; }
  .volunteer-2 .teams-info .team-member {
    margin-bottom: 60px; }

.volunteer-form {
  background: #f3f5f8; }
  .volunteer-form .vform-wrap .section-intro {
    max-width: 100%;
    margin: 0 auto 80px; }
  .volunteer-form .vform-wrap form .form-group label {
    display: block; }
  .volunteer-form .vform-wrap form .form-group input,
  .volunteer-form .vform-wrap form .form-group select,
  .volunteer-form .vform-wrap form .form-group textarea {
    border: 1px solid #ebebeb;
    padding: 10px 15px;
    background: #eeeeee;
    width: 100%;
    color: #9c9c9c; }
  .volunteer-form .vform-wrap form .form-group button {
    margin-top: 30px;
    border: none; }

.form-group.half-form {
  width: 48%;
  float: left; }

.form-group.half-form + .half-form {
  float: right; }

.form-group {
  margin-bottom: 15px; }

/* ==========================================
18. Promo Area
============================================*/
.promo-area {
  background: url("../images/about-us/promo-bg.jpg") no-repeat center center/cover; }
  .promo-area::before {
    background: #000000;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40); }
  .promo-area .promo-wrap {
    padding: 120px 0; }
    .promo-area .promo-wrap .promo-title {
      font-size: 48px;
      text-transform: capitalize;
      color: #ffffff;
      font-weight: 700;
      position: relative;
      z-index: 1;
      display: inline-block;
      padding-bottom: 12px; }
      .promo-area .promo-wrap .promo-title::after {
        position: absolute;
        content: '';
        left: 2px;
        bottom: 0;
        width: 15%;
        height: 6px;
        border-top: 2px solid #ffffff;
        border-right: 3px solid #ffffff;
        border-bottom-color: transparent;
        border-left-color: transparent;
        transform: skew(45deg);
        -webkit-transform: skew(45deg);
        -moz-transform: skew(45deg);
        -ms-transform: skew(45deg);
        -o-transform: skew(45deg); }
      .promo-area .promo-wrap .promo-title::before {
        position: absolute;
        content: '';
        left: 17%;
        bottom: 0;
        width: 80%;
        height: 6px;
        border-top: 2px solid #ffffff;
        border-left: 3px solid #ffffff;
        border-bottom-color: transparent;
        border-right-color: transparent;
        transform: skew(-45deg);
        -webkit-transform: skew(-45deg);
        -moz-transform: skew(-45deg);
        -ms-transform: skew(-45deg);
        -o-transform: skew(-45deg); }
      .promo-area .promo-wrap .promo-title.s-title::before {
        left: 21%; }
      .promo-area .promo-wrap .promo-title span {
        color: #fdce10; }
    .promo-area .promo-wrap .breadcrumb {
      background: transparent;
      padding: 0;
      margin: 0; }
      .promo-area .promo-wrap .breadcrumb .breadcrumb-item {
        font-size: 16px;
        font-weight: 500; }
        .promo-area .promo-wrap .breadcrumb .breadcrumb-item a {
          color: #ffffff; }
        .promo-area .promo-wrap .breadcrumb .breadcrumb-item.active {
          color: #fdce10; }
        .promo-area .promo-wrap .breadcrumb .breadcrumb-item::before {
          color: #ffffff; }

/* =========================================== 
19. Ourself Area 
==============================================*/
.ourself-area {
  background: #f3f5f8; }
  .ourself-area .container-fluid {
    padding: 0;
    overflow: hidden; }
    .ourself-area .container-fluid .section-title {
      margin: 0; }
  .ourself-area .about-txt {
    padding: 65px 40px 45px 120px; }
    @media only screen and (max-width: 767px) {
      .ourself-area .about-txt {
        padding: 30px 15px 0; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ourself-area .about-txt {
        padding: 70px 0px 70px 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .ourself-area .about-txt {
        padding: 70px 0px 70px 40px; } }
    .ourself-area .about-txt h4 {
      font-size: 24px;
      font-weight: 500;
      color: #9c9c9c; }
    .ourself-area .about-txt ul {
      padding: 0;
      list-style: none;
      margin: 20px 0 38px; }
      .ourself-area .about-txt ul li {
        font-weight: 500;
        line-height: 30px;
        position: relative;
        padding-left: 25px; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .ourself-area .about-txt ul li {
            line-height: 25px; } }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .ourself-area .about-txt ul li {
            line-height: 25px; } }
        .ourself-area .about-txt ul li::before {
          content: "\f101";
          font-family: fontawesome;
          position: absolute;
          left: 10px; }
  .ourself-area .ourself-gallery {
    padding: 90px 0px; }
    @media only screen and (max-width: 767px) {
      .ourself-area .ourself-gallery {
        padding: 45px 0 60px; } }
    .ourself-area .ourself-gallery .owl-nav > div {
      width: 55px;
      top: 42%; }
      .ourself-area .ourself-gallery .owl-nav > div::before {
        background: #000000;
        opacity: 0.75;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
        filter: alpha(opacity=75); }
    .ourself-area .ourself-gallery .single-item {
      position: relative;
      z-index: 1; }
      .ourself-area .ourself-gallery .single-item figure {
        margin: 0; }
        .ourself-area .ourself-gallery .single-item figure img {
          width: 100%; }
      .ourself-area .ourself-gallery .single-item figcaption {
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 100%;
        color: #ffffff;
        font-size: 20px;
        background: rgba(0, 0, 0, 0.5);
        transform: translateX(-50%);
        text-align: center;
        padding: 15px 0; }
        @media only screen and (max-width: 767px) {
          .ourself-area .ourself-gallery .single-item figcaption {
            font-size: 16px;
            padding: 8px 0;
            line-height: 1; } }
        @media only screen and (max-width: 767px) {
          .ourself-area .ourself-gallery .single-item figcaption {
            padding: 15px 0;
            font-size: 18px; } }

/* =============================================== 
20. Service Area 
=================================================*/
.service-area {
  padding: 100px 0 70px; }
  @media only screen and (max-width: 767px) {
    .service-area {
      padding: 60px 0 30px; } }
  .service-area .service-item {
    text-align: center;
    margin-bottom: 30px;
    background: #f3f5f8;
    padding: 45px 20px 30px; }
    .service-area .service-item h4 {
      font-weight: 700;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease; }
    .service-area .service-item span {
      margin-bottom: 15px;
      display: inline-block;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease; }
      .service-area .service-item span::before {
        font-size: 45px;
        transform: translateY(0);
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        font-weight: 500; }
    .service-area .service-item:hover span {
      transform: translateY(-5px);
      color: gold; }
    .service-area .service-item:hover h4 {
      color: #fdce10; }

.counter-area.about-us {
  background: transparent; }

/* =======================================
21. FAQ Page 
==========================================*/
.faq-area .panel-group .panel {
  background: #f3f5f8;
  margin-bottom: 30px; }
  .faq-area .panel-group .panel .panel-title {
    font-size: 18px;
    margin: 0; }
    .faq-area .panel-group .panel .panel-title a {
      background: #eef0f3 none repeat scroll 0 0;
      border-radius: 0;
      color: #9c9c9c;
      display: block;
      padding: 12px 15px 12px 45px;
      position: relative; }
      .faq-area .panel-group .panel .panel-title a::after {
        color: #fac200;
        content: "\f068";
        font-family: fontawesome;
        font-size: 18px;
        left: 26px;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 2; }
      .faq-area .panel-group .panel .panel-title a.collapsed::after {
        content: "\f067"; }
  .faq-area .panel-group .panel .panel-body {
    padding: 15px 10px 30px 20px;
    background: #f7f7f7; }

/*=================================================
22. Gallery Area
=====================================================*/
.gallery-area .gallery-item {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden; }
  .gallery-area .gallery-item .popup-image {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 20%;
    left: 0;
    bottom: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    display: inline-block;
    text-align: center;
    transform: scale(0.3); }
    .gallery-area .gallery-item .popup-image::before {
      position: absolute;
      left: 0;
      content: "";
      bottom: 0;
      width: 100%;
      height: 100%;
      background: #000000;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      z-index: -1;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease; }
    .gallery-area .gallery-item .popup-image i {
      color: #ffffff;
      transform: translateY(95px);
      font-size: 18px;
      background-color: #fdce10;
      display: inline-block;
      display: inline-block;
      width: 50px;
      height: 50px;
      line-height: 53px;
      border-radius: 50%; }
  .gallery-area .gallery-item:hover .popup-image {
    height: 100%;
    opacity: 0.85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    transform: scale(1); }
  .gallery-area .gallery-item:hover .popup-image::before {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90); }
.gallery-area .load-more {
  text-align: center;
  margin-top: 30px; }

/*Filtering Gallery 2*/
.filtering {
  margin-bottom: 60px; }
  .filtering span {
    text-transform: capitalize;
    padding: 10px 20px;
    margin: 0 5px;
    border: 1px solid #ebebeb;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    display: inline-block; }
    .filtering span.active {
      color: #fdce10;
      font-weight: 700; }
    @media only screen and (max-width: 767px) {
      .filtering span {
        margin: 7px 5px; } }

.gallery {
  width: 100%;
  height: 600px; }
  .gallery .gallery-item {
    position: relative;
    z-index: 1; }

/* =========================================== 
23. Volunteer Single Page 
==============================================*/
.volunteer-img figcaption {
  margin-top: 20px; }
  .volunteer-img figcaption h2 {
    margin-bottom: 0px;
    font-weight: 700; }

.volunteer-info {
  padding-left: 40px; }
  @media only screen and (max-width: 767px) {
    .volunteer-info {
      padding: 0; } }
  .volunteer-info .section-title {
    margin-bottom: 45px; }
  .volunteer-info .persional-info {
    list-style: none;
    padding: 15px 0 30px; }
    .volunteer-info .persional-info li {
      line-height: 35px; }
      .volunteer-info .persional-info li .head {
        display: block;
        float: left;
        text-transform: capitalize;
        width: 120px; }
      .volunteer-info .persional-info li .info {
        display: block;
        font-size: 16px;
        margin-left: 150px; }
        @media only screen and (max-width: 767px) {
          .volunteer-info .persional-info li .info {
            margin-left: 120px; } }
  .volunteer-info .personal-award > div {
    display: inline-block;
    width: 38%;
    float: left;
    text-align: center;
    background: #fdce10;
    padding: 20px 0px 10px;
    border-radius: 5px; }
    @media only screen and (max-width: 767px) {
      .volunteer-info .personal-award > div {
        width: 44%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .volunteer-info .personal-award > div {
        width: 46%; } }
    .volunteer-info .personal-award > div.single-award i {
      color: #ffffff;
      font-size: 40px; }
    .volunteer-info .personal-award > div.single-award h3 {
      font-size: 16px;
      font-weight: 400;
      line-height: 1; }
    .volunteer-info .personal-award > div.single-award .counter {
      font-size: 45px;
      color: #000000;
      font-weight: 700;
      position: relative;
      top: 9px;
      margin-right: 10px;
      display: inline-block;
      width: 55px; }
      @media only screen and (max-width: 767px) {
        .volunteer-info .personal-award > div.single-award .counter {
          width: auto;
          display: block;
          margin-bottom: 10px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .volunteer-info .personal-award > div.single-award .counter {
          width: auto;
          display: block;
          margin-bottom: 10px; } }
    .volunteer-info .personal-award > div.single-award:first-child {
      margin-right: 20px; }

/* Causes Page CSS */
.cause-page .single-cause {
  margin-bottom: 30px; }
.cause-page .loadmore {
  text-align: center;
  margin-top: 45px; }

/* ========================================
24. Blog Page 
=======================================*/
.blog-area-2 .single-article {
  background: #f3f5f8;
  border: 1px solid #ebebeb;
  -webkit-transition: .4s;
  transition: .4s;
  position: relative; }
  .blog-area-2 .single-article .article-thumb img {
    height: 250px;
    width: 100%; }
  .blog-area-2 .single-article .article-thumb .article-date {
    background: #fdce10;
    display: inline-table;
    left: 50%;
    padding: 0px 13px 7px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 0 0 5px 5px; }
    .blog-area-2 .single-article .article-thumb .article-date a {
      color: #ffffff;
      display: table-cell;
      font-size: 30px;
      vertical-align: middle;
      font-weight: 700; }
      .blog-area-2 .single-article .article-thumb .article-date a span {
        display: block;
        font-size: 14px;
        margin-bottom: 0;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 2px; }
  .blog-area-2 .single-article .article-details {
    padding: 5px 20px 20px; }
    .blog-area-2 .single-article .article-details .article-heading {
      margin-bottom: 5px; }
      .blog-area-2 .single-article .article-details .article-heading a {
        color: #242424; }
    .blog-area-2 .single-article .article-details .article-meta {
      margin-bottom: 5px; }
      .blog-area-2 .single-article .article-details .article-meta li {
        color: #9c9c9c;
        display: inline-block;
        font-size: 12px;
        margin-right: 10px;
        text-transform: capitalize; }
        .blog-area-2 .single-article .article-details .article-meta li a {
          color: #9c9c9c; }
          .blog-area-2 .single-article .article-details .article-meta li a:hover {
            color: #fdce10; }
        .blog-area-2 .single-article .article-details .article-meta li i {
          margin-right: 5px;
          color: #fdce10; }
        .blog-area-2 .single-article .article-details .article-meta li:last-child {
          margin-right: 0; }
    .blog-area-2 .single-article .article-details .custom-btn {
      color: #9c9c9c;
      padding: 0; }
      .blog-area-2 .single-article .article-details .custom-btn::after {
        border: 0;
        background: transparent; }
  .blog-area-2 .single-article:hover .article-heading a {
    color: #fdce10; }
  .blog-area-2 .single-article:hover .custom-btn {
    color: #fdce10; }

/* ===========================================
25. Single Cause Page 
===============================================*/
.cause-details {
  background: #ffffff; }
  .cause-details .cause-content {
    background: #f3f5f8;
    border: 1px solid #ebebeb; }
    .cause-details .cause-content .cause-info {
      padding: 10px 20px 20px; }
      .cause-details .cause-content .cause-info .article-title {
        margin: 0 0 5px; }
      .cause-details .cause-content .cause-info h4 {
        font-size: 17px;
        color: #9c9c9c; }
      .cause-details .cause-content .cause-info ul li {
        color: #242424;
        display: inline-block;
        font-weight: 700;
        margin-right: 10px; }
        .cause-details .cause-content .cause-info ul li span {
          color: #9c9c9c;
          font-weight: 500;
          margin-left: 5px; }
      .cause-details .cause-content .cause-info .cause-donate {
        margin: 30px 0 0; }
        .cause-details .cause-content .cause-info .cause-donate label {
          display: block;
          font-weight: 700;
          text-transform: uppercase;
          margin-bottom: 5px;
          color: #242424;
          font-size: 22px; }
        .cause-details .cause-content .cause-info .cause-donate div {
          font-weight: 700;
          font-size: 18px; }
        .cause-details .cause-content .cause-info .cause-donate .cause-raise {
          float: left; }
        .cause-details .cause-content .cause-info .cause-donate .cause-goal {
          float: right; }
      .cause-details .cause-content .cause-info .progress {
        margin: 20px 0 30px;
        height: 22px;
        font-size: 18px;
        font-weight: 700; }
        .cause-details .cause-content .cause-info .progress .progress-bar {
          background: #fdce10; }
      .cause-details .cause-content .cause-info .info-list {
        margin: 30px 0; }
        .cause-details .cause-content .cause-info .info-list li {
          font-size: 16px;
          font-weight: 500;
          position: relative;
          padding-left: 25px;
          margin-left: 20px;
          line-height: 35px; }
          @media only screen and (max-width: 767px) {
            .cause-details .cause-content .cause-info .info-list li {
              line-height: 1.1;
              margin-bottom: 10px; } }
          .cause-details .cause-content .cause-info .info-list li::before {
            position: absolute;
            content: "\f05a";
            left: 0;
            font-family: fontawesome; }
      .cause-details .cause-content .cause-info .cause-gallery li:nth-child(1) {
        width: 100%;
        margin-bottom: 20px;
        height: 250px; }
        @media only screen and (max-width: 767px) {
          .cause-details .cause-content .cause-info .cause-gallery li:nth-child(1) {
            height: inherit; } }
      .cause-details .cause-content .cause-info .cause-gallery li {
        width: 48.5%;
        float: left;
        margin-right: 20px;
        height: 220px;
        overflow: hidden; }
        @media only screen and (max-width: 767px) {
          .cause-details .cause-content .cause-info .cause-gallery li {
            height: inherit;
            width: 100%;
            margin-bottom: 20px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .cause-details .cause-content .cause-info .cause-gallery li {
            width: 48.3%; } }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .cause-details .cause-content .cause-info .cause-gallery li {
            width: 48%; } }
      .cause-details .cause-content .cause-info .cause-gallery li:nth-child(3) {
        margin: 0; }

blockquote {
  background: #fdce10;
  padding: 30px;
  position: relative;
  line-height: 30px;
  z-index: 1;
  font-weight: 600;
  font-size: 22px;
  margin: 45px 0;
  color: #242424; }
  blockquote::after {
    content: "";
    left: 0;
    border-left: 5px solid #a88702;
    height: 100%;
    top: 0;
    position: absolute; }
  blockquote::before {
    position: absolute;
    left: 5%;
    content: "\f10d";
    font-family: fontawesome;
    font-size: 80px;
    z-index: -1;
    opacity: 0.15;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    filter: alpha(opacity=15); }

/* ===============================================
25.2 Sidebar CSS 
===================================================*/
@media only screen and (max-width: 767px) {
  .sidebar {
    margin-top: 30px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar {
    margin-top: 30px; } }
/* Widget */
.widget {
  margin-bottom: 30px;
  border: 1px solid #ebebeb;
  background: #f3f5f8;
  overflow: hidden;
  padding: 30px 20px;
  /* Search Form */
  /*  Post Entry */
  /* Newsletter Widget */
  /* Tagcloud Widget */
  /* Instagram Widget */ }
  .widget .widget-title {
    color: #242424;
    font-size: 22px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: capitalize;
    position: relative;
    padding-bottom: 35px; }
    .widget .widget-title::after {
      background: #dedede none repeat scroll 0 0;
      content: "";
      height: 1.5px;
      left: 50%;
      position: absolute;
      transform: translate(-50%, -50%);
      top: 45px;
      width: 15%; }
    .widget .widget-title::before {
      background: #dedede none repeat scroll 0 0;
      content: "";
      height: 1.5px;
      left: 50%;
      position: absolute;
      transform: translate(-50%, -50%);
      top: 35px;
      width: 25%; }
  .widget .search-form {
    position: relative; }
    .widget .search-form input {
      border: 1px solid #ebebeb;
      padding: 10px 15px;
      width: 84%; }
    .widget .search-form button {
      position: absolute;
      right: 5px;
      top: 0;
      background: #fdce10;
      width: 49px;
      height: 48px;
      line-height: 40px;
      color: #ffffff;
      border: none;
      border-radius: 5px; }
  .widget ul li {
    border-bottom: 1px solid #ebebeb;
    padding: 10px 0;
    position: relative;
    text-align: right;
    z-index: 1;
    color: #9c9c9c;
    font-weight: 500; }
    .widget ul li:last-child {
      border-bottom: none; }
    .widget ul li:hover::before {
      opacity: 1; }
    .widget ul li a {
      color: #9c9c9c;
      float: left;
      font-size: 16px;
      display: block;
      text-transform: capitalize;
      transition: .4s; }
    .widget ul li:hover a {
      padding-left: 5px;
      color: #fdce10; }
  .widget .post-entry .s-post {
    border-bottom: 1px solid #ebebeb;
    padding: 12px 0;
    z-index: 1;
    display: table; }
    .widget .post-entry .s-post .sp-thumb {
      float: left;
      width: 80px; }
      .widget .post-entry .s-post .sp-thumb .sp-thumb img {
        height: 80px; }
    .widget .post-entry .s-post .sp-details {
      margin-left: 90px; }
      .widget .post-entry .s-post .sp-details h4 {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        margin-bottom: 0px; }
        .widget .post-entry .s-post .sp-details h4 a {
          color: #808080; }
      .widget .post-entry .s-post .sp-details span {
        color: #9c9c9c;
        font-weight: 400;
        font-size: 12px;
        text-transform: capitalize; }
    .widget .post-entry .s-post:last-child {
      border: medium none; }
    .widget .post-entry .s-post:hover .sp-details h4 a {
      color: #fdce10; }
  .widget .newsletter-entry p {
    max-width: 280px; }
  .widget .newsletter-entry .form-group input {
    border: 1px solid #ebebeb;
    padding: 9px 15px;
    width: 100%; }
  .widget .newsletter-entry .submit {
    background: #fdce10 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #ffffff;
    font-size: 16px;
    height: 45px;
    text-transform: uppercase;
    width: 100%;
    font-weight: 700;
    transition: all 0.5s ease 0s; }
  .widget .tagcloud a {
    padding: 2px 15px;
    background: #eaeaea;
    color: #9c9c9c;
    display: inline-block;
    border-radius: 30px;
    margin: 5px 2px;
    font-weight: 500;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    .widget .tagcloud a:hover {
      background: #fdce10;
      color: #ffffff; }
  .widget.instagram-widget ul li {
    padding: 5px;
    width: 33.33%;
    float: left;
    position: relative;
    border: none;
    overflow: hidden !important; }
    .widget.instagram-widget ul li a {
      float: none; }
      .widget.instagram-widget ul li a img {
        height: 90px;
        width: 100%; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .widget.instagram-widget ul li a img {
            height: 125px; } }
    .widget.instagram-widget ul li:hover a {
      padding: 0; }

/* Single Blog CSS */
.single-blog .article-entry {
  background: #ffffff; }
  .single-blog .article-entry figure {
    margin: 0; }
    .single-blog .article-entry figure img {
      height: 400px;
      width: 100%; }
  .single-blog .article-entry .post-detials {
    padding: 20px;
    border: 1px solid #ebebeb; }
    @media only screen and (max-width: 767px) {
      .single-blog .article-entry .post-detials {
        padding: 20px 0 20px;
        border: none; } }
    .single-blog .article-entry .post-detials .article-title {
      margin-bottom: 5px; }
    .single-blog .article-entry .post-detials .article-meta {
      padding: 0px 0 25px; }
      .single-blog .article-entry .post-detials .article-meta span {
        margin-right: 10px; }
        .single-blog .article-entry .post-detials .article-meta span a {
          color: #adadad; }
          .single-blog .article-entry .post-detials .article-meta span a:hover {
            color: #fdce10; }
        .single-blog .article-entry .post-detials .article-meta span i {
          margin-right: 5px; }
    .single-blog .article-entry .post-detials .post-image {
      margin-bottom: 40px; }
      .single-blog .article-entry .post-detials .post-image li {
        width: 32%;
        float: left;
        margin-right: 12px;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .single-blog .article-entry .post-detials .post-image li {
            width: 100%;
            margin: 0 0 20px; } }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .single-blog .article-entry .post-detials .post-image li {
            width: 31.8%; } }
        .single-blog .article-entry .post-detials .post-image li img {
          height: 150px;
          width: 100%; }
        .single-blog .article-entry .post-detials .post-image li:last-child {
          margin: 0; }
    .single-blog .article-entry .post-detials .info-list {
      margin: 30px 0; }
      .single-blog .article-entry .post-detials .info-list li {
        font-size: 16px;
        font-weight: 500;
        position: relative;
        padding-left: 25px;
        margin-left: 20px;
        line-height: 35px; }
        @media only screen and (max-width: 767px) {
          .single-blog .article-entry .post-detials .info-list li {
            line-height: 20px;
            margin-bottom: 20px; } }
        .single-blog .article-entry .post-detials .info-list li::before {
          position: absolute;
          content: "\f05a";
          left: 0;
          font-family: fontawesome; }
    .single-blog .article-entry .post-detials .post-share {
      margin: 30px 0 15px; }
      .single-blog .article-entry .post-detials .post-share h3 {
        float: left;
        margin: 5px 15px 0px 0px;
        color: #9c9c9c;
        font-weight: 500; }
      .single-blog .article-entry .post-detials .post-share ul li {
        display: inline-table;
        text-align: center;
        width: 35px;
        height: 35px;
        background: #fdce10;
        margin-right: 5px;
        border-radius: 50%; }
        .single-blog .article-entry .post-detials .post-share ul li a {
          display: table-cell;
          vertical-align: middle;
          color: #ffffff; }

/*=================================================
26. Post Comments
===================================================*/
.comment-title {
  background: #fdce10;
  font-weight: 700;
  font-size: 18px;
  padding: 15px 20px;
  color: #ffffff; }

.post-comments {
  border: 1px solid #ebebeb;
  margin-top: 30px; }
  .post-comments ol {
    padding: 45px 20px 30px; }
    @media only screen and (max-width: 767px) {
      .post-comments ol {
        padding: 30px 20px; } }
    .post-comments ol li {
      margin-bottom: 65px; }
      .post-comments ol li::before {
        background: #ebebeb;
        height: 1px;
        top: 118%; }
      .post-comments ol li:first-child::before {
        top: 111%; }
      .post-comments ol li:last-child::before {
        display: none; }
      .post-comments ol li article.comment-body {
        position: relative; }
        .post-comments ol li article.comment-body .comment-thumb {
          float: left; }
          @media only screen and (max-width: 767px) {
            .post-comments ol li article.comment-body .comment-thumb {
              float: none; } }
          .post-comments ol li article.comment-body .comment-thumb img {
            width: 100px;
            height: 100px;
            border-radius: 50%; }
        .post-comments ol li article.comment-body .comment-details {
          margin-left: 130px; }
          @media only screen and (max-width: 767px) {
            .post-comments ol li article.comment-body .comment-details {
              margin: 20px 0 0; } }
          .post-comments ol li article.comment-body .comment-details .comment-name {
            font-size: 18px;
            color: #242424;
            margin-bottom: 0px;
            font-weight: 600; }
          .post-comments ol li article.comment-body .comment-details span {
            font-size: 12px;
            color: #9c9c9c;
            font-weight: 500; }
          .post-comments ol li article.comment-body .comment-details p {
            max-width: 390px;
            margin: 5px 0 0; }
          .post-comments ol li article.comment-body .comment-details .comment-reply {
            position: absolute;
            right: 0;
            top: 0px;
            color: #9c9c9c; }
            .post-comments ol li article.comment-body .comment-details .comment-reply:hover {
              color: #fdce10; }
      .post-comments ol li .children {
        padding: 34px 0px 0 75px; }
        @media only screen and (max-width: 767px) {
          .post-comments ol li .children {
            padding: 20px 30px 0px; } }
        .post-comments ol li .children li::before {
          display: none; }
        .post-comments ol li .children .comment-body .comment-thumb img {
          width: 70px;
          height: 70px; }
        .post-comments ol li .children .comment-body .comment-details {
          margin-left: 90px; }
          @media only screen and (max-width: 767px) {
            .post-comments ol li .children .comment-body .comment-details {
              margin: 20px 0 0; } }
      .post-comments ol li:last-child {
        margin: 0; }

/*==================================================
27. Write Comments
 ====================================================*/
.write-comments {
  margin-top: 30px;
  border: 1px solid #ebebeb;
  padding-bottom: 20px; }
  .write-comments form {
    margin-top: 45px;
    padding: 0 20px; }
    .write-comments form .form-group {
      margin-bottom: 15px;
      position: relative;
      z-index: 1; }
      .write-comments form .form-group input,
      .write-comments form .form-group textarea {
        padding: 10px 0 10px 15px;
        background: #f5f5f5;
        border: none;
        width: 100%;
        color: #9c9c9c; }
      .write-comments form .form-group textarea {
        height: 180px;
        padding-left: 15px; }
      .write-comments form .form-group.half-form {
        width: 48%;
        float: left; }
        @media only screen and (max-width: 767px) {
          .write-comments form .form-group.half-form {
            width: 100%; } }
        .write-comments form .form-group.half-form + .half-form {
          float: right; }
      .write-comments form .form-group .custom-btn {
        color: #ffffff;
        border: 0;
        cursor: pointer;
        font-weight: 600;
        margin-top: 20px; }

/* =====================================
28. Event Page
======================================== */
.event-page {
  background: #ffffff;
  padding: 70px 0 40px; }
  .event-page .event-list {
    padding: 0; }
    .event-page .event-list .single-event {
      margin-bottom: 30px;
      background: #f3f5f8; }
      .event-page .event-list .single-event figure {
        margin: 0; }
      .event-page .event-list .single-event p {
        max-width: 355px; }

/* =======================================
29. Single Event Page
=========================================  */
.single-event .event-article .event-figure {
  position: relative;
  margin: 0; }
  .single-event .event-article .event-figure figcaption {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 80px;
    background: rgba(253, 206, 16, 0.65);
    color: #f1f1f1;
    text-align: center;
    border-radius: 0px 0 20px 0px;
    padding-top: 15px;
    font-size: 16px; }
    .single-event .event-article .event-figure figcaption strong {
      display: block;
      font-size: 40px;
      font-weight: 500;
      margin-bottom: 5px;
      color: #ffffff; }
  .single-event .event-article .event-figure .event-countown {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15%;
    height: 85%;
    background: rgba(253, 206, 16, 0.65);
    text-align: center;
    border-radius: 30px 0 0 30px; }
    .single-event .event-article .event-figure .event-countown .table-cell {
      display: inline-block;
      margin: 30px 20px 20px 20px;
      position: relative; }
      .single-event .event-article .event-figure .event-countown .table-cell .tab-val {
        font-weight: 700;
        font-size: 28px;
        color: #ffffff; }
      .single-event .event-article .event-figure .event-countown .table-cell .tab-metr.tab-unit {
        text-transform: capitalize;
        font-weight: 500;
        color: #f1f1f1;
        font-size: 16px; }
.single-event .event-article .event-details {
  border: 1px solid #ebebeb;
  padding: 20px;
  background: #f3f5f8; }
  .single-event .event-article .event-details .event-schedule > div {
    display: inline-block;
    text-align: center;
    background: #fdce10;
    padding: 15px;
    width: 31.33%;
    margin: 20px 16px 35px 0; }
    @media only screen and (max-width: 767px) {
      .single-event .event-article .event-details .event-schedule > div {
        width: 100%; } }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .single-event .event-article .event-details .event-schedule > div {
        width: 30.55%; } }
    .single-event .event-article .event-details .event-schedule > div:last-child {
      margin: 0;
      position: relative;
      top: -5px; }
      @media only screen and (max-width: 767px) {
        .single-event .event-article .event-details .event-schedule > div:last-child {
          top: 0;
          margin: 5px 0px 20px; } }
    .single-event .event-article .event-details .event-schedule > div span {
      display: block;
      color: #ffffff;
      font-size: 40px;
      margin-bottom: 10px; }
    .single-event .event-article .event-details .event-schedule > div h4,
    .single-event .event-article .event-details .event-schedule > div time {
      font-size: 20px;
      color: #5a5858;
      margin: 0;
      font-weight: 500; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .single-event .event-article .event-details .event-schedule > div h4,
        .single-event .event-article .event-details .event-schedule > div time {
          font-size: 18px; } }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .single-event .event-article .event-details .event-schedule > div h4,
        .single-event .event-article .event-details .event-schedule > div time {
          font-size: 16px; } }
    .single-event .event-article .event-details .event-schedule > div label {
      margin: 0; }
    .single-event .event-article .event-details .event-schedule > div h4 {
      margin-bottom: 4px; }
    .single-event .event-article .event-details .event-schedule > div .custom-btn {
      padding: 4px 15px;
      margin-top: 16px; }

/* ===========================================
30. Event Accordion
============================================== */
.event-accordion {
  padding-top: 20px; }
  .event-accordion .accord-title {
    color: #242424;
    margin-bottom: 30px; }
  .event-accordion .accordion-item {
    border: 0;
    margin-bottom: 20px; }
    .event-accordion .accordion-item .accordion-header {
      border: 0;
      background: #fdce10;
      padding-left: 45px; }
      .event-accordion .accordion-item .accordion-header button {
        color: #000000;
        font-size: 22px;
        background-color: transparent;
        box-shadow: none; }
        .event-accordion .accordion-item .accordion-header button::after {
          content: "\f067";
          font-family: fontawesome;
          font-size: 16px;
          right: 22px;
          position: absolute;
          top: 20px;
          background-image: none;
          transform: rotate(0); }
        .event-accordion .accordion-item .accordion-header button.collapsed::after {
          content: "\f068";
          transform: rotate(0); }
    .event-accordion .accordion-item .card-body {
      background: #ffffff; }

#google-map {
  height: 400px;
  width: 100%;
  margin: 30px 0; }

/* ======================================
31. Pager Navigation
=========================================*/
.pager {
  margin: 60px 0 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pager {
      margin: 20px 0 20px; } }
  .pager a,
  .pager span {
    color: #9c9c9c;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 0 4px;
    border: 1px solid #ebebeb;
    background: #ffffff;
    width: 40px;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .pager a,
      .pager span {
        margin: 5px; } }
    .pager a:hover,
    .pager span:hover {
      background: #fdce10;
      border: 1px solid #fdce10;
      color: #ffffff; }
  .pager span {
    background: #fdce10;
    color: #ffffff;
    border: 1px solid #fdce10; }

/* ======================================
32. Testimonial Page
=========================================*/
.testimonial-page .single-testimonial {
  background: #f3f5f8;
  border: 1px solid #ebebeb;
  margin-bottom: 30px;
  padding: 20px 20px 0px; }
  .testimonial-page .single-testimonial .s-thumb {
    float: left; }
    @media only screen and (max-width: 767px) {
      .testimonial-page .single-testimonial .s-thumb {
        float: none; } }
    .testimonial-page .single-testimonial .s-thumb img {
      width: 130px;
      height: 110px;
      border-radius: 4px; }
  .testimonial-page .single-testimonial .s-details {
    margin-left: 150px; }
    @media only screen and (max-width: 767px) {
      .testimonial-page .single-testimonial .s-details {
        margin: 20px 0 0; } }
    .testimonial-page .single-testimonial .s-details .status {
      display: block;
      font-weight: 400;
      color: #9c9c9c;
      font-size: 14px; }
    .testimonial-page .single-testimonial .s-details p::before {
      content: "\f10d";
      background: transparent;
      font-size: 70px;
      font-family: FontAwesome;
      opacity: 0.15;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
      filter: alpha(opacity=15);
      top: 5px; }

/* ==============================================
33. 404 Page
================================================= */
.error-page {
  background: #ffffff; }
  .error-page .error-wrap {
    background: #f3f5f8;
    text-align: center;
    padding: 100px; }
    @media only screen and (max-width: 767px) {
      .error-page .error-wrap {
        padding: 60px 5px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .error-page .error-wrap {
        padding: 60px; } }
    .error-page .error-wrap span.error-title {
      font-size: 160px;
      font-weight: 700;
      line-height: 1;
      color: #fdce10; }
      @media only screen and (max-width: 767px) {
        .error-page .error-wrap span.error-title {
          font-size: 100px; } }
    .error-page .error-wrap h3 {
      margin: 15px 0;
      font-weight: 500; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .error-page .error-wrap h3 {
          font-size: 20px; } }
    .error-page .error-wrap p {
      font-size: 16px;
      margin-bottom: 60px; }

/* ==============================================
34.Shop Page
================================================= */
.shop-wrap {
  background: #ffffff;
  padding: 30px 30px 0; }
  @media only screen and (max-width: 767px) {
    .shop-wrap {
      padding: 30px 0 0; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .shop-wrap {
      padding: 30px 20px 0; } }
  .shop-wrap .shop-header {
    padding: 15px 0px;
    margin-bottom: 30px; }
    .shop-wrap .shop-header p {
      float: left;
      margin: 6px 0 0;
      font-size: 20px;
      font-weight: 500;
      color: #a0a0a0; }
    .shop-wrap .shop-header form.select-form {
      float: right; }
      .shop-wrap .shop-header form.select-form select {
        border: 0;
        padding: 8px 25px;
        color: #ffffff;
        font-weight: 500;
        font-size: 16px;
        background: #fdce10; }
        .shop-wrap .shop-header form.select-form select:focus {
          outline: 0;
          border: 0; }

.shop-item {
  overflow: hidden;
  margin-bottom: 30px; }
  .shop-item:hover .shop-thumb img {
    transform: scale(1.2); }
  .shop-item .shop-thumb {
    position: relative;
    margin: 0;
    overflow: hidden; }
    .shop-item .shop-thumb::before {
      background: #000000;
      z-index: 1;
      opacity: 0.4;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
      filter: alpha(opacity=40); }
    .shop-item .shop-thumb img {
      width: 100%;
      height: 330px;
      transform: scale(1);
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease; }
    .shop-item .shop-thumb .add-cart {
      position: absolute;
      left: 0%;
      top: 50%;
      transform: translate(-50%, -50%);
      background: #fdce10;
      color: #ffffff;
      padding: 7px 20px;
      display: block;
      border-radius: 4px;
      font-weight: 700;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
      z-index: 3; }
    .shop-item .shop-thumb .wish-icon {
      position: absolute;
      right: -100px;
      top: 0;
      width: 40px;
      height: 40px;
      background: #fdce10;
      color: #ffffff;
      text-align: center;
      line-height: 40px;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
      z-index: 3; }
  .shop-item .item-name {
    background: #777777;
    overflow: hidden;
    padding: 15px 15px 10px; }
    .shop-item .item-name h4,
    .shop-item .item-name p {
      float: left;
      font-size: 18px;
      font-weight: 500;
      margin: 0;
      color: #ffffff; }
    .shop-item .item-name p {
      float: right;
      color: #fdce10; }
  .shop-item:hover .add-cart {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    left: 50%; }
  .shop-item:hover .wish-icon {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    right: 0; }

/* ===========================================
35. Single Details
==============================================*/
.single-product {
  padding: 30px 30px 0; }
  @media only screen and (max-width: 767px) {
    .single-product {
      padding: 30px 0px 0; } }
  .single-product .sp-thumb {
    position: relative; }
    .single-product .sp-thumb span {
      position: absolute;
      width: 70px;
      height: 70px;
      background: #fdce10;
      color: #ffffff;
      font-size: 16px;
      font-weight: 500;
      right: 0;
      top: 0;
      border-radius: 50%;
      text-align: center;
      line-height: 70px; }
  .single-product .sp-details h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px; }
  .single-product .sp-details span {
    font-size: 22px;
    color: #242424;
    font-weight: 500; }
  .single-product .sp-details .sp-details {
    padding-top: 45px; }
  .single-product .sp-details .item-rating {
    margin: 10px 0 45px 75px; }
    .single-product .sp-details .item-rating::before {
      content: "\f005\f005\f005\f005\f006";
      font-family: fontawesome;
      color: #fdce10;
      left: -75px;
      background: none; }
    .single-product .sp-details .item-rating a {
      color: #9c9c9c;
      margin-right: 10px;
      font-weight: 500;
      text-transform: capitalize; }
      .single-product .sp-details .item-rating a:hover {
        color: #fdce10; }
  .single-product .sp-details .s-cart {
    padding-top: 45px; }
    .single-product .sp-details .s-cart input {
      width: 100px;
      height: 45px;
      padding: 0 13px 0 20px;
      border-radius: 50px;
      border: 2px solid #ebebeb; }
    .single-product .sp-details .s-cart .custom-btn {
      margin-left: 20px;
      border: none;
      background: transparent; }
      .single-product .sp-details .s-cart .custom-btn::after {
        border-radius: 50px; }

/* =======================================
36. Product Tab Area
=========================================== */
.product-tab {
  margin: 30px 0;
  background: #f3f5f8; }
  .product-tab > ul {
    list-style: none;
    background: #fdce10;
    padding: 17px 20px; }
    .product-tab > ul li {
      display: inline-block;
      color: #6b5b5b;
      font-size: 18px;
      font-weight: 600;
      margin: 0 10px;
      text-transform: capitalize;
      cursor: pointer; }
      .product-tab > ul li.active {
        color: #242424; }
  .product-tab .tab-content {
    padding: 20px 30px 30px; }
    .product-tab .tab-content ul.e-info {
      max-width: 65%; }
      .product-tab .tab-content ul.e-info li {
        display: block;
        font-size: 16px;
        line-height: 60px;
        border-bottom: 1px solid #ebebeb; }
        .product-tab .tab-content ul.e-info li span {
          float: right; }
    .product-tab .tab-content #review ol {
      list-style: none;
      padding: 0; }
      .product-tab .tab-content #review ol .single-comment .comment-thumb {
        float: left; }
      .product-tab .tab-content #review ol .single-comment .comment-body {
        margin-left: 120px;
        max-width: 555px; }
        .product-tab .tab-content #review ol .single-comment .comment-body .name {
          margin-bottom: 5px; }
    .product-tab .tab-content #review .item-rating i {
      color: #fdce10; }
    .product-tab .tab-content #review .add-review {
      max-width: 600px;
      margin-top: 20px; }
      .product-tab .tab-content #review .add-review h4 {
        font-size: 18px;
        margin-bottom: 10px; }
      .product-tab .tab-content #review .add-review form {
        margin-top: 30px; }
        .product-tab .tab-content #review .add-review form .form-group {
          margin-bottom: 30px; }
          .product-tab .tab-content #review .add-review form .form-group input,
          .product-tab .tab-content #review .add-review form .form-group textarea {
            width: 100%;
            color: #9c9c9c;
            padding: 7px 20px;
            border: 1px solid #ebebeb; }
          .product-tab .tab-content #review .add-review form .form-group textarea {
            height: 160px; }
        .product-tab .tab-content #review .add-review form .custom-btn {
          border: none; }

/* =============================================
37. Related Products 
==============================================*/
.related-product h3 {
  background: #fdce10;
  padding: 17px 20px;
  font-size: 20px; }
.related-product .p-wrap {
  margin-top: 45px; }
.related-product .owl-nav > div {
  color: #fdce10;
  top: 40%; }
  .related-product .owl-nav > div::before {
    display: none; }

/* =============================================
38. Check-out Page
================================================*/
.checkout-content .check-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 30px; }
.checkout-content .checkout-top > p {
  background: #fdce10;
  color: #242424;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  padding: 15px 20px; }
.checkout-content .checkout-top a {
  color: #ffffff;
  margin-left: 22px; }
.checkout-content .checkout-wrap {
  margin-top: 80px;
  background: #ffffff;
  padding: 45px 30px; }
  @media only screen and (max-width: 767px) {
    .checkout-content .checkout-wrap {
      padding: 0; } }
  .checkout-content .checkout-wrap .check-out-form {
    max-width: 90%; }
    @media only screen and (max-width: 767px) {
      .checkout-content .checkout-wrap .check-out-form {
        max-width: 100%;
        padding: 0 15px;
        margin-bottom: 30px; } }
    .checkout-content .checkout-wrap .check-out-form form {
      padding: 30px;
      background: #f3f5f8; }
      @media only screen and (max-width: 767px) {
        .checkout-content .checkout-wrap .check-out-form form {
          padding: 15px; } }
    .checkout-content .checkout-wrap .check-out-form .form-group > label {
      color: #a2a2a2;
      font-size: 15px;
      font-weight: 400;
      margin-bottom: 10px;
      text-transform: capitalize; }
    .checkout-content .checkout-wrap .check-out-form .form-group > input,
    .checkout-content .checkout-wrap .check-out-form select {
      border: 1px solid #ebebeb;
      height: 45px;
      width: 100%;
      padding: 10px;
      font-weight: 500;
      color: #9c9c9c; }
  .checkout-content .checkout-wrap .order-info ul {
    background: #f3f5f8;
    padding: 30px; }
    @media only screen and (max-width: 767px) {
      .checkout-content .checkout-wrap .order-info ul {
        padding: 30px 15px; } }
    .checkout-content .checkout-wrap .order-info ul li {
      color: #242424;
      line-height: 55px;
      text-transform: capitalize;
      font-weight: 700; }
      .checkout-content .checkout-wrap .order-info ul li span {
        float: right; }
  .checkout-content .checkout-wrap .checkout-method {
    margin-top: 45px; }
    .checkout-content .checkout-wrap .checkout-method .panel-group {
      background: #f3f5f8;
      padding: 30px; }
    .checkout-content .checkout-wrap .checkout-method .panel {
      margin-bottom: 20px; }
    .checkout-content .checkout-wrap .checkout-method .panel-title {
      position: relative;
      z-index: 1;
      margin-left: 10px; }
    .checkout-content .checkout-wrap .checkout-method .panel-default a,
    .checkout-content .checkout-wrap .checkout-method .panel-default a.collapsed {
      background: #ffffff;
      color: #2f2f2f;
      font-size: 16px;
      padding: 12px 15px 12px 20px;
      display: block; }
    .checkout-content .checkout-wrap .checkout-method .panel-default a {
      background: #fdce10; }
      .checkout-content .checkout-wrap .checkout-method .panel-default a::before {
        background: #fdce10;
        border-radius: 50%;
        content: "";
        height: 18px;
        left: -12px;
        position: absolute;
        top: 30%;
        width: 18px;
        z-index: -1;
        border: 1px solid #fdce10; }
      .checkout-content .checkout-wrap .checkout-method .panel-default a.collapsed::before {
        background: #ffffff;
        border: 1px solid #ffffff; }
    .checkout-content .checkout-wrap .checkout-method .panel-body {
      padding-left: 15px; }
  .checkout-content .checkout-wrap .custom-btn {
    border: none;
    margin-top: 30px;
    cursor: pointer;
    color: #242424; }
    .checkout-content .checkout-wrap .custom-btn::after {
      background: #fdce10; }

/* ====================================
39. Cart Page
======================================*/
.cart-header {
  background: #fdce10;
  text-align: center;
  margin: 0 0 30px; }
  .cart-header .p-title {
    display: block;
    padding: 10px 0;
    text-transform: uppercase;
    color: #242424; }

.single-cart {
  text-align: center;
  background: #f3f5f8;
  margin: 0 0 20px;
  padding: 15px 10px; }
  .single-cart .cart-prev img {
    height: 110px;
    width: 175px; }
  .single-cart .product-heading {
    padding: 25px 0 25px; }
    .single-cart .product-heading p {
      font-weight: 500;
      margin-bottom: 2px;
      font-size: 16px; }
  .single-cart .product-rating {
    font-size: 14px; }
    .single-cart .product-rating i {
      color: #ffb400; }
  .single-cart .product-quantity {
    padding-top: 35px; }
    .single-cart .product-quantity .qty-changer {
      background: #ffffff none repeat scroll 0 0;
      border: 1px solid #ebebeb;
      cursor: pointer;
      display: inline-block;
      font-weight: 700;
      padding: 7px 17px;
      text-align: center; }
    .single-cart .product-quantity .qty-input {
      background-color: #ffffff;
      border: 1px solid #ebebeb;
      display: inline-block;
      font-weight: 700;
      line-height: 40px;
      border-radius: 0;
      padding: 1px 0;
      text-align: center;
      width: 50px;
      color: #9c9c9c; }
  .single-cart .s-cart-price {
    padding-top: 45px;
    display: block;
    position: relative;
    font-weight: 500;
    font-size: 16px; }
  .single-cart .cart-remove {
    cursor: pointer;
    font-weight: 700;
    position: absolute;
    right: -55%;
    top: 42%;
    transform: translateX(-50%); }

/* ==================================================
40. Product Coupon
=====================================================*/
@media only screen and (max-width: 767px) {
  .cart-area {
    overflow: hidden; } }
.product-coupon {
  padding: 45px 0 0px; }
  .product-coupon .cart-heading {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px; }
  .product-coupon .pc-box {
    position: relative;
    display: table;
    text-align: center; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .product-coupon .pc-box {
        margin-top: 30px; } }
    @media only screen and (max-width: 767px) {
      .product-coupon .pc-box {
        margin: 15px 0; } }
  .product-coupon .offer-coupon,
  .product-coupon .update-coupon,
  .product-coupon .cart-total {
    display: table-cell;
    vertical-align: middle;
    height: 365px;
    background: #f3f5f8;
    padding: 0 40px;
    border: 1px solid #ebebeb; }
    @media only screen and (max-width: 767px) {
      .product-coupon .offer-coupon,
      .product-coupon .update-coupon,
      .product-coupon .cart-total {
        padding: 15px; } }
  .product-coupon .update-coupon .custom-btn {
    padding: 10px 15px;
    margin-bottom: 20px; }
  .product-coupon .offer-coupon {
    text-align: left; }
    .product-coupon .offer-coupon p {
      font-weight: 500;
      margin: 20px 0 25px; }
    .product-coupon .offer-coupon .coupon-form {
      position: relative;
      z-index: 1; }
      .product-coupon .offer-coupon .coupon-form input {
        background: #e4e4e4 none repeat scroll 0 0;
        border: 0 none;
        height: 50px;
        color: #060606;
        font-size: 14px;
        border-radius: 5px;
        width: 100%; }
      .product-coupon .offer-coupon .coupon-form .custom-btn {
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 12px 15px;
        position: absolute;
        right: 0;
        top: 0;
        border: none; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .product-coupon .offer-coupon .coupon-form .custom-btn {
            padding: 12px 6px;
            font-size: 12px; } }
        @media only screen and (max-width: 767px) {
          .product-coupon .offer-coupon .coupon-form .custom-btn {
            position: relative;
            margin-top: 20px; } }
        .product-coupon .offer-coupon .coupon-form .custom-btn::after {
          border-radius: 0px 5px 5px 0px; }

.cart-total {
  text-align: left; }
  .cart-total .cart-list {
    border-bottom: 1px solid #ebebeb;
    list-style: outside none none;
    padding: 13px 0; }
    .cart-total .cart-list li {
      color: #fdce10;
      line-height: 35px;
      text-transform: capitalize;
      font-size: 16px;
      font-weight: 500; }
  .cart-total strong {
    font-size: 18px;
    color: #fdce10; }
  .cart-total .custom-btn {
    margin-top: 55px;
    padding: 13px 22px;
    border: none; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .cart-total .custom-btn {
        margin-left: 20px; } }

.cart-list span,
.cart-total span {
  float: right; }

/* ======================================
41. Contact Page
=========================================*/
.contact-page #google-map {
  height: 450px;
  width: 100%;
  margin: 80px 0 20px; }

.c-info-wrap {
  background: #fdce10;
  padding: 80px 60px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px; }
  .c-info-wrap p {
    color: #636363; }

.contact-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 30px; }

.contact-us {
  margin-bottom: 60px; }
  .contact-us .section-title {
    font-size: 45px; }

.contact-form .form-group.form-half {
  width: 31.3%;
  float: left;
  margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .contact-form .form-group.form-half {
      width: 100%;
      margin: 0px; } }
  .contact-form .form-group.form-half:first-child {
    margin-right: 20px; }

.contact-form .form-group.form-half + .form-half + .form-half {
  float: right; }

.contact-form .form-group textarea,
.form-group input {
  width: 100%; }

@media only screen and (max-width: 767px) {
  .contact-form .form-group textarea {
    margin-top: 30px; }

  .c-info-wrap {
    margin-top: 45px; } }
.contact-form {
  margin-left: 80px; }
  .contact-form input,
  .contact-form textarea {
    padding: 7px 15px;
    width: 100%;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #ebebeb;
    color: #9c9c9c; }
  .contact-form .custom-btn {
    border: none;
    padding: 10px 40px;
    text-transform: uppercase;
    margin-top: 10px; }
  .contact-form textarea {
    height: 122px; }
  .contact-form label {
    font-weight: 500; }

.c-info-wrap p {
  font-size: 18px;
  max-width: 220px; }
.c-info-wrap .contact-info {
  margin-top: 20px; }
  .c-info-wrap .contact-info li {
    font-size: 16px;
    line-height: 35px;
    color: #242424;
    font-weight: 700; }
    .c-info-wrap .contact-info li a {
      color: #636363;
      font-weight: 400;
      margin-left: 5px; }
    .c-info-wrap .contact-info li:hover a {
      color: #fdce10; }

/* ==================================
42. Login Page
==================================== */
.login-wrap {
  background: #f3f5f8;
  border: 1px solid #ebebeb;
  padding: 40px 40px 20px; }
  .login-wrap .form-title {
    text-transform: uppercase;
    margin-bottom: 25px;
    font-size: 24px; }
  .login-wrap form .form-group {
    margin-bottom: 30px; }
    .login-wrap form .form-group label {
      font-size: 16px; }
      .login-wrap form .form-group label .required {
        color: #ff1a34;
        padding-left: 5px; }
    .login-wrap form .form-group input {
      border: 1px solid #ebebeb;
      padding: 10px 15px; }
  .login-wrap form .remember {
    display: block; }
  .login-wrap form .custom-btn {
    border: none;
    margin: 20px 0 10px; }

/*Mailchimp and Contact form*/
h3.subscription-success {
  position: absolute;
  z-index: 9999;
  top: -100%;
  padding: 2px 0 10px;
  width: 116%;
  text-align: center;
  font-size: 20px;
  left: -50%;
  border-radius: 40px;
  color: #13A05A; }

.subscription-error {
  display: none !important; }

.success {
  padding: 15px;
  margin-bottom: 20px;
  color: #ffffff;
  background-color: #13A05A;
  border: 1px solid #13A05A;
  border-radius: 5px; }

.error {
  padding: 15px;
  margin-bottom: 20px;
  color: #ffffff;
  background-color: #DD5044;
  border: 1px solid #DD5044;
  border-radius: 5px; }

/* =============================================
43. My Account Page
=============================================== */
.my-account {
  background: #f3f5f8;
  padding: 60px 120px; }
  .my-account .section-title {
    font-size: 35px; }
  .my-account form {
    margin-top: 30px; }
    .my-account form .form-group label {
      text-transform: capitalize; }
    .my-account form .form-group input {
      border: 1px solid #ebebeb;
      padding: 5px 15px; }
    .my-account form .login-bottom label {
      display: block; }
    .my-account form .login-bottom .custom-btn {
      border: none;
      margin-top: 20px; }

/* =============================================
44 Custom Overrides
=============================================== */
.maxwell-green {
  color: #007b4b; }

.maxwell-green:hover {
  color: #007b4b !important; }

.no-hover {
  pointer-events: none; }

/* ===================================            End Of Style                 ============================= */