/*******************************************************
 *
 * Charitable Giving
 *
 *******************************************************/
 .ip-container #scroll-down {
    display: block;
}

#inner-page-wrapper {
   margin-bottom: ;
}
   #inner-page-wrapper > .container {
      width: 100%;
      padding: 0;
   }

#ip-charitable-giving {
   position: relative;
   padding: 136px 0 30px;
}
   .ip-cg-bg {
      height: 587px;
   }
      .ip-cg-bg canvas {
         opacity: 0.2;
      }
      .ip-cg-bg:before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background: rgb(255,255,255);
         background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
         background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
         background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);

         z-index: 1;
      }
   #ip-charitable-giving .custom-container {
       position: relative;
       z-index: 1;
   }
   .ip-cg-text {
      text-align: center;
      max-width: 1010px;
      margin: 0 auto 68px;
   }
      .ip-cg-text p {
         font-size: 18px;
         font-weight: 700;
         letter-spacing: 0.05em;
         line-height: 1.777777777777778;
         color: #222222;
      }

 .ip-cg-cta-main {
     margin: 0 -8px;
     display: flex;
     flex-flow: row wrap;
     align-items: flex-start;     
 }
 
    .ip-cg-cta-item {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% / 2);
        position: relative;
        padding: 0 8px;
    }
    
    .ip-cg-cta-logo img {
        max-width: 100%;
        height: auto;
        opacity: 0.30;
    }
    
    .ip-cg-cta-logo {
        position: absolute;
        bottom: 0;
        right: 10px;
        z-index: 5;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    .ip-cg-cta-title {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 0 20px 25px;
        z-index: 5;
    }
    
    .ip-cg-cta-title h2 {
        padding-left: 20px;
        font-size: 30px;
        line-height: 1;
        color: #fff;
        font-weight: 700;
        position: relative;
    }
    
    .ip-cg-cta-title h2 span {
        font-size: 14px;
        line-height: 1;
        letter-spacing: 0.050em;
        color: #fff;
        font-weight: 300;
        text-transform: uppercase;
        display: block;
        margin-top: 0;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        height: 0;
        visibility: hidden;
        opacity: 0;
    }
    
    .ip-cg-cta-title h2 em.ai-line {
        position: absolute;
        bottom: 2px;
        left: 0;
        width: 1px;
        height: 100vh;
        background-color: #fff;
    }
    
    .ip-cg-cta-item a {
        overflow: hidden;
       display: block;
       position: relative;
    }
    
    .ip-cg-cta-title h2 em.ai-line:before {
        position: absolute;
        content: '';
        bottom: 0;
        left: 0;
        width: 3px;
        height: 19px;
        background-color: var(--secondary-color);
        -webkit-transition: all var(--default-transition);
        -o-transition: all var(--default-transition);
        transition: all var(--default-transition);
    }
    
    .ip-cg-cta-img img {
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        /* -webkit-transform: translateY(15px) scale(1.15);
        -ms-transform: translateY(15px) scale(1.15);
        transform: translateY(15px) scale(1.15); */
        -o-object-position: top center;
        object-position: top center;
    }
    
    .ip-cg-cta-img:before {
        position: absolute;
        content: '';
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        pointer-events: none;
        z-index: 2;
        background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.75)));
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
    }
    
    .ip-cg-cta-item a:hover .ip-cg-cta-logo {
        opacity: 1;
        visibility: visible;
    }
    
    .ip-cg-cta-item a:hover .ip-cg-cta-img img {
        -webkit-filter: none;
        filter: none;
        /* -webkit-transform: translateY(0) scale(1.15);
        -ms-transform: translateY(0) scale(1.15);
        transform: translateY(0) scale(1.15); */
    }
    
    .ip-cg-cta-item a:hover .ip-cg-cta-title h2 em.ai-line:before {
        /* height: 40px; */
    }
    
    .ip-cg-cta-item a:hover .ip-cg-cta-title h2 span {
        margin-top: 8px;
        opacity: 1;
        visibility: visible;
        height: 14px;
    }
    
    .ip-cg-cta-item a:hover .ip-cg-cta-logo {
        bottom: 20px;
    }

@media only screen and (min-width: 992px) {
   .global-title h1 {
      padding-bottom: 5.05vw;
   }

   #ip-charitable-giving {
      padding: 8.5vw 0 1.875vw;
   }
      .ip-cg-bg {
         height: 36.688vw;
      }
      #ip-charitable-giving .custom-container {
          position: relative;
      }
      .ip-cg-text {
         text-align: center;
         max-width: 63.125vw;
         margin: 0 auto 4.25vw;
      }
         .ip-cg-text p {
            font-size: 1.125vw;
         }
   /* Call to Action */
  .ip-cg-cta-container {
      padding: 7.062vw 0 0;
  }

  .ip-cg-cta-container > .custom-container {
      max-width: 82.813vw;
  }

  .ip-cg-cta-main {
      margin: 0 -0.500vw;
  }

  .ip-cg-cta-item {
      padding: 0 0.500vw;
  }

  .ip-cg-cta-logo img {
      width: 8.125vw;
      height: 4.563vw;
  }

  .ip-cg-cta-logo {
      right: 0.625vw;
  }

  .ip-cg-cta-title {
      padding: 0 1.250vw 1.563vw;
  }

  .ip-cg-cta-title h2 {
      padding-left: 1.250vw;
      font-size: 1.875vw;
  }

  .ip-cg-cta-title h2 span {
      font-size: 0.875vw;
  }

  .ip-cg-cta-title h2 em.ai-line {
      bottom: 0.125vw;
  }

  .ip-cg-cta-item a {
      overflow: hidden;
  }

  .ip-cg-cta-title h2 em.ai-line:before {
      width: 0.188vw;
      height: 1.188vw;
  }

  .ip-cg-cta-item a:hover .ip-cg-cta-title h2 em.ai-line:before {
      /* height: 2.500vw; */
  }

  .ip-cg-cta-item a:hover .ip-cg-cta-title h2 span {
      margin-top: 0.500vw;
      height: 0.875vw;
  }

  .ip-cg-cta-item a:hover .ip-cg-cta-logo {
      bottom: 1.250vw;
  }
}

@media only screen and (max-width: 991px) {
   #ip-charitable-giving {
      padding-top: 80px;
   }
   .ip-cg-text {
       margin-bottom: 80px;
   }
   .ip-cg-cta-main {
      margin: 0;
  }

  .ip-cg-cta-item {
      width: 100%;
      max-width: 400px;
      margin: 0 auto;
      display: block;
      padding: 0;
  }

  .ip-cg-cta-item:not(:last-child) {
      margin-bottom: 10px;
  }

  .ip-cg-cta-title {
      padding: 0 15px 15px;
  }

  .ip-cg-cta-title h2 {
      padding-left: 15px;
      font-size: 24px;
  }

  .ip-cg-cta-title h2 span {
      font-size: 13px;
  }

  .ip-cg-cta-item a:hover .ip-cg-cta-title h2 span {
      height: 13px;
  }

  .ip-cg-cta-item a:hover .ip-cg-cta-logo {
      bottom: 15px;
  }
  .ip-cg-cta-img img {
      -webkit-transform: translateY(10px) scale(1.15);
          -ms-transform: translateY(10px) scale(1.15);
              transform: translateY(10px) scale(1.15);
  }

}

@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 480px) {

}