/* HP SLIDESHOW */

#hp-slideshow-wrap {
    position: relative;
    z-index: 1;
}
    .hp-slideshow {
            position: relative;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0; 
            z-index: 5;
    }

        .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.05;
        }


/*** Tagline Image ***/

.slide-tag {
    display: flex; 
    justify-content: center;
    align-items: center; 
    position: absolute;
/*    top: 50%;
    transform: translateY(-50%); */
    z-index: 8; 
    left: 0;
    right: 0;
    width: 100%; 
    bottom: 50px;
}

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

.scr-text {
   padding-top: 120px;
}

/*** About Area ***/

section#about-section {
    position: relative; 
    margin:0 auto; 
    padding: 50px 15px 80px; 
    background: #0d0d0d; 
    overflow: hidden;
}

.about-bg.fixed-bg {
    height: 100%;
    width: 100%;
    z-index: 0; 
    filter: grayscale(1); 
    opacity: 0.02;
}

  .about-wrapper {
   display: block;
   position: relative;
   width: 100%;
   max-width: 1320px;
   margin: 0 auto; 
  }

   .about-wrapper::before {
    position: absolute;
    top: -60px;
    left: 0;
    right: -160px;
    width: 375px;
    height: 319px;
    background: url(../../assets/images/k-logo.png) no-repeat center / cover;
    content: '';
    z-index: 0;
    margin: 0 auto;
    opacity: 0.5;
    filter: grayscale(1);
   }

   .about-wrap {
      display: flex;
      justify-content: center; 
      align-items: flex-end; 
      gap: 50px; 
      position: relative;
      z-index: 3;
   }

      .about-text {
        position: relative;
        display: block;
        width: 58%;
      }

      .about-cont {
         position: relative; 
         z-index: 2; 
         color: #fff;
         padding:0;
      }

      .about-cont .global-button {
        margin:0;
      }

      .about-cont .global-title-wrap,
      .about-cont .global-title-wrap span {
         text-align: left;
      }

      
      .about-cont strong {
         display: block; 
         margin-bottom: 10px;
         font-size: 18px; 
         line-height: 30px;
      }

       .about-cont p {
         margin: 25px 0; 
        line-height: 30px; 
        font-size: 18px; 
        font-weight: 400;

       }

       .about-cont p.bold {
         font-weight: 700;
       }


    .about-img {
      position: relative; 
      display: block;  
      width: 42%;
    }

     .about-img:before {
         position: absolute;
         width: 90%;
         height: 94%;
         border: 1px solid #901c24; 
         right: 0;
         bottom: 10px; 
         content: '';
     }


      .about-img img {
         position: relative;
         z-index: 5;  
         width: 100%;
      }


/* FP Section */

#fp-section {
    position: relative;
    overflow: hidden;  
    padding: 80px 0 50px;   
    text-align: center;  
    background: #000; 
    z-index: 1;
}

.fp-bg.non-fixed-bg {
    filter: grayscale(1);
    opacity: 0.1;
}

.fp-main-wrap {
   position: relative;
   display: block; 
   z-index: 5;

}

.fp-img-wrap:not(.slick-initialized) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.fp-img-wrap:not(.slick-initialized) .fp-img {
  width: 100%;
}
.fp-img-wrap:not(.slick-initialized) .fp-img:nth-child(1) ~ div {
  display: none;
}

    .fp-img-wrap {
       display: flex;
       flex-flow: wrap; 
       margin: 0 auto; 
       font-size: 0;
       letter-spacing: 0;
       z-index: 2;   
       text-align: center; 
       position: relative; 
       margin-left: -50px;
       margin-right: -50px;
       right: -180px;
    }

     .fp-img {
       display:block; 
       width: 100%;  
       padding: 0 35px; 
       margin: 0;
     }

      .fp-img a {
         width: 100%; 
         display: block; 
         margin: 0 auto;
         position: relative; 
         overflow: hidden;
         transition: all .25s ease-in-out;
         -moz-transition: all .25s ease-in-out;
         -webkit-transition: all .25s ease-in-out;
      }

        .fp-img a .fp-photo.canvas-img {
           position: relative;
           display: block;
        }

        .fp-img a:hover .fp-photo.canvas-img img {
           transform: scale(1.1);
        }

       .fp-img a .fp-bttn {
         position: absolute;
         width: 100%;
         height: 100%;
         margin: 0 auto;
         display: flex;
         justify-content: center;
         align-items: center; 
         z-index: 5;
         background: rgba(0, 0, 0, 0.4); 
         left: 0;
         top: 0; 
         opacity: 0;
                  transition: all .25s ease-in-out;
         -moz-transition: all .25s ease-in-out;
         -webkit-transition: all .25s ease-in-out;
       }

       .fp-img a:hover .fp-bttn {
         opacity: 1;
       }

       .fp-img a .fp-bttn span {
          font-size: 14px;
          font-weight: 400;
          text-transform: uppercase;
          letter-spacing: 0.1em; 
          width: 175px;
          height: 59px;
          border: 1px solid #fff; 
          display: flex;
          align-items: center;
          justify-content: center; 
          color: #fff;
       }

