@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');



/*Index*/

#main_index {
    overflow: hidden;
    padding-bottom: 0rem !important;
}

@media screen and (max-width: 767.5px){
.index_wrapper_2 .item>img{
      
    	min-height:110vw!important;
    	object-fit:cover;
}

}

/*Nav*/

.navbar_type8 .nav_tab .nav_item a {
    color: #af8660;
    letter-spacing: 1.5px;
    padding: 15px 1.9vw;
   
}

.navbar_type8 .logo {
        flex: 0 1 10%;
    margin-left: 8.5%;
}

.navbar_type8 .logo img {
 
    padding: 8px;
}

.navbar_type8 .nav_tab {
    padding-right: 7%;
    padding-left: 0;
        flex: 0 1 90%;
}

.dark_nav {
    background-color: rgba(255, 255, 255, 0.8) !important;
    
}


@media screen and (max-width: 1200.5px){
.navbar_type8 .nav_tab .nav_item a {
    padding: 15px 1.1vw;
}

}

/*Banner*/

.hp_banner_image {
    padding: 6% 37.5%;
    animation: scale-in-center 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.hp_banner_all {
    display: flex;
    justify-content: center;
    gap: 3%;
}

.hp_banner_1 {
    text-align: center;
    color: #af8660;
    font-weight: 700;
    font-size: 1.2vw;
   
}

.hp_banner_2 {
    text-align: center;
    color: #333333;
    font-weight: 400;
    font-size: 1.05vw;
   
}

.hp_banner_boxm {
    position: relative;
}

.hp_banner_boxm:before {
    position: absolute;
    content: "";
    top: -55px;
    background-image: url(https://cdn1.npcdn.net/img/17227472571_DecorationLine.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1vw;
    height: 16vw;
}

@media screen and (max-width: 1200.5px){
.hp_banner_image {
    padding: 4% 35.5%;
}

.hp_banner_1 {
   
    font-size: 1.7vw;
}

.hp_banner_2 {
   
    font-size: 1.55vw;
}

.hp_banner_boxm:before {
    
    top: -20px;
    
}

.hp_banner_2 br {
    display: none;
   
}

}

@media screen and (max-width: 767.5px){
.hp_banner_image {
    padding: 6% 30%;
}

.hp_banner_boxm:before {
    top: -20px;
    width: 4vw;
    height: 65vw;
    transform: rotate(90deg);
    left: 0;
    right: 0;
    margin: auto auto;
    bottom: 0;
}

.hp_banner_1 {
    font-size: 4vw;
}

.hp_banner_2 {
    font-size: 3.5vw;
}

.hp_banner_all {
    flex-direction: column;
}

.hp_banner_box {
    margin-bottom: 3%;
}

}

/*Products*/

.index_wrapper_3 {
    background-image: url(https://cdn1.npcdn.net/img/17226697382_SectionBg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 7% 9% 7%;
    position: relative;
}

.index_wrapper_3:before {
    position: absolute;
    content: "";
    background-color: #e8c67f;
    right: 0;
    top: 0;
    width: 22.5vw;
    height: 100%;
}

.index_wrapper_3:after {
    position: absolute;
    content: "OUR PRODUCTS";
    letter-spacing: 3px;
    bottom: 28%;
    right: -4.5%;
    font-size: 2.15vw;
    color: #fff;
    transform: rotate(-90deg);
    font-weight: 700;
}

.productSlider-1 .text-left {
    text-align: center !important;
}

.productSlider-1 .product_img .product_box h6 {
    color: #000;
    font-size: 1vw;

}

.productSlider-1 a {
    color: #000;
    font-size: 1vw;
}

.productSlider-1 p {
    font-weight: 500;
    color: #333333;
    font-size: 0.95vw;
}

.productSlider-1 .product_img .product_box .product_img_frame img {
   
    border-radius: 0;
}

.productSlider-1 .slick-track .slick-slide {
    
    border-radius: 0;
}

.productSlider-1 .align-top {
    margin-top: -4%;
}

.productSlider-1 .product_img .product_box {
    margin: 25px 25px 0px 25px;
    
}

.productSlider-1 .product_img .product_box .product_img_frame {
    
    margin-bottom: 25px;
}

.productSlider-1 .slick-next {
    right: 3%;
    top: 107%;
    transform: scale(2);
}

.productSlider-1 .slick-prev {
    left: 90%;
    top: 107%;
    transform: scale(2);
}

.productSlider-1 .slick-prev::before {
    text-shadow: unset;
    
}

.productSlider-1 .slick-next::before {
    text-shadow: unset;
    
}

@media screen and (max-width: 1200.5px){
.index_wrapper_3:after {

    right: -7.5vw;
    font-size: 2.65vw;
   
}

.productSlider-1 .slick-next {
   
    top: 103%;
    
}

.productSlider-1 .slick-prev {
 
    top: 103%;
  
}

.productSlider-1 .product_img .product_box h6 {
    
    font-size: 1.5vw;
}

.productSlider-1 a {

    font-size: 1.5vw;
}

.productSlider-1 p {
   
    font-size: 1.45vw;
}

.productSlider-1 .product_img .product_box {
    margin: 10px 10px 0px 10px;
}

}

@media screen and (max-width: 767.5px){
.index_wrapper_3 {
    
    padding: 24% 3%;
    
}

.productSlider-1 .product_img .product_box h6 {
    font-size: 5vw;
}

.productSlider-1 a {

    font-size: 5vw;
}

.productSlider-1 p {
   
    font-size: 4.75vw;
}

.index_wrapper_3:after {
 
    bottom: 0;
    font-size: 7vw;
    transform: rotate(0deg);
    top: 5%;
    right: 0;
    left: 0;
    text-align: center;
    text-shadow: 0 0 5px #000;
}

.productSlider-1 .slick-prev {
    left: 83%;
   
}

.index_wrapper_3:before {
 
    width: 29.5vw;
 
}


}


/*About*/

.hp_about {
    padding: 9% 9% 0%;
}

.hp_about_image {
    width: 100%;
}

.hp_about_title {
    font-size: 1.05vw;
    line-height: 1.8;
    color: #777777;
    font-weight: 400;
    padding-bottom: 6%;
    margin-right: -3%;
}

.hp_about_titlebox {
    padding-left: 12%;
    padding-top: 5%;
}

.hp_about .fas.fa-arrow-right {
    padding-left: 5px;
}

.hp_about_link {
    padding: 10px 25px;
    color: #000;
    font-weight: 600;
    letter-spacing: 1px;
    transition: 0.3s;
    position: relative;
    font-size: 1vw;
    
}

.hp_about_link:hover {
  
    text-decoration: none;
    color: #af8660;
    
}

.hp_about_link:hover:before {
  
    background-color: #f0e7e0;
    width: 100%;
    
}

.hp_about_link:before {
    position: absolute;
    content: "";
    background-color: #f0e7e0;
    left: 0;
    width: 0;
    height: 100%;
    top: 0;
    z-index: -1;
    transition: 0.3s;
}


@media screen and (max-width: 1200.5px){
.hp_about_title {
    font-size: 1.55vw;
 
    
}

.hp_about_link {
    font-size: 1.5vw;
    
}

.hp_about_titlebox {
    padding-left: 3%;
    padding-top: 0%;
}

.hp_about .row {
    align-items: center;
}

.hp_about {
    padding: 9% 9% 9%;
}

}


@media screen and (max-width: 767.5px){
.hp_about {
    padding: 12% 3%;
}

.hp_about_titlebox {
    padding-left: 0;
    padding-top: 12%;
}

.hp_about_title {
    font-size: 4vw;
   
    
}

.hp_about_link {
    font-size: 3.5vw;
    
}

.hp_about_box {
    display: flex;
    justify-content: center;
}

}

/*Floor*/

.hp_floor_image {
    width: 100%;
}


.hp_floor {
    padding: 5% 0 6%;
}

.hp_floor:before {
    position: absolute;
    content: "";
    background-color: #e8c67f;
    right: 0;
    top: 0;
    width: 30vw;
    height: 100%;
}

.hp_floor:after {
    position: absolute;
    content: "";
    top: 3vw;
    background-image: url(https://cdn1.npcdn.net/img/17227688984_DecorationLine.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1vw;
    height: 16vw;
    right: 4vw;
}

.hp_floor_title {
    padding-bottom: 5%;
    position: relative;
    left: 74%;
    font-size: 2vw;
    color: #fff;
    font-weight: 700;
    letter-spacing: 5px;
}

.hp_floor_1 {
    color: #222222;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 1.25vw;
    padding-left: 7%;
    padding-top: 6%;
}

.hp_floor_1:hover {
    color: #af8660;
}

.hp_floor_2 {
  
    font-weight: 400;
    font-size: 1.05vw;
    padding-left: 7%;
    margin-top: -3%;
    color: transparent;
}

.hp_floor_2:hover {
  
    color: #af8660;
}

.hp_floor_link:hover {
    text-decoration: none;
    color: #af8660;
}

.hp_floor_imagebox {
    margin: 0 7.5px;
}

.hp_floor_topbox {
    padding: 0 3%;
}

.hp_floor_topbox {
    transform: translateX(-90px);
}

.hp_floor_topbox .slick-prev {
    left: 98%;
    top: 107%;
    transform: scale(2);
}

.hp_floor_topbox .slick-next {
    right: -4%;
    top: 107%;
    transform: scale(2);
}

@media screen and (max-width: 1200.5px){
.hp_floor_title {
   
    font-size: 2.5vw;
   
}

.hp_floor_1 {
   
    font-size: 1.75vw;
  
}

.hp_floor_2 {
   
    font-size: 1.55vw;
  
}

.hp_floor_topbox .slick-prev {
    
    top: 100%;
   
}

.hp_floor_topbox .slick-next {

    top: 100%;
   
}

.hp_floor_topbox {
    transform: translateX(-75px);
}

}

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

.hp_floor .col-12.col-md-2 {
    
    padding-left: 15px;
}

.hp_floor_1 {
    font-size: 3.75vw;
    padding-left: 0;
}

.hp_floor:before {
    
    width: 50%;

}

.hp_floor_title {
    font-size: 6vw;
    left: 53%;
}

.hp_floor:after {
   
    right: 5vw;
}

.hp_floor_topbox {
    transform: translateX(0);
}

.hp_floor:after {
   
    top: 3vw;

    width: 2vw;
    height: 32vw;
    right: 3vw;
}

.hp_floor_topbox .slick-prev {
    left: 87%;
    top: 95%;
   
}

.hp_floor_topbox .slick-next {
    right: 0%;
    top: 95%;
   
}

}

/*what*/

.hp_what {
    padding: 6% 9% 3%;
    background-color: #f9f8f6;
}

.hp_what_title {
    color: #af8660;
    font-size: 2vw;
    font-weight: 700;
    letter-spacing: 5px;
}

.hp_what_box {
    padding-top: 20%;
    position: relative;
}

.hp_what_box:before {
    position: absolute;
    content: "";
    top: 1vw;
    background-image: url(https://cdn1.npcdn.net/img/17227472571_DecorationLine.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 0.8vw;
    height: 13vw;
    right: 10vw;
}

.hp_what_box2 {
    padding-bottom: 12%;
}

.hp_what_image {
    width: 4vw;
    transition: 0.3s;
}

.hp_what_image:hover {
    transform: translateY(-15px);
}

.hp_what_item {
    padding-top: 4%;
    font-weight: 700;
    font-size: 1.25vw;
}

@media screen and (max-width: 1200.5px){
.hp_what_title {
   
    font-size: 2.5vw;
   
}

.hp_what_box:before {
   
    right: 4vw;
}

.hp_what_image {
    width: 5vw;
}

.hp_what_item {
    padding-top: 4%;
    font-weight: 700;
    font-size: 1.75vw;
    margin-right: -18%;
}

}

@media screen and (max-width: 767.5px){
    
.hp_what_title {
    font-size: 6vw;
    text-align: center;
    padding-bottom: 12%;
}    

.hp_what {
    padding: 12% 3%;
}

.hp_what_box:before {
   
    top: 7vw;
    width: 2vw;
    height: 32vw;
    right: 0vw;
}

.hp_what_image {
    width: 50%;
}

.hp_what_item {
 
    font-size: 4vw;
    margin-right: 0;
    text-align: center;
    padding-top: 9%;
}

.hp_what_box2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}


    
}    


/*Footer*/


.footer_type7 .mb-1 {
    list-style-type: none;
    color: #777777;
    padding-bottom: 1%;
}

.footer_type7 iframe {
    width: 100%;
}

.footer_type7 {
    background-color: #fff;

}

.footer_type7 .title {
    min-height: 100px;
   
}

.footer_type7 .logo img {
 
    max-height: 100px;
}

.footer_type7 .col-12.col-md-4.mb-md-0.p-3:nth-child(1) {
    padding-top: 4rem !important;
    padding-right: 3rem !important;
}

.ft_p {
    padding-bottom: 1rem;
}



.footer_type7 h5 {
    color: #000;
    font-weight: 600;
    font-size: 19px;
}

.footer_type7 p {
    color: #777777;
    font-size: 11.9px;
}

.footer_type7 a {
    color: #777777;
    font-weight: 500;
}

.footer_type7 a:hover {
    color: #af8660;
    
}

.footer_type7 small {
   
    color: #777777;
}

.footer_subtitle {
    padding-bottom: 3%;
}

.footer_type7 .col-12.col-md-5.mb-3.mb-md-0 {
    padding-top: 2rem;
    border-top: 1px solid rgba(175, 134, 96, 0.6);
}

.footer_type7 .col-12.col-md-7.pb-5.pb-md-0 {
    padding-top: 2rem;
    border-top: 1px solid rgba(175, 134, 96, 0.6);
}

.footer_type7 .social_media {
   
    display: flex;
    gap: 15px;
    padding-top: 1rem;
    justify-content: flex-end;
}

.footer_type7 li {
    list-style-type: none;
}

.hp_footer_box {
    display: flex;
    gap: 15px;
}

.footer_type7 .container {
    margin-top: -2%;
}

.footer_type7 .p-3 {
    padding: 1rem 0.5rem !important;
}

@media screen and (max-width: 1200.5px){
.footer_type7 .social_media {
   
    gap: 3px;
   
}

.hp_footer_box {
   
    gap: 3px;
}

.footer_type7 br {
    display: none;
}



}

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


.hp_footer_box {
    gap: 5px;
    flex-direction: column;
}

.footer_type7 .social_media {
    gap: 5px;
    flex-direction: column;
}

.footer_type7 .title {
    min-height: 40px;
}

.footer_type7 .col-12.col-md-3.mb-md-0.p-3.a .title {
    min-height: 100px;
}

}


@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}