/* HP SLIDESHOW */

#hp-slideshow-wrap {
    position: relative;
    z-index: 1;
}


    .hp-slideshow {
        position: relative;
        z-index: 1;
    }

        .hp-slideshow .aios-slider.aios-slider-template-default::before {
            width: 100%;
            height: 100%;
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            background-color: #000000;
            pointer-events: none;
            /*opacity: 0.5;*/
            opacity: 0.2;
        }

/** tagline slide **/
.tag-slide {
    position: absolute;
    z-index: 3;
    width: 100%;
    max-width: 1400px;
    left: 0;
    right: 0;
    color: #fff;
    text-transform: uppercase;
    top: 50%;
    padding: 0 15px 50px;
    margin: 0 auto;
    transform: translateY(-50%);

}

 .tag-slide img {
     margin: 0 auto;
 }



.explore-slide {
    position: absolute;
    z-index: 3;
    text-align: center;
    width: 100%;
    left: 0;
    right: 0;
    color: #fff;
    text-transform: uppercase;
    bottom: 70px;
}

   .scr-text {
     display: flex;
     justify-content: center;
  }

   .scr-text a {
     color: #fff;
   }

   .scr-text a:hover {
     color: #fae57c;
   }




 /* CP Section */

#cp-section {
    position: relative;
    padding: 100px 0 40px;
}

   .cp-wrapper {
     width: 100%;
     margin: 0 auto;
     position: relative;
     z-index: 5;

   }

   .cp-wrap {
    display: flex;
    align-items: center;
    justify-content:space-between;
    overflow: hidden;
    gap: 50px;
   }

   .cp-text-wrap {
      width: 30%;
      text-align: left;
   }

   .cp-text-wrap .global-title-wrap {
     text-align: left;
   }
   .cp-text-wrap .global-button {
     margin: 30px 0 5px;
   }

    .cp-text-wrap p{
        font-size: 15px;
        line-height: 26px;
        margin: 10px 0;
    }

    .cp-list-wrap {
       display: block;
       padding: 20px 0 0;
       position: relative;
       font-size: 0;
       letter-spacing: 0;

    }


     .cp-list {
       display:flex;
       vertical-align: top;
       margin-bottom: 150px;

     }


