body{
    font-size:14px !important;
}


/*topspace*/
.topspace{
    background:#0045aa;
    padding:10px;

}
.topspace p{
    color:#ffffff;
    font-size:16px;
    text-align:center;
    animation : 1s 0s flash ;    
}

.topspace a{
    color:#fff;
    font-weight:700;
}

.topspace a:hover{
    text-decoration:none;
    color:#f2f2f2;
}

/*navigation bar*/
.navbar_type8{
    height:140px;
    background-color: #fff;
}
.dark_nav {
    background-color: #fff !important;
}
.navbar_type8 .logo{
    margin-left:4%;
}
.navbar_type8 .logo img {
    width: 100%;
    object-fit: contain;
    object-position: left;
    padding: 10px;
}
.navbar_type8 .nav_tab{
    padding-right:4%;
}
.navbar_type8 .nav_tab .nav_item{
    font-size: 1.1vw;
    font-weight: 700;
}
.navbar_type8 .nav_tab .nav_item a {
    color: #222222;
    padding: 15px 1vw;
    transition: linear .3s;
}
.navbar_type8 .nav_tab .nav_item:hover a {
    color:#0045aa;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#fff;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a:hover{
    color:#cccccc !important;
}
.navbar_type8 .nav_tab .nav_item::before {
    display:none;
}
.navbar_type8 .nav_tab .login i, 
.navbar_type8 .nav_tab .shopping i{
    display:none;
}
.navbar_type8 .nav_tab .nav_item.login{
    background-image:url(https://cdn1.npcdn.net/images/A_navbar_user_icon_xg6brc_1763964733.png?md5id=fc38d019366c0aa622caceb53f7f7a60&new_width=150&new_height=150&type=4);
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    padding:0;
    height:20px;
    width:20px;
    margin:15px 1vw;
}
.navbar_type8 .nav_tab .nav_item.shopping{
    background-image:url(https://cdn1.npcdn.net/images/A_navbar_cart_icon_cpt63w_1763964733.png?md5id=fc38d019366c0aa622caceb53f7f7a60&new_width=150&new_height=150&type=4);
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    padding:0;
    height:20px;
    width:20px;
    margin:15px 1vw;
}
/*banner*/
.index_wrapper_2{
    position:relative;
}
.slider_banner{
}
.banner_content{
    overflow:hidden;
}
.b_content{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    width:100%;
    height:100%;
    padding:5% 5% 8% 5%;
}
.banner_top{
    flex:0 0 100%;
}
.banner_bottom{
    flex:0 0 100%;
    display:flex;
    flex-direction: column; 
    justify-content: flex-end;
}
.banner_smalltitle{
    font-size:1.4vw;
    color:#ffffff;  
}
.banner_title{
    font-size:3.9vw;
    font-weight:700;
    color:#ffffff;  
    text-shadow:0 0 5px rgba(0,0,0,0.2);
}
.banner_text {
    font-size:1.05vw;
    color:#ffffff;
    text-shadow:0 0 5px rgba(0,0,0,0.2);
}
.banner_line{
    width: 22vw;
    height: 14px;
    background: #fff;
    margin-bottom: 4%;
}
.slider_banner p{
    color:#fff;
}
.banner_more{
    font-size:1.5vw;  
    font-weight:600;
    color:#ffffff;
    background:transparent;
    border:none;
    display:flex;
    align-items: center;
    margin-top:25px;
    transition: linear.3s;
}
.banner_more:hover{    
    text-decoration:none;
    background:transparent;
    border:none;
}
.banner_more::before{
    content:'';
    display:inline-block;
    background-image:url(https://cdn1.npcdn.net/images/b_arrow_n0tea2_1763966656.png?md5id=fc38d019366c0aa622caceb53f7f7a60&new_width=707&new_height=50&type=4);
    background-size:cover;
    background-position:right;
    background-repeat: no-repeat;
    height:22px;
    width:18vw;
    transition: width .3s linear;
    margin-right:25px;
}
.banner_more:hover::before{
    width:350px;
}
.slider_banner .item>img{        
	min-height:400px;
        object-fit:cover;
}

/*banner counter*/
#index_2_2{
    position: absolute;
    z-index: 5;
    right: 5%;
    bottom: 7%;
    width: max-content;
}
.slider-counter {
    font-size: 2vw;
    font-weight: 500;
    color: #ffffff;
}
.slider-counter .current {
  color: #0071ce; /* blue like screenshot */
  font-weight:400;
}
/*home*/
#main_index{
    padding-bottom:0 !important;
}
.big_title{
    font-size:2.7vw;
    font-weight:800;
    color:#0045aa;
}
.small_title{
    font-size:1.2vw;
    color:#3a2d27;    
}
.content_text {
    font-size:1.1vw;
    color:#222222;
}
.btn_more{
    font-size:1.1vw;  
    font-weight:600;
    text-align:center;
    padding:12px 25px;
    color:#0045aa;
    background:#ffffff;
    border:2px solid #0045aa;
    border-radius:15px;
    margin-top:25px;
    transition: linear.3s
}
.btn_more:hover{    
    color:#fff;
    background:#0045aa;
    border:2px solid #0045aa;
}

/*hp_category*/
.hp_category{
    padding:4rem 8% 2rem 8%;
}
.product_cat-4{
    width:85%;
    margin:0 auto;
}
/*.product_cat-4 .row{*/
/*    display:grid;*/
/*    grid-template-columns: 25% 25% 50% !important;*/
/*    grid-template:'b c a'*/
/*                  'd e a';*/
/*    grid-gap: 8px;*/
/*}*/
/*.product_cat-4 .row .col-12{*/
/*    -ms-flex: 0 0 100%;*/
/*    flex: 0 0 100%;*/
/*    max-width: 100%;*/
/*}*/
/*.product_cat-4 .row .col-12:nth-child(1){*/
/*    grid-area:a;*/
/*}*/
/*.product_cat-4 .row .col-12:nth-child(2){*/
/*    grid-area:b;*/
/*}*/
/*.product_cat-4 .row .col-12:nth-child(3){*/
/*    grid-area:c;*/
/*}*/
/*.product_cat-4 .row .col-12:nth-child(4){*/
/*    grid-area:d;*/
/*}*/
/*.product_cat-4 .row .col-12:nth-child(5){*/
/*    grid-area:e;*/
/*}*/
/*.product_cat-4 .row .col-12:nth-child(6){*/
/*    display:none;*/
/*}*/
/*.product_cat-4 .row .col-12:nth-child(1) .cat_outter_box{*/
/*    height:100%;*/
/*}*/
/*.product_cat-4 .row .col-12:nth-child(1) .cat_box{*/
/*    height:100%;*/
/*}*/
.product_cat-4 .cat_outter_box{
    /*height:100%;*/
    height:380px;
}
.product_cat-4 .cat_box{
    height:100%;
    border-radius:20px;
    overflow:hidden;
}
.product_cat-4 .cat_outter_box{
    padding:10px;
}
.product_cat-4 .cat_box .content {
    background-color: rgba(0, 0, 0, 0.5);
    justify-content:center;
    height: 100%;
    opacity:0;
    transition: linear .3s;
}
.product_cat-4 .cat_box:hover .content{
    opacity:1;
}
.product_cat-4 .cat_box .content .content_box{
    color:#fff;
    text-align:center;
}
.product_cat-4 .cat_box .content .line{
    display:none;
}
.product_cat-4 .cat_box .content .content_box .btn-outline-primary{
    border:0px;
    border-bottom:1px solid #fff;
    padding: 0;
    border-radius:0px;
    font-size:14px;
    color:#fff;
}
.product_cat-4 .cat_box .content .content_box .btn-outline-primary:hover{
    border:0px;
    background:transparent;
}
.product_cat-4 .cat_box .content .content_box h3{
    display:none;
}
.product_cat-4 .cat_box .content .content_box h4{
    font-weight:800;
}
/*hp_categorybtn*/
.hp_categorybtn .btn_box{
    text-align:center;
    margin-top:20px;
}

/*hp_vision*/
.hp_vision{
    padding-top:4rem;
}
.vision_bg{
    margin-top:2rem;
    background-image:linear-gradient(to right,#0144a8 ,#1a1d6a);
}
.vision_icon{
    width:65px;
    transition: linear .3s;
    animation:2s .0s pulse infinite;
}
.vision_box{
    margin:5% 0;
    padding:20px;
}
.line-right{
    border-right:3px solid #ffffff;
}
.vision_box:hover .vision_icon{
    transform:scale(1.1);
}
.vision_boxtitle {
    font-size: 1.4vw;
    font-weight: 700;
    margin:15px 0 10px 0;
    color:#ffffff;
}
.vision_box .content_text{
    margin-top:10px;
    font-size:.95vw;
    margin-bottom:0;
    color:#fff;
}
/*hp_why*/
.hp_why{
    background-image:url(https://cdn1.npcdn.net/images/D_wcu_element_fjpr6g_1763958262.png?md5id=fc38d019366c0aa622caceb53f7f7a60&new_width=1250&new_height=915&type=4);
    background-size:50%;
    background-position:center;
    background-repeat: no-repeat;
    padding:4rem 8% 2rem 8%;
}
.why_box{
    position:relative;
    z-index:5;
    padding:35px 32px;
    border: 2px solid transparent;
    transition: linear .3s;
    height:100%;
    border-radius:20px;
}
.why_box::before{
    content:'';
    position:absolute;
    z-index:-1;
    display:block;
    width:100%;
    height:100%;
    background-color:#f7f7f7;
    border-radius:20px;
    border: 1px solid #222222;
    left:0;
    top:0;
    opacity:0;
    transition: linear .1s;
}
.why_box::after{
    content:'';
    position:absolute;
    z-index:-2;
    display:block;
    width:100%;
    height:100%;
    background-color:#0045aa;
    border-radius:20px;
    left:4px;
    top:4px;
    opacity:0;
    transition: linear .3s;
}
.why_box:hover::before,
.why_box:hover::after{
    opacity:1;
}
.why_icon{
    width:80px;
    transition: linear .3s;
    animation:2s .0s pulse infinite;
}
.hp_why .why_box:hover .why_icon{
    transform:scale(1.1);
}
.why_boxtitle {
    font-size: 1.2vw;
    font-weight: 700;
    margin:15px 0 10px 0;
    color:#0045aa;
}
.why_box .content_text{
    margin-top:10px;
    font-size:.95vw;
    margin-bottom:0;
}
/*hp_about*/
.hp_about{
    position:relative;
}
.hp_about::after{
    content: '';
    background-color: #0045aa;
    position: absolute;
    z-index: -1;
    display: block;
    width: 100%;
    height: 92.25%;
    top: 4.5%;
}
.aboutimg_group{
    position:relative;
}
.about_img{
    width:95%;
}
.about_content{
    width: 82%;
    margin: 5% auto 5% 8%;
    background: #fff;
    border-radius: 50px 0;
    padding: 5% 10% 3% 10%;
}
.aboutimg_title{
    position: absolute;
    z-index: 2;
    right: -2%;
    top: 15%;
    color:#fff;
    font-size:2.9vw;
}
.about_title{
    color:#222222;
    font-size:2.2vw;
}
.btn_about{
    font-size:1.1vw;  
    font-weight:600;
    text-align:center;
    padding:12px 25px;
    color:#0045aa;
    background:transparent;
    border:none;
    border-radius:15px;
    margin-top:5px;
    transition: linear.3s;
    display:flex;
    align-items:center;
}
.btn_about:hover{    
    color:#222222;
    border:none;
}
.btn_about::after{
    content:'';
    position: relative;
    display:inline-block;
    z-index:5;
    background-image:url(https://cdn1.npcdn.net/images/E_aboutus_viewmore_icon_l165qr_1763958264.png?md5id=fc38d019366c0aa622caceb53f7f7a60&new_width=150&new_height=150&type=4);
    background-size:contain;
    background-repeat:no-repeat;
    width:30px;
    height:30px;
    margin-left:10px;
    transition: linear.3s;
}
.btn_about:hover::after{
    filter:brightness(0);
    margin-left:15px;
    animation : .5s .1s rotateIn both;
}
.about_content .btn_box{
    display:flex;
    justify-content: end;
    align-items:end;
    margin-right: -10%;
}
.about_content .btn_box a{
    text-decoration:none;
}

/*hp_project*/
.hp_project{
    padding:4rem 8% 2rem 8%;
}
.hp_project .btn_box{
    display:flex;
    justify-content: end;
    align-items:end;    
}
.hp_photoGallerySliderWithTitle {
    background-color: transparent;
    position:relative;
    width:84%;
    margin:0 auto 4rem auto;
    padding:2% 3%0 3%;
    z-index:2;
}
.hp_photoGallerySliderWithTitle::before{
    content:'';
    position:absolute;
    z-index:-1;
    display:block;
    width:100%;
    height:100%;
    background-color:#f7f7f7;
    border-radius:50px;
    border: 2px solid #222222;
    left:0;
    top:0;
    transition: linear .1s;
}
.hp_photoGallerySliderWithTitle::after{
    content:'';
    position:absolute;
    z-index:-2;
    display:block;
    width:100%;
    height:100%;
    background-color:#0045aa;
    border-radius:50px;
    left:7px;
    top:7px;
    transition: linear .3s;
}
.hp_photoGallerySliderWithTitle .photo-gallery .outline_box p{
    font-size:1.1vw;
    font-weight:700;
}
/*hp_marquee*/
.hp_marquee{
    padding:4rem 0;
}
.category_marquee {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    margin-top:4rem;
}
.category_marqueecontent {
    display: flex;
    width: max-content;
    animation: marquee 15s linear infinite;
}
.category_marqueecontent div{
    display: inline-block;
    margin-right: 20px; /* space between items */
    width:280px;
    text-decoration: none;
    transition: color 0.3s ease;
}

/*hp_contact*/
.hp_contact{
    padding:0 0 0 8%;
}
.hp_contact::after {
  content: '';
  background-color: #0045aa;
  position: absolute;
  z-index: -1;
  display: block;
  width: 100%;
  height: 92.25%;
  top: 8.5%;
  left:0;
}
.contact_content .big_title,
.contact_content .content_text{
    color:#ffffff;
}
.contact_content .btn_more{
    background:#222222;
    color:#ffffff;
}
.contact_content .btn_more:hover{
    background:#ffffff;
    border-color:#ffffff;
    color:#0045aa;
}
/* Pause animation on hover */
.category_marquee:hover .category_marqueecontent {
    animation-play-state: paused;
}

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

/*footer*/
.footer_type10{
    background:#fff;
    color:#222222;
}
.footer_type10 .text{
   color:#222222 !important;
   font-size:14.5px;
}
.footer_type10 .icon i,
.footer_type10 a{
    color:#222222 ;
}
.footer_type10 a:hover{
    color:#0045aa ;
}
.footer_type10 p,
.footer_type10 .text-light{
  color:#222222  !important;   
}
.footer_type10 .sub_title{
    color: #0045aa;
    border-bottom: 1px solid #222222;
    padding-bottom:2px;
}
.footer_type10 .icon .fa-at::before {
  content:"\f0e0";
}
.footer_type10 .text .fa-envelope{
    display:none;
}


@media (min-width:1600px){
    .navbar_type8 .nav_tab .nav_item{
        font-size: 18px;
    }
}

@media (max-width:991px){
    .navbar_mobile{
        position: absolute;
    }
    #main_index .editor,
    .editor{
        display:block !important;
        height:65px;
    }
    .slider_banner p{
        font-size:12px;
    }
    .topspace{
        display:flex;
        justify-content: center;
        align-items: center;
        height: 65px;
    }
    .topspace p {
      color: #ffffff;
      font-size: 12.5px;
    }
    .navbar_mobile{
        top:65px;
    }
    .banner_title{
        font-size:28px;
    }
    .banner_smalltitle{
        font-size:14px;
    }
    .banner_more{
        font-size:14px;
    }
    .banner_line {
        height: 5px;
    }
    .big_title {
        font-size: 24px;
    }
    .content_text {
        font-size: 14px;
    }
    .line-right{
        border-right:0px;
    }
    .vision_bg{
        padding:5% 0;
    }
    .vision_box {
      margin: 0 5%;
      padding: 20px;
    }
    .vision_boxtitle {
        font-size: 17px;
    }
    .vision_box .content_text{
        font-size:14px;
    }
    .why_boxtitle {
        font-size: 17px;
    }
    .why_box .content_text{
        font-size:14px;
    }
    .hp_about{
        padding:4rem 0;
    }
    .hp_about::after {
      width: 100%;
      height: 100%;
      top: 0;
    }
    .aboutimg_title{
        font-size:25px;
    }
    .about_title{
        font-size:24px;
    }
    .btn_about{
        font-size:12px;
    }
    .btn_more {
        font-size: 12px;
    }
    .hp_photoGallerySliderWithTitle .photo-gallery .outline_box p {
        font-size: 15px;
    }
    .category_marqueecontent div {
        width: 195px;
    }
    .hp_contact{
        padding:4rem 0;
    }
    .hp_contact::after {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
    }
}

@media (max-width:480px){
    .product_cat-4 .row {
      display: block;
    }
    .product_cat-4 .cat_box img{
        min-height:200px;
    }
    .product_cat-4 .cat_box .content {
      opacity: 1;
    }
    .product_cat-4 .cat_outter_box {
      height: 300px;
    }
    /*.product_cat-4 .cat_box{*/
    /*    height:300px;*/
    /*}*/
    /*.product_cat-4 .row .col-12:nth-child(1) .cat_outter_box {*/
    /*  height: 300px;*/
    /*}*/
    .why_box{
        height:unset;
        margin-bottom:15px;
    }
    .why_box::before,
    .why_box::after{
        opacity:1;
    }
    .aboutimg_title {
      right: 5%;
    }
    .about_content {
     width: 95%;
      margin: auto;
    }
    .about_content .btn_box {
      display: flex;
      justify-content: start;
      align-items: end;
      margin-right: 0;
    }
    .btn_about{
        padding-left:0;
    }
    .hp_project .btn_box {
      display: flex;
      justify-content: start;
      align-items: end;
    }
    .hp_photoGallerySliderWithTitle .photo-gallery .outline_box {
      padding: 5px;
    }
    .hp_contact {
       padding: 4rem 8% 0 8%;
    }
}