.fp-cont-wrap {
    width: 100%;
    /* max-width: 1320px; */
    margin: 0 auto;
    padding: 0;
    right: -150px;
    position: relative;
}


   .fp-d-list-wrap {
         display: block;
         width: 100%;     
   }

    .fp-d-list {
       position: relative; 
       width: 100%;
    }
     .fp-d-list a {
         display: block;
         width: 100%; 
         text-align: right; 

     }

     .fp-d-list a .fp-d-price {
        font-size: 36px;
        font-weight: 700; 
        color: #fff; 
        display: block;
     }

     .fp-d-list a .fp-d-add {
        display: block;
     }

     .fp-d-list a .fp-d-add span {
        display: block; 
        font-size: 16px; 
        color: #fff;
     }


.fp-title .global-title-wrap {
   margin-bottom: 0; 
   display: block;
}    
.fp-cont-wrap {
    width: 100%;
    /* max-width: 1320px; */
    margin: 0 auto;
    padding: 0;
    right: -150px;
    position: relative;
}

 .fp-cont {
     display: flex;
     position: relative;
     width: 50%;
     justify-content: flex-start;
     align-items: flex-end;
     padding: 0 50px;
     top: -80px;
     z-index: 2;
 }

  .fp-cont .fp-title {
     background: #000;
     width: 55%;
     display: block;
     position: relative;
     padding: 50px 40px 20px;
  }


  .fp-cont .fp-d-slide {
     width: 45%; 
     display: block; 
     padding-right: 20px; 
     border-right: 2px solid #901c24; 
     padding-top: 20px;
  }

   .fp-d-list-wrap {
         display: block;
         width: 100%;     
   }

    .fp-d-list {
       position: relative; 
       width: 100%;
    }
     .fp-d-list a {
         display: block;
         width: 100%; 
         text-align: right; 

     }

     .fp-d-list a .fp-d-price {
        font-size: 36px;
        font-weight: 700; 
        color: #fff; 
        display: block; 
        padding: 10px 0 15px;
     }

     .fp-d-list a .fp-d-add {
        display: block;
     }

     .fp-d-list a .fp-d-add span {
        display: block; 
        font-size: 16px; 
        color: #fff;
     }


.fp-title .global-title-wrap {
   margin-bottom: 0; 
   display: block;
} 


.fp-navi {
    position: relative;
    width: 100%;
   /* max-width: 1170px;*/
    margin: 0 auto;
    display: flex;
    justify-content: space-between; 
    padding: 30px 15vw;
}

.fp-navi .global-button {
   margin: 0;
}  

.fp-nav {
    margin: 0;
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100px;
    pointer-events: none;
    left: 0;
    margin-left: auto;
}

button.fp-prev {
    position: relative;
    left: 0;
    display: block !important;
    outline: none;
    text-decoration: none;
    color: #fff;
    margin: 0;
    font-size: 20px;
    letter-spacing: 0.2em;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    top: 0;
    font-weight: 700;
    border: none;
    background: none;
    cursor: pointer;
    text-transform: uppercase; 
    position: relative; 
    width: 40spx;
    pointer-events: auto;
}

button.fp-next {
    right: 0;
    display: block !important;
    outline: none;
    text-decoration: none;
    color: #fff;
    margin: 0;
    font-size: 20px;
    letter-spacing: 0.2em;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    top: 0;
    font-weight: 700;
    border: none;
    background: none;
    cursor: pointer;
    text-transform: uppercase; 
    position: relative; 
    width: 40spx;
    pointer-events: auto;
}

button.fp-prev:hover,
button.fp-next:hover {
   color: #901c24;
}


/* CTA Section */

