@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*category page*/
.category_list_type4 .category_box .img_frame img{
    object-fit:contain;
}

/*product page*/
.product_list_5 .product_box .img_frame img{
    object-fit:contain;
}

/*All*/
#main_index{
    padding-bottom:0rem!important;
    overflow:hidden;
}
.breakspan{
    display:block;
}

.title_all{
    font-size:2vw;
    font-weight:700;
    margin-bottom:1%;
    color:#000;
}
.subtitle_all{
    font-size:1.2vw;
    font-weight:400;
    margin-bottom:1%;
    color:#000;
}
.content_all{
    font-size:1vw;
    font-weight:400;
    margin-bottom:0%;
    color:#000;
}
.image_all{
    width:100%;
    margin:0 auto;
    display:block;
}
.button_all{
    border:1px solid #4e5b99;
    border-radius:10px;
    background-color:#4e5b99;
    font-size:1vw;
    font-weight:400;
    padding:1% 3%;
    color:#fff;
}
.button_all:hover{
    text-decoration: none;
    color:#fff;
}
.c_lineHi{
    line-height:2vw;
}
.c_bold{font-weight:700;}
.c_slim{
    font-weight:300;
}
@media screen and (max-width: 1200.5px){
    .subtitle_all{
        font-size:1.5vw;
    }
    .content_all{
        font-size:1.2vw;
    }
    .button_all{
        font-size:1.2vw;
    }
    .c_lineHi{
        line-height:2.4vw;
    }
}
@media screen and (max-width: 991.5px){
    .content_all{
        font-size:1.5vw;
    }
    .button_all{
        font-size:1.5vw;
    }
    .c_lineHi{
        line-height:3vw;
    }
}
@media screen and (max-width: 767.5px){
    .title_all{
        font-size:25px;
        margin-bottom:4%;
    }
    .subtitle_all{
        font-size:14px;
    }
    .content_all{
        font-size:14px;
    }
    .button_all{
        font-size:16px;
        padding:2% 9%;
    }
    .c_lineHi{
        line-height:30px;
    }
}

