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

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

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

#ip-new-development {
   position: relative;
   padding: 117px 0 0;
   z-index: 1;
}

#ip-new-development .global-accent-logo {
   z-index: 1;
   left: -4.5%;
   top: -7.3%;
}

.ip-nd-bg {
   top: 290px;
   height: initial;
   bottom: 215px;
}

.ip-nd-bg:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 66.474%;
   background: rgb(255,255,255);
   background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
   background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
   background: linear-gradient(180deg, 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-nd-bg canvas {
   opacity: 0.82;
}

.ip-nd-group {
   position: relative;
}

.ip-nd-group:before {
   content: '';
   position: absolute;
   top: 0;
   left: -53px;
   right: -53px;
   bottom: 0;
   background: rgba(255,255,255,.9);
}

.ip-nd-text {
   text-align: center;
   max-width: 940px;
   margin: 0 auto;
   position: relative;
   z-index: 1;
}

.ip-nd-text p {
   font-weight: 600;
   font-size: 16px;
   letter-spacing: 0.05em;
   line-height: 1.75;
   color: #222222;
}

.ip-nd-list {
   display: flex;
   flex-flow: row wrap;
   position: relative;
   z-index: 1;
   padding: 65px 4% 60px;
   margin-bottom: 125px;
}

.ip-nd-item {
   width: 50%;
   text-align: center;
   padding: 0 60px 36px;
}

.ip-nd-item-icon {
   display: block;
   width: 98px;
   height: 98px;
   border-radius: 50%;
   border: 5px solid #e8e8e8;
   background-color: var(--secondary-color);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   margin: 0 auto 25px;
}

.ip-nd-item-icon.icon-1 {
   background-image: url(../../images/new-development/icon-1.png);
   background-size: 47px;
}

.ip-nd-item-icon.icon-2 {
   background-image: url(../../images/new-development/icon-2.png);
   background-size: 53px;
}

.ip-nd-item h3 {
   font-size: 26px;
   font-weight: 800;
   line-height: 1;
   color: #222222;
   margin-bottom: 15px;
}

.ip-nd-item p {
   font-size: 16px;
   letter-spacing: 0.05em;
   line-height: 1.625;
   color: #222222;
}

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

.ip-nd-cta {
   width: 50%;
   padding: 15px;
}

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

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

.ip-nd-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-nd-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-nd-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-nd-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-nd-cta-name .global-accent-vertical-line {
   left: 3.3%;
   bottom: 28px;
   height: 100vh;
   top: initial;
}

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

.ip-nd-cta-monogram {
   position: absolute;
   right: 13px;
   opacity: 0.3;
   width: 130px;
   width: 23.5%;
   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-nd-cta-monogram img {
   display: block;
   width: 100%;
   height: auto;
}

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

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

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

@media only screen and (min-width: 992px) {
   #ip-new-development {
       padding: 7.313vw 0 0;
   }

   .ip-nd-bg {
       top: 18.125vw;
       bottom: 13.438vw;
   }

   .ip-nd-group:before {
       left: -3.313vw;
       right: -3.313vw;
   }

   .ip-nd-text {
       max-width: 58.75vw;
   }

   .ip-nd-text p {
       font-size: 1vw;
   }

   .ip-nd-list {
       padding: 4.063vw 4% 3.75vw;
       margin-bottom: 7.813vw;
   }

   .ip-nd-item {
       padding: 0 3.75vw 2.25vw;
   }

   .ip-nd-item-icon {
       width: 6.125vw;
       height: 6.125vw;
       border: 0.313vw solid #e8e8e8;
       margin: 0 auto 1.563vw;
   }

   .ip-nd-item-icon.icon-1 {
       background-size: 2.938vw;
   }

   .ip-nd-item-icon.icon-2 {
       background-size: 3.313vw;
   }

   .ip-nd-item h3 {
       font-size: 1.625vw;
       margin-bottom: 0.938vw;
   }

   .ip-nd-item p {
       font-size: 1vw;
   }

   .ip-nd-cta-list {
       margin: 0 -0.938vw;
       padding: 0 5.063vw;
   }

   .ip-nd-cta {
       padding: 0.938vw;
   }

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

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

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

   .ip-nd-cta a:hover .ip-nd-cta-monogram {
       /* bottom: 1.188vw; */
   }

   .ip-nd-cta-name .global-accent-vertical-line {
       bottom: 1.750vw;
   }

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

@media only screen and (max-width: 991px) {
   #ip-new-development {
       padding: 80px 0 0;
   }

   .ip-nd-group:before {
       left: 0;
       right: 0;
   }

   .ip-nd-cta-list {
       padding: 0;
   }

   .ip-nd-list {
       padding: 60px 5% 20px;
       margin-bottom: 50px;
   }

   .ip-nd-item {
       width: 100%;
       padding: 0 0 40px;
   }

   .ip-nd-bg {
       top: 30%;
       bottom: 7%;
   }

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

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

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

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

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