.page_title{
    margin-top:35px;
    font-family: "Playfair Display", serif;
}
.page_title b{
    font-weight:900;
    font-size:3vw;
}

@media (max-width:991.5px){
    .page_title b{
        font-size:28px;
    }
}

/* MTD custom navbar override */
/*.navbar_type8{*/
/*    position:fixed;*/
/*    top:18px;*/
/*    left:50%;*/
/*    transform:translateX(-50%);*/
/*    width:86%;*/
/*    height:70px;*/
/*    border-radius:60px;*/
/*    z-index:1000;*/
/*    padding:0 48px;*/
/*    display:flex;*/
/*    align-items:center;*/
/*    background: linear-gradient(#ffffff21,#ffffff09 44%,#ffffff04 64%,#00000014),radial-gradient(at 14% -72%,#ffffff57,#0000 44%),radial-gradient(at 88% 126%,#caa3631f,#0000 42%),#08080824;*/
/*    border: 1px solid #fff3;*/
/*    border-radius: 999px;*/
/*    box-shadow: 0 22px 80px #00000052,0 8px 28px #caa3630b,0 1px #ffffff42,inset 0 1px #ffffff6b,inset 0 -1px #ffffff17,inset 0 -24px 38px #0000001a;*/
/*}*/

.navbar_type8{
    position:fixed;
    background:#fff;
    padding:0 7%;
    box-shadow:0 0 5px rgba(0,0,0,0.25);
}

.navbar_type8 .logo{
    flex:0 0 35%;
    margin-left:0;
    height:100%;
    display:flex;
    align-items:center;
    overflow:visible;
}

.navbar_type8 .logo img{
    position:relative;
    left:auto;
    width:250px !important;
    height:auto !important;
    padding:0;
    object-fit:contain;
}

.navbar_type8 .nav_tab{
    flex:0 0 65%;
    height:100%;
    padding:0;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:54px;
    flex-wrap:nowrap;
}

.navbar_type8 .nav_tab .nav_item{
    align-self:center;
    text-transform:none;
}

.navbar_type8 .nav_tab .nav_item:first-child{
    display:none;
}

.navbar_type8 .nav_tab .nav_item a{
    padding:0;
    color:#c99b4f !important;
    font-size:16px;
    font-weight:800;
    line-height:1;
    text-decoration:none;
    white-space:nowrap;
}

.navbar_type8 .nav_tab .nav_item a:hover{
    color:#e0b96c !important;
}

.navbar_type8 .nav_tab .nav_item::before{
    display:none;
}

.navbar_type8 .nav_tab .dropdown-toggle::after{
    display:none;
}

/* FAQ item: system nav has no FAQ, visually convert Contact position only if needed */
.navbar_type8 .nav_tab .nav_item:last-child a{
    text-transform:capitalize;
}