#cta-section {
    position: relative;
    overflow: hidden;  
    padding: 0;   
    text-align: center;  
    background: #0d0d0d; 
    z-index: 1;
}

  .cta-list-wrap {
     display: flex;
     justify-content: center;
     align-items: center;  
     flex-flow: wrap;
  }

   .cta-list {
     display: block;
     position: relative;
     display: block;
     width: 50%; 
   }

     .cta-list a {
         width: 100%;
         display: block;
         position: relative;
     }
      
      .cta-list a .cta-photo.canvas-img {
         background: #000;
      }


      .cta-list a .cta-photo.canvas-img img {
         opacity: 0.8;
         transition: all .25s ease-in-out;
         -moz-transition: all .25s ease-in-out;
         -webkit-transition: all .25s ease-in-out; 
      }

      .cta-list a:hover .cta-photo.canvas-img img {
         opacity: 0.3;
      }      

      .cta-list a .cta-title {
          position: absolute;
          left: 0;
          right: 0; 
          top: 0;
          bottom: 0;
          margin: 0 auto;
          padding: 30px 15px;
          display: flex;
          align-items: center;
          justify-content: center; 
          z-index: 2; 
          width: 100%;
      }


       .cta-list a .cta-title span {
          font-size: 48px;
          text-transform: uppercase;
          letter-spacing: 0.05em;
          font-weight: 700; 
          color: #fff; 
          position: relative; 
          padding: 10px 0;
       }

       .cta-list a .cta-title span:before {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          width: 68px;
          height: 100%; 
          border: 1px solid #fff;
          border-left: 0;
          border-right: 0; 
          content: ''; 
          margin: 0 auto;
          transition: all .25s ease-in-out;
         -moz-transition: all .25s ease-in-out;
         -webkit-transition: all .25s ease-in-out; 
       }

       .cta-list a:hover .cta-title span:before {
          border-color: #901c24;
       }


/* FC Section */

#fc-section {
    position: relative;
    overflow: hidden;  
    padding: 100px 0;   
    text-align: center;  
    background: #0d0d0d; 
}

.fc-main-wrap {
   display: flex; 
   justify-content: center;
   align-items: center;
}
  
  .fc-title-area {
     width: 30%; 
  }

  .fc-list-wrap { 
      width: 70%;
      display: flex;
      justify-content: center;
      align-items: center; 
      margin-left: -1px;
      margin-right: -1px;
  }

    .fc-list {
        display: block;
        width: 33.333%;
        position: relative; 
        padding: 0 1px;
    }

     .fc-list a {
        display: block;
        width: 100%;
        height: 100%; 
        position: relative;
     }

      .fc-list a .fc-photo.canvas-img {
         position: relative;
      }

      .fc-list a .fc-photo.canvas-img:before {
          width: 100%;
          height: 100%;
          position: absolute; 
          left: 0;
          top: 0;
          content: '';
          /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
         background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
         z-index: 1;
      }

      .fc-list a .fc-title {
         display: flex;
         justify-content: center;
         align-items: flex-end; 
         position: absolute;
         top: 0;
         right: 0;
         width: 100%;
         height: 100%; 
         z-index: 2;
      }
      
        .fc-list a .fc-title span {
         display: flex;
         justify-content: center;
         align-items: flex-end; 
         font-size: 25px;
         text-transform: uppercase;
         color: #fff; 
         padding: 80px 15px 30px; 
         width: 100%;
         transition: all .25s ease-in-out;
         -moz-transition: all .25s ease-in-out;
         -webkit-transition: all .25s ease-in-out; 
         font-weight: 400;
      }   

    .fc-list a:hover .fc-title { 
       opacity: 0;
    }

    .fc-list a .fc-hover {
         display: flex;
         justify-content: center;
         align-items: flex-end; 
         position: absolute;
         top: 0;
         right: 0;
         width: 100%;
         height: 100%;        
         color: #fff; 
         text-align: center; 
         opacity: 0; 
         padding: 15px 15px 50px;
         z-index: 2;
    }

    .fc-list a:hover .fc-hover {
        opacity: 1;
    }

    .fc-list a .fc-hover span.fc-name {
        font-size: 25px;
        font-weight: 700; 
        display: block;
    }

     .fc-list a .fc-hover p {
         font-size: 13px;
         line-height: 21px;
         display: block; 
         padding: 15px 0;
     }

     .fc-list a .fc-hover span.v-more {
         display: block;
         font-size: 12px;
         max-width: 138px;
         border: 1px solid #fff;
         padding: 10px; 
         text-transform: uppercase; 
         margin: 0 auto;
     }



/* Testi Section */

