#main_index {
    padding-bottom: 0!important;
    background-color: #282b2b;
}


body > br {
    display: none;
}

/*dark theme*/
#toTop i {
    color: #000;
}

body {
  background-color: #282b2b;
  color: #fff;
  position: relative;
  
}

a, p, h1, h2, h3, h4, h5, h6 {
    color: #fff;
}

a:hover{
    text-decoration:none;
}

.page_title b {
    color: #fff;
}

.page_title {
    margin-top: 30px;
}

.keywords .text-muted {
  color: #f4f4f4 !important;
}

.keywords #faqAccordion a {
  color: #000;
}

.keywords #faqAccordion a:hover {
  color: #555;
}

.brand_menu_2 .brand_title, .brand_menu_2 .side_brand_panel, .mobile_ecommerce_filter_tool .mobile_ecommerce_filter_title, .mobile_ecommerce_filter_tool #mobile_ecommerce_filter_tool_id {
    background-color: rgba(255, 255, 255, 0.2);
}

.breadcrumb_b ol li a, .breadcrumb_b ol li::after, .category_list_type4 .category_box p, .product_list_5 .product_box .whatsapp_wrapper a, #main_searchproducts .text-muted {
    color: #eee;
}

.ws_contact p, .category_menu_3 .main_title, .category_list_type4 .category_box h6, .product_list_5 .product_box .product_des .price, .product_list_5 .product_box .product_des .title, .product_list_5 .product_box .product_des .price a, .product_list_5 .product_box .product_des .title a, .product_detail .product_description_link a, .nextprev_product .nextprev_product_title a, #showproducts_8_1 .text-muted, .booking_form .card_header .title::before, .recent_view_product .recent_view_product_item a {
  color: #fff !important;
}

.ws_contact h6 strong, .product_detail .title {
  color: #ccc;
}

.form-control {
    height: 36px;
    padding: 6px 12px;
}

#pills-enquiry .card, .booking_form .card, .booking_form .card_header .title::after {
    background-color: rgba(0, 0, 0, 1);
}

.booking_form .background {
    background-color: rgba(0, 0, 0, 1);
}

.brand_menu_2 .side_brand_panel, .product_list_horizontal .product_box .product_des .title a, .product_list_horizontal .product_box .whatsapp_wrapper a, .tag_fillter .tag_filler_list ul a, .category_menu_3 .brand_panel li a {
    color: #fff;
}

#main_searchproducts .text-muted,.product_list_horizontal .product_box .horizontal_detail_box .product_simple_description, .ws_recent_view_product .ws_recent_view_product_item .view_date {
    color: #eee !important;
}

.ws_recent_view_product .ws_recent_view_product_item a {
    color: #fff;
}

#main_tag .whatsapp_wrapper .btn-outline-success {
  color: #fff;
  border-color: #28a745;
  background-color: #28a745;
}

#main_tag .text-muted, .tag_fillter .seleted_box ul a,
.hp_latest_new .news_box .title {
  color: #fff !important;
}

.product_list_horizontal .product_box .whatsapp_wrapper i {
  color: #fff;
}

.tag_fillter .tag_filler_list ul li::before {
    color: rgba(255, 255, 255, 0.5);
}

.ws_career .career_box .card {
    z-index: 1;
}

.navbar_category .navbar-nav li a {
    border: 1px solid #fff;
    color: #fff;
}

.latest_new_detail .related-latest-news-items .post-text a {
    color: #fff;
}

.latest_new_detail .related-latest-news-items .post-meta p a {
    color: #ccc;
}

.latest_new_detail .date {
    opacity: 0.9;
}

.latest_new_detail .more_sub_image {
    background-color: #333;
}

.ws_contact a, .product-detail-tab .tab-pane .info_spec p {
  color: #fff;
}

.product-detail-tab .tab-pane .info_spec p strong {
  color: #f4f4f4;
}

.product_list_horizontal .product_box .img_frame img, .category_list_type4 .category_box .img_frame img, .product_list_5 .product_box .img_frame img, .productDetailImageFancy .one_img div img {
    background-color: #fff;
}

.ai_image_search .search-container {
    background-color: #fff;
}

#main_sitemap .text-muted {
  color: #f4f4f4 !important;
}

#main_sitemap .text-primary {
  color: #fff !important;
}

#main_sitemap .list-group h5 {
    color: #000;
}

#main_sitemap .list-group p.text-muted {
    color: #000 !important;
}

#main_terms .card .card-title {
    color: #fff;
}

#main_terms .card .card-text {
  color: #f4f4f4;
}

#main_index .ex_hp_googleReviewDefault .hpGoogleReviewItems {
  background-color: rgba(255, 255, 255, 0.25);
}

#main_index .ex_hp_googleReviewDefault .hpGoogleReviewSlider .slick-arrow {
  z-index: 5;
}

#main_index .ex_hp_googleReviewDefault .review_content,
#main_index .ex_hp_googleReviewDefault .reviewer_name {
    color: #fff;
}

#main_index .ex_hp_googleReviewDefault .text-muted {
  color: #f4f4f4 !important;
}

.ex_googleReviewWidget {
    background-color: transparent !important;
}

.ex_googleReviewWidget .title,
.ex_googleReviewWidget .google_review_header .gr_subtitle,
.ex_googleReviewWidget .google_review_rating_count,
.ex_googleReviewWidget .google_business_name a,
.ex_googleReviewWidget .google_business_name a:hover,
.ex_googleReviewWidget .body {
    color: #fff;
}

.ex_googleReviewWidget .google_review_items {
    background-color: rgba(255, 255, 255, 0.25) !important;
}

.ex_googleReviewWidget .text-muted {
  color: #f4f4f4 !important;
}

.ws_career .career_box .card h5 {
    color: #333;
}

.ws_career .career_box .card p {
    color: #000;
}

.latest_new_type4 .news_box {
    background-color: transparent;
}

.sorting_btn_type2 .sort_title {
    color: #fff;
}

.sorting_btn_type2 .page_remind {
    color: #ccc;
}

.wsdownload .card {
    color: #000;
}

.ws_career .col-12.col-md-6.col-lg-4 .card {
    background-color: rgba(0, 0, 0, 0.3);
}

.ws_career .career_detail label, .ws_career .career_detail .sub_title {
  color: #f4f4f4;
}

.toggle_btn .whatsapp_float_title {
    color: #000;
}

.list-group-item.active {
   background-color: #444 !important;
   color: #fff !important;
}

.hp_latest_new .news_box .date,
.hp_latest_new .news_box .content {
    opacity: .8;
}

.hp_latest_new .news_box .read_more {
    background-color: #fff;
  color: #000;
}

.faq_details .card {
    background-color: rgba(255, 255, 255, 0.2);
}

.faq_details .card .btn {
    color: #fff;
}

.faq_details .card-body {
    color: #fff;
}

#main_terms .card {
    background-color: rgba(255, 255, 255, 0.2);
}

.latest_new_detail .content {
    color: #fff;
}

.latest_new_detail .date::before {
    background-color: #fff;
}

@media (max-width: 992px) {
  #optionModal .modal-dialog .modal-content {
    background-color: #333;
  }
}

#optionModal .modal-dialog .text-muted {
  color: #f4f4f4 !important;
}

#optionModal .modal-header .close {
    color: #fff;
}

.page_title {
    margin-top: 2.5rem;
}

.page_title b {
  font-size: 2rem;
  position: relative;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.navbar_type8 .logo {
    flex: 0 1 30%;
}

.navbar_type8 .logo img {
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    padding: 2px;
}

.navbar_type8 .nav_tab {
    flex: 0 1 70%;
    justify-content: center;
    /*background-image: linear-gradient(to right,transparent 15px, #4e7ae1 15px, #4e7ae1 107.86px, transparent 107.86px);*/
}

/*.navbar_type8 .nav_tab .nav_item:first-child>a {*/
/*    color: #ffffff;*/
/*}*/

.navbar_type8 .nav_tab .nav_item>a {
  color: #fff;
  padding: 15px;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
}

.navbar_type8 {
    background-color: #151717;
    background-image: linear-gradient(to right, transparent 0%, rgba(255,255,255,0.3) 50%, transparent 100%) !important;
    background-repeat: no-repeat;
    background-position: -100vw;
    animation: shine 5s infinite;
}

.dark_nav {
    background-color: #151717 !important;
    background-image: linear-gradient(to right, transparent 0%, rgba(255,255,255,0.3) 50%, transparent 100%) !important;
    background-repeat: no-repeat;
    background-position: -100vw;
    animation: shine 5s infinite;
}
@keyframes shine {
  0% {
    background-position: -100vw;    
  }
  100% {
    background-position: 100vw;   
  }
}
@media screen and (max-width: 1199.98px) {
    .navbar_type8 .nav_tab .nav_item>a {
        padding: 15px 9px;
        font-size: 0.85rem;
    }
    
    /*.navbar_type8 .nav_tab {*/
    /*    background-image: linear-gradient(to right,transparent 15px, #4e7ae1 15px, #4e7ae1 73.48px, transparent 73.48px);*/
    /*}*/
}

.footer_type7 {
    background-color: #000;
    background-image: url('https://cdn1.npcdn.net/userfiles/25230/image/footer.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: relative;
    z-index: 2;
    padding: 5rem 15px !important;
}

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

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

.footer_type7 .title h6 {
    font-weight: 700;
}

.footer_type7 .all_font_md {
  font-size: 1.1rem !important;
}

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

/*banner*/
.sec_banner_ebox {
    width: 50%;
    position: absolute;
    left: 50%;
    bottom: 10%;
    transform: translateX(-50%);
}



/*top space*/
.bgTopNav {
    /*background-image: url('https://cdn1.npcdn.net/userfiles/25230/image/topbg(1).png');*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*background-position: 50% 70%;*/
    padding-top: 5px;
    padding-bottom: 5px;
    background: #af8946;
    display: none;
}

/*#main_index .bgTopNav {*/
/*    background: transparent;*/
/*}*/
.secTopNav_imgx img {
    filter: brightness(0) invert(1);
}
.secTopNav_box {
    display: flex;
    justify-content: flex-end;
}

.secTopNav_email_box,
.secTopNav_tel_box {
    display: flex;
    align-items: center;
}

.secTopNav_tel_box {
    margin-left: 3vw;
}

.secTopNav_imgx {
    max-width: 2vw;
    height: auto;
}

.secTopNav_email,
.secTopNav_tel {
    margin-left: .5vw;
}

.secTopNav_email>a,
.secTopNav_tel>a {
    font-size: 1vw;
    font-weight: 300;
    color: #ffffff;
    text-decoration: none;
}
.secTopNav_ctrl_width {
    max-width: 61vw;
    margin: 0 auto;
}

@media screen and (max-width: 767.98px) {
    .secTopNav_box {
        flex-wrap: wrap;
    }
    .sec_banner_ebox {
        width: 80% !important;
        bottom: 20% !important;
    }
    /*.slider_banner .item > img{*/
    /*    height: 300px !important;*/
    /*    object-fit: cover;*/
    /*}*/
    /*.slider_banner{*/
    /*    height: 300px !important;*/
    /*}*/
}



/*sec1*/
.bgSec1 {
  padding: 5rem 10%;
}

.sec1_top_ebox {
    padding: 0;
    margin-bottom: 2rem;
}

/*.sec1_top_title {*/
/*    font-size: 36px;*/
/*    line-height: 1;*/
/*    font-weight: 600;*/
/*    color: #4e7ae1;*/
/*}*/

.text_glitch {
	position: relative;
  color: #fff;
  font-size: 2.6vw;
  letter-spacing: 2px;
  text-align: left;
  animation: skew_text 1.5s linear infinite alternate-reverse;
  font-weight: 700;
}
.text_glitch::before,
.text_glitch::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: transparent;
	content: attr(data-text);
}
.text_glitch::before {
	left: -3px;
	text-shadow: -2px 0 #69c9d0;
	animation: glitch_text_01 1.5s linear infinite alternate-reverse;
}
.text_glitch::after {
	left: 3px;
	text-shadow: -2px 0 #ee1d52;
	animation: glitch_text_02 1.5s linear infinite alternate-reverse;
}

.hp_cate .text_glitch, .hp_why .text_glitch, .hp_why .sec2_keyword_title, .hp_cate .sec2_keyword_title, .hp_contact .text_glitch {
    text-align: center;
}

.hp_why .sec2_keyword_title, .hp_cate .sec2_keyword_title, .hp_contact .sec2_keyword_title {
  margin-top: 5px;
  margin-bottom: 0;
}


@keyframes skew_text {
	0% {
    transform: skew(-2deg);
  }
  40% {
    transform: skew(2deg);
  }
	45% {
    transform: skew(-2deg);
  }
	50% {
    transform: skew(2deg);
  }
  100% {
    transform: skew(-2deg);
  }
}
@keyframes glitch_text_01 {
  0% {
    clip: rect(80px, auto, 85px, 10px);
  }
  5% {
    clip: rect(84px, auto, 118px, 10px);
  }
  10% {
    clip: rect(22px, auto, 83px, 10px);
  }
  15% {
    clip: rect(15px, auto, 15px, 10px);
  }
  20% {
    clip: rect(116px, auto, 89px, 10px);
  }
  25% {
    clip: rect(95px, auto, 122px, 10px);
  }
  30% {
    clip: rect(108px, auto, 10px, 10px);
  }
  35% {
    clip: rect(118px, auto, 76px, 10px);
  }
  40% {
    clip: rect(53px, auto, 46px, 10px);
  }
  45% {
    clip: rect(131px, auto, 121px, 10px);
  }
  50% {
    clip: rect(79px, auto, 68px, 10px);
  }
  55% {
    clip: rect(40px, auto, 108px, 10px);
  }
  60% {
    clip: rect(25px, auto, 94px, 10px);
  }
  65% {
    clip: rect(125px, auto, 119px, 10px);
  }
  70% {
    clip: rect(59px, auto, 87px, 10px);
  }
  75% {
    clip: rect(70px, auto, 69px, 10px);
  }
  80% {
    clip: rect(109px, auto, 67px, 10px);
  }
  85% {
    clip: rect(29px, auto, 96px, 10px);
  }
  90% {
    clip: rect(41px, auto, 53px, 10px);
  }
  95% {
    clip: rect(110px, auto, 37px, 10px);
  }
  100% {
    clip: rect(90px, auto, 92px, 10px);
  }
}
@keyframes glitch_text_02 {
  0% {
    clip: rect(73px, auto, 132px, 10px);
  }
  5% {
    clip: rect(126px, auto, 60px, 10px);
  }
  10% {
    clip: rect(119px, auto, 28px, 10px);
  }
  15% {
    clip: rect(154px, auto, 40px, 10px);
  }
  20% {
    clip: rect(87px, auto, 64px, 10px);
  }
  25% {
    clip: rect(55px, auto, 19px, 10px);
  }
  30% {
    clip: rect(105px, auto, 115px, 10px);
  }
  35% {
    clip: rect(28px, auto, 95px, 10px);
  }
  40% {
    clip: rect(99px, auto, 27px, 10px);
  }
  45% {
    clip: rect(160px, auto, 30px, 10px);
  }
  50% {
    clip: rect(46px, auto, 102px, 10px);
  }
  55% {
    clip: rect(26px, auto, 106px, 10px);
  }
  60% {
    clip: rect(123px, auto, 8px, 10px);
  }
  65% {
    clip: rect(155px, auto, 123px, 10px);
  }
  70% {
    clip: rect(29px, auto, 118px, 10px);
  }
  75% {
    clip: rect(43px, auto, 24px, 10px);
  }
  80% {
    clip: rect(129px, auto, 67px, 10px);
  }
  85% {
    clip: rect(101px, auto, 127px, 10px);
  }
  90% {
    clip: rect(121px, auto, 0px, 10px);
  }
  95% {
    clip: rect(110px, auto, 84px, 10px);
  }
  100% {
    clip: rect(19px, auto, 112px, 10px);
  }
}

.sec1_bottom_left_ebox,
.sec1_bottom_right_ebox {
    margin-top: 30px;
}

.sec1_bottom_left_box {
    position: relative;
}

.sec1_bottom_left_content_box {
    width: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sec1_bottom_left_content_title {
    font-size: 28px;
    line-height: 1;
    font-weight: 600;
    color: #ffffff;
}

.sec1_bottom_left_content_text {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 200;
    color: #d1d5d7;
    margin-top: 15px;
    margin-bottom: 20px;
}

.sec1_bottom_left_content_imgx {
    margin-top: 40px;
}

.sec1_bottom_right_bottom_ebox {
    margin-top: 15px;
}

.sec1_bottom_right_top_box,
.sec1_bottom_right_bottom_box {
    position: relative;
}

.sec1_bottom_right_top_content_box,
.sec1_bottom_right_bottom_content_box {
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sec1_bottom_right_top_content_title,
.sec1_bottom_right_bottom_content_title {
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
    color: #ffffff;
}

.sec1_bottom_right_top_content_imgx,
.sec1_bottom_right_bottom_content_imgx {
    max-width: 80%;
    margin: 10px auto 20px;
}

.sec1_bottom_right_top_content_title,
.sec1_bottom_right_bottom_content_title {
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    color: #ffffff;
}

.sec1_btnRead {
    display: inline-block;
    text-decoration: none!important;
    font-size: 16px;
    font-weight: 600;
    color: transparent;
    position: relative;
}

.sec1_btnRead span {
    position: relative;
    display: inline-block;
    padding: 3px 25px;
    color: transparent;
}

.sec1_btnRead span::before {
    content: attr(text);
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    padding: 3px 23px;
    transform-style: preserve-3d;
    transition: .3s;
    transform: rotateX(90deg) translateY(10px);
    transform-origin: bottom;
}

.sec1_btnRead span:hover::before {
    transform: rotateX(0deg) translateY(0px);
}

.sec1_btnRead span::after {
    content: attr(text);
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #4e7ae1;
    color: #ffffff;
    padding: 3px 23px;
    transform-style: preserve-3d;
    transition: .3s;
    transform: rotateX(0deg) translateY(0px);
    transform-origin: top;
}

.sec1_btnRead span:hover::after {
    transform: rotateX(90deg) translateY(-10px);
}

@media screen and (min-width: 992px) {
    .sec1_ctrl_width {
        padding-left: 15px;
        /* padding-right: 15px; */
    }
    .sec1_bottom_left_ebox {
        flex: 0 0 29.1666%;
        max-width: 29.1666%;
        /* flex: 0 0 27.0833%;
        max-width: 27.0833%; */
        padding-left: 0;
        padding-right: 15px;
    }
    .sec1_bottom_right_ebox {
        flex: 0 0 20.8333%;
        max-width: 20.8333%;
        /* flex: 0 0 22.9166%;
        max-width: 22.9166%; */
        padding-left: 0;
        padding-right: 15px;
    }
    .sec1_bottom_left_imgx>img {
        height: 475px;
        width: 100%;
    }
    .sec1_bottom_right_top_imgx>img,
    .sec1_bottom_right_bottom_imgx>img {
        height: 230px;
        width: 100%;
        margin: cover
    }
}

@media screen and (min-width: 1200px) {
    .sec1_bottom_left_imgx>img {
        height: 611px;
        width: 100%;
    }
    .sec1_bottom_right_top_imgx>img,
    .sec1_bottom_right_bottom_imgx>img {
        height: 298px;
        width: 100%;
        margin: cover;
    }
}

@media screen and (max-width: 991.98px) {
    .sec1_top_title::after {
        margin: 10px auto 0;
    }
    .sec1_bottom_right_ebox {
        margin-top: 15px;
    }
}

@media screen and (max-width: 426px) {
    .sec1_top_title {
        font-size: 28px;
    }
    .sec1_bottom_left_content_title {
        font-size: 24px;
    }
    .sec1_bottom_left_content_imgx {
        margin-top: 20px;
    }
    .sec1_bottom_right_top_content_imgx,
    .sec1_bottom_right_bottom_content_imgx {
        max-width: 75%;
    }
}



/*sec2*/

.about_pic img {
    width: 100%;
    padding-right: 3vw;
}
.bgSec2 {
    /*background-image: url('https://cdn1.npcdn.net/img/1620802667contbg-new.jpg');*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*background-size: cover;*/
    padding: 5rem 10%;
}

.sec2_title {
    font-size: 36px;
    line-height: 1;
    font-weight: 600;
    color: #4e7ae1;
}

.sec2_title::after {
    content: '';
    display: block;
    width: 140px;
    height: 1px;
    background-color: #ffffff;
    margin-top: 10px;
}

.sec2_keyword_title {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 600;
  color: #cca052;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
}

.sec2_keyword {
  font-size: 16px;
  line-height: 1.8;
  font-weight: 400;
  color: #fff;
  margin-bottom: 30px;
}

.btnRead {
    display: inline-block;
    text-decoration: none!important;
    font-size: 16px;
    font-weight: 600;
    color: transparent;
    position: relative;
}

.btnRead span {
    position: relative;
    display: inline-block;
    padding: 3px 25px;
    color: transparent;
}

.btnRead span::before {
    content: attr(text);
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #4e7ae1;
    color: #ffffff;
    padding: 3px 23px;
    transform-style: preserve-3d;
    transition: .3s;
    transform: rotateX(90deg) translateY(10px);
    transform-origin: bottom;
}

.btnRead span:hover::before {
    transform: rotateX(0deg) translateY(0px);
}

.btnRead span::after {
    content: attr(text);
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    padding: 3px 23px;
    transform-style: preserve-3d;
    transition: .3s;
    transform: rotateX(0deg) translateY(0px);
    transform-origin: top;
}

.btnRead span:hover::after {
    transform: rotateX(90deg) translateY(-10px);
}

@media screen and (min-width: 992px) {
    /*.sec2_keyword_title {*/
    /*    max-width: 65%;*/
    /*}*/
    /*.sec2_keyword {*/
    /*    max-width: 90%;*/
    /*}*/
}

@media screen and (max-width: 426px) {
    .sec2_title {
        font-size: 28px;
    }
    .sec2_keyword_title {
        font-size: 20px;
    }
}



/*sec3*/
.bgSec3 {
    padding: 3rem 10%;
    padding-bottom: 8rem;
}

.sec3_top_title {
    display: inline-block;
    font-size: 36px;
    line-height: 1;
    font-weight: 600;
    color: #ffffff;
    background-color: #4e7ae1;
    padding: 5px 30px;
}

.sec3_bottom_box {
    margin-top: 25px;
}

.imageMarquee {
    height: 119px;
    background-image: url('https://cdn1.npcdn.net/img/1621849822brandslogo.jpg');
    animation: imageMovement 40s linear infinite;
}



@keyframes imageMovement {
    100% {
        background-position-x: -5976px;
    }
}

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


/*sec4*/
.bgSec4 {
    /*background-image: url('https://cdn1.npcdn.net/img/1689066832contbg2.jpg');*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*background-size: cover;*/
    /*padding-top: 6rem;*/
    /*padding-bottom: 6rem;*/
    /*margin-top: 2rem;*/
    /*margin-bottom: 3rem;*/
    padding-top: 3rem 10%;
}

.why_top_title {
    font-size: 36px;
    line-height: 1;
    font-weight: 600;
    color: #4e7ae1;
}

.why_top_title::after {
    content: '';
    display: block;
    width: 140px;
    height: 1px;
    background-color: #ffffff;
    margin-top: 10px;
}

.why_top_text {
    font-size: 22px;
    line-height: 1;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 60px;
}

/*.why_bottom_imgx>img {*/
/*    transition: transform .5s;*/
/*}*/

/*.why_bottom_imgx>img:hover {*/
/*    transform: translateY(-5%);*/
/*}*/

.why_bottom_imgx {
    width: 55%;
    margin: 0 auto;
}

.why_bottom_imgx img {
    filter: brightness(0) invert(1);
}

.why_bottom_text {
    font-size: 17px;
    line-height: 1.2;
    font-weight: 600;
    color: #ffffff;
    margin-top: 20px;
    text-align: center;
}

@media screen and (min-width: 992px) {
    /*.why_ctrl_width {*/
    /*    max-width: 90%;*/
    /*    margin: 0 auto;*/
    /*}*/
    /*.why_bottom_imgx {*/
    /*    max-width: 90%;*/
    /*    margin: 0 auto;*/
    /*}*/
}

@media screen and (max-width: 767.98px) {
    .sec4_top_text {
        margin-bottom: 30px;
    }
    /*.sec4_bottom_ebox:nth-child(1n+3) {*/
    /*    margin-top: 30px;*/
    /*}*/
}

@media screen and (max-width: 426px) {
    .sec4_top_title {
        font-size: 28px;
    }
    .sec4_top_text {
        font-size: 20px;
    }
    .sec4_bottom_text {
        font-size: 18px;
        margin-top: 10px;
    }
}

/*.hp_cate .container {*/
/*  display: flex;*/
/*  height: 100vh;*/
/*}*/

.hp_cate .cate_box {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  color: #fff;
  transition: flex .4s ease;
  position: relative;
}

.hp_cate .cate_box .overlay {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  transition: background-color .8s ease;
}

.hp_cate .cate_box .content {
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hp_cate .cate_box .content a {
    width: 100%;
    height: 100%;
}

.hp_cate .cate_box .content h1 {
    font-size: 25px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #fff;
  margin-bottom: 0;
}

.hp_cate .cate_box:hover {
  flex: 2;
}

.cate_box img {
    width: 100%;
}

.hp_cate .cate_box:hover .overlay {
  background-color: rgba(0, 0, 0, 0.2);
}

.hp_cate .cate_box:hover .lable {
    text-shadow: 1px 1px 3px #000;
}

.cate_group {
    display: flex;
    width: 100%;
    height: 20vw;
}
.button_cate {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: transparent;
  width: 100%;
  height: 100%;
  padding: 4vw 3vw;
  text-align: left;
}

.lable {
  font-size: 22px;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
  font-weight: 700;
  line-height: 1.3;
}

.button_cate:hover .img-icon {
  animation: spin 2s linear infinite;
  display: block;
}

.img-icon {
  filter: brightness(0) invert(1);
  margin-right: 10px;
  width: 30px !important;
  display: none;
  transition: all 0.3s ease;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.hp_cate a:hover {
    text-decoration: none;
}

#wrapper_bg {
  height:100%;
  width:100%;
  text-align: center;
  display: table;
  position:absolute;
  opacity: 0.4;
  top: -100px;
}

#wrapper_bg canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto; 
}

#canvas {
  z-index: 0;
}
#canvasbg {
  z-index: -10;
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  filter: blur(3px);
  opacity: 0.6;
}

.ui-btn {
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #af8946;
  border: none;
  transition: .3s;
  overflow: hidden;
  box-shadow: none;
  font-weight: 600;
}

.ui-btn span {
  letter-spacing: 1px;
  font-size: 14px;
  transition: .3s; 
  box-sizing: border-box;
  position: relative;
  background: inherit;
}

.ui-btn span::before {
  box-sizing: border-box;
  position: absolute;
  content: "";
  background: inherit;
}

.ui-btn:hover,
.ui-btn:focus {
  background: #151717;
}

.ui-btn:hover span,
.ui-btn:focus span {
  color: #fff; 
}

.ui-btn:hover span::before,
.ui-btn:focus span::before {
  animation: chitchat linear both 1.2s;
}

.sec2_btn a:hover {
    text-decoration: none;
}

@keyframes chitchat {
  0% {
    content: "#";
  }

  5% {
    content: ".";
  }

  10% {
    content: "^{";
  }

  15% {
    content: "-!";
  }

  20% {
    content: "#$_";
  }

  25% {
    content: "№:0";
  }

  30% {
    content: "#{+.";
  }

  35% {
    content: "@}-?";
  }

  40% {
    content: "?{4@%";
  }

  45% {
    content: "=.,^!";
  }

  50% {
    content: "?2@%";
  }

  55% {
    content: "\;1}]";
  }

  60% {
    content: "?{%:%";
    right: 0;
  }

  65% {
    content: "|{f[4";
    right: 0;
  }

  70% {
    content: "{4%0%";
    right: 0;
  }

  75% {
    content: "'1_0<";
    right: 0;
  }

  80% {
    content: "{0%";
    right: 0;
  }

  85% {
    content: "]>'";
    right: 0;
  }

  90% {
    content: "4";
    right: 0;
  }

  95% {
    content: "2";
    right: 0;
  }

  100% {
    content: "";
    right: 0;
  }
}

.about_ebox {
    display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.row_why {
   justify-content: center;
  background: linear-gradient( 45deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2) );
  backdrop-filter: blur(4px);
  padding: 3vw;
}

.hp_why .col-md-2 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.why_bottom_ebox {
  /*margin: 15px;*/
  padding: 15px 30px;
}

.why_top_box {
    margin-bottom: 2rem;
}

.why_bottom_box {
    transition: all 0.3s ease;
}

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

#main_index .hours-list {
    list-style-type: none;
  padding: 0;
  margin: 0;
  display: table;
}

#main_index .hours-list__item {
  display: table-row;
  margin: 0;
  padding: 0;
}

#main_index .hours-list__day, .hours-list__from, .hours-list__dash, .hours-list__to {
  display: table-cell;
}

#main_index .hours-list__day {
    padding-right: 20px;
}

#main_index .hours-list__dash {
  padding-left: 10px;
  padding-right: 10px;
}

.contact_ebox {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#main_index .ws_contact .contact_map,
#main_index .ws_contact .page_title,
#main_index .ws_contact #v-pills-tabContent{
    display:none;
}

#main_index .col-md-4.ws_contact{
    margin-bottom: 10px;
    -ms-flex: 0 !important;
    flex: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
}

#main_index .ws_contact .col-12 .flex-md-row-reverse .col-md-8{
    -ms-flex: 0 0 100%;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

#main_index .ws_contact .contact_form{
    max-width:100%;
    margin-left:2vw;
}

#main_index .ws_contact .contact_form label{
    font-size: .9rem;
    line-height: 1.2rem;
    letter-spacing: 2px;
    color: #fff;
    text-transform: uppercase;
}

#main_index .ws_contact .contact_form .float-label-control:nth-child(4){
    display:none;
}

#main_index .ws_contact button{
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 0px !important;
}

#main_index .index_wrapper_6 {
   padding: 5rem 0;
  background-color: #000;
  z-index: 2;
  position: relative;
  background-image: url('https://cdn1.npcdn.net/userfiles/25230/image/contactbg.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 80%;
  background-attachment: fixed;
}

.contact_title {
    font-size: 18px;
  font-weight: 700;
  color: #eee;
}

.contact_title i {
    margin-right: 15px;
}

.contact_group a {
    color: #ffffff;
}

.contact_group a:hover {
    color: #af8946;
    text-decoration: none;
}

.contact_keyword {
    font-size: 16px;
    color: #fff;
    line-height: 1.6;
}

#main_index .outerContainer_6  {
    padding: 0;
}

.contact_box {
    text-align: center;
}

.contact_point {
    margin: 20px 0;
}

.working_hour  {
    margin: 10px 0;
    display: flex;
  justify-content: center;
  align-items: center;
}

#main_index .ws_contact .contact_form {
  margin-bottom: 0;
} 

#main_index .ws_contact .contact_form .mb_10 {
  margin-bottom: 0;
}

#main_index #index_7 {
    display: flex;
  justify-content: center;
  align-items: center;
}

#main_index #mapDiv {
    filter: invert(90%) grayscale(1) !important;
}

#main_index .ws_contact .contact_form .float-label-control .form-control::placeholder {
  color: #eee;
  opacity: 0.6;
}

#main_index .ws_contact .contact_form .float-label-control .form-control:focus {
    color: #fff;
  background-color: rgba(0, 0, 0, 0.9);
}