/* dropdown */
.navbar_type8 .nav_tab .dropdown .dropdown-menu{
    top:15px;
    background:transparent;
    border:0;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item {
    border-radius: 12px;
    padding: 0;
    /*background: linear-gradient(#ffffff1c,#ffffff08 42%,#0000001f),radial-gradient(at 18% -32%,#ffffff3d,#0000 42%),radial-gradient(at 86% 122%,#caa3631a,#0000 44%),#0808082e;*/
    background:rgba(0,0,0,0.5);
    box-shadow: 0 28px 90px #00000061,0 8px 30px #caa3630b,0 1px #fff3,inset 0 1px #ffffff47,inset 0 -1px #ffffff0f;
    border: 1px solid #ffffff2;
    border-radius: 24px;
    text-align:left;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    font-size:16px;
    font-weight:600;
    border-bottom: 1px solid #ffffff13;
    padding:15px 25px !important;
    color:#fff !important;
    transition: background .18s,color .18s,transform .18s;
    gap: 16px;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a:hover{
    color:#c99b4f !important;
}

/* dark nav keep same look */
/*.dark_nav{*/
/*    background: linear-gradient(#ffffff21,#ffffff09 44%,#ffffff04 64%,#00000014),radial-gradient(at 14% -72%,#ffffff57,#0000 44%),radial-gradient(at 88% 126%,#caa3631f,#0000 42%),#08080824;*/
/*    border-color: rgba(255,255,255,0.5);*/
/*    box-shadow: 0 22px 80px #00000052,0 8px 28px #caa3630b,0 1px #ffffff42,inset 0 1px #ffffff6b,inset 0 -1px #ffffff17,inset 0 -24px 38px #0000001a;*/
/*    background-color:transparent !important;*/
/*}*/


.navbar_mobile{
    height:65px;
    /*width:95%;*/
    /*margin: 10px auto 0;*/
    /*background: linear-gradient(#ffffff21,#ffffff09 44%,#ffffff04 64%,#00000014),radial-gradient(at 14% -72%,#ffffff57,#0000 44%),radial-gradient(at 88% 126%,#caa3631f,#0000 42%),#08080824;*/
    border: 1px solid #fff3;
    /*border-radius: 999px;*/
    /*box-shadow: 0 22px 80px #00000052,0 8px 28px #caa3630b,0 1px #ffffff42,inset 0 1px #ffffff6b,inset 0 -1px #ffffff17,inset 0 -24px 38px #0000001a;*/

}

.navbar_mobile .logo_img {
    max-height: 35px;
}

.navbar_mobile .btn-outline-light{
    background: linear-gradient(#ffffff21,#ffffff09 44%,#ffffff04 64%,#00000014),radial-gradient(at 14% -72%,#ffffff57,#0000 44%),radial-gradient(at 88% 126%,#caa3631f,#0000 42%),#08080824;
    border: 1px solid #fff3;
    border-radius: 999px;
    box-shadow: 0 22px 80px #00000052,0 8px 28px #caa3630b,0 1px #ffffff42,inset 0 1px #ffffff6b,inset 0 -1px #ffffff17,inset 0 -24px 38px #0000001a;
    color:#ffffff !important;
    
}

@media screen and (max-width:1200.5px){
    /*.navbar_type8{*/
    /*    width:92%;*/
    /*    padding:0 35px;*/
    /*}*/

    .navbar_type8 .logo img{
        width:220px !important;
    }

    .navbar_type8 .nav_tab{
        gap:34px;
    }

    .navbar_type8 .nav_tab .nav_item a{
        font-size:14px;
    }
}

@media screen and (max-width:991.5px){
    .navbar_type8{
        display:none;
    }
}

/* home CSS */
#main_index{
    padding-bottom:0 !important;
}

.n_small{
    color:#c79b42;
    font-size:14px;
    letter-spacing:1.5px;
    margin-bottom:15px;
    font-weight:600;
}

.n_title{
    font-family: "Playfair Display", serif;
    font-weight:800;
    line-height:1.05;
    font-size:3vw;
}

.n_content{
    font-size:1vw;
    line-height:1.8;
    color:#555;
}

@media screen and (max-width:991.5px){
    .n_title{
        font-size:28px;
    }
    
    .n_content{
        font-size:13px;
    }
    .n_small{
        font-size:10px;
    }
}

/*banner*/
/*.index_wrapper_2{*/
/*    margin-top:-120px;*/
/*}*/

.slider_banner_bullet{
    overflow:hidden;
}

.slider_banner_bullet .item{
    overflow:hidden;
}

.slider_banner_bullet .item > img{
    animation:scaleinfinite 10s infinite;
    min-height:calc(100vh - 80px);
    object-fit:cover;
}

@keyframes scaleinfinite{
    0%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.05)
    }
    100%{
        transform:scale(1)
    }
}


.slider_banner_bullet .banner_content{
    display: flex;
    align-items: center;
}


.slider_banner_bullet .slick-dots li {
  margin: 0 15px;
}

.slider_banner_bullet .slick-dots li button::before{
    font-size:20px;
}

.slider_banner_bullet .slick-dots li button::after{
    width:15px;
    left: 190%;
    top: 60%;
}

.slider_banner_bullet .slick-dots li button {
    font-family: "Playfair Display", serif;
    font-size: 20px;
}

.slider_banner_bullet .slick-dots{
    text-align: left;
}

.slider_banner_bullet .slick-dots {
    position: absolute;
    width: max-content;
    left: 7%;
    bottom: 10%;
}

.slider_banner_bullet.slick-slider{
    margin-bottom: 0 !important;
}

.hp_banner{
    padding:20px 7%;
    position:relative;
    color:#fff;
}

.hp_banner_content{
    margin-left:7%;
    margin-top:3%;
}

.hp_banner_title{
    font-family: "Playfair Display", serif;
    font-size:4.275vw;
    margin-bottom:20px;
    font-weight:900;
    line-height:1.05;
    color:#ffffff;
}

.hp_banner_text{
    font-size:1.1vw;
    line-height:1.7;
    max-width:620px;
    color:#fff;
}

.hp_banner_count{
    margin-top:85px;
    color:#ddd;
    letter-spacing:8px;
    font-size:12px;
}