.cp-list-wrap > .cp-list:nth-child(odd) {
     justify-content: flex-start;
     margin-right: 100px;
}
.cp-list-wrap > .cp-list:nth-child(even) {
    justify-content: flex-end;
    margin-left: 100px;
}


      .cp-list a {
         width: 100%;
         display: block;
         margin: 0;
         position: relative;

      }

      .cp-photo.canvas-img {
        overflow: hidden;
      }

       .cp-list a > .cp-details {
            position: absolute;
            z-index: 3;
            padding: 20px;
            bottom: -90px;
            text-align: left;
            left: 100px;
            right: 0;
            width: 620px;
            background: url(../images/cp-info-bg.jpg) no-repeat center/cover ;
            transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
            -webkit-transition: all .25s ease-in-out;
            height: 240px;
       }

       .cp-list-wrap > .cp-list:nth-child(even) a > .cp-details {
            left: unset;
            right: 100px;
       }

       .cp-list a > .cp-details:before {
            position: absolute;
            content: '';
            background: url(../images/logo-ed.png) no-repeat center ;
            width: 123px;
            height: 138px;
            opacity: 0.15;
            right: 20px;
            bottom: 20px;
            transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
            -webkit-transition: all .25s ease-in-out;

       }



       .cp-list a:hover > .cp-details {
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cfac6d+0,a18149+100 */
            background: linear-gradient(to right,  rgba(207,172,109,1) 0%,rgba(161,129,73,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

       }

       .cp-list a > .cp-details canvas {
            background-size: cover;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            bottom: 0;
       }

       .cp-list a > .canvas-img img {
           transition: all .25s ease-in-out;
          -moz-transition: all .25s ease-in-out;
          -webkit-transition: all .25s ease-in-out;
       }


       .cp-list a:hover > .canvas-img img {
            transform: scale(1.1);
       }

       .cp-list a > .cp-details .cp-info {
         position: relative;
         display: block;
         width: 100%;
         height: 100%;
         /*border-style: solid;
         border-width: 2px;
         border-image: linear-gradient(45deg, rgb(0,143,104), rgb(250,224,66)) 1;*/
         padding: 30px 40px;
         border: 1px solid #cfac6d;
       }

       .cp-list a:hover > .cp-details .cp-info {
         border-color: #000;
       }


        .cp-list a > .cp-details .cp-info span {
          font-size: 15px;
          color: #fff;
          font-weight: 400;
          padding: 0;
          letter-spacing: 0.05em;

        }

         .cp-list a > .cp-details .cp-info span.cp-price,
         .cp-list a > .cp-details .cp-info span.cp-stats {
            font-size: 24px;
            margin-bottom: 20px;
            font-weight: 400;
            font-family: var(--font-family-title);
            display: block;
            text-transform: uppercase;
            color: #d1ae6e;
         }

         .cp-list a:hover > .cp-details .cp-info span.cp-price,
         .cp-list a:hover > .cp-details .cp-info span.cp-stats {
            color: #fff;
         }

          .cp-list a > .cp-details .cp-info span.cp-address {
            font-size: 35px;
    margin-bottom: 20px;
    font-weight: 400;
    font-family: var(--font-family-title);
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.015em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

          }

    .cp-list a > .cp-details .cp-info .cp-info-d {
         display: flex;
         justify-content: flex-start;
    }

    .cp-list a > .cp-details .cp-info .cp-info-d span {
         padding: 0 10px;
         border-left: 1px solid #fff;
         margin-bottom: 10px;
             white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    .cp-list a > .cp-details .cp-info .cp-info-d span:nth-child(1) {
         border-left: none;
         padding-left: 0;
    }

         .cp-list a > .cp-photo.canvas-img:before {
             position: absolute;
             width: 100%;
             height: 100%;
             left: 0;
             right: 0;
             z-index: 1;
             content: '';
             /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+26,000000+58,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.17) 26%, rgba(0,0,0,0.38) 58%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.17) 26%,rgba(0,0,0,0.38) 58%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.17) 26%,rgba(0,0,0,0.38) 58%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
 /* IE6-9 */
opacity: 0.05;
          }



/*** About Area ***/

section#logos-section {
    position: relative;
    margin:0 auto;
    padding: 0 15px 80px;
    z-index: 1;
}


   .logos-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      max-width: 1400px;
      margin: 0 auto;
   }

.logo-slick-holder {
    font-size: 0;
    text-align: center;
    display: block;
    width: 100%;
}

.logo-slick-holder .slick-track {
    display: flex;
}

.logo-slick-holder .slick-track .slick-slide {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
}

.logo-list {
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    margin: 0 62px;
}

.logo-slick-holder:not(.slick-initialized) .logo-list:nth-child(n+4) ~ div {
    display: none;
}

/*.logo-list ~ .logo-list {
    display: none;
}*/

.logo-list{
    padding: 0 15px;
}
.logo-list a{
    display: inline-block;
}
.logo-list a img {
    display: block;
    margin: 0 auto;
    height: auto;
    max-height: 100px;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
}
.logo-list a:hover img{
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}



.cp-list a > .cp-details .cp-info .cp-info-d:nth-of-type(2) {
    display: none;
}






.logo-list a img {
    max-height: 74px;
    width: auto;
}






/* MOBILE */
@media only screen and (max-width: 1440px) {


}

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

.cta-item a .cta-title {
    padding-top: 250px;
}

}

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

#hp-slideshow-wrap:before {
    width: 10px;
}

.cta-item a .cta-title {
    padding-top: 200px;
}

.about-text {
    padding: 0 0 0 50px;
}

}

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

.tag-slide,
.explore-slide {
   display: none;
}
.cp-list {
    margin: 0 0 150px !important;
}

.cp-list a > .cp-details {
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
    width: 100%;
    max-width: 620px;
}

.logo-slick-holder:not(.slick-initialized) .logo-list:nth-child(n+3) ~ div {
    display: none;
}


}

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */
@media only screen and (max-width: 767px) {

.cp-list a > .cp-details {
    position: relative;
    bottom: 0;
}

.cp-list a > .cp-details .cp-info {
        padding: 30px 15px;
}

.cp-list {
    margin-bottom: 30px !important;
}


}

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

    .cta-item a .cta-title {
        padding-top: 200px;
    }

}
/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */