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


.navbar_type8.navbar_height{
    top:42px;
    left:50%;
    transform:translateX(-50%);
    width:84.5%;
    height:80px;
    background:#fff;
    z-index:999;
    align-items:center;
    justify-content:space-between;
    padding:0px 5% !important;
    box-shadow:0 8px 28px rgba(0,0,0,0.08);
}

.navbar_type8 .logo{
    flex:0 0 auto;
    width:auto;
    height:100%;
    margin-left:0;
    overflow:visible;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    position:relative;
}

.navbar_type8 .logo img{
    object-fit:contain;
    object-position: left;
    padding:0;
    display:block;
    width:160px;
}

/* nav wrapper */
.navbar_type8 .nav_tab{
    flex:1;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:3.5vw;
    padding-left:40px;
    padding-right:0;
    flex-wrap:nowrap;
}

/* nav item */
.navbar_type8 .nav_tab .nav_item{
    align-self:center;
    position:relative;
    color:#000;
    text-transform:uppercase;
}

/* remove old underline effect */
.navbar_type8 .nav_tab .nav_item::before{
    display:none;
}

/* nav link */
.navbar_type8 .nav_tab .nav_item > a{
    color:#000;
    padding:0;
    font-size:15px;
    font-weight:800;
    line-height:1;
    letter-spacing:0;
    text-decoration:none;
    white-space:nowrap;
    transition:0.25s all linear;
}

.navbar_type8 .nav_tab .nav_item > a:hover{
    color:#7bbd4c;
    text-decoration:none;
}

/* hide dropdown arrow triangle from bootstrap */
.navbar_type8 .nav_tab .nav_item > a.dropdown-toggle::after{
    display:none;
}

/* contact button */
.navbar_type8 .nav_tab .nav_item > a[href="/contactus/"]{
    height:45px;
    padding:0 25px;
    border-radius:50px;
    background:#91c957;
    color:#000;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    font-size:16px;
    font-weight:900;
    transition:0.25s all linear;
}

/* contact icon as image-like CSS asset, no <i> needed */
.navbar_type8 .nav_tab .nav_item > a[href="/contactus/"]::before{
    content:"";
    width:18px;
    height:18px;
    flex:0 0 22px;
    display:inline-block;
    background-image:url("https://cdn1.npcdn.net/images/A_NAV_ICON_0qfrky_1782786238.png?md5id=40dddac87629fbf3d3fc493dc30e6a6a&new_width=165&new_height=169&type=4");
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
}

.navbar_type8 .nav_tab .nav_item > a[href="/contactus/"]:hover{
    background:#7fbd45;
    color:#000;
    transform:translateY(-3px);
    box-shadow:0 12px 22px rgba(123,189,76,0.28);
}


