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

#inner-page-wrapper {
   margin-bottom: 30px;
}

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

.global-title h1.is-default small {
   letter-spacing: 0;
}

#ip-investing {
   position: relative;
   padding: 0 0 80px;
}

.ip-investing-bg {
}

.ip-investing-bg canvas {
   opacity: 0.2;
}

.ip-investing-top {
   padding: 166px 0 158px;
   position: relative;
}

.ip-investing-text {
   text-align: center;
   width: 699px;
   max-width: 100%;
   margin: 0 auto;
}

.ip-investing-text p {
   font-size: 18px;
   letter-spacing: 0.05em;
   line-height: 1.777777777777778;
   color: #222222;
   font-weight: 700;
}

.ip-investing-cta-list {
   display: flex;
   flex-flow: row wrap;
   align-items: flex-start;
   margin: 0 -7px;
   position: relative;
   z-index: 1;
   padding: 119px 0 0;
}

.ip-investing-cta {
   width: 50%;
   padding: 9px;
}

.ip-investing-cta a {
   display: block;
   position: relative;
   overflow: hidden;
}

.ip-investing-cta-img {
   position: relative;
}

.ip-investing-cta-img canvas {
   display: block;
   width: 100%;
   background-position: center;
   background-size: cover;
   background-color: #999;
   transition: all var(--default-transition);
   filter: grayscale(1);
}

.ip-investing-cta-img:before {
   content: '';
   position: absolute;
   height: 50%;
   opacity: 0.8;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
   background: rgb(0,0,0);
   background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
   background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
   background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.ip-investing-cta-name {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 1;
   font-size: 30px;
   font-weight: 700;
   line-height: 1;
   color: #fff;
   padding: 0 6.5% 4.5%;
}

.ip-investing-cta-name span {
   display: block;
   font-size: 14px;
   font-weight: 300;
   letter-spacing: 0.05em;
   line-height: 1;
   text-transform: uppercase;
   margin-top: 0;
   opacity: 0;
   visibility: hidden;
   height: 0;
   -webkit-transition: 0.3s all ease-in-out;
   transition: 0.3s all ease-in-out;
}

.ip-investing-cta-name .global-accent-vertical-line {
   left: 3.3%;
   bottom: 30px;
   height: 100vh;
   top: initial;
}

.ip-investing-cta-name .global-accent-vertical-line:before {
   top: initial;
   bottom: 0;
   height: 21px;
}

.ip-investing-cta-monogram {
   position: absolute;
   bottom: 19px;
   right: 13px;
   opacity: 0.3;
   width: 130px;
   width: 20.345%;
   bottom: 0;
   right: 2%;
   z-index: 1;
   opacity: 0;
   -webkit-transition: 0.3s all ease-in-out;
   transition: 0.3s all ease-in-out;
}

.ip-investing-cta-monogram img {
   display: block;
   width: 100%;
   height: auto;
}

.ip-investing-cta a:hover .ip-investing-cta-img canvas {
   filter: none;
}

.ip-investing-cta a:hover .ip-investing-cta-name span {
   opacity: 1;
   visibility: visible;
   height: 14px;
   margin-top: 8px;
}

.ip-investing-cta a:hover .ip-investing-cta-monogram {
   opacity: 0.3;
   bottom: 5.8%;
}

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

   #ip-investing {
       padding: 0 0 5vw;
   }

   .ip-investing-top {
       padding: 10.375vw 0 9.875vw;
   }

   .ip-investing-text {
       width: 43.688vw;
   }

   .ip-investing-text p {
       font-size: 1.125vw;
   }

   .ip-investing-cta-list {
       margin: 0 -0.438vw;
       padding: 7.438vw 0 0;
   }

   .ip-investing-cta {
       padding: 0.563vw;
   }

   .ip-investing-cta-name {
       font-size: 1.875vw;
   }

   .ip-investing-cta-name span {
       font-size: 0.875vw;
   }

   .ip-investing-cta a:hover .ip-investing-cta-name span {
       height: 0.875vw;
       margin-top: 0.500vw;
   }

   .ip-investing-cta-name .global-accent-vertical-line {
       bottom: 1.875vw;
   }

   .ip-investing-cta-name .global-accent-vertical-line:before {
       height: 1.313vw;
   }
}

@media only screen and (max-width: 991px) {
   .ip-investing-top {
       padding: 50px 0;
   }

   .ip-investing-text p {
       font-size: 16px;
   }

   .ip-investing-cta-list {
       padding: 40px 0 0;
   }

   .ip-investing-cta {
       width: 100%;
   }

   .ip-investing-cta-name .global-accent-vertical-line {
       bottom: 20px;
   }

   .ip-investing-cta-name {
       padding: 0 6.5% 20px;
       font-size: 25px;
   }

   #ip-investing {
       padding: 0 0 40px;
   }
}

@media only screen and (max-width: 767px) {
   .ip-mab-title .global-title i.dot {
       width: 10px;
       height: 10px;
       top: -4px;
       margin: 0;
   }
}

@media only screen and (max-width: 480px) {
   .ip-investing-cta-name span {
       font-size: 10px;
   }

   .ip-investing-cta a:hover .ip-investing-cta-name span {
       height: 10px;
   }
}