/*navbar*/
.navbar_type8 .logo{
    position: relative;
    overflow:unset;
}
.navbar_type8 .logo:before{
    position: absolute;
    content:"";
    top:0;
    left:120%;
    background-image:url("https://cdn1.npcdn.net/images/17806294141_3pxsuz_1780631017.png?md5id=71541653edfd81ee0ae62fb1fd1be011&new_width=408&new_height=176&type=4");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 50%;
    height: 80px;
    transform: scale(0.8);
}
.navbar_type8 .logo img{
    width:120%;
    padding:0px;
}
.navbar_type8 .nav_tab .nav_item a{
    font-size: 0.9vw;
    font-weight: 700;
    padding: 13px 1.5vw;
    color: #000;
}
.navbar_type8 .nav_tab .nav_item a:hover{
    color:#233c90;
}
.navbar_type8.navbar_height.dark_nav{
   background-color:#fff!important; 
}
.navbar_type8 .nav_tab .nav_item::before{
    display:none;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item{
    background-color:#fff;
}

@media screen and (max-width: 1200.5px){
    .navbar_type8 .nav_tab .nav_item a{
        font-size:1.2vw;
    }
    .navbar_type8 .logo{
        margin-left:2%;
    }
}
@media screen and (max-width: 991.5px){
    .navbar_mobile{
        background-color:#fff;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .navbar_mobile .row_1{
        justify-content: center;
        align-items: center;
    }
    .navbar_mobile .logo_img{
            max-height: 23px;
            transform: scale(0.8) translate(-55px, 0px);
    }
    .navbar_mobile a{
        position: relative;
    }
    .navbar_mobile a:before{
        background-image:url("https://cdn1.npcdn.net/images/17806294141_3pxsuz_1780631017.png?md5id=71541653edfd81ee0ae62fb1fd1be011&new_width=408&new_height=176&type=4");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        content: "";
        top: -3px;
        bottom: 0;
        right: 12px;
        height: 80px;
        width: 65px;
        margin: auto 0;
    }
}

/*hp_topspace*/
.hp_topspace{
    background-image:url("https://cdn1.npcdn.net/img/1708401973Top-space.png");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.hp_topspace .col-md-12{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0.5% 4%;
}
.hp_topspace_title{
    font-size:1vw;
    font-weight:700;
    color:#fff;
    margin-bottom:0;
}
.hp_topspace_content{
    margin-bottom:0;
}
.hp_topspace_icon{
    width:40px;
    height:40px;
}
/*hp_banner*/
.slider_banner .banner_content{
    overflow:hidden;
}
.hp_banner{
	position:relative;
    left: 0%;
	top:50%;
	transform:translate(0,-50%);
}
.hp_banner .hp_banner_image{
    margin:0 auto;
    display:block;
}
.banner1 .hp_banner_image{
    width:90%!important;
}
.banner2 .hp_banner_image{
    width:70%!important;
}
.banner4 .hp_banner_image{
    width:70%!important;
}
.banner5 .hp_banner_image{
    width:60%!important;
}
.banner8 .hp_banner_image{
    width:80%!important;
}
.banner9 .hp_banner_image{
    width:70%!important;
}
.banner3{
    left:6%;
}
.banner3 .hp_banner_image{
    position: absolute;
    top: -13vw;
    right: 12%;
    width: 50% !important;
}
.banner6{
    left:6%;
}
.banner6 .hp_banner_image{
    position: absolute;
    top: -10vw;
    right: 12%;
    width: 50% !important;
}
.banner7{
    left:6%;
}
.banner7 .hp_banner_image{
    position: absolute;
    top: -10vw;
    right: 12%;
    width: 50% !important;
}
.banner10{
    left:6%;
}
.banner10 .hp_banner_image{
    position: absolute;
    top: -6vw;
    right: 12%;
    width: 50% !important;
}
.hp_banner_title{
    font-size:4vw;
    font-weight:600;
    color:#000;
}
.banner10 .hp_banner_title{
    color:#000;
}
.index_wrapper_2 .slick-dots{
    bottom: 40px;
}
.index_wrapper_2 .slick-dotted.slick-slider{
    margin-bottom:0px;
}
@media screen and (max-width: 500.5px){
    .index_wrapper_2 .item>img{
    	/*min-height:130vw!important;*/
    	min-height:40vw!important;
    	object-fit:cover;
    }
    .banner1 .hp_banner_image,
    .banner2 .hp_banner_image,
    .banner4 .hp_banner_image,
    .banner5 .hp_banner_image,
    .banner8 .hp_banner_image,
    .banner9 .hp_banner_image{
        width:84%!important;
    }
    .banner3{
        left:0;
    }
    .banner3 .hp_banner_image{
        top: -15vw;
        right: 2%;
        width: 65% !important;
    }
    .banner6{
        left:0;
    }
    .banner6 .hp_banner_image{
            top: -8vw;
            right: 2%;
            width: 52% !important;
    }
    .banner7{
        left:0;
    }
    .banner7 .hp_banner_image{
            top: -8vw;
            right: 2%;
            width: 52% !important;
    }
    .hp_banner_title{
        font-size:6vw;
    }
    .banner6 .hp_banner_title{
        font-size:5vw;
    }
    .banner7 .hp_banner_title{
        font-size:5vw;
    }
    .banner10 .hp_banner_title{
        font-size:4vw;
    }
    .banner10{
        left:0;
    }
    .banner10 .hp_banner_image{
        top: -10vw;
        right: 2%;
        width: 65% !important;
    }
    .index_wrapper_2 .slick-dots{
        bottom: 25px;
    }

}


/*Special 1 by 1 adjusted*/
.banner1_contentbox{
    position:absolute;
    left:0;
    right:0;
    bottom:1.5vw;
}
.banner1_title{
    font-size:2vw;
    font-weight:700;
    text-align: center;
    color:#000;
}
.banner2_contentbox{
    position:absolute;
    left:0;
    right:0;
    bottom:8vw;
}
.banner2_title{
    font-size:1.5vw;
    font-weight:700;
    text-align: center;
    color:#000;
}
.banner2_content{
    font-size:1.2vw;
}
.banner4_contentbox{
    position:absolute;
    left:0;
    right:0;
    bottom:14.5vw;
}
.banner4_title{
    font-size:3vw;
    font-weight:700;
    text-align: center;
    color:#000;
}
.banner5_contentbox{
    position:absolute;
    left:0;
    right:0;
    bottom:7vw;
}
.banner5_title{
    font-size:3vw;
    font-weight:700;
    text-align: center;
    color:#000;
}
.banner8_contentbox{
    position:absolute;
    left:0;
    right:0;
    bottom:0vw;
}
.banner8_title{
    font-size:2vw;
    font-weight:700;
    text-align: center;
    color:#000;
}
.banner9_contentbox{
    position:absolute;
    left:0;
    right:0;
    bottom:11.5vw;
}
.banner9_title{
    font-size:2.5vw;
    font-weight:700;
    text-align: center;
    color:#000;
}

@media screen and (max-width: 500.5px){
    .banner1_contentbox{
        bottom:-1vw;
    }
    .banner5_contentbox{
        bottom:10vw;
    }
    .banner8_contentbox{
        bottom:-1vw;
    }
}


/*hp_service*/
.hp_service{
    background-color:#000;
    padding:3% 12% 0%;  
    margin-top: -25px;
}
.hp_service_box{
    position: relative;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.8);
    padding: 15% 10% 5% 10%;
    background-color: #fff;
    z-index: 1;
    margin-bottom: -12%;
    transition:0.25s all linear;
}
.hp_service_box:hover{
    transform:scale(0.95);
}
.hp_service_icon{
    width: 40%;
    margin: 0 auto 12%;
    display: block;
}
.hp_service_content{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    flex-direction: column;
    text-align: center;
    min-height: 14vw;
}
.hp_service_span{
    display:flex;
    justify-content: center;
    align-items: center;
    width:100%;
    flex-direction:column;  
}
.hp_service_spantitle{
    font-weight:700;
    margin-bottom:4%;
}
.hp_service_spancontent{
    color:#9e9e9e;
}
.hp_service_image{
    position: absolute;
    bottom: -32%;
    left: 1.5%;
    width: 10%;
    z-index: 1;
}

@media screen and (max-width: 991.5px){
    .hp_service_box{
        padding: 15% 4%;
    }
    .hp_service_content{
        min-height: 17vw;
    }
}
@media screen and (max-width: 767.5px){
    .hp_service{
        padding:12% 9% 6%;
    }
    .hp_service_box{
        margin-bottom:9%;
    }
    .hp_service_image{
        display:none;
    }
}

/*hp_one*/
.hp_one{
    position:relative;
	background-image:url("https://cdn1.npcdn.net/img/1708409329bg-4.png");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
    padding: 9% 9% 6%;
}
.hp_one_title{
    text-align: center;
}
.hp_one_subtitle{
    text-align: center;
    margin-bottom:4%;
}
.hp_one_box{
    overflow:hidden;
    position:relative;
}
.hp_one_image{
    width:100%;
    margin:0 auto;
    display:block;
    transition:0.5s all linear;
}
.hp_one_image:hover{
    transform:scale(1.05);
}
.hp_one_span{
    position:absolute;
    content:"";
    bottom:4%;
    left:0;
    right:0;
    text-align: center;
    color:#fff;
    font-size:0.9vw;
}
.hp_one_buttonbox{
    display:flex;
    justify-content: center;
    align-items: center;
    margin:4% 0% 0%;
}
.hp_one_icon{
    position: absolute;
    bottom: -15%;
    right: 1.5%;
    width: 10%;
    z-index: 1;
}

@media screen and (max-width: 1200.5px){
    .hp_one_span{
        font-size:1.1vw;
    }
}
@media screen and (max-width: 991.5px){
    .hp_one_span{
        font-size:1.4vw;
    }
    .hp_one_subtitle .breakspan{
        display:inline;
    }
}
@media screen and (max-width: 767.5px){
    .hp_one{
        padding:12% 3%;
    }
    .hp_one_subtitle{
        margin-bottom:9%;
    }
    .hp_one_span{
        font-size:14px;
    }
    .hp_one_box{
        margin-bottom:9%;
        padding:0% 6%;
    }
    .hp_one_icon{
        display:none;
    }
}

/*hp_feature*/
.index_wrapper_5{
	background-image:url("https://cdn1.npcdn.net/img/1708410959bg-5.png");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
    padding:3% 9% 6%;
}
.hp_feature_small{
    text-align: center;
}
.hp_feature_title{
    text-align: center; 
    color:#1e3d8b;
    margin-bottom:4%;
}

@media screen and (max-width: 767.5px){
    .index_wrapper_5{
        padding:12% 12%;
    }
}

/*hp_our*/
#index_6_2{
    margin-bottom: -4%!important;
    position: relative;
    z-index: 1;
}
.index_wrapper_6{
	background-image:url("https://cdn1.npcdn.net/img/1708410975bg-6.png");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
    padding:3% 9% 0%;
}
.index_wrapper_6 .hp_feature_small{
    color:#fff;
}
.index_wrapper_6 .hp_feature_title{
    color:#fff;
}

@media screen and (max-width: 767.5px){
    .index_wrapper_6{
        padding:12% 12%;
    }
}


/*templated - product listing by tag*/
.productSlider-1 .product_img .product_box h6{
    color:#343434;
}
.productSlider-1 .product_img .product_box .content .align-top{
    font-weight:400!important;
}
.productSlider-1 .product_img .product_box .product_img_frame img{
    object-fit:contain;
}
.productSlider-1 .product_img .slick-prev{
    left: -30px;
}
.productSlider-1 .product_img .slick-next{
    right: -30px;
}
.productSlider-1 .product_img .slick-prev::before{
	background-image:url("https://cdn1.npcdn.net/img/1708419651arrow-left.png");
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	text-shadow:unset;
	content:"";
	height:2vw;
	width:2vw;
} 
.productSlider-1 .product_img .slick-next::before{
	background-image:url("https://cdn1.npcdn.net/img/1708419667arrow-right.png");
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	text-shadow:unset;
    content:"";
    height:2vw;
	width:2vw;
}

.index_wrapper_6 .productSlider-1 .product_img .slick-prev::before,
.index_wrapper_6 .productSlider-1 .product_img .slick-next::before{
    filter: brightness(0) invert(1);
}

@media screen and (max-width: 767.5px){
    .productSlider-1 .product_img .slick-prev{
        left: -28px;
    }
    .productSlider-1 .product_img .slick-next{
        right: -28px;
    }
}