/*@media (min-width:991.5px){*/
/*    #top_spacing{*/
/*        height:120px !important;*/
/*    }*/
/*}*/

@media screen and (max-width:991.5px){
    /*.index_wrapper_2{*/
    /*    margin-top:-100px;*/
    /*}*/

    .hp_banner_text {
        font-size: 1.15vw;
    }
    .hp_banner_content{
        width:80%;
    }
}

@media (max-width:768.5px){
    .slider_banner_bullet .item > img{
        min-height:100vh;
        /*min-height:550px;*/
        object-fit:cover;
        object-position: center;
        filter:brightness(0.5);
    }
    
     .hp_banner_content{
        width:90%;
        margin-top:90px;
    }

    .hp_banner_title{
        font-size:6vw;
    }
    
    .hp_banner_text{
        font-size:14px;
    }
}


/*hp_about*/
.hp_about{
    padding:0 7%;
    background-image:url(https://cdn1.npcdn.net/images/B_ABOUT_BG_6yxzbv_1782186942.jpg?md5id=abbcf60674d48894b8ea294e4f23b41e&new_width=1600&new_height=480&type=4);
    background-position: center;
    background-attachment: fixed;
    background-size:cover;
    background-repeat: no-repeat;
    color:#fff;
    position:relative;
    height:300vh;
    /*display:flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*flex-direction: column;*/
}

.hp_about .container-fluid{
    position:sticky;
    top:0;
    height:120vh;
    display:flex;
    align-items:center;
}

.hp_about .about_content{
    width:100%;
}

.hp_about .scroll_line{
    display:block;
    color:transparent;
    background:linear-gradient(
        90deg,
        #ffffff 0%,
        #ffffff 20%,
        rgba(255,255,255,.85) 35%,
        rgba(255,255,255,.55) 50%,
        rgba(255,255,255,.28) 68%,
        rgba(255,255,255,.10) 100%
    );
    background-size:320% 100%;
    background-position:100% 0;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}

.hp_about .about_content{
    opacity:0;
    transform:translateY(-35px);
    will-change:opacity, transform;
}

.hp_about .n_title{
    max-width:1100px;
    font-size:2.5vw;
    line-height:1.4;
}

.hp_about .n_title span{
    color:rgba(255,255,255,.28);
}

.text_link{
    margin-top:25px;
    color:#c79b42;
    font-size:14px;
    letter-spacing:1px;
    font-weight:700;
    text-decoration:none;
    display:flex;
    justify-content:start;
    align-items:center;
    transition:
        opacity .6s ease,
        transform .6s ease,
        color .3s linear;

    opacity:0;
    transform:translateY(20px);
}

.text_link:hover{
    color:#c79b42;
    text-decoration:none;
}

.text_link span{
    display:flex;
    justify-content: center;
    align-items: center;
    background:#c49e5c;
    border:1px solid #c49e5c;
    color:#ffffff;
    height:25px;
    width:25px;
    border-radius:50px;
    margin-left:10px;
    transition: linear .3s;
}

.text_link:hover span{
    background:transparent;
    color:#c79b42;
}

.scrolltoreveal{
    position:absolute;
    left:50%;
    top: -50px;
    transform:translateX(-50%);
    text-align:center;
    z-index:5;
}

.scrolltoreveal p{
    margin:0;
    color:#dcdcdc;
    font-size:11px;
    font-weight:700;
    letter-spacing:2px;
}

.scrolltoreveal:after{
    content:"";
    width:1.5px;
    height:60px;
    background:rgba(198,154,77,.35);
    overflow:hidden;
}

.scrolltoreveal:before{
    content:"";
    position:absolute;
    left:50%;
    top:32px;
    transform:translateX(-50%);
    width:1.5px;
    height:24px;
    background:#c99b4f;
    z-index:2;
    animation:scrollLine 1.8s linear infinite;
}

.about_scrolltoreveal_btm{
    position:fixed;
    top:unset;
    left:50%;
    bottom:35px;
    transform:translateX(-50%);
    z-index:100;

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transition:
        opacity .5s ease,
        transform .5s ease,
        visibility .5s;
}

.about_scrolltoreveal_btm.is-active{
    opacity:1;
    visibility:visible;
}

.about_scrolltoreveal_btm.is-hide{
    opacity:0;
    transform:translateX(-50%) translateY(20px);
}

@keyframes scrollLine{
    0%{
        top:32px;
        opacity:0;
    }
    15%{
        opacity:1;
    }
    85%{
        opacity:1;
    }
    100%{
        top:60px;
        opacity:0;
    }
}

@media screen and (min-width:1600.5px){
    .hp_about .n_title{
        font-size:2vw;
    }
}
@media screen and (max-width:991.5px){
    .hp_about{
        background-position: center;
        background-attachment: scroll;
    }

    .hp_about{
        height:200vh;
    }
}

@media screen and (max-width:767.5px){
    .hp_about{
        padding-left:5%;
        padding-right:5%;
    }
    
    .hp_about .n_title{
        font-size:20px;
    }
    
    .scrolltoreveal{
        top:-35px;
    }
    .scrolltoreveal p {
      font-size: 9px;
    }
    
    .scrolltoreveal:after{
        top:40px;
        height:40px;
    }
    
    .scrolltoreveal:before{
        top:40px;
        height:20px;
    }
    
    @keyframes scrollLine{
        0%{
            top:0px;
            opacity:0;
        }
        15%{
            opacity:1;
        }
        85%{
            opacity:1;
        }
        100%{
            top:40px;
            opacity:0;
        }
    }

}

.hp_why{
    position:relative;
    background:#efeee8;
    padding:100px 7%;
}

.hp_why_list{
    margin-top:45px;
    background:#fff;
}

.hp_why_list > div{
    padding:0;
}

.hp_why_item{
    min-height:250px;
    padding:35px 25px;
    text-align:center;
    border-right:1px solid #ddd;
    transition: linear.3s;
}

.hp_why_item:hover{
    background-image:linear-gradient(#fff8ec, #ffffff);
}

.hp_why_icon{
    width:110px;
    height:110px;
    padding:20px;
    margin:0 auto 20px;
    border-radius:50%;
    background:#fbf1df;
    color:#c79b42;
    display:flex;
    align-items:center;
    justify-content:center;
    transition: linear.3s;
}

.hp_why_item:hover .hp_why_icon{
    background:#ffffff;
    margin-top:-5px;
}

.hp_why_item h3{
    font-family: "Playfair Display", serif;
    font-size: 1.4vw;
    line-height:1.8;
    font-weight:900;
    line-height:1.1;
    transition: linear.3s;
}

.hp_why_item h3:after{
    content:"";
    display:block;
    width:32px;
    height:2px;
    background:#c79b42;
    margin:15px auto;
    transition: linear.3s;
}

.hp_why_item p{
    font-size:1vw;
    color:#555;
    line-height:1.5;
    transition: linear.3s;
    margin-bottom:0;
}

.hp_why_item:hover .hp_why_item h3
.hp_why_item:hover .hp_why_item h3:after
.hp_why_item:hover .hp_why_item p{
    margin-top:-5px;
}


@media screen and (min-width:991.5px){
    .hp_why_list .col-sm-6{
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    
}
@media screen and (max-width:991.5px){
    .hp_why{
        height:unset;
        padding:80px 7%;
    }
    .hp_why .container-fluid{
        height:unset;
    }
    .why_content .n_content br{
        display:none;
    }
    
    .hp_why_item p{
        font-size:14px;
    }
}
@media screen and (max-width:767.5px){
    .hp_why{
        padding-left:5%;
        padding-right:5%;
    }
    .hp_why_item h3{
        font-size:18px;
        text-align:left;
    }
    
    .hp_why_item p{
        font-size:14px;
        text-align:left;
    }
    
    .hp_why_icon {
        width: 75px;
        height: 75px;
        padding: 15px;
        margin:0 0 15px 0;
    }
    
    .hp_why_item h3 br{
        display:none;
    }
    
    .hp_why_item h3::after{
        margin:15px 0;
    }
    
    .hp_why_list {
      background: transparent;
    }
    
    .hp_why_item{
        background:#ffffff;
        margin-bottom:15px;
        border-radius:10px;
    }
}

.hp_service{
    padding:100px 7%;
    background:#fff;
    position:relative;
}

/*.hp_service > .container-fluid{*/
/*    position:sticky;*/
/*    top:0;*/
/*    height:150vh;*/
/*    display:flex;*/
/*    flex-direction:column;*/
/*    justify-content:center;*/
/*}*/

.n_button{
    background:#050505;
    color:#fff;
    border-radius:30px;
    padding:15px 28px;
    font-size:.9vw;
    font-weight:700;
    letter-spacing:1px;
    text-decoration:none;
    display:inline-flex;
    transition: linear .3s;
}

.n_button:hover{
    text-decoration:none;
    background:#c79b42;
    color:#fff;
}

.n_button span:after{
    content:"›";
    display:inline-flex;
    width:18px;
    height:18px;
    margin-left:18px;
    border-radius:50%;
    background:#c79b42;
    align-items:center;
    justify-content:center;
    transition: linear .3s;
}

.n_button:hover span:after{
    background:#050505;
}

.btnbox_right{
    display:flex;
    justify-content:flex-end;
}

.hp_service_list{
    margin-top:15px;
}

.hp_service_item{
    position:relative;
    margin-bottom:50px;
    /*opacity:0;*/
    /*transform:translateY(40px);*/
}

.hp_service_item img{
    width:100%;
    height: 280px;
    object-fit:cover;
}

.hp_service_item span{
    position:absolute;
    left:50%;
    bottom:-18px;
    transform:translateX(-50%);
    background:#c59b53;
    color:#fff;
    width: 65%;
    text-align:center;
    padding:12px 20px;
    font-size:1vw;
    font-weight:700;
    letter-spacing:.8px;
    transition: linear .3s;
}

.hp_service_item:hover span{
    background:#000000;
}
@media screen and (max-width:991.5px){
    .hp_service{
        height:unset;
        padding:80px 7%;
    }
    .hp_service .container-fluid{
        height:unset;
    }
    .service_content .n_content br{
        display:none;
    }
}

@media screen and (max-width:767.5px){
    .hp_service{
        padding-left:5%;
        padding-right:5%;
    }
    .btnbox_right{
        justify-content:flex-start;
        margin-top:25px;
    }
    .n_button{
        font-size:12px;
    }
    .hp_service_item span{
        font-size:15px;
    }
}


.hp_faq{
    padding:75px 7%;
    background:#efeee8;
}

.hp_faq_box{
    margin-top:35px;
    background:#fff;
    border:1px solid #e0e0e0;
}

.hp_faq_item{
    border-bottom:1px solid #ddd;
}

.hp_faq_item.active{
    background-image:linear-gradient(#ffffff,#fffaf1);
}

.hp_faq_item:last-child{
    border-bottom:0;
}

.hp_faq_question{
    width:100%;
    border:0;
    background:#fff;
    padding:22px 55px 22px 28px;
    color:#c79b42;
    font-size:1.1vw;
    font-weight:800;
    letter-spacing:1px;
    text-align:left;
    position:relative;
    cursor:pointer;
}

.hp_faq_item.active .hp_faq_question{
    background:transparent;
    outline:none;
}

.hp_faq_question span{
    position:absolute;
    top:50%;
    right:28px;
    width:28px;
    height:28px;
    border-radius:50%;
    background:#c79b42;
    transform:translateY(-50%);
}

.hp_faq_question span:before{
    content:"";
    position:absolute;
    top:9px;
    left:8px;
    width:11px;
    height:11px;
    border-right:4px solid #fff;
    border-bottom:4px solid #fff;
    transform:rotate(45deg);
}

.hp_faq_answer{
    display:none;
    padding:0 50px 25px 30px;
}

.hp_faq_item.active .hp_faq_answer{
    display:block;
    animation: fadeInDown 0.2s;
}

.hp_faq_answer p{
    margin:0;
    font-size:1vw;
    line-height:1.8;
    color:#444;
}

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

    .hp_faq_question{
        font-size:15px;
    }
    .hp_faq_answer p{
        font-size:14px;
    }
}
@media screen and (max-width:767.5px){
    .hp_faq{
        padding-left:5%;
        padding-right:5%;
    }
}


.hp_cta{
    padding:100px 7%;
    background:linear-gradient(90deg, #fbf4e8, #fff);
}

@media screen and (max-width:767.5px){
    .hp_cta{
        padding-left:5%;
        padding-right:5%;
    }
}


.footer_type7 {
  background-color: #0c0c0c;
  border-bottom:15px solid #c49e5c;
}

.footer_type7 .copy_right{
    margin-top:20%;
}

.footer_type7 .logo{
    min-height: 80px;
}

.footer_type7 .logo img{
    max-height: 60px;
     object-fit: contain;
}

.footer_type7 .title h5{
    font-family: "Playfair Display", serif;
    text-transform: uppercase;
    font-weight:700;
    color:#c49e5c;
}

@media(min-width:1600.5px){
     .footer_type7 .container{
        min-width:85%;
    } 
}

@media(max-width:991.5px){
    .footer_type7 .copy_right{
        margin-top:0;
    }
}


/*show product page*/

#main_showproducts .product_detail .product_name{
    font-family: "Playfair Display", serif;
}