/* dropdown normal text menu */
.navbar_type8 .nav_tab .dropdown .dropdown-menu{
    top:15px;
    border:none;
    background:transparent;
    padding-top:20px;
    animation:hmtDropDown 0.3s ease both;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-center{
    left:50%;
    right:auto;
    transform:translateX(-50%);
    text-align:left;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item{
    background:#fff;
    min-width:220px;
    max-width:280px;
    padding:14px 0;
    border-radius:0;
    box-shadow:0 15px 35px rgba(0,0,0,0.12);
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#000;
    font-size:14px;
    font-weight:700;
    padding:10px 22px;
    text-transform:uppercase;
    transition:0.25s all linear;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a:hover{
    color:#7bbd4c;
    background:transparent;
}

/* product image dropdown */
.navbar_type8 .nav_tab .dropdown .dropdown-menu-img{
    position:fixed;
    top:40px;
    left:50%;
    transform:translateX(-50%);
    width:84.5%;
    border-top:0;
    padding-top:25px;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item{
    width:100%;
    max-width:100%;
    max-height:100% ;
    overflow-y:auto;
    background:#fff;
    padding:25px;
    box-shadow:0 18px 45px rgba(0,0,0,0.15);
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:20px;
    width:100%;
    padding:0;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel a{
    flex:0 0 calc(25% - 15px);
    padding:0;
    color:#000;
    text-decoration:none;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel .dropdown_item{
    height:auto;
    padding:0;
    text-align:center;
    transition:0.25s all linear;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel .dropdown_item .img_frame{
    position:relative;
    width:100%;
    padding-top:70%;
    overflow:hidden;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel .dropdown_item .img_frame img{
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    height:100%;
    object-fit:cover;
    transform:translate(-50%,-50%);
    transition:0.35s all ease;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel .dropdown_item .text{
    color:#000;
    font-size:14px;
    font-weight:800!important;
    line-height:1.35;
    padding:15px 12px;
    text-transform:uppercase;
    white-space:normal;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel .dropdown_item:hover{
    transform:translateY(-6px)!important;
    box-shadow:0 14px 25px rgba(0,0,0,0.1)!important;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel .dropdown_item:hover .img_frame img{
    transform:translate(-50%,-50%) scale(1.08)!important;
}

.navbar_type8 .shopping{
    display:none;
}

/* dark nav reset */
.dark_nav{
    background:#fff!important;
    animation:none!important;
}

.dark_nav .nav_tab .nav_item,
.dark_nav .nav_tab .nav_item > a{
    color:#000!important;
}

/* dropdown animation */
@keyframes hmtDropDown{
    0%{
        opacity:0;
        transform:translateX(-50%) translateY(15px);
    }
    100%{
        opacity:1;
        transform:translateX(-50%) translateY(0);
    }
}

/* responsive */
@media(min-width:991.5px){
    #top_spacing{
        height: calc(80px + 65px) !important;
    }
}
@media screen and (max-width:1400.5px){
    .navbar_type8.navbar_height{
        width:88%;
        padding:0 65px;
    }

    .navbar_type8 .nav_tab{
        gap:48px;
    }

    .navbar_type8 .logo img{
        width:165px;
    }

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

    .navbar_type8 .nav_tab .nav_item > a[href="/contactus/"]{
        min-width:200px;
        height:50px;
        font-size:17px;
    }
}

@media screen and (max-width:1200.5px){
    .navbar_type8.navbar_height{
        top:28px;
        width:92%;
        padding:0 38px;
    }

    .navbar_type8 .logo img{
        width:140px;
    }

    .navbar_type8 .nav_tab{
        gap:32px;
    }

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

    .navbar_type8 .nav_tab .nav_item > a[href="/contactus/"]{
        min-width:175px;
        height:46px;
        padding:0 24px;
        font-size:15px;
    }

    .navbar_type8 .nav_tab .dropdown .dropdown-menu-img{
        top:105px;
        width:92%;
    }
}



/*fixed base*/
#main_index{
    padding-bottom:0rem!important;
    overflow:hidden;
}

#main_index h1,
#main_index h2,
#main_index h5{
    cursor:default;
}

.m_default_languagebar .footer_langbar_item{
    color:#fff;
}

/*category / product / tag / gallery / news*/
.category_list_type4 .category_box .img_frame{
    border-radius:25px;
}

.category_list_type4 .category_box .img_frame img{
    object-fit: cover;
    border-radius:25px;
}

.product_list_5 .product_box .img_frame {
   border-radius:25px; 
}

.product_list_5 .product_box .img_frame img{
    object-fit: cover;
    background-color:#fff;
    border-radius:25px;
}

.product_list_horizontal .product_box .img_frame img{
    object-fit: contain;
    background-color:#fff;
}

.gallerycategory .img_frame img,
.ws_gallery-2 .img_frame img{
    object-fit: contain;
}

.latest_new_type4 .news_box .img_frame{
    box-shadow:0px 0px 2px rgba(0,0,0,0.3);
}

.latest_new_type4 .news_box .img_frame img{
    object-fit: contain;
}

/*global / common*/
:root{
    --hmt-green:#7bbd4c;
    --hmt-darkgreen:#5ba82f;
    --hmt-lightgreen:#abd163;
    --hmt-cream:#f8f3e8;
    --hmt-black:#050505;
    --hmt-text:#222;
}

.n_small{
    font-size:15px;
    font-weight:600;
    line-height:1.4;
    color:var(--hmt-green);
    text-transform:uppercase;
    margin-bottom:8px;
}

.n_small span{
    position:relative;
}

.n_title{
    font-size:34px;
    font-weight:800;
    line-height:1.08;
    color:var(--hmt-black);
    text-transform:uppercase;
    margin-bottom:16px;
}

.n_subtitle{
    font-size:15px;
    font-weight:700;
    line-height:1.35;
    color:var(--hmt-black);
    margin-bottom:10px;
}

.n_content{
    font-size:15px;
    font-weight:400;
    line-height:1.7;
    color:var(--hmt-text);
    margin-bottom:0;
}

.c_color1{
    color:#fff;
}

.c_color2{
    color:#000;
}

.c_color3{
    color:var(--hmt-green);
}

.c_line{
    line-height:1.8;
}

.btnbox_left,
.btnbox_center,
.btnbox_right{
    display:flex;
    align-items:center;
    margin:24px 0 0;
}

.btnbox_left{
    justify-content:flex-start;
}

.btnbox_center{
    justify-content:center;
}

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

.n_button{
    display:inline-flex;
    align-items:center;
    justify-content: space-between;
    gap:35px;
    padding:15px 25px;
    background:linear-gradient(90deg,var(--hmt-green),var(--hmt-lightgreen));
    color:#000;
    font-size:15px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
    text-decoration:none;
    min-width: 70%;
    transition:0.25s all linear;
}

.n_button:hover{
    color:#000;
    text-decoration:none;
    transform:translateY(-4px);
    box-shadow:0 15px 25px rgba(91,168,47,0.25);
}

.n_button:hover img{
    transform:translate(3px,-3px);
}

@keyframes hmtFadeUp{
    0%{
        opacity:0;
        transform:translateY(35px);
    }
    100%{
        opacity:1;
        transform:translateY(0);
    }
}

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

@media screen and (max-width:767.5px){
    .n_title{
        font-size:24px;
    }

    .n_content{
        font-size:14px;
    }

    .n_button{
        min-width:180px;
        padding:11px 15px;
        gap:22px;
        font-size:12px;
    }
}

/*fixed banner*/
.slider_banner .banner_content{
    overflow:hidden;
}

.slider_banner{
    margin-top:-145px
}

.hp_banner{
    position: relative;
    width: 85%;
    margin: 2.5% auto 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
}

.hp_banner_textbox{
    position:relative;
    z-index:4;
    animation:hmtFadeUp 1s ease both;
}

.hp_banner .n_small span{
    margin-left:20px;
    color:#000;
    font-size:1vw;
}

.hp_banner .n_small span:before{
    position:absolute;
    content:"";
    top:0;
    bottom:0;
    left:-20px;
    margin:auto 0;
    width:15px;
    height:15px;
    background:var(--hmt-green);
}

.hp_banner .n_title{
    font-size:3.4vw;
    margin-bottom:18px;
}

.hp_banner .n_content{
    max-width:520px;
}

.hp_banner .n_button{
    min-width:300px;
}

.item .n_button > img{
    width:16px !important;
    height:16px !important;
    object-fit:contain;
    transition:0.25s all linear;
}

@media screen and (max-width:991.5px){
    .slider_banner{
        margin-top:0;
    }
    
    .hp_navbar{
        padding:15px 20px;
        flex-wrap:wrap;
        gap:15px;
    }

    .hp_menu{
        order:3;
        width:100%;
        justify-content:flex-start;
    }
}

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

    .hp_banner{
        min-height:auto;
        padding:20px 0 80px;
        width: auto;
    }

    .hp_navbar{
        margin:0 15px;
        width:calc(100% - 30px);
    }

    .hp_menu{
        gap:16px;
        overflow:auto;
    }

    .hp_menu a,
    .hp_nav_btn{
        font-size:10px;
    }

    .hp_banner_textbox{
        padding:60px 10px 0;
    }

    .hp_banner .n_title{
        font-size:30px;
    }
    
    .hp_banner .n_small span {
      font-size: 12px;
    }
}

/*about*/
.hp_about{
    position:relative;
    padding:80px 7% 0;
    background:#fff;
}

.hp_about_box{
    position:relative;
    background:var(--hmt-cream);
    padding:35px 35px 0;
    margin-top:18px;
    z-index:3;
}

.hp_about_textbox{
    padding: 20px 40px 20px 10px;
}

.hp_about .n_subtitle{
    color:var(--hmt-green);
    font-style:italic;
    font-size:20px;
    font-weight:600;
    text-transform:uppercase;
    text-shadow:0 0 1px rgba(0,0,0,0.2);
}


.hp_about_imgbox{
    overflow:hidden;
}

.hp_about_imgbox img{
    width:100%;
    height:310px;
    object-fit:cover;
    transition:0.45s all ease;
}

.hp_about_imgbox:hover img{
    transform:scale(1.06);
}

.hp_about_counter{
    display:flex;
    align-items:stretch;
    background:#fff;
    margin-top:25px;
    padding:0 10px;
}

.hp_about_count_item{
    flex:1;
    padding:18px 16px;
}

.hp_about_count_item h3{
    font-size:3vw;
    font-weight:800;
    line-height:1;
    color:#000;
    margin-bottom:8px;
}

.hp_about_count_item p{
    position:relative;
    font-size:1vw;
    font-style:italic;
    line-height:1.25;
    padding-left:12px;
    margin-bottom:0;
}

.hp_about_count_item p:before{
    position:absolute;
    content:"";
    left:0;
    top:4px;
    width:8px;
    height:8px;
    background:var(--hmt-green);
}

.hp_about_btnrow{
    display:flex;
    margin:30px -35px 0;
}

.hp_about_link{
    flex:1;
    padding:15px 20px;
    text-align:center;
    background:#fff;
    color:var(--hmt-green);
    font-size:14px;
    font-weight:800;
    text-transform:uppercase;
    text-decoration:none;
    transition:0.25s all linear;
}

.hp_about_link_dark{
    background:#000;
    color:var(--hmt-green);
}

.hp_about_link:hover{
    color:#fff;
    background:var(--hmt-green);
    text-decoration:none;
}

.hp_about_link_dark:hover{
    color:#fff;
    background:var(--hmt-green);
}

@media screen and (max-width:991.5px){
    .hp_about{
        padding:70px 5% 0;
    }

    .hp_about_counter{
        flex-wrap:wrap;
    }

    .hp_about_count_item{
        flex:0 0 50%;
    }
    
    .hp_about_textbox{
        padding: 20px 0;
    }
        
    .hp_about_counter{
        padding:0;
    }
    
    .hp_about_count_item p{
        font-size:13px;
    }
}

@media screen and (max-width:767.5px){
    .hp_about{
        padding:60px 0 0;
    }

    .hp_about_box{
        padding:25px 20px 0;
    }

    .hp_about_imgbox img{
        height:260px;
        margin-top:25px;
    }

    .hp_about_btnrow{
        margin:25px -20px 0;
        flex-direction:column;
    }
    
    .hp_about_count_item{
        flex:0 0 100%;
    }
    
    .hp_about_count_item h3{
        font-size:35px;
    }
    
    .hp_about_count_item p {
        font-size: 14px;
     }
    
}

/*why*/
.hp_why{
    position: relative;
    padding: 280px 7% 80px;
    background: linear-gradient(180deg,var(--hmt-lightgreen),var(--hmt-green),var(--hmt-green));
    overflow: hidden;
    margin-top: -180px;
}

.hp_why_listbox{
    position:relative;
    z-index:3;
}

.hp_why_item{
    position:relative;
    height:100%;
    padding:25px 22px;
    backdrop-filter:blur(8px);
    transition:0.25s all linear;
}

.hp_why_item{
    overflow:hidden;
}

.hp_why_item:before{
    z-index:0;
}

.hp_why_item:after{
    position:absolute;
    content:"";
    top:-120%;
    left:-80%;
    width:55%;
    height:280%;
    background:linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,255,255,0.12) 35%,
        rgba(255,255,255,0.55) 50%,
        rgba(255,255,255,0.12) 65%,
        transparent 100%
    );
    transform:rotate(18deg) translateX(0);
    opacity:0;
    z-index:1;
    pointer-events:none;
}

.hp_why_item:hover:after{
    opacity:1;
    animation:hpWhyGlossy 0.85s ease forwards;
}

.hp_why_item .hp_why_iconbox,
.hp_why_item .n_subtitle,
.hp_why_item .n_content{
    position:relative;
    z-index:2;
}

@keyframes hpWhyGlossy{
    0%{
        left:-85%;
        opacity:0;
    }
    20%{
        opacity:1;
    }
    100%{
        left:130%;
        opacity:0;
    }
}

.hp_why_item:before{
    position:absolute;
    content:"";
    inset:0;
    background:linear-gradient(135deg,rgba(255,255,255,0.35),rgba(255,255,255,0.7),rgba(255,255,255,0));
    opacity:0.8;
    pointer-events:none;
}

.hp_why_iconbox{
    position:relative;
    z-index:2;
    width:48px;
    margin-bottom:10px;
}

.hp_why_iconbox img{
    width:48px;
    height:48px;
    object-fit:contain;
    transition:0.25s all linear;
}

.hp_why_item .n_subtitle{
    position:relative;
    z-index:2;
    font-size:1.2vw;
}
.hp_why_item .n_content{
    position:relative;
    z-index:2;
}

.hp_why_item:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 35px rgba(0,0,0,0.12);
}

.hp_why_item:hover .hp_why_iconbox img{
    transform:rotate(-8deg) scale(1.08);
}

.hp_why_bgtext{
    position:absolute;
    right:2%;
    bottom:-18px;
    font-size:5.5vw;
    font-weight:900;
    font-style:italic;
    color:rgba(255,255,255,0.25);
    text-transform:uppercase;
    white-space:nowrap;
}

@media screen and (max-width:991.5px){
    .hp_why{
        padding:280px 0 55px;
    }

    .hp_why_listbox>[class*="col-"]{
        margin-bottom:20px;
    }

    .hp_why_bgtext{
        font-size:46px;
    }
}

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

    .hp_why_bgtext{
        font-size:34px;
        right:auto;
        left:15px;
        bottom: 0;
    }
    .hp_why_item .n_subtitle{
        font-size:18px;
    }
}

/*hp_category*/
.hp_category{
    padding:80px 7% 0;
    background:#fff;
}

.product_cat-4{
    padding:0 8%;
    background:#fff;
}

.product_cat-4 > .row{
    margin-left:-14px;
    margin-right:-14px;
}

.product_cat-4 .cat_outter_box{
    padding:0 14px;
}

.product_cat-4 .cat_box{
    position:relative;
    width:100%;
    height:360px;
    overflow:hidden;
    background:#000;
}

.product_cat-4 .cat_box a{
    display:block;
    width:100%;
    height:100%;
    position:relative;
    text-decoration:none;
    color:#fff;
}

.product_cat-4 .cat_box img{
    width:100%;
    height:100%;
    object-fit:cover;
    margin:0;
    transform:scale(1);
    transition:0.55s all ease;
}

/* bottom dark gradient */
.product_cat-4 .cat_box a:before{
    position:absolute;
    content:"";
    left:0;
    right:0;
    bottom:0;
    height:48%;
    background:linear-gradient(
        0deg,
        rgba(0,0,0,0.75) 0%,
        rgba(0,0,0,0.45) 45%,
        rgba(0,0,0,0) 100%
    );
    z-index:2;
    pointer-events:none;
}

/* content bar */
.product_cat-4 .cat_box .content{
    position: absolute;
    left: 7%;
    right: 7%;
    bottom: 25px;
    width: auto;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(55,55,55,0.52);
    z-index: 3;
    transition: 0.3s all ease;
}

/* remove old line */
.product_cat-4 .cat_box .content .line{
    display:none;
}

/* content inner */
.product_cat-4 .cat_box .content .content_box{
    width:100%;
    height:100%;
    padding:0 4% 0 8%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    color:#fff;
    position:relative;
}

/* hide empty h3 and read more button */
.product_cat-4 .cat_box .content .content_box h3,
.product_cat-4 .cat_box .content .content_box .btn,
.product_cat-4 .cat_box .content .content_box button{
    display:none;
}

/* title */
.product_cat-4 .cat_box .content .content_box h4{
    margin:0 !important;
    padding:0;
    color:#fff;
    font-size:1.2vw;
    font-weight:800;
    line-height:1.2;
    text-transform:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* arrow */
.product_cat-4 .cat_box .content .content_box:after{
    position:absolute;
    content:"";
    right:7%;
    top:50%;
    transform:translateY(-50%);
    background-image:url(https://cdn1.npcdn.net/images/5_BUTTON_ARROW_fu78zh_1782785846.png?md5id=40dddac87629fbf3d3fc493dc30e6a6a&type=4);
    background-size:contain;
    background-position:center;
    background-repeat: no-repeat;
    filter:brightness(0) invert(1);
    height:15px;
    width:15px;
    font-weight:400;
    line-height:1;
    color:#fff;
    transition:0.25s all linear;
}

/* hover */
.product_cat-4 .cat_box:hover img{
    transform:scale(1.08);
}

.product_cat-4 .cat_box:hover .content{
    background: linear-gradient(90deg,var(--hmt-green),var(--hmt-lightgreen));
    transform:translateY(-6px);
}

.product_cat-4 .cat_box:hover .content .content_box h4{
    color:#000;
}
.product_cat-4 .cat_box:hover .content .content_box:after{
    filter:brightness(0);
}

.product_cat-4 .cat_box:hover .content .content_box:after{
    transform:translateY(-50%) translate(4px,-4px);
}

@media screen and (max-width:1200.5px){
    .product_cat-4{
        padding:0 5%;
    }

    .product_cat-4 .cat_box{
        height:320px;
    }

    .product_cat-4 .cat_box .content .content_box h4{
        font-size:16px;
    }
}



@media screen and (max-width:991.5px){
    .hp_category{
        padding:70px 5% 40px;
    }
    
    .product_cat-4 .cat_box{
        height:280px;
        margin-bottom:28px;
    }

    .product_cat-4 .cat_box .content{
        bottom:28px;
    }

    .product_cat-4 .cat_box .content .content_box{
        padding:0 55px 0 30px;
    }

    .product_cat-4 .cat_box .content .content_box:after{
        right:28px;
        font-size:28px;
    }
}

@media screen and (max-width:767.5px){
    .hp_category{
        padding:55px 0 0;
    }
    
    .product_cat-4{
        padding:0 15px;
    }

    .product_cat-4 > .row{
        margin-left:0;
        margin-right:0;
    }

    .product_cat-4 .cat_outter_box{
        padding:0;
    }

    .product_cat-4 .cat_box{
        height:300px;
    }

    .product_cat-4 .cat_box .content{
        left:6%;
        right:6%;
    }

    .product_cat-4 .cat_box .content .content_box h4{
        font-size:15px;
    }
}

/*product*/
.hp_product{
    padding:80px 0 0 0;
    background:#fff;
}

.hp_product .container-fluid{
    padding-left:0;
    padding-right:0;
}

.productSlider-1 .slick-track .slick-slide {
  margin: 10px 7.5px;
  height: auto;
  flex: 1;
  border-radius: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  background-color: #f7f4e9;
  border:10px solid #ffffff;
}

.productSlider-1 .product_img .product_box {
  margin: 5px;
  border: 10px solid transparent;
  background-color: transparent;
}

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

.productSlider-1 .product_img .product_box .content{
    text-align:center !important;
}

.productSlider-1 .product_img .product_box .content h6:first-child {
    color: #000;
    font-weight:500 !important;
}

.productSlider-1 .product_img .product_box .content p:nth-child(3){
    display: none;
}

@media screen and (max-width:991.5px){
    .hp_product{
        padding:65px 0 0 0;
    }

}

@media screen and (max-width:767.5px){
    .hp_product{
        padding:55px 0 0;
    }

}

/*cert*/
.hp_cert{
    padding:80px 7% ;
    background:#fff;
}

.hp_cert_box{
    background:var(--hmt-cream);
    padding:80px 65px;
}

.hp_cert_logobox{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:42px;
    padding-left:45px;
}

.hp_cert_logobox::before {
     position: absolute;
    content: "";
    left: 15px;
    top: -30px;
    bottom: 0;
    width: 2px;
    background: var(--hmt-green);
    height: 180% !important;
}

.hp_cert_logobox img{
    width:30%;
    max-width: 250px;
    max-height: 100px;
    object-fit: contain;
    transition: 0.25s all linear;
}

.hp_cert_logobox img:hover{
    transform:translateY(-5px);
}

@media screen and (max-width:991.5px){
    .hp_cert{
        padding:70px 5% 70px;
    }

    .hp_cert_box{
        padding:45px 35px;
    }

    .hp_cert_logobox{
        gap:22px;
    }
}

@media screen and (max-width:767.5px){
    .hp_cert{
        padding:55px 0 0;
    }

    .hp_cert_box{
        padding:35px 20px;
    }

    .hp_cert_logobox{
        justify-content:flex-start;
        flex-wrap:wrap;
        padding-left:0;
        padding-top:25px;
        margin-top:25px;
    }

    .hp_cert_logobox:before{
        width: 100%;
        height: 1px !important;
        bottom: auto;
        left: 0;
        top: 0px;
    }
    
    .hp_cert_logobox img {
        width: 27%;
    }
}

/*global*/
.hp_global{
    padding:10px 7% 90px;
    background:#fff;
}

.hp_global_imgbox img{
    width:100%;
    height:auto;
    transition:0.35s all ease;
}

.hp_global_imgbox:hover img{
    transform:scale(1.02);
}

.hp_global .n_button img{
    width:17px;
    height:17px;
}

@media screen and (max-width:991.5px){
    .hp_global{
        padding:75px 5%;
    }
}

@media screen and (max-width:767.5px){
    .hp_global{
        padding:55px 0;
    }

    .hp_global .col-md-4{
        padding-left:25px;
        padding-right:25px;
    }

    .hp_global_imgbox{
        margin-top:35px;
    }
}

/*event*/
.hp_event{
    position:relative;
    padding:75px 0 250px;
    background:var(--hmt-lightgreen);
    overflow:hidden;
}

.hp_event .n_small{
    color:#000000;
}

.hp_photoGallerySlider_type3{
    background:transparent;
    padding:34px 0 0;
    overflow:hidden;
    margin-top:-250px;
}

.hp_photoGallerySlider_type3 .container-fluid,
.hp_photoGallerySlider_type3 .container,
.hp_photoGallerySlider_type3 .row,
.hp_photoGallerySlider_type3 .col-12{
    max-width:100%;
    width:100%;
    padding-left:0;
    padding-right:0;
    margin-left:0;
    margin-right:0;
}

.hp_photoGallerySlider_type3 .photo-gallery3{
    padding:0;
    overflow:visible;
}

.hp_photoGallerySlider_type3 .photo-0-gallery{
    overflow:visible;
}

.hp_photoGallerySlider_type3 .slick-list{
    overflow:visible;
}

.hp_photoGallerySlider_type3 .slick-track{
    display:flex;
    align-items:stretch;
}

.hp_photoGallerySlider_type3 .slick-slide{
    height:auto;
}

.hp_photoGallerySlider_type3 .slick-slide > div{
    height:100%;
}

.hp_photoGallerySlider_type3 .photo-gallery3 .outline_box{
    width:100%;
    height:100%;
    padding:0 8px;
}

.hp_photoGallerySlider_type3 .photo-gallery3 .outline_box a{
    display:block;
    width:100%;
    height:100%;
}

.hp_photoGallerySlider_type3 .photo-gallery3 .outline_box .gallery_box{
    position:relative;
    width:100%;
    height:320px;
    padding-top:0;
    overflow:hidden;
    background:transparent;
}

.hp_photoGallerySlider_type3 .photo-gallery3 .outline_box .gallery_box img{
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    height:100%;
    padding:0;
    object-fit:cover;
    transform:translate(-50%,-50%) scale(1);
    transition:0.45s all ease;
}

.hp_photoGallerySlider_type3 .photo-gallery3 .outline_box:hover .gallery_box img{
    transform:translate(-50%,-50%) scale(1.06);
}

/* hide default arrows */
.hp_photoGallerySlider_type3 .photo-gallery3 .slick-prev,
.hp_photoGallerySlider_type3 .photo-gallery3 .slick-next{
    display:none;
}

.hp_photoGallerySlider_type3 .photo-gallery3 .slick-prev:before,
.hp_photoGallerySlider_type3 .photo-gallery3 .slick-next:before{
    display:none;
}

/* hide dots if system generates them */
.hp_photoGallerySlider_type3 .slick-dots{
    display:none;
}

@media screen and (max-width:1200.5px){
    .hp_photoGallerySlider_type3 .photo-gallery3 .outline_box .gallery_box{
        height:330px;
    }
}

@media screen and (max-width:991.5px){
    .hp_photoGallerySlider_type3{
        padding:28px 0 0 0;
    }

    .hp_photoGallerySlider_type3 .photo-gallery3 .outline_box .gallery_box{
        height:280px;
    }
    
}

@media screen and (max-width:767.5px){
    .hp_event{
        padding:55px 0 55px;
    }

    .hp_event_imgbox img{
        height:200px;
    }
    .hp_photoGallerySlider_type3{
        padding:22px 0 0 0;
        margin-top:-75px;
    }

    .hp_photoGallerySlider_type3 .photo-gallery3 .outline_box{
        padding:0 6px;
    }

    .hp_photoGallerySlider_type3 .photo-gallery3 .outline_box .gallery_box{
        height:230px;
    }
}


/*hp_marquee*/
.hp_marquee{
    padding:45px 0;
    background:#fff;
    overflow:hidden;
}

.hp_marquee_track{
    display:flex;
    width:max-content;
    animation:hmtMarquee 18s linear infinite;
}

.hp_marquee_group{
    display:flex;
    align-items:center;
    gap:24px;
    white-space:nowrap;
    padding-right:24px;
}

.hp_marquee_group span{
    font-size:2vw;
    font-weight:900;
    font-style:italic;
    text-transform:uppercase;
    color:#000;
    transition: linear .3s;
}

.hp_marquee_group span:hover{
    color:var(--hmt-green);
}

.hp_marquee_group b{
    font-size:22px;
    color:#000;
}

@keyframes hmtMarquee{
    0%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(-50%);
    }
}


@media screen and (max-width:767.5px){
    .hp_marquee_track span{
        font-size:22px;
    }
}

/*contact*/
.hp_contact{
    padding:70px 7%;
    background:var(--hmt-cream);
}

.hp_contact .n_small{
    font-style:italic;
    font-size: 20px;
}

.hp_contact_linkbox{
    display:flex;
    flex-direction:column;
    gap:18px;
    margin-top:20px;
}

.hp_contact_link{
    display:flex;
    align-items:flex-start;
    gap:15px;
    color:#000;
    text-decoration:none;
    transition:0.25s all linear;
}

.hp_contact_link img{
    width:38px;
    height:38px;
    object-fit:contain;
    flex:0 0 32px;
    transition:0.25s all linear;
    background: linear-gradient(135deg,var(--hmt-lightgreen),var(--hmt-green));
    border-radius:50px;
    padding:8px;
}

.hp_contact_link span{
    font-size:15px;
    line-height:1.55;
    color:#000;
}

.hp_contact_link:hover{
    /*color:var(--hmt-green);*/
    text-decoration:none;
    transform:translateX(5px);
}

.hp_contact_link:hover img{
    transform:scale(1.12);
}

.hp_contact_mapbox{
    text-align:right;
}

.hp_contact_mapbox iframe{
    width:100%;
    height:230px;
    object-fit:cover;
}

@media screen and (max-width:991.5px){
    .hp_contact{
        padding:60px 5%;
    }
}

@media screen and (max-width:767.5px){
    .hp_contact{
        padding:50px 0;
    }

    .hp_contact_mapbox{
        text-align:left;
        margin-top:35px;
    }

    .hp_contact_mapbox iframe{
        height:200px;
    }
}


/*footer*/

.footer_type3 {
    padding:22px 7%;
    background:linear-gradient(90deg,var(--hmt-green),var(--hmt-lightgreen));
    font-size:14px;
    color:#000;
}

.footer_type3 .col-12.col-md-9>p.text-left.py-3 {
    display: none;
}

.footer_type3 .social_media {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:5px;
}

.footer_type3 .social_media a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    border-radius:50%;
    background:#fff;
    color:#000 !important;
    font-size:20px !important;
    transition:0.25s all linear;
}

.footer_type3 .social_media img{
    width:20px;
    height:20px;
    object-fit:contain;
}

.footer_type3 .social_media a:hover{
        transform:translateY(-5px);
        box-shadow:0 10px 20px rgba(0,0,0,0.15);
        text-decoration:none;
}

.footer_type3 a{
    color:#000000;
     font-size:14px;
}

@media screen and (min-width: 576px) {
    .footer_type3>.container.pt-3.pb-3 {
        max-width: 100%;
        width: 100%;
    }
    .footer_type3 .mb-2{
        margin-bottom:0.15rem !important;
    }
}

@media screen and (max-width: 767.98px) {
    .footer_type3 {
        padding:22px 0 50px 0;
    }
    
    .footer_type3 .social_media{
        justify-content: start;
        margin-top:18px;
    }
}



/*product page*/
#main_ourproducts,
#main_showproducts {
    background-image: url("https://cdn1.npcdn.net/img/1689670967product_1600.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
}

.form_alter{
    text-align: center;
    font-size: 60px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom:1rem;
}

/*#main_showproducts {*/
/*    position: relative;*/
/*}*/

/*#main_showproducts::before {*/
/*    content: "";*/
/*    display: inline-block;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    background-image: url("https://cdn1.npcdn.net/img/1689670967product_1600.jpg");*/
/*    background-repeat: no-repeat;*/
/*    background-position: left top;*/
/*    background-size: contain;*/
/*    width: 100%;*/
/*    height: 30%;*/
/*}*/

.category_list_type4 .category_box .img_frame,
.product_list_5 .product_box .img_frame,
#main_showproducts .product_img .product_silder {
    box-shadow: none;
}


/*contact page*/
#main_contactus .contactus_wrapper_2{
    background-image: linear-gradient(to right, #af7848 , #c0915c);
    color: #ffffff;
    padding: 3rem 0 8rem;
    margin-bottom: -3rem;
}

#main_contactus .contactus_wrapper_2 .text-muted{
    color:#ccc!important;
}

@media screen and (max-width: 767.5px){
    .form_alter{
        font-size:40px;
    }
}


/*
#main_contactus .contactus_wrapper_2 .bottom button{
    box-shadow: 0px 0px 10px 0px #000000;
	background:linear-gradient(to right, #94a82b 5%, #2ea535 100%);
	background-color:#2ea535;
	border-radius:30px;
	border:4px solid #fff!important;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:10px 30px;
	text-decoration:none;
}
#main_contactus .contactus_wrapper_2 .bottom button:hover {
	background:linear-gradient(to right, #2ea535 5%, #94a82b 100%);
	background-color:#94a82b;
}
#main_contactus .contactus_wrapper_2 .bottom button:active {
	position:relative;
	top:1px;
}*/

#main_contactus .contactus_wrapper_2 .bottom button {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    color: #ffffff;
	background:linear-gradient(to right, #94a82b 5%, #2ea535 100%);
    border: 2px solid #ffffff;
    /*outline: 3px solid #c99d66;*/
    border-radius: 25px;
    padding: 12px 40px;
    text-decoration: none!important;
    box-shadow: 3px 3px 6px rgb(0 0 0 / 40%);
    transition: all .25s;
}

#main_contactus .contactus_wrapper_2 .bottom button::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    border: 3px solid #2ea535;
    border-radius: 25px;
    transition: all .25s;
}

#main_contactus .contactus_wrapper_2 .bottom button:hover {
    color: #ffffff;
	background:linear-gradient(to right, #2ea535 5%, #94a82b 100%);
    /*outline-color: #a66c3f;*/
}

#main_contactus .contactus_wrapper_2 .bottom button:hover::before {
    border-color: #94a82b;
}

#main_contactus .contactus_wrapper_2 .btn-primary{
    border:3px solid #fff !important;
}

#contactus_2_1 .container-fluid .row .col-12.col-md-12 .text-muted:nth-child(2){
    display:none;
}