/*hp_contact*/
.hp_contact{
	background-image:url("https://cdn1.npcdn.net/img/1708412346bg-7.png");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
    padding:6% 9% 6% 6%;
}
.hp_contact:before{
    position: absolute;
    content: "";
    background-color: #243d91;
    border-radius: 100px 0px 0px 0px;
    top: 6vw;
    right: 0;
    height: 150vw;
    width: 1%;
    z-index: 1;
}
.hp_contact .row{
    align-items: center;
}
.hp_contact_image{
    width:90%;
    margin:0 auto;
    display:block;
}
.hp_contact_title{
    color:#fff;
}
.hp_contact_subtitle{
    color:#fff;
    margin-bottom:4%;
}
.hp_contact_grid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 15px;
	row-gap: 10px;
}
.hp_contact_gridbox{
    padding: 15% 9%;
    background-color:#fff;
}
.hp_contact_content{
    display:flex;
    justify-content: center;
    align-items: center;
    width:100%;
    flex-direction:column;
    text-align: center;
}
.hp_contact_span{
    display:flex;
    justify-content: center;
    align-items: center;
    width:100%;
    flex-direction:column;
}
.hp_contact_icon{
    width:30%;
    margin:0 auto 9%;
    display:block;
}
.hp_contact_spancontent{
    margin-bottom:4%;
}
.hp_contact_link{
    color:#656565;
}
.hp_contact_link:hover{
    color:#656565;
}
.hp_contact_buttonbox{
    display:flex;
    justify-content: flex-start;
    align-items:center;
    margin:4% 0% 0%
}
.hp_contact_button{
    position:relative;
    padding: 1% 4% 1% 2%;
}
.hp_contact_button:before{
    position: absolute;
    content: ">>";
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 0.8vw;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition:0.25s all linear;
}
.hp_contact_button:hover:before{
    transform:translate(0.2vw,0);
}
@media screen and (max-width: 1200.5px){
    .hp_contact_button:before{
        right:0.4vw;
    }
}
@media screen and (max-width: 991.5px){
    .hp_contact{
        padding: 12% 9% 6% 6%;
    }
    .hp_contact:before{
        width:2%;
        height:500vw;
    }
    .hp_contact_gridbox{
        padding: 3% 8%;
    }
    .hp_contact_icon{
        width: 14%;
        margin: 0 auto 4%;
    }
    .hp_contact_button{
            padding: 1% 6% 1% 3%;
    }
    .hp_contact_image{
        width:100%;
    }
    .hp_contact_grid{
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width: 767.5px){
    .hp_contact{
        padding: 12% 3% 6% 3%;
    }
    .hp_contact_title{
        margin-top:9%;
    }
    .hp_contact_subtitle{
        margin-bottom:9%;
    }
    .hp_contact_icon{
        width:25%;
        margin: 0px auto 9%;
    }
    .hp_contact_gridbox{
        padding:8%;
    }
    .hp_contact_buttonbox{
        justify-content: center;
        align-items: center;
        margin:9% 0% 9%;
    }
    .hp_contact_button{
        padding: 2% 9% 2% 5%;
    }
    .hp_contact_button:before{
        right:1.6vw;
    }
}

/*hp_brand*/
.hp_brand{
    background-color:#f5f5f5;
    padding:6% 6%;
}

.imageMarquee {
    height: 140px;
    background-image: url('https://cdn1.npcdn.net/img/1708417634sliding-logo.png');
    background-size:cover;
    animation: imageMovement 100s linear infinite;
}

@keyframes imageMovement {
    100% {
        background-position-x: -7000px;
    }
}

@media screen and (max-width: 767.5px){
    .hp_brand{
        padding:12% 3%;
    }
}

/*footer*/
.footer_type8{
	background-image:url("https://cdn1.npcdn.net/img/1708399510footer-bg.png");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.alter_footer_logo1{
    margin-left: -70px;
}
.alter_footer_logo2{
    filter: brightness(0) invert(1);
    margin-left: 90px;
    margin-top: 3px;
    max-height: 40px !important;
}
.footer_type8 .footer_subtitle,
.footer_type8 .copy_right,
.footer_type8 p,
.footer_type8 a,
.footer_type8 a:hover{
    color:#fff;
}
.footer_type8 .title h5{
    text-transform: uppercase;
}
.footer_type8 .logo{
    min-height:70px;
}
.footer_type8 .logo img{
    max-height:70px;
}
.platinum_website_visitor{
	color:#fff;
}