#main_index .ws_contact .contact_form .float-label-control .form-control {
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #fff;
    border-radius: 0;
}

.video_group {
    position: relative;
}

.video {
    width: 100%;
    height: auto;
    display: block;
    filter: brightness(0.7);
}

.hp_banner_inner {
    position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  text-align: center;
}

#main_index .index_wrapper_2 {
    position: relative;
  z-index: 2;
}

.hp_banner_inner .text_glitch {
    font-size: 3vw;
    text-align: center;
    font-weight: 800;
}

.banner_keyword {
    font-size: 18px;
  color: #fff;
  width: 60%;
  margin: 0 auto;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 20px;
}

.banner_button {
    display: flex;
  justify-content: center;
  align-items: center;
}

.banner_button a:hover {
    text-decoration: none;
}

@media screen and (max-width: 1180px) {
    .navbar_type8 .nav_tab .nav_item > a {
        font-size: 12px;
    }
    .banner_keyword {
        font-size: 14px;
    }
    .ui-btn span {
        font-size: 12px;
    }
    .ui-btn {
        padding: 8px 15px;
    }
    .sec2_keyword_title {
        font-size: 18px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .bgSec2 {
        padding: 4rem 4%;
    }
    .about_pic img {
        padding-right: 1vw;
    }
    .sec2_keyword {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 20px;
    }
    .bgSec1 {
      padding: 2rem 4%;
    }
    .cate_group {
        height: 23vw;
    }
    .lable {
        font-size: 19px;
    }
    .bgSec3 {
      padding: 3rem 6%;
      padding-bottom: 5rem;
    }
    .row_why {
        padding: 2vw;
    }
    .why_bottom_ebox {
        padding: 10px 20px;
    }
    .why_bottom_text {
        font-size: 15px;
    }
    #main_index .index_wrapper_6 {
        padding: 4rem 0;
    }
    .contact_title {
        font-size: 16px;
    }
    .contact_keyword {
        font-size: 14px;
    }
    #main_index .ws_contact button {
        padding: 8px 15px;
    }
    #main_index .ws_contact .contact_form .btn {
      font-size: 13px !important;
    }
    .footer_type6 {
        padding: 3rem 0 !important;
    }
}