#testi-section {
    position: relative;  
    z-index: 1; 
    text-align: center; 
    padding: 100px 15px;
}

 .testi-bg.fixed-bg { 
    z-index: 0; 
    filter: grayscale(1);
 }

 .testi-bg.fixed-bg:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1;
}

 .testi-wrap {
    display: block; 
    width: 100%;  
    padding-top: 280px; 
    margin-top: 50px;
 }

  .testi-wrap .global-title-wrap span {
    text-align: center;
  }

  .testi-wrap .global-title-wrap:after {
     right: 0;
  }

 .testi-wrap {
     position: relative;  
     padding: 40px 15px;
     width: 100%;
     margin: 50px auto 0;
     background: #000;
 }

     .testi-wrap:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: -30px;
        margin: 0 auto;
        width: 75px;
        height: 61px;
        background: url(../../assets/images/q-icon.png) no-repeat center/cover; 
        z-index: 0; 
    }


  .testi-slide-wrap {
     position: relative; 
     display: block; 
     z-index: 5;
  }

   .testi-slide {
     display: block; 
     font-size: 0; 
     letter-spacing: 0; 
     text-align: center; 
     padding-top: 10px;
   }

    .testi-slide p {
         width: 80%; 
         margin: 30px auto; 
         font-size: 18px;
         line-height: 30px;
         color: #fff;   
         display: block;
    }

    .testi-list {
         position: relative;
         display: block; 
         padding-top: 10px;
    }


    .testi-list span {
      font-size: 20px; 
      text-transform: uppercase; 
      letter-spacing: 0.1em; 
      font-weight: 700; 
      padding-top: 20px;  
      display: block; 
      color: #fff; 

    }


.testi-nav {
    margin: 0 auto;
    position: absolute;
    z-index: 10;
    font-size: 0;
    right: 0;
    left: 0;
    top: 45%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; 
}

button.testi-prev {
    position: relative;
    left: -35px;
    display: block !important;
    outline: none;
    text-decoration: none;
    color: #901c24;
    margin: 0;
    font-size: 20px;
    letter-spacing: 0.2em;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    top: 0;
    font-weight: 400;
    border: none;
    background: none;
    cursor: pointer;
    text-transform: uppercase; 

}

button.testi-next {
    right: -40px;
    display: block !important;
    outline: none;
    text-decoration: none;
    color: #901c24;
    margin: 0;
    font-size: 20px;
    letter-spacing: 0.2em;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    top: 0;
    font-weight: 400;
    border: none;
    background: none;
    cursor: pointer;
    text-transform: uppercase; 
    position: relative; 

}

.testi-wrap .title-wrap {
    margin-bottom: 0;
}

button.testi-prev:hover,
button.testi-next:hover {
   color: #b39178;
}


    #testi-section .global-button {
        width: 285px; 
        margin-top: 20px;
    }

/* MOBILE */

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


}


@media only screen and (max-width: 1199px) {
.fp-title .global-title-widget {
    font-size: 40px !important;
}
.fp-img-wrap {
  right: -80px;
}
.fp-cont-wrap {
   right: -50px;
}

.fp-cont {
   top: -60px;   
}

.fp-d-list a .fp-d-add span {
    font-size: 12px;
}

}

@media only screen and (max-width: 992px) {
.fp-img-wrap {
    right: 0;
}
.fp-cont-wrap {
    right: 0;
    width: 100%;
}
.fp-cont {
    right: 0;
    width: 100%;
}
}

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

.mob-hidden,
.about-img:before
 {
    display: none;
}

section#about-section {
   padding: 20px 15px;
}

.about-wrap {
    flex-flow: column;
}

     .about-text,
     .about-img {
       width: 100%;
       margin: 30px auto; 
       text-align: center;
     }
 
 .about-img img {
    margin: 0 auto; 
    max-width: 560px;
 }
.about-cont {
    padding: 0;
}

.about-cont .global-title-wrap, .about-cont .global-title-wrap span {
    text-align: center;
}
.global-title-wrap .global-title-widget span {
    padding-left: 0 !important;
}

.about-cont {
    text-align: center;
}

.cta-list-wrap {
    flex-flow: column;
}

.cta-list {
    width: 100%;
    padding: 0px 30px;
    max-width: 767px;
    margin: 0 auto;
}

.fc-main-wrap {
    flex-flow: column;
}
.fc-title-area,
.fc-list-wrap {
   width: 100%; 
   flex-flow: column; 
   margin: 30px auto;
}

 .fc-list {
     width: 100%; 
     max-width: 560px;
     margin: 0 auto;
 }

.fp-cont {
   padding: 0 15px;
}

/*.fp-cont .fp-title,
.fp-cont .fp-d-slide {
   width: 100%;
}*/

.fp-navi {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 30px 15px;
    gap: 10px;
}


.scr-text {
   padding-top: 80px;
}

#fc-section {
    padding: 30px 0;
}

}

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


.scr-text {
   padding-top: 40px;
}


}

@media only screen and (max-width: 480px) {
.fp-d-list a .fp-d-price {
    font-size: 18px;
}
.fp-cont .fp-title .global-title-wrap span {
        font-size: 12px;
}

.fp-title .global-title-widget {
        font-size: 20px !important;
    }

.fp-cont .fp-title {
    padding: 60px 15px 20px;
}

.fp-cont .fp-d-slide {
    padding-right: 10px;
}

.cta-list a .cta-title span {
    font-size: 25px;
}



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