.navbar_mobile, #top_spacing {
    height: 107px;
}

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

.navbar_mobile .pt-3 {
    padding-top: 6px !important;
}

.navbar_mobile .row_1 {
    margin-bottom: 6px;
}


@media screen and (max-width: 580px) {
    #main_index {
        overflow-x: hidden !important;
    }
    .side_menu, .navbar_mobile {
        background-color: #151717;
    }
    .index_wrapper_2 .item.slick-slide > img {
        min-height: 350px !important;
        object-fit: cover;
    }
    .index_wrapper_2 .item.slick-slide video {
        min-height: 350px !important;
        object-fit: cover;
    }
    .hp_banner_inner .text_glitch {
        font-size: 20px;
    }
    .banner_keyword {
        font-size: 13px;
        font-weight: 500;
        width: 100%;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .ui-btn span {
        font-size: 12px;
    }
    .hp_banner_inner .ui-btn span {
        font-size: 12px;
    }
    .bgSec2, .bgSec1 {
        padding: 1.5rem;
    }
    .about_pic img {
        padding-right: 0;
    }
    .text_glitch {
        font-size: 24px;
    }
    .sec2_keyword_title {
        font-size: 16px;
    }
    .about_box {
        margin-top: 1.5rem;
    }
    .cate_group {
        height: 130vw;
        flex-direction: column;
        width: 90%; 
        margin: 0 auto;
    }
    #wrapper_bg {
        top: 0;
    }
    #wrapper_bg canvas {
        width: 100%;
        height: 2000px;
    }
    .hp_why .col-md-2 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
    .row_why {
        width: 90%;
        margin: 0 auto;
        padding: 1rem 0;
    }
    .why_bottom_ebox {
        padding: 1rem;
    }
    .why_bottom_imgx {
        width: 25%;
    }
    #main_index .index_wrapper_6 {
        background-position: 50% 100%;
    }
    .contact_title i {
      margin-right: 10px;
    }
    .footer_type6 {
        padding: 2rem !important;
    }
}