:root {
    --c1: #E70012;
    --c2: #25374B;
    --spacer: 1rem;
}

#menu-item-5750 ul {
    display: none !important;
}

#menu-item-5760 {
    display: none !important;
}

/*
Theme Name: WEHO Theme
Theme URI: http://www.eastdesign.net
Author: the East Digi Marketing team
Author URI: http://www.eastdesign.net
Version: 1.0
*/

/* @font-face {
    font-family: 'CircularStd-Book';
    src: url('/wp-content/themes/weho/assets/fonts/CircularStd-Book.eot');
    src: url('/wp-content/themes/weho/assets/fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/weho/assets/fonts/CircularStd-Book.woff2') format('woff2'),
        url('/wp-content/themes/weho/assets/fonts/CircularStd-Book.woff') format('woff'),
        url('/wp-content/themes/weho/assets/fonts/CircularStd-Book.ttf') format('truetype'),
        url('/wp-content/themes/weho/assets/fonts/CircularStd-Book.svg#CircularStd-Book') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'CircularStd-Bold';
    src: url('/wp-content/themes/weho/assets/fonts/CircularStd-Bold.eot');
    src: url('/wp-content/themes/weho/assets/fonts/CircularStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/weho/assets/fonts/CircularStd-Bold.woff2') format('woff2'),
        url('/wp-content/themes/weho/assets/fonts/CircularStd-Bold.woff') format('woff'),
        url('/wp-content/themes/weho/assets/fonts/CircularStd-Bold.ttf') format('truetype'),
        url('/wp-content/themes/weho/assets/fonts/CircularStd-Bold.svg#CircularStd-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Circular Air';
    src: url('/wp-content/themes/weho/assets/fonts/CircularAir-Light.eot');
    src: url('/wp-content/themes/weho/assets/fonts/CircularAir-Light.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/weho/assets/fonts/CircularAir-Light.woff2') format('woff2'),
        url('/wp-content/themes/weho/assets/fonts/CircularAir-Light.woff') format('woff'),
        url('/wp-content/themes/weho/assets/fonts/CircularAir-Light.ttf') format('truetype'),
        url('/wp-content/themes/weho/assets/fonts/CircularAir-Light.svg#CircularAir-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Arial';
    src: url('/wp-content/themes/weho/assets/fonts/ArialMT.eot');
    src: url('/wp-content/themes/weho/assets/fonts/ArialMT.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/weho/assets/fonts/ArialMT.woff2') format('woff2'),
        url('/wp-content/themes/weho/assets/fonts/ArialMT.woff') format('woff'),
        url('/wp-content/themes/weho/assets/fonts/ArialMT.ttf') format('truetype'),
        url('/wp-content/themes/weho/assets/fonts/ArialMT.svg#ArialMT') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'OpenSans';
    src: url('/wp-content/themes/weho/assets/fonts/OpenSans.eot');
    src: url('/wp-content/themes/weho/assets/fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/weho/assets/fonts/OpenSans.woff2') format('woff2'),
        url('/wp-content/themes/weho/assets/fonts/OpenSans.woff') format('woff'),
        url('/wp-content/themes/weho/assets/fonts/OpenSans.ttf') format('truetype'),
        url('/wp-content/themes/weho/assets/fonts/OpenSans.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */
@font-face {
    font-family: 'Roboto-Regular';
    src: url('/wp-content/themes/weho/assets/fonts/Roboto-Regular.eot');
    src: url('/wp-content/themes/weho/assets/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/weho/assets/fonts/Roboto-Regular.woff2') format('woff2'),
        url('/wp-content/themes/weho/assets/fonts/Roboto-Regular.woff') format('woff'),
        url('/wp-content/themes/weho/assets/fonts/Roboto-Regular.ttf') format('truetype'),
        url('/wp-content/themes/weho/assets/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* ---------------------------------  comm   ------------------------------------ */
li {
    list-style-type: none;
}

.news-content li {
    list-style-type: disc;
}

body {
    font-family: "Roboto-Regular" !important;
    /*     font-family: 'Arial' !important; */
    overflow-x: hidden;
    font-size: 16px;
}

a,
a:link {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
}

.textcenter {
    text-align: center;
}

.mt15 {
    margin-top: 15px;
}

.mt30 {
    margin-top: 30px;
}

.mt50 {
    margin-top: 50px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb50 {
    margin-bottom: 50px;
}

.mh400 {
    min-height: 400px;
}

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

.container-fluid {
    padding-left: 120px;
    padding-right: 120px;
}

/* 
.gt_options.gt-open{
	 position: absolute !important;
    background: rgb(255, 255, 255) !important;
}
.gt_float_switcher,.gt_float_switcher .gt-selected{
	background-color: transparent !important;
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code{
	color:#fff !important;
}
.gt_float_switcher{
	box-shadow:none !important;
} */
/* ---------------------------------  header   ------------------------------------ */
.tp-bullet-title {
    display: none !important;
}

#rev_slider_1_1_forcefullwidth .pc_none {
    display: none;
}

header {
    width: 100%;
    background: transparent;
    position: fixed;
    top: 0;
    z-index: 20;
    font-size: 18px;
    padding: 0 100px;
    text-transform: uppercase;
    background: rgba(29, 44, 60, .6);
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 80px;
}

header .logo {
    float: left;
}

header .main-menu {
    float: right;
    position: relative;
}

header .main-menu ul {
    margin-bottom: 0;
}

header .main-menu li {
    display: inline-block;
}

header .main-menu li>a {
    display: inline-block;
    padding: 27px 20px;
}

header .main-menu li:hover>a,
.current-page-ancestor>a,
.current-menu-item>a,
.current-menu-ancestor>a {
    background: #314962;
}

header .main-menu li a,
header .main-menu li i {
    color: #fff;
}

header .main-menu li i {
    cursor: pointer;
}

header .main-menu li .inquiry {
    font-size: 14px;
    background-color: #e60012;
    padding: 10px 20px;
    text-transform: uppercase;
    transition: all .4s ease-in;
}

header .main-menu li .inquiry:hover {
    background-color: #fff;
    color: #ffc03d;
}

header li.menu-item-has-children>a::after {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    text-align: right;
    display: inline-block;
    margin-left: 5px;
    display: none;
}

header .menu-item-has-children:hover .sub-menu {
    display: block;
}

header li#menu-item-37 {
    position: relative;
}

header ul.sub-menu {
    width: 230px;
    background: #1d2c3c;
    padding-left: 0px;
    display: none;
    position: absolute;
    top: 78px;
}

header .main-menu li.menu-item-37 ul.sub-menu {
    width: 310px;
}

header ul.sub-menu li {
    border-bottom: 1px solid #999;
    width: 100%;
    line-height: 16px;
    padding: 0;
}

header ul.sub-menu li:last-of-type {
    border-bottom: none;
}

header ul.sub-menu li a {
    font-size: 14px;
    color: #fff;
    padding: 15px 10px;
    display: block;
}

header .sub-menu .menu-item-has-children {
    position: relative;
}

header .sub-menu .menu-item-has-children .sub-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 310px;
    box-shadow: 0 0 5px #0d1218;
}

header .sub-menu .menu-item-has-children:hover .sub-menu {
    display: block;
}

header .sub-menu .menu-item-has-children>a::after {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    float: right;
    display: block;
    margin-left: 5px;
}

.showbg {
    background: #1d2c3c;
}

header li .s-wrapper {
    cursor: pointer;
}

header li .s-wrapper:hover .s-icon {
    color: #ffc03d;
}

header li .s-icon {
    color: #fff;
    cursor: pointer;
}

.tax-product_category .top-banner {
    background: #ececec !important;
}

.tax-product_category .top-banner .breadcrumbs a,
.tax-product_category .top-banner .breadcrumbs {
    color: #666 !important;
}

.h-menu {
    display: flex;
    align-items: center;
}

#ubermenu-main-86-header a {
    outline: none;
}

#ubermenu-nav-main-86-header>li>a {
    padding: 28px 32px !important;
}

.ubermenu-submenu-id-5812 {
    background: #e8ebed !important;
}

.ubermenu-submenu-id-5812>li>a {
    color: #25374b !important;
    position: relative;
}

.ubermenu-submenu-id-5812>li>a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 0;
    height: 2px;
    background: #ffc03d;
    transition: all 0.3s ease-in-out;
}

.ubermenu-submenu-id-5812>li>a:hover::before {
    width: 100% !important;
}

.ubermenu-tab-content-panel.ubermenu-column-3-4>li.ubermenu-item>ul.ubermenu-submenu>li.ubermenu-column-1-2 {
    padding-left: 20px !important;
}

.ubermenu-tab-content-panel.ubermenu-column-3-4 li>a,
.ubermenu-tab-content-panel.ubermenu-column-3-4 li>a span {
    color: #666666;
    position: relative;
}

.ubermenu-tab-content-panel.ubermenu-column-3-4 li>a:before {
    content: "\f105" !important;
    position: absolute !important;
    left: 0 !important;
    top: 5px !important;
    font-size: 20px !important;
    font: normal normal normal 14px/1 FontAwesome !important;
    color: #666666 !important;
}

.ubermenu .ubermenu-item .ubermenu-submenu-drop {
    box-shadow: none !important;
}

.ubermenu-target-description,
.ubermenu-target-divider {
    display: none !important;
}

.ubermenu-submenu-id-5750 {
    padding: 30px 20px 20px 10px !important;
}

#menu-item-5750>ul.ubermenu-submenu-id-5750 li ul {
    min-width: 300px;
    background-color: #ffffff;
    /*box-shadow: 0px 0px 24px 0px rgba(37, 55, 75, 0.2) !important;*/
    border-radius: 4px;
    /*border: solid 1px #c8c8c8;*/
}

#menu-item-5750>ul.ubermenu-submenu-id-5750 li ul li a {
    font-size: 16px !important;
    position: relative;
}

#menu-item-5750>ul.ubermenu-submenu-id-5750 li ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 0;
    height: 2px;
    background: #ffc03d;
    transition: all 0.3s ease-in-out;
}

#menu-item-5750>ul.ubermenu-submenu-id-5750 li ul li a::hover::before {
    width: 100%;
}

.h-menu li:hover>a,
.h-menu .current-page-ancestor>a,
.h-menu .current-menu-item>a,
.h-menu .current-menu-ancestor>a {
    background: none !important;
}

#ubermenu-nav-main-86-header>li>a::after {
    content: none !important;
}

#ubermenu-nav-main-86-header>li>a:hover::before {
    content: " ";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 18px;
    border-bottom: 3px solid var(--c1);
    width: 30px;

}

header {
    background: #fff !important;
}

#ubermenu-nav-main-86-header>li.ubermenu-item-has-children>ul.ubermenu-submenu-drop {
    background-color: #ffffff;
    box-shadow: 0px 0px 24px 0px rgba(37, 55, 75, 0.2) !important;
    border-radius: 4px;
    border: solid 1px #c8c8c8;
}

#ubermenu-nav-main-86-header>li.ubermenu-item-has-children>ul.ubermenu-submenu-drop>li>a>span.ubermenu-target-title {
    font-weight: bold;
    position: relative;
}

#ubermenu-nav-main-86-header>li.ubermenu-item-has-children>ul.ubermenu-submenu-drop>li>a::before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 0;
    height: 2px;
    background: var(--c1);
    transition: all 0.3s ease-in-out;
    margin-left: auto;
    margin-right: auto;
    right: 0;
}

#ubermenu-nav-main-86-header>li:hover {
    /* background:#ffc03d !important; */
}

#ubermenu-nav-main-86-header>li.ubermenu-item-has-children>ul.ubermenu-submenu-drop>li>a:hover::before {
    width: 92% !important;
    color: var(--c1) !important;
}

#ubermenu-nav-main-86-header>li.ubermenu-item-has-children>ul.ubermenu-submenu-drop>li>a:hover,
#ubermenu-nav-main-86-header>li.ubermenu-item-has-children>ul.ubermenu-submenu-drop>li>a:hover span {
    color: var(--c1) !important;
}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target {
    position: relative;
}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:hover::after {
    right: 10px !important;
    color: var(--c1) !important;
}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after {
    content: "\f0da" !important;
    font-weight: bold !important;
    color: #25374b !important;
    right: 10px !important;
}

#ubermenu-nav-main-86-header>li.ubermenu-item-has-children>ul.ubermenu-submenu-drop span {
    color: #25374b;
}

#ubermenu-nav-main-86-header>li.ubermenu-item-has-children>ul.ubermenu-submenu-drop a {
    position: relative;
}

#menu-item-5751.ubermenu-item-has-children>ul.ubermenu-submenu-drop a::before,
#menu-item-5760.ubermenu-item-has-children>ul.ubermenu-submenu-drop a::before,
#menu-item-5771.ubermenu-item-has-children>ul.ubermenu-submenu-drop a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 0;
    height: 2px;
    background: var(--c1);
    transition: all 0.3s ease-in-out;
}

#ubermenu-nav-main-86-header>li.ubermenu-item-has-children>ul.ubermenu-submenu-drop a:hover::before {
    width: 100%;
}

/* =============== */
.bkuang {
    border: 1px solid #ccc;
}

.hover-before .title h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width:1201px) and (max-width:1680px) {
    .hover-after h3 {
        font-size: 18px !important;
    }

    .hover-after {
        padding: 25px !important;
    }

}

@media (min-width:768px) and (max-width:1200px) {

    #ubermenu-nav-main-86-header>li>a {
        padding: 28px 14px !important;
    }

    .hover-after h3 {
        font-size: 18px !important;
    }

    .hover-after {
        padding: 15px !important;
    }
}

.single-so-right #wpcf7-f4572-o1 input {
    width: 100%;
}

.single-so-right h2 {
    font-size: 20px;
}

#message .wpcf7-submit:hover,
#inquiry .wpcf7-submit:hover {
    background-color: #ffc03d !important;
    color: #ffffff !important;
}

#message .wpcf7-submit,
#inquiry .wpcf7-submit {
    width: 170px !important;
    height: 45px !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    line-height: 45px !important;
    letter-spacing: 0px !important;
    padding-left: 0 !important;
    border: none;
    outline: none;
}

#message {
    padding: 30px;
}

#message .retag,
#inquiry .retag,
.retag {
    color: red;
    padding-left: 3px;
}

#message .wpcf7-textarea,
#inquiry .wpcf7-textarea {
    height: 200px;
    width: 100%;
}

#message label,
#message input,
#inquiry label,
#inquiry input {
    width: 100%;
}

#message h2 {
    margin-top: 0px;
}

/* 	all */
footer #Contact h4 {
    margin-bottom: 25px;
}

footer #Contact li.mb20 {
    padding-top: 0;
}

footer #Contact li.mb20 img {
    width: 170px;
    height: auto;
}

header .main-menu>li:nth-child(8) {
    margin-left: 50px;
}

header .main-menu li a,
header .main-menu li i {
    color: var(--c2);
    text-transform: capitalize !important;
}

header .main-menu li .inquiry {
    border-radius: 25px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    padding: 9px 26px;
    background-color: var(--c1);
    border: 1px solid var(--c1);
}

header .main-menu li .inquiry:hover {
    color: var(--c1);
    background-color: #fff;
}

@media screen and (max-width: 1350px) {
    header .main-menu li .inquiry {
        font-size: 16px;
        padding: 10px 28px;
    }
}

/* ================ */
.searchDiv {
    position: absolute;
    top: 80px;
    width: 100%;
    transition: all .5s ease-out 0s;
}

.searchDiv form {
    overflow: hidden;
    width: 100%;
}

.searchDiv input {
    border: 1px solid #ffc03d;
    height: 40px;
    float: left;
}

.searchDiv .s-input {
    width: 90%;
    background-color: #fff;
    font-size: 16px;
    padding-left: 10px;
}

.searchDiv .s-input:focus-visible {
    outline: none;
}

input::-webkit-input-placeholder {
    color: #666;
}

.searchDiv input:last-of-type {
    width: 10%;
    height: 40px;
    margin-left: -5px;
    background-color: #ffc03d;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
}

button.sub-menu-toggle {
    display: none;
}

header .mobile-bar {
    display: none;
}

#menu {
    display: none;
}

#menu.mm-opened {
    display: block;
}

header .mobile-bar a.mobile-search {
    color: #fff;
    border: 1px solid #ffc03d;
    padding: 5px 10px;
    background-color: #ffc03d;
}

header .mobile-bar a#hamburger {
    color: #fff;
    border: 1px solid #314962;
    padding: 5px 10px;
    background-color: #314962;
}

header .mobile-bar a#hamburger {}

/* ---------------------------------  page-home   ------------------------------------ */
/* banner */
div#swiper-container1 {
    width: 100% !important;
    height: auto;
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    opacity: 1;
}

.home-banner img {
    width: 100%;
    height: auto;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #cc3333;
}

.swiper-pagination .swiper-pagination-bullet {
    background: #ccc;
}

.header-banner {
    position: relative;
}

.header-banner-2 .swiper_textarea,
.header-banner-3 .swiper_textarea {
    display: none;
}

.swiper_textarea {
    position: absolute;
    top: 30%;
    right: 6%;
    color: #fff;
    font-size: 18px;
}

.swiper_textarea h1 {
    font-size: 55px;
    margin-bottom: 40px;
}

.swiper_textarea p.banner_content2 {
    background: #314962;
    width: 244px;
    height: 37px;
    text-align: center;
    line-height: 37px;
}

.swiper_textarea a {
    display: block;
    width: 255px;
    height: 55px;
    line-height: 55px;
    background: #e60012;
    text-align: center;
    color: #fff;
    margin-top: 15px;
    border: 2px solid transparent;
    transition: all .3s;

}

.swiper_textarea a:hover {
    background: #fff;
    color: #ffc03d;
}

.page-template-page-home #fancybox-content iframe {
    height: 850px;
}

.header-banner img {
    width: 100%;
}

.swiper_textarea>a>i {
    margin-left: 10px;
}

/* modal */
.modal-backdrop {
    background: transparent;
    z-index: 0;
}

/* home-product */
.home-product {
    padding: 85px 0 100px;
}

.home-h2-wrapper {
    margin-bottom: 20px;
}

.home-h2 {
    font-size: 36px;
    text-align: center;
    text-transform: uppercase;

}

.home-product .pro-wrapper {
    margin-bottom: 20px;
}

.inner_product {
    position: relative;
    padding-bottom: 15px;
    min-height: 463px;
}

.inner_product:hover {
    box-shadow: -2px 0px 5px 1px #eee, 0px -2px 5px 1px #eee, 2px 0px 5px 1px #eee, 0px 2px 5px 1px #eee;
}

.inner_product:hover .pro-more {
    display: block;
}

.inner_product .product_box a {
    color: #000;
    text-transform: capitalize;
}

.inner_product .product_box a h3 {
    font-size: 20px;
}

.home-product .inner_product .product_box a h3 {
    min-height: 110px;
}

.inner_product .product_box p {
    color: #adadad;
    font-size: 14px;
}

.product_box {
    padding: 0 30px;
    margin-bottom: 50px;
}

.pro-more {
    color: #fff;
    background-color: #e60012;
    border: 1px solid transparent;
    width: 114px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    border: 0;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    right: 0;
    text-transform: capitalize;
    display: none;
    transition: all .3s;
}

.pro-more:hover {
    border: 1px solid #e60012;
    color: #e60012;
    background-color: transparent;
}

.pro-wrapper {
    margin-bottom: 30px;
}

.home-product .home-all-pro {
    text-align: center;
    margin-top: 20px;
}

.home-product .home-all-pro>a {
    font-size: 18px;
    color: #fff;
    background: #e60012;
    padding: 21px 62px;
    border: 3px solid #e60012;
    transition: all .3s;
    text-transform: capitalize;
}

.home-product .home-all-pro>a:hover {
    color: #e60012;
    background-color: transparent;
    border: 3px solid #e60012;
}

.hpro-img {
    width: 160px;
    height: 160px;
    margin: 0 auto;
}

.hpro-box .hpro-text h3 {
    font-style: 20px !important;
}

.hpro-text {
    border-top: 1px solid #ddd;
}

.hpro-box {
    display: block;
    position: relative;
    box-shadow: 5px 3px 10px 10px rgb(0 0 0 / 5%);
    margin-bottom: 40px;
    padding: 30px 15px;
    min-height: 350px;
}

.hpro-text .hpro-exe p {
    margin: 0;
}

.hpro-cont {
    width: 100%;
    height: 100%;
}

.hpro-mask {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}

.hpro-box:hover .hpro-mask {
    opacity: 1;
    visibility: visible;
}

.hpro-box .hpro-exe {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.hpro-mask li {
    position: relative;
}

.hpro-mask li::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #e60012;
    border-radius: 50%;
    left: -20px;
    top: 5px;
    z-index: 1;

}

.hpro-mask a.hpro-more {
    background: #e60012;
    color: #fff;
    padding: 8px 25px;
    text-transform: capitalize;
    margin-top: 20px;
}

/* home-application */
.home-application {
    background-color: #1d2c3c;
    display: flex;
    align-items: center;
}

.home-application .app-desc {
    padding: 0 90px;
}

.home-application .col5 {
    width: 20%;
}

.home-application .swiper-slide {
    width: 25% !important;
}

.swiper-solu-prev,
.swiper-solu-next {
    display: inline-block;
    font-size: 30px;
    top: 48%;
    position: absolute;
    z-index: 10;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    background: rgba(0, 0, 0, .7);
}

.swiper-solu-prev {
    left: 5px;
}

.swiper-solu-next {
    right: 5px;
}

.home-application .img-box {
    position: relative;
}

.home-application .img-inner-box {
    position: absolute;
    bottom: 20px;
    background: #e60012;
    left: 40px;
    right: 40px;
    display: flex;
    align-items: center;
    padding: 10px 30px;
    justify-content: center;
}

.home-application .img-inner-box img {
    margin-right: 20px;
}

.home-application .home-app-title a {
    display: block;
    height: 162px;
    padding: 56px 20px;
}

.home-application,
.home-application a {
    color: #fff;
}

.home-application .home-app-h2 {
    font-size: 36px;
    text-transform: uppercase;
    margin-top: 75px;
}

.home-application .home-app-title {
    font-size: 18px;
    text-align: right;
}

.home-application .home-app-title li {
    display: inline-block;
    background-color: #314962;
    text-align: left;
    width: 19%;
    vertical-align: top;
    height: 162px;
    text-transform: capitalize;
}

.home-application .home-app-title li:hover {
    background-color: #e60012;

}

.home-application .home-app-title li:hover a {
    color: #fff;
}

.home-application .row.app-img-wraper {
    margin-top: 55px;
}

.home-application .home-app-more {
    display: none;
}

/* home-advantage */
.home-advantage {
    background: url('/wp-content/uploads/2021/09/home-advantage-bg.jpg') no-repeat;
    padding: 100px 0 120px;
    background-size: cover;
}

.home-advantage .ad-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.home-advantage .ad-wrapper .col6 {
    width: 16%;
}

.home-advantage .ad-wrapper .ad-box {
    background-color: #fff;
    padding: 25px 15px;
    text-align: center;
    min-height: 308px;
    box-shadow: 0 0 8px 0 #333;
    border-bottom: 5px solid transparent;
}

.home-advantage .ad-wrapper .ad-box:hover {
    border-bottom: 5px solid #314962;
}

.home-advantage .ad-wrapper .ad-box i {
    font-size: 32px;
    margin-bottom: 25px;
    color: #444;

}

.home-advantage .ad-wrapper .ad-box h4 {
    margin-bottom: 20px;
    color: #314962;
}

.home-advantage .ad-wrapper .ad-box p {
    font-size: 16px;
    color: #666666;
}

.home-advantage .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-color: #314962;
    background-color: #314962;
}

.home-advantage .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #fff;
}

.home-advantage .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {
    border-color: #fff;
}

.home-advantage .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    color: #333;
}

.home-advantage .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before {
    border-color: #333;
}

.home-advantage .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
    background-color: transparent;
}

.home-advantage .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
    border-color: transparent;
}

.home-advantage .vc_tta-panels .vc_tta-panel {
    margin-bottom: 20px;
}

.home-advantage .vc_tta-panels .vc_tta-panel:last-of-type {
    margin-bottom: 0;
}

.home-advantage .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    border-color: #314962;
}

.home-advantage .vc_tta-panel-body p {
    font-size: 16px;
}

/* home-buy */
.home-buy {
    padding: 90px 0;
}

.home-buy .buy-wrapper {
    margin-top: 40px;
}

.home-buy .col3 {
    width: 33.333%;
    float: left;
    padding: 5px 20px;
    margin-bottom: 30px;
    overflow: hidden;
}

.home-buy .col3:hover .right-content>h4 {
    color: #e60012;
}

.home-buy .col3:hover .left-icon {
    box-shadow: 2px 3px 10px #999;
}

.home-buy .col3 .left-icon {
    width: 100px;
    float: left;
    background: #f8f8f8;
    border-radius: 50%;
    height: 100px;
    line-height: 100px;
    margin-right: 20px;
    text-align: center;
    transition: all .3s;
}

.home-buy .col3 .right-content {
    width: 64%;
    float: left;
}

.home-buy .col3 .right-content h4 {
    font-size: 20px;
    text-transform: uppercase;
    color: #444;
}

.home-buy .col3 .right-content p {
    font-size: 16px;
    color: #666;
}

/* home-new-pro */
.home-new-pro {
    margin-bottom: 100px;
}

.home-new-pro .new-pro-wrapper ul li a {
    color: #333;
    margin-left: 25px;
    transition: all .3s;
    display: block;
    width: 74%;
    float: left;
}

.home-new-pro .news-time {
    color: #666;
    margin-top: 5px;
    display: block;
}

.home-new-pro .news-title {
    color: #444;
    margin-top: 5px;
    font-size: 22px;
    min-height: 73px;
}

.home-new-pro .new-pro-more {
    display: block;
    width: 200px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background-color: #e60012;
    font-size: 18px;
    color: #fff;
    border: 3px solid #e60012;
    transition: all .3s;
    margin-top: 50px;
    text-transform: capitalize;
    margin: 0 auto;
}

.home-new-pro .new-pro-more:hover {
    background-color: transparent;
    color: #ffc03d;
    border: 3px solid #ffc03d;
}

.home-new-pro .news-excerpt {
    min-height: auto;
}

.home-new-pro .news-excerpt p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.news-excerpt a {
    color: #314962;
}

#content {
    margin-top: -20px;
}

/* ---------------------------------------------------page-product----------------------------------------- */
.product-content {
    color: #666;
    padding: 30px 0 50px;
}

.product-content p {
    line-height: 30px;
    font-size: 16px;
}

.product-content h1 {
    color: #444;
    font-size: 28px;
    line-height: 31px;
}

.top-banner {
    color: #fff;
    background: #314962;
    padding: 0 110px;
}

.top-banner-title {
    padding-top: 105px;
    text-transform: capitalize;
}

.breadcrumbs a {
    color: #fff;
}

.breadcrumbs .crumbs_delimiter {
    margin: 0 5px;
}

.product-content .pro-desc {
    padding: 0 0 30px 0;
}

.left-search .pro-search .search-box {
    width: 75%;
}

.left-search .pro-search input[type=submit] {
    width: 26%;
}

.pro-search {
    padding: 15px;
    background: #eee;
    margin-bottom: 30px;
}

.pro-search .search-box {
    width: 90%;
    height: 50px;
    margin: -5px;
    border: none;
    padding: 0 10px;
    outline: none;
}

.pro-search input[type=submit] {
    width: 10%;
    height: 50px;
    border: none;
    background: #314962;
    color: #fff;
    transition: all .3s;
}

.pro-search input[type=submit]:hover {
    background: #1d2c3c;
}

.pro-search input::-webkit-input-placeholder,
.left-search input::-webkit-input-placeholder {
    color: rgb(189, 184, 184);
}

.product-content .new-pro {
    margin-top: 30px;
}

.product-content .new-pro .new-pro-box {
    border: 1px solid #eee;
}

.product-content .new-pro .new-pro-box .new-pro-title {
    color: #000;
    padding: 0 10px 5px;
    display: block;
    font-size: 18px;
}

.product-content .new-pro .new-pro-box:hover .new-pro-title {
    color: #e60012;
}

.product-content .cat-pro-wrapper .nav-tabs a {
    color: #444;
    font-size: 17px;
    padding: 10px 15px;
}

.product-content .cat-pro-wrapper .nav-tabs .active a {
    color: #e60012;
}

.product-content .cat-pro-wrapper .tab-content {
    padding: 20px 0;
}

.product-content .cat-pro-wrapper .tab-content .cat-img-box>img {
    width: 100%;
}

.product-content .cat-pro-wrapper .cat-pre-pro {
    background-color: #fff;
    border: 1px solid transparent;
    min-height: 525px;
    transition: all .3s;
    border: 1px solid #eee;
}

.product-content .cat-pro-wrapper .cat-pre-pro:hover {
    border: 1px solid #e60012;
}

.product-content .cat-pro-wrapper .cat-pre-pro .cat-pro-title {
    text-align: center;
    color: #314962;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
}

.product-content .cat-title {
    padding: 0 0 10px 0;
    border-bottom: 1px solid #eee;
    margin: 0 15px;
}

.product-content .cat-title .cat-title-h2,
.product-content .cat-title .cat-title-more {
    padding: 0;
}

.product-content .cat-title h2 {
    font-size: 20px;
    display: initial;
    border-bottom: 3px solid #000;
    padding-bottom: 10px;
    color: #000;
}

.product-content .cat-title a {
    color: #000;
}

.product-content .cat-title a:hover {
    color: #e60012;
}

.product-content .cat-pro-desc {
    font-size: 13px;
    text-align: center;
    padding: 0 5px;
    color: #999;
}

.product-content .cat-pro-desc p {
    margin: 0;
}

.product-content .pro-foot {
    text-align: center;
    margin-top: 30px;
}

/* ---------------------------------------------page-solution---------------------------------------------------- */
#solution {
    padding: 50px 0;
}

#solution h1,
.market-cont h1,
.concept-cont h1 {
    color: #444;
    font-size: 28px;
}

#solution .solu-list {
    margin-bottom: 30px;
}

.page-news .solu-list {
    min-height: 400px;
}

#solution .solu-list .img-box {
    position: relative;
    margin-bottom: 30px;
}

#solution .solu-list .img-box img {
    width: 100%;
}

#solution .solu-list .img-box:hover .inner-box {
    background: rgba(0, 0, 0, .2);
}

#solution .solu-list .cover-box {
    position: absolute;
    bottom: 10px;
    left: 30px;
    right: 30px;
    color: #fff;
    text-align: center;
    background-color: #314962;
}

#solution .solu-list .inner-box {
    border: 1px solid #fff;
    height: 100%;
    text-align: center;
    transition: all .3s;
}

#solution .solu-list h4.solu-title {
    font-size: 18px;
}

/* --------------------------------------------page-support------------------------------------------------- */
.page-support {
    padding: 100px 0;
}

.page-support .support-img img {
    min-height: 240px;
}

.page-support .support-img {
    margin-bottom: 10px !important;
}

.page-support .support-title {
    color: #444;
    margin-top: 0;
    font-size: 24px;
}

/* -----------------------------------------------page-news------------------------------------------------ */
.page-news {
    padding: 50px 0;
}

.page-news .news-time {
    margin-top: 10px;
    color: #666;
    font-size: 14px;
}

.page-news .news-title {
    font-size: 18px;
    color: #444;
    margin-top: 5px;
    min-height: 60px;
}

.page-news .solu-list:hover h3,
.aside-news-list a:hover .news-title {
    color: #ffc03d;
}

.aside-news-list #wpcf7-f5516-o1 form {
    position: relative;
    padding: 20px 25px;
    box-shadow: 0 20px 30px 0 rgba(84, 87, 93, .1);
    border-radius: 10px;
    width: 100%;
}

.aside-news-list #wpcf7-f5516-o1 form input,
.aside-news-list #wpcf7-f5516-o1 form textarea {
    width: 100%;
}

.aside-news-list #wpcf7-f5516-o1 form .wpcf7-submit {
    width: inherit;
}

.news-excerpt p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.news-excerpt a {
    color: #314962;
}

.news-excerpt .swp_social_panel {
    display: none;
}

.news-excerpt a.more-link {
    display: block;
    color: #314962;
}

.aside-news-list .img-box {
    padding: 10px 0;
}

.aside-news-list .news-text {
    padding: 10px;
}

.aside-news-list .news-title {
    font-size: 15px;
    margin-top: 0;
    font-weight: normal;
    color: #333;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.aside-news-list .news-time {
    font-size: 14px;
    color: #666;
}

.aside-news-list {
    counter-reset: section;
}

.aside-news-list a {
    position: relative;
    display: inline-table;
    counter-reset: count 0;
}

.aside-news-list a::before {
    position: absolute;
    /*top: calc(50% - 16px);*/
    top: unset;
    left: -32px;
    border: 2px solid #fff;
    height: 32px;
    width: 32px;
    line-height: 28px;
    text-align: center;
    border-radius: 100%;
    background: #000;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    counter-increment: post-ranking;
    z-index: 1;
    counter-increment: section;
    content: counter(section);
}

/* -------------------------------------------page-team-------------------------------------------------------------- */
.page-team {
    padding: 50px 0;
}

.page-team .team-excerpt h1 {
    color: #444;
    font-size: 28px;
}

.page-team .team-excerpt p {
    color: #666;
    font-size: 16px;
}

.page-team .col5 {
    width: 25%;
}

.page-team .team-link {
    display: block;
    padding: 20px 10px;
}

.team-wrapper {
    display: flex;
    flex-wrap: wrap;

}

.page-team .col5 .top {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.page-team .top .img-box {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
}

.page-team .top p {
    margin-bottom: 5px;
    color: #314962;
}

.page-team .top .name {
    font-weight: bold;
}

.page-team .top .position {
    font-size: 16px;
}

.page-team .desc {
    color: #666;
    font-size: 16px;

}

/* --------------------------------------------single-product--------------------------------------------- */
#single-pro .product-top .nc_tweetContainer {
    border-radius: 20px;
    overflow: hidden;
}

#single-pro .product-parameter strong {
    display: block;
    color: #333;
    margin-bottom: 5px;
}

#single-pro #nf-form-title-3 h3 {
    font-size: 36px;
    margin-bottom: 25px;
}

#single-pro .product-parameter p {
    margin-bottom: 15px;
}

#single-pro .pro-detail-con ul.wc-tabs {
    text-align: left !important;
}

#single-pro .pro-detail-con p {
    color: #777;
    margin-bottom: 20px;
}

#single-pro .pro-detail-con h3.key {
    position: relative;
    color: #ffc03d;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

#single-pro .pro-detail-con h3.key::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 3px;
    content: "";
    background: #ffc03d;
}

#single-pro .pro-detail-con h4 {
    margin-bottom: 15px;
}

.pro-detail-con ul.wc-tabs li span {
    position: relative;
    background: var(--c1);
    padding: 15px 40px;
    z-index: 1;
    color: #fff;
    font-size: 18px;
    border-radius: 0;
    font-weight: bold;
    font-size: 28px;
}

#single-pro .pro-right-wrapper .e-m a {
    border-radius: 50px;
    overflow: hidden;
}

#single-pro {
    padding: 50px 0;
}

#per-catogery {
    padding: 50px 0 0;
}

#single-pro .pro-pdf {
    margin-top: 20px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.swp_social_panel a,
.swp_social_panel a:hover {
    color: #fff !important;
}

#single-pro .pro-pdf a:hover {
    color: #e60012;
}

#single-pro .vc_tta-panels .vc_tta-panel:nth-child(1) .vc_tta-panel-body {
    overflow: inherit;
}

.pro-left-wrapper .cat-list a {
    color: #666;
    display: block;
    padding: 10px 5px;
    transition: all .3s;
    border-bottom: 1px solid #a1a1a1;
    background: #f6f6f6;
    position: relative;
    padding-right: 30px;
    font-size: 14px;
}

.pro-left-wrapper .cat-list .sub-menu a {
    padding-left: 30px;
    transition: all .3s;
}

.pro-left-wrapper .cat-list .sub-menu a:hover {
    padding-left: 15px;
}

.pro-left-wrapper .current-menu-item.menu-item-has-children,
.pro-left-wrapper .cat-list li a:hover,
.pro-left-wrapper .current-menu-ancestor,
.pro-left-wrapper .current-product-ancestor {
    color: #314962;
    background-color: #ccc;
}

.pro-left-wrapper .current-product-ancestor .current-product-ancestor {
    box-shadow: none;
    background: transparent;
}

.pro-left-wrapper .current-menu-item>a,
.pro-left-wrapper .current-product-ancestor .current-product-ancestor>a,
.solu-menu .current-menu-item>a {
    color: #314962;
    background-color: #ccc;

}

.pro-left-wrapper .aside-contact {
    background-color: #f6f6f6;
    padding: 10px;
}

.pro-left-wrapper .aside-contact li {
    line-height: 30px;
}

.pro-left-wrapper .aside-contact li:last-of-type {
    line-height: 22px;
}

.pro-left-wrapper .menu-item-has-children .sub-menu {
    display: none;
    padding: 0 15px;
}

.pro-left-wrapper .current-menu-item.menu-item-has-children .sub-menu,
.pro-left-wrapper .current-menu-parent .sub-menu {
    display: block;
}

.pro-left-wrapper .menu-item-has-children>a::after {
    font-family: 'FontAwesome';
    content: '\f067';
    display: block;
    color: #fff;
    background-color: #314962;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    position: absolute;
    top: 8px;
    right: 2px;
}

.pro-left-wrapper .current-product-ancestor>a::after,
.pro-left-wrapper .current-menu-item.menu-item-has-children>a::after,
.pro-left-wrapper .current-menu-parent>a::after {
    font-family: 'FontAwesome';
    content: '\f068';
    display: block;
    float: right;
    padding: 2px 5px;
    color: #fff;
    background-color: #314962;
}

.pro-left-wrapper .current-product-ancestor .current-product-ancestor>a::after {
    content: '';
    display: none;
}

.pro-left-wrapper .left-cat h2,
.pro-left-wrapper .left-cat h1,
.pro-left-wrapper .left-cat h1,
.pro-left-wrapper .left-alert h2 {
    text-transform: uppercase;
    padding-bottom: 20px;
    color: #fff;
    padding: 10px;
    margin-bottom: 0;
    background-color: #314962;
    font-size: 22px;
    margin-top: 0;
}

.pro-left-wrapper ul.cat-list {
    font-size: 16px;
    padding: 0;
}

.pro-left-wrapper .menu-item-has-children .sub-menu {
    padding-left: 0;
    padding-right: 0;
}

.pro-right-wrapper {
    padding-left: 20px;
    font-size: 16px;
    color: #666;
    line-height: 23px;
}

#single-pro .pro-right-wrapper h1,
#single-pro .pro-right-wrapper h2,
#single-pro .pro-right-wrapper h3,
#single-pro .pro-right-wrapper h4,
#single-pro .pro-right-wrapper a {
    color: #444;
}

#single-pro .pro-right-wrapper h1 {
    font-size: 30px;
    color: var(--c2);
    position: relative;
    padding-bottom: 20px;
}

#single-pro .pro-right-wrapper h1::after {
    position: absolute;
    content: "";
    left: 0;
    width: 80px;
    height: 5px;
    background: var(--c1);
    bottom: 0;
}

#single-pro .pro-right-wrapper .chat-icon,
#single-pro .pro-right-wrapper .e-m {
    display: flex;
    justify-content: space-between;
}

#single-pro .pro-right-wrapper .chat {
    margin-bottom: 25px;
}

#single-pro .pro-right-wrapper .chat-icon>a {
    display: block;
    width: 120px;
    text-align: center;
    background-color: #fbfbfb;
    padding: 20px 0;
    min-height: 128px;
    transition: all 0.5s;
}

#single-pro .pro-right-wrapper .chat-icon>a span:first-of-type {
    display: block;
    margin-top: 10px;
}

#single-pro .pro-right-wrapper .chat-icon>a .hover-show,
#single-pro .pro-right-wrapper .chat-icon>a:hover span:first-of-type {
    display: none;
}

#single-pro .pro-right-wrapper .chat-icon>a:hover .hover-show {
    display: block;
}

.e-m a {
    display: block;
    width: 190px;
    font-size: 20px;
    color: #fff !important;
    text-align: center;
    padding: 10px 0;
    border: 2px solid transparent;
    transition: all .3s;
}

.e-m a.email:hover {
    background: transparent;
    border: 2px solid #314962;
    color: #314962 !important;
}

.e-m a.quote:hover {
    background: transparent;
    border: 2px solid var(--c1);
    color: var(--c1) !important;
}

.e-m a.email {
    background-color: #314962;
}

.e-m a.quote {
    background-color: #e60012;
}

#single-pro .pro-right-wrapper .pro-detail-con {
    margin-top: 50px;
}

#single-pro .pro-right-wrapper .pro-details h3 {
    font-size: 26px;
}

#single-pro div#bx-pager {
    margin-top: 10px;
}

#single-pro .pro-right-wrapper .pro-details .product-parameter {
    min-height: 350px;
    padding: 10px 0px;
    font-size: 16px;
}

#single-pro .vc_tta.vc_general .vc_tta-panel-title a {
    color: #314962;
    font-weight: bold;
}

#single-pro .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after,
.vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before,
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::after,
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before {
    border-color: #fff !important;
}

#single-pro .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after {
    bottom: 5px;
    top: 5px;
}

#single-pro .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
    left: 5px;
    right: 5px;
}

#single-pro .vc_tta-panel-heading i {
    background: #314962;

}

#single-pro .vc_tta .vc_tta-controls-icon {
    width: 20px;
    height: 20px;
}

#single-pro .vc_tta-panels {
    background-color: transparent;
    border: none;
}

#single-pro .vc_tta-tab.vc_active>a {
    background-color: #e60012;
    border: none;
}

#single-pro .vc_tta-tabs-container ul li a {
    color: #fff;
}

#single-pro .vc_tta-tab a {
    background-color: #1d2c3c;
}

#single-pro .vc_tta-tab a:hover {
    background-color: #314962;
}

#single-pro .vc_tta.vc_general .vc_tta-panel-body {
    padding: 20px 15px;
}

#single-pro .vc_tta-panel-body li {
    list-style-type: square;
}

#single-pro table {
    width: 100% !important;
    font-size: 14px;
}

#single-pro table td {
    border: 1px solid #999;
    text-align: center;
    padding: 5px 0px;
}

#single-pro table tr:nth-child(2n+1) {
    background-color: #d8d8d8 !important;
}

#single-pro .vc_tta-panels img {
    width: 100%;
}

#single-pro .contact {
    background: url('/wp-content/uploads/2021/10/contact_banner.jpg') no-repeat;
    background-size: cover;
    padding: 100px 0;
    color: #fff;
    margin-top: 30px;
}

#single-pro .contact h2 {
    font-size: 40px;
    text-transform: capitalize;
}

#single-pro .contact h4 {
    font-size: 30px;
}

#single-pro .contact p {
    font-size: 16px;
}

.relative-container {
    overflow: hidden;
}

.related-pro {
    padding: 80px 0 0;
}

.related-pro h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 28px;
    color: #444;
}

#single-pro .inner_product .product_box a h3 {
    font-size: 16px;
    color: #314962;
    font-weight: bold;
}

#single-pro .inner_product .product_box p {
    color: #666;
    font-size: 16px;
}

.single-pro-eamil .es-field-wrap {
    width: 70%;
    float: left;

}

.single-pro-eamil .es-field-wrap label,
.single-pro-eamil .es-field-wrap label input,
.left-alert .es-field-wrap label,
.left-alert .es-field-wrap label input {
    width: 100%;
}

.left-alert .emaillist {
    padding: 20px 10px 0;
    background: #f6f6f6;
}

.left-alert .alert-desc {
    padding: 10px;
    background: #f6f6f6;
}

.single-pro-eamil .es-field-wrap label input {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    outline: none;
    min-height: 35px;
}

.single-pro-eamil .es_subscription_form_submit {
    width: 20%;
    float: left;
    background-color: #ffc03d;
    margin-left: 35px;
    border: none;
    min-height: 35px;
    transition: all .3s;
}

.single-pro-eamil .es_subscription_form_submit:hover {
    background-color: #fff;
    color: #e60012;
}

.single-pro-eamil .es-field-wrap label input::-webkit-input-placeholder {
    color: #fff;
    text-transform: capitalize;
    font-weight: normal;
}

/* left-alert */
.left-alert {
    color: #314962;
}

.left-alert .es-field-wrap {
    width: 80%;
    float: left;
}

.left-alert form {
    overflow: hidden;
}

.left-alert .es-field-wrap label input {
    border: 1px solid #314962;
    outline: none;
    background-color: transparent;
    min-height: 35px;
}

.left-alert .es_subscription_form_submit {
    width: 20%;
    float: left;
    border: none;
    min-height: 35px;
    background-color: #314962;
    margin-left: 0;
    background-image: url(/wp-content/themes/weho/images/email.png);
    background-repeat: no-repeat;
    background-position: 50%;
    transition: all .3s;
}

.left-alert .es_subscription_form_submit:hover {
    background-color: #1d2c3e;
}

.left-alert .es-field-wrap label input::-webkit-input-placeholder {
    color: #314962;
    text-transform: capitalize;
    font-weight: normal;
}

/* -----------------------------------------------archive---------------------------------- */
#per-catogery .pro-right-wrapper a,
#per-catogery .pro-right-wrapper {
    color: #666;
    font-size: 16px;
    line-height: 23px;
}

.category-desc p {
    line-height: 30px;
}

#per-catogery .pro-right-wrapper h2,
#per-catogery .pro-right-wrapper h3,
#per-catogery .pro-right-wrapper h4 {
    color: #444;
}

#per-catogery .pro-right-wrapper h4 {
    font-size: 28px;
    margin-bottom: 30px;
    text-align: center;
}

#per-catogery .pro-right-wrapper {
    padding-left: 25px;
}

#per-catogery .pro-right-wrapper .category-title {
    display: inline-block;
    font-size: 28px;
    color: #444;
    width: 68%;
}

#per-catogery .pro-right-wrapper .cat-list-wrapper {
    margin-bottom: 50px;
}

#per-catogery .title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;

}

#per-catogery .cat-em {
    display: block;
    margin-bottom: 30px;
}

#per-catogery .cat-em a {
    border: 2px solid #314962;
    border-radius: 5px;
    padding: 8px 50px;
    color: #fff;
    transition: all .3s;
    background: #314962;
    display: inline-block;
}

#per-catogery .cat-em a:hover {
    background: transparent;
    color: #314962;
    border: 2px solid #314962;
}

#per-catogery .cat-img-box,
#per-catogery .cat-title {
    display: inline-block;
    width: 49%;
}

#per-catogery .cat-title {
    font-size: 18px;
    vertical-align: top;
    padding: 0 5px;
}

.cat-list {
    margin-bottom: 30px;
    padding: 0;
}

#per-catogery .cat-pre-wrapper {
    display: block;
    border: 1px solid #eee;
    margin-right: 10px;
}

#per-catogery .cat-pre-wrapper {
    display: block;
    border: 1px solid #eee;
    margin-right: 10px;
}

#per-catogery .cat-resource {
    padding: 50px 0;
    background: #f6f6f6;
}

#per-catogery .cat-resource h2 {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 28px;
}

#per-catogery .rebox {
    display: block;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    padding: 70px 0;
    background-color: #fff;
    transition: all .4s;
    margin-bottom: 50px;
}

#per-catogery .rebox h4 {
    color: #314962;
    font-weight: bold;
}

#per-catogery .rebox:hover {
    background-color: #fff;
    box-shadow: -2px 0px 5px 1px rgb(221, 219, 219), 0px -2px 5px 1px rgb(221, 219, 219), 2px 0px 5px 1px rgb(221, 219, 219), 0px 2px 5px 1px rgb(221, 219, 219);
}

#per-catogery .rebox i {
    display: block;
    font-size: 30px;
    color: #ffc03d;
}

#per-catogery .pro-right-wrapper .pro-text h4 {
    color: #314962;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    min-height: 40px;
}

#per-catogery .pro-list-wrapper {
    margin-bottom: 50px;
}

#per-catogery .pro-list-wrapper .pro-img-box,
#per-catogery .cat-list-wrapper .cat-img-box,
.pro-wrapper .thumbnail_container,
.page-news .solu-list .img-box,
.page-support .support-img,
.prog-series .swiper-slide>a .progs-img,
.prog-news .progn-list a .img-box {
    overflow: hidden;
}

#per-catogery .pro-list-wrapper .pro-img-box img,
#per-catogery .cat-list-wrapper .cat-list img,
.pro-wrapper .thumbnail_container img,
.page-news .solu-list .img-box img,
.page-support .support-img img,
.prog-series .swiper-slide>a img,
.prog-news .progn-list a img {
    transition: all 0.5s ease 0s;
}

.pro-wrapper .thumbnail_container img {
    width: 100%;
}

#per-catogery .pro-list-wrapper .pro-wrapper a:hover img,
#per-catogery .cat-list-wrapper .cat-list a:hover img,
.pro-wrapper:hover .thumbnail_container img,
.page-news .solu-list:hover .img-box img,
.page-support .support-img:hover img,
.prog-series .swiper-slide>a:hover img,
.prog-news .progn-list:hover img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

#per-catogery .pro-list-wrapper .pro-wrapper {
    margin-bottom: 50px;
}

#per-catogery .pro-list-wrapper h2 {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-size: 28px;
    line-height: 31px;
}

#per-catogery .pro-right-wrapper .pro-text .pro-desc {
    text-align: center;
    font-size: 16px;
}

#per-catogery .pro-right-wrapper .pro-text .pro-desc p {
    margin: 0;
}

#per-catogery .pro-right-wrapper .cat-pro-more {
    display: block;
    font-size: 16px;
    padding: 8px 0;
    text-align: center;
    color: #fff;
    background: #1d2c3c;
    text-transform: uppercase;
    transition: all .3s;
    margin-top: 10px;
}

#per-catogery .pro-right-wrapper .cat-pro-more:hover {
    background: #314962;
}

#per-catogery .pro-contact-wrapper {
    min-height: 374px;
}

/* ----------------------------------------------company------------------------------------------------- */
#company-cont {
    font-size: 18px;
    margin: 50px 0;
}

#company-cont h2 {
    font-size: 26px;
}

#company-cont p {
    color: #666;
    padding: 0 5px;
    font-size: 16px;
    line-height: 23px;

}

#company-cont .vc_row {
    margin-bottom: 50px;
}

#company-cont .certificate {
    margin-bottom: 0;
}

#company-cont .swiper-slide img {
    margin: 0 auto;
}

/* -----------------------------------------------page-faq-------------------------------------------- */
.faq-banner {
    background: url('/wp-content/uploads/2021/10/contact_banner.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 350px;
}

.faq-banner .faq-title {
    padding-top: 320px;
}

#faq {
    padding: 50px 0;
    color: #666;
}

#faq .vc_tta-panel-heading em {
    color: #ffc03d;
    margin-right: 10px;
}

#faq .vc_tta-panel {
    margin-bottom: 10px;
}

#faq .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before {
    border-color: #ffc03d !important;
}

#faq .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    color: #314962;
    font-weight: bold;
}

/* ------------------------------------------------ page-download------------------------------------------ */
#down-cont {
    padding: 50px 0;
}

#down-cont .pro-search input[type=submit] {
    background: #314962;
}

#down-cont .down-wrapper {
    max-width: 800px;
    margin: 0 auto;
}

#down-cont .down-wrapper h1 {
    text-align: center;
    color: #444;
    font-size: 28px;
    margin-bottom: 50px;
}

#down-cont .down-wrapper ul {
    padding-left: 0;
}

#down-cont .down-wrapper ul li {
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

#down-cont .down-wrapper li a {
    color: #666;
    overflow: hidden;
}

#down-cont .down-wrapper li a:hover {
    color: #ffc03d;
}

#down-cont .down-wrapper a i {
    margin-right: 10px;
}

#down-cont .down-wrapper a span.time {
    float: right;
}

.wp-pagenavi {
    text-align: center;
    margin-top: 20px;
}

.wp-pagenavi a,
.wp-pagenavi span {
    background: #314962;
    border-color: transparent;
    color: #fff !important;
    display: inline-block;
    min-width: 25px;
}

.wp-pagenavi span.current,
.wp-pagenavi a:hover {
    background: var(--c1) !important;
    border-color: transparent;
}

/* ------------------------------------------------page-contact--------------------------------------- */
#contact {
    padding: 70px 0;
    color: #fff;
    font-size: 18px;
}

.swiper-container-contact {
    overflow: hidden;
}

.swiper-container-contact .swiper-button-prev,
.swiper-container-contact .swiper-button-next {
    color: #314962;
}

.contact-desc-wrapper {
    display: flex;
    align-items: center;
    min-height: 575px;
}

.contact-desc-wrapper .left-desc p {
    font-size: 21px;
    margin-left: 0;
}

.contact-desc-wrapper h1,
.contact-desc-wrapper h2 {
    font-size: 40px;
    margin-top: 15px;
    line-height: 40px;
    padding-left: 15px;
    border-left: 4px solid #e60012;
}

#contact h4 {
    font-weight: normal;
    border-bottom: 1px solid #314962;
    padding-bottom: 5px;
    font-size: 20px;
}

#contact .touch ul {
    padding-left: 0;
}

#contact .touch ul li {
    line-height: 30px;
}

#contact .touch ul li i {
    width: 30px;

}

#contact p {
    font-size: 16px;
    margin-left: 10px;
}

#contact a:hover {
    color: #e60012;
}

#contact .contact-content {
    padding: 0 0 50px;
}

/* -----------------------------------------------page-marketingservice---------------------------------- */
.market-cont,
.concept-cont {
    padding: 50px 0;

}

.market-cont h1,
.concept-cont h1,
.page-news h1 {
    color: #444;
    text-align: center;
    font-size: 28px;
}

.market-cont h4 {
    color: #444;
    border-left: 3px solid #ffc03d;
    padding-left: 10px;
}

/* -----------------------------------------------page-serviceconcept---------------------------------- */
.concept-cont .concept-list {
    padding: 30px 10px 30px;
    min-height: 225px;
    background-color: #fff;
    transition: all ease-in 0.3s;
    box-shadow: -2px 0px 5px 1px rgb(172, 170, 170), 0px -2px 5px 1px rgb(172, 170, 170), 2px 0px 5px 1px rgb(172, 170, 170), 0px 2px 5px 1px rgb(172, 170, 170);

}

.concept-cont .concept-list span {
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

.concept-cont .concept-list span i {
    font-size: 26px;
    color: #ffc03d;
}


/* ------------------------------------------------page----------------------------------------- */
.page-content {
    font-size: 16px;
    padding: 50px 0;
    color: #666;
}

.page-content h1,
#company-cont h1,
#company-cont h2>strong,
#company-cont h2 {
    font-size: 28px;
    color: #444;
}

.page-content .wpb_text_column.wpb_content_element {
    text-align: center;
}

.page-content .vc-hoverbox-block.vc-hoverbox-front,
.page-content .vc-hoverbox-block-inner.vc-hoverbox-front-inner {
    min-height: 400px;
}

.page-content .vc-hoverbox-block-inner.vc-hoverbox-front-inner {
    display: flex;
    align-items: center;
}

.page-content .vc-hoverbox-block-inner.vc-hoverbox-front-inner>h2 {
    font-size: 26px;
    color: #fff;
    background: #314962;
    padding: 8px 0;
    text-transform: capitalize;
    display: block;
    width: 100%;
}

.page-content .about-img {
    margin-bottom: 0;
}

/* -----------------------------------------------single-news------------------------------------------------------ */
/* .news-content img {
    width: 100%;
    height: auto;
} */
/* .news-content {
    color: #666;
} */
.news-wrapper h1 {
    color: #333;
}

.news-content p {
    margin-bottom: 12px;
    font-size: 17px;
    line-height: 30px;
}

.news-content img {
    max-width: 100% !important;
}

.news-content figure {
    max-width: 100% !important;
}

.news-content h3,
.news-content h2 {
    margin: 1.5em 0 0.9em;
    color: #333;
}

.news-wrapper .share {
    width: 50%;
    margin-top: 30px;
}

.news-content table {
    width: 100% !important;
}

.news-content table td,
.news-content table th {
    border: 1px solid #eee !important;
    padding: 5px !important;
}

/* ----------------------------------------------single -------------------------------------------------- */
#single-solution {
    padding: 50px 0;
    color: #444;
}

.inner-banner {
    max-height: 350px;
    overflow: hidden;
}

.inner-banner>img {
    width: 100%;
}

.solu-menu {
    padding-left: 0;
}

.solu-menu li {
    line-height: 32px;
}

#single-solution h2,
.page-news h2 {
    /*     background: #314962;
    color: #fff;
    padding: 12px; */
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 36px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.news-content h3 {
    font-size: 20px;
    line-height: 26px;
}

#single-solution .aside-news-list h2,
#single-solution .news-wrapper h4 {
    color: inherit;
    background: inherit;

}


.solu-menu a {
    color: #666;
    transition: all .3s;
    display: block;
    padding: 5px 10px;
    border-bottom: 1px solid #eee;
    background-color: #f6f6f6;
}

.solu-menu li:last-of-type a {
    border-bottom: none;
}

.solu-menu a:hover {
    padding-left: 15px;
}

.solu-menu a::before {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 8px;
}

.solu-menu a:hover {
    color: #314962;
    background-color: #ccc;
}

#single-solution h1 {
    text-align: left;
    font-size: 28px;
    margin-bottom: 30px;
    margin-top: 0;
}

#single-solution .re-product {
    margin-top: 100px;
}

#single-solution h4 {
    color: #fff;
    background: #314962;
    padding: 5px 0;
    margin-bottom: 30px;
}

#single-solution .news-wrapper h4 {
    margin-bottom: 10px;
}

#single-solution .solu-content img {
    /* height: 400px;
    margin: 0 auto;
    display: block; */
    width: 100%;
}

#single-solution .solu-content ul {
    padding-left: 20px;
}

#single-solution .solu-content ul li {
    list-style-type: disc;
}

.repro-title h3 {
    font-size: 18px;
    color: #314962;
    padding: 0 10px;
    text-align: center;
}

.repro-img {
    border: 1px solid #eee;
}

.re-product a:hover img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.repro-img {
    overflow: hidden;
}

.repro-img img {
    transition: all 0.5s ease 0s;
}

/* ----------------------------------------------search------------------------------------------ */
h2.pro-title-info {
    font-size: 16px;
    color: #444;
}

.search-title h3 {
    min-height: 80px;
}

/* -----------------------------------------------404---------------------------------------------------- */
.err .pro-search input[type=submit] {
    background: #e60012;
}

/* ----------------------------------------------footer----------------------------------------- */
footer {
    background-color: var(--c2);
    color: #eee;
    font-weight: 500;
    padding-top: 65px;
    font-size: 14px;
    line-height: 30px;
}

footer .footer-box {
    display: flex;
    justify-content: space-between;
}

footer .foot-link {
    width: 18%;
    padding: 0 10px;
}

footer #Contact {
    /* width: 26%; */
    padding: 0 10px;
}

footer .logo {
    text-align: center;
    margin-bottom: 60px;
}

footer h4 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 36px;
    color: #fff;
}

footer ul {
    padding: 0;
}

footer li {
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

footer li:hover {
    text-overflow: inherit;
    overflow: visible;
}

footer li a {
    color: #eee;
    font-weight: 500;
}

footer li a:hover {
    color: #ffc03d;
    text-decoration: none;
    transition: all .3s;
}

footer .alibaba {
    border-radius: 5px;
}

footer #Contact {
    position: relative;
}

footer #Contact li span:first-of-type,
footer #Contact li span:last-of-type {
    display: block;
}

footer #Contact li {
    overflow: hidden;
    padding: 5px 0;
}

footer #Contact li span:first-of-type {
    width: 23%;
    float: left;
}

footer #Contact li span:first-of-type i {
    margin-right: 5px;
}

footer #Contact li span:last-of-type {
    width: 77%;
    float: left;
    border-left: 1px solid #bbb;
    padding-left: 20px;

}

footer #Contact li:last-of-type i {
    margin-top: 20px;
}

/* footer #Contact li i {
    width: 8%;
    margin-right: 4%;
    border-right: 1px solid #bbb;
} */
footer #Contact li:last-of-type {
    line-height: 18px;
    white-space: normal;
}

footer .qrcode {
    position: absolute;
    right: 15px;
    top: 55px;
    cursor: pointer;
}

footer .alibaba {
    border-radius: 5px;
    margin-top: 10px;
}

footer .e-form .emaillist form {
    overflow: hidden;
}

footer .es-field-wrap {
    float: left;
    width: 85%;
}

footer .es-field-wrap label {
    width: 100%;
}

footer .es-field-wrap label input {
    background-color: #314962;
    border: 1px solid #314962;
    padding-left: 10px;
    width: 100%;
    color: #798898;
}

footer .es-field-wrap label input:focus {
    outline: none;
}

footer .es-field-wrap label input::-webkit-input-placeholder {
    color: #535353;
}

footer .es_submit_button {
    float: left;
    margin-left: 0;
    background-color: #ffc03d;
    border: 1px solid #ffc03d;
    color: #fff;
    width: 15%;
    height: 34px;
    background-image: url(/wp-content/themes/weho/images/email.png);
    background-repeat: no-repeat;
    background-position: 50%;
    transition: all .3s;
}

footer .es_submit_button:hover {
    background-color: #fff;
    border: 1px solid #fff;
    background-image: url(/wp-content/uploads/2023/03/email-yellow.png);
    background-repeat: no-repeat;
    background-position: 50%;

}

footer .e-form i {
    color: #fff;
}

footer .copyright {
    color: #4c5865;
}

footer .copyright a {
    color: #575757;
    margin-left: 5px;
    padding-right: 5px;
    border-right: 1px solid #4c5865;
}

footer .copyright a.junjie {
    border-right: none;
    color: #4c5865;
}

footer .copyright a:last-of-type {
    border-right: none;
}

footer .copyright a:hover {
    color: #e60012;
    text-decoration: none;
}

footer .software a {
    color: #fff;
    background-color: #314962;
    text-align: center;
    margin-right: 3px;
    display: block;
    width: 45px;
    height: 45px;
    text-align: center;
    font-size: 22px;
    line-height: 45px;
}

footer .software li {
    display: inline-block;
}

footer .software li:hover {
    overflow: auto;
}

footer .software a:hover {
    text-decoration: none;
    background-color: #fff;
    color: #ffc03d;
    transition: all .3s;
}


footer .crWrapper {
    margin-top: 20px;
}

.return-top,
.to-email {
    /*width: 45px;*/
    /*height: 45px;*/
    /*line-height: 40px;*/
    /*background-color: #ffc03d;*/
    /*border-radius: 50%;*/
    /*z-index: 9999;*/
    /*position: fixed;*/
    /*right: 10px;*/
    /*color: #fff;*/
    /*text-align: center;*/
    /*cursor: pointer;*/
    /*transition: all .3s ease 0s;*/
}

.to-email>a {
    color: #fff;
}

.return-top {
    /*bottom: 100px;*/
    /*font-size: 36px;*/

}

.to-email {
    bottom: 150px;
    font-size: 22px;
}

.return-top:hover,
.to-email:hover {
    /*background-color: #314962;*/

}

button#rmp_menu_trigger-151 {
    display: none !important;
}

/* mmenu */
.mm-menu {
    background: #1d2c3e;
    border-color: #605d5d;
    color: #fff;
}

.mm-listview>li {
    border-color: #605d5d;
}

.mm-menu .mm-listview>li .mm-arrow:after,
.mm-menu .mm-listview>li .mm-next:after,
.mm-menu .mm-btn:after,
.mm-menu .mm-btn:before {
    border-color: #fff;
}

.mm-menu .mm-navbar a,
.mm-menu .mm-navbar>* {
    color: #fff;
}

/* Floating-sidebar */
.Floating-sidebar {
    position: fixed;
    right: 15px;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    -moz-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    -o-transform: translate(-100%, -50%);
    transform: translate(0, -50%);
    z-index: 20;
    transition: all .5s;
    transform: scale(1.5);
    transform-origin: 100% 50%;
}

.Floating-sidebar.active {
    -webkit-transform: translate(-100%, -50%);
    -moz-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    -o-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}

.Floating-sidebar span {
    display: none;
    position: absolute;
    top: 50%;
    left: 100%;
    -webkit-transform: translate(-100%, -50%);
    -moz-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    -o-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    width: 20px;
    height: 60px;
    line-height: 60px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    text-align: center;
    font-size: 16px;
    transition: all .5s;
    z-index: -1;
    cursor: pointer;
}

.Floating-sidebar.active span {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.Floating-sidebar ul {
    padding: 0;
}

.Floating-sidebar ul li i {
    color: var(--c2);
}

.Floating-sidebar ul li.wechat i {
    color: #07C160;
}

.Floating-sidebar ul li {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.09);
    border-radius: 100%;
    text-align: center;
    background: #fff;
    color: white;
    font-size: 18px;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.3); */
    position: relative;
    transition: all .5s;
    cursor: pointer;
    list-style-type: none;
    opacity: 1;
    margin-bottom: 10px;
    color: var(--c1);
}

.Floating-sidebar ul li:hover i {
    color: var(--c1);
}

.Floating-sidebar ul li a {
    color: #FFFFFF;
}

.Floating-sidebar dl {
    position: absolute;
    top: 0;
    left: 100%;
    width: 240px;
    background: white;
    padding: 15px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    -webkit-transform: translateX(-120%);
    -moz-transform: translateX(-120%);
    -ms-transform: translateX(-120%);
    -o-transform: translateX(-120%);
    transform: translateX(-120%);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: -1;
    opacity: 0;
}

.Floating-sidebar ul li.close a:before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}

.Floating-sidebar ul li.close a:after,
.Floating-sidebar ul li.close a:before {
    content: '';
    width: 50%;
    height: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    background: white;
}

.fa-angle-double-right:before {
    content: "\f101";
}

.Floating-sidebar dl dt {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.Floating-sidebar dl dd {
    margin-bottom: 5px;
}

.Floating-sidebar.form2 dl {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.Floating-sidebar ul li.wechat img,
.Floating-sidebar ul li.whatsapp img {
    width: 140px;
    height: auto;
    position: absolute;
    right: 100%;
    top: 0;
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    z-index: -1;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    max-width: none;
}

.Floating-sidebar ul li.wechat:hover img,
.Floating-sidebar ul li.whatsapp:hover img {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.news-content .table-wrapper {
    overflow: scroll;
}

.news-wrapper img.textaroundimg {
    width: auto;
    margin-top: -57px;
}

/* ------------------------------------page-productguide ------------------------ */
.page-template-page-productguide {
    font-family: 'OpenSans' !important;
}

.page-template-page-productguide header {
    background: #121a25;
    position: static;
    z-index: 0;
    display: block;
    padding: 15px 0 0;
    height: 100px;
}

.page-template-page-productguide header .logo {
    float: none;
    margin: 0 auto;
    width: 179px;
    display: block;
}

.page-template-page-productguide header .logo img {
    margin: 0 auto;
}

.proguidepage .prog-logo>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 88px;
    margin-top: 18px;
    color: #fff;
    background: #1d2c3e;
}

.proguidepage .prog-logo>a img {
    margin-right: 5px;
}

.proguidepage .prog-logo>a span {
    margin-top: 10px;
}

.proguidepage .prog-banner {
    position: relative;
}

.proguidepage .prog-banner>img {
    width: 100%;
}

.proguidepage .pgbanner-text {
    position: absolute;
    top: 15%;
    right: 15%;
    color: #fff;
}

.proguidepage .pgbanner-text h1 {
    font-size: 30px;
}

.proguidepage .pgbanner-text h1 strong {
    font-size: 72px;
}

.proguidepage .bt-top {
    margin-bottom: 40px;
}

.proguidepage .bt-middle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 320px;
    margin-bottom: 30px;
}

.proguidepage .btm-list .img-box {
    width: 66px;
    height: 66px;
    background: #fff;
    border-radius: 50%;
    display: table-cell;
    vertical-align: middle;
    transition: all .3s;
}

.proguidepage .btm-list:hover .img-box {
    box-shadow: 2px 3px 5px #555;
}

.proguidepage .btm-list .img-box img {
    margin: 0 auto;
}

.proguidepage .btm-list p {
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
}

.proguidepage .bt-bottom>a {
    font-size: 24px;
    font-weight: bold;
    display: block;
    max-width: 430px;
    width: 100%;
    line-height: 60px;
    height: 60px;
    color: #fff;
    text-align: center;
    background: #e60012;
    transition: all .3s;
}

.proguidepage .bt-bottom>a:hover {
    background: #fff;
    color: #e60012;
}

.proguidepage .prog-sys {
    background: #314962;
    color: #fff;
    padding: 90px 0;
}

.proguidepage h2 {
    font-size: 46px;
    font-weight: normal;
    margin: 0 0 30px;
    color: #fff;
}

.proguidepage .pgsys-left p {
    font-size: 18px;
}

.proguidepage .pgsys-right p {
    line-height: 30px;
}

.proguidepage .prog-wide {
    background: #1d2c3e;
    padding: 90px 0;
}

.proguidepage .prog-wide h2 {
    margin-bottom: 50px;
}

.proguidepage .prog-wide h4 {
    color: #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    letter-spacing: 0.5px;
}

.proguidepage .prog-wide p {
    font-size: 14px;
    color: #a5abb2;
}

.proguidepage .progw-list {
    min-height: 146px;
    margin-bottom: 10px;
}

.proguidepage .prog-series {
    background: #314962;
    padding: 90px 0 140px;
    position: relative;
}

.proguidepage .swiper-slide {
    background: #fff;
    text-align: center;
    padding: 30px 0;
}

.progw-img img {
    width: 100%;
}

.proguidepage .prog-series h4 {
    color: #444;
    transition: all .3s;
}

.proguidepage .swiper-slide a:hover h4 {
    color: #e60012;
}

.proguidepage .progs-exe {
    font-size: 14px;
    color: #666;
    min-height: 40px;
}

.proguidepage .progs-exe ul {
    padding-left: 0;
}

.proguidepage .progs-img {
    padding: 0 40px;
}

.proguidepage span.swiper-pagination-bullet-inner {
    display: block;
    width: 8px;
    height: 8px;
    background: #314962;
    margin: 0 auto;
    margin-top: 2px;
    border-radius: 50%;
}

.proguidepage .swiper-pagination-bullet-active span.swiper-pagination-bullet-inner,
.proguidepage .swiper-pagination-bullet-active {
    background: #fff !important;
}

.proguidepage .swiper-pagination.swiper-pagination-bullets {
    width: 100%;
    left: 0;
    bottom: 90px;
}

.proguidepage span.swiper-pagination-bullet {
    margin: 0 2px;
}

.proguidepage .swiper-progs-prev,
.proguidepage .swiper-progs-next {
    position: absolute;
    top: 48%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #e60012;
    border-radius: 50%;
    font-size: 30px;
    transition: all .3s;
    z-index: 10;
}

.proguidepage .swiper-progs-prev:hover,
.proguidepage .swiper-progs-next:hover {
    background: #121a25;
}

.proguidepage .swiper-progs-next.swiper-button-disabled,
.proguidepage .swiper-progs-prev.swiper-button-disabled {
    opacity: .5;
}

.proguidepage .swiper-progs-next.swiper-button-disabled:hover,
.proguidepage .swiper-progs-prev.swiper-button-disabled:hover {
    opacity: .5;
    background: #e60012;
}

.proguidepage .swiper-progs-prev {
    left: 10%;
}

.proguidepage .swiper-progs-next {
    right: 10%;
}

.proguidepage .prog-news {
    padding: 90px 0;
}

.proguidepage .prog-news img {
    width: 100%;
}

.proguidepage .progn-list {
    margin-bottom: 7px;
}

.proguidepage .news-title {
    color: #444;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all .3s;
}

.proguidepage .progn-list:hover .news-title {
    color: #e60012;
}

.proguidepage .news-time {
    font-size: 14px;
    color: #666;
}

.proguidepage .prog-more {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #e60012;
    border: 2px solid transparent;
    text-align: center;
    height: 60px;
    line-height: 56px;
    transition: all .3s;
}

.proguidepage .prog-more:hover {
    color: #e60012;
    background: transparent;
    border: 2px solid #e60012;

}

.proguidepage .proga-box .proga-list {
    color: #fff;
    border: 2px solid transparent;
    display: flex;
    align-items: center;
    height: 75px;
    font-size: 20px;
    font-weight: bold;
    padding: 0 32px;
    margin-bottom: 10px;
    transition: all .3s;
}

.proguidepage .proga-box .proga-list:nth-of-type(1) {
    background: #e60012;
}

.proguidepage .proga-box .proga-list:nth-of-type(1):hover {
    background: #a30411;
}

.proguidepage .proga-box .proga-list:nth-of-type(2) {
    background: #121a25;
}

.proguidepage .proga-box .proga-list:nth-of-type(2):hover {
    background: #192e49;
}

.proguidepage .proga-box .proga-list:nth-of-type(3) {
    background: #314962;
    margin-bottom: 0;
}

.proguidepage .proga-box .proga-list:nth-of-type(3):hover {
    background: #233446;
}

.proguidepage .proga-box .proga-list p {
    margin-bottom: 0;
}

.proguidepage .proga-box .proga-list .img-box {
    margin-right: 20px;
}

.proguidepage .progv-box {
    position: relative;
}

.proguidepage a.video-icon {
    display: block;
    position: absolute;
    top: 35%;
    left: 43%;
}

.proguidepage .hover-none,
.proguidepage .video-icon:hover .hover-show {
    display: block;
}

.proguidepage .hover-show,
.proguidepage .video-icon:hover .hover-none {
    display: none;
}

.proguidepage .prog-applicable {
    padding: 90px 0;
    background: #e60012;
}

.proguidepage .prog-applicable a {
    display: block;
    max-width: 825px;
    width: 100%;
    height: 60px;
    line-height: 56px;
    text-align: center;
    color: #e60012;
    margin: 0 auto;
    background: #fff;
    font-size: 24px;
    font-weight: bold;
    border: 2px solid transparent;
    transition: all .3s;
}

.proguidepage .prog-applicable a:hover {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}

.prog-application .tabs {
    overflow: hidden;
    padding-left: 0;
}

.prog-application {
    padding: 90px 0;
    background: #f7f7f7;
}

.prog-application .tabs li {
    float: left;
    width: 50%;
}

.prog-application .tabs a {
    text-decoration: none;
    border: 2px solid #314962;
    color: #314962;
    font-size: 24px;
    text-align: center;
    padding: 15px 0;
    transition: all .3s;
    display: block;
}

.prog-application .tab-content {
    padding-top: 30px;
}

.prog-application .tabs li.active a,
.prog-application .tabs a:hover {
    background: #314962;
    color: #fff;
}

.prog-application .tab-box {
    display: flex;
    align-items: center;
    background: #fff;
}

.prog-application .tab-title,
.prog-application .img-box {
    width: 50%;
}

.prog-application .tab-title {
    padding: 0 15px;
}

.prog-application .tab-title h4 {
    font-weight: normal;
    color: #444;
    text-transform: capitalize;
}

.prog-model {
    padding: 90px 0;
    background: linear-gradient(to bottom, #314962 0%, #314962 70%, #fff 70%, #fff 100%);
    ;
}

.progm-box {
    max-width: 1000px;
    margin: 0 auto;
}

.progm-top {
    display: flex;
    justify-content: space-between;
}

.progm-top .prog-filter {
    width: 20%;
}

.progm-top .prog-filter h4 {
    font-size: 20px;
    letter-spacing: 1px;
    color: #fff;
}

.progm-top .prog-filter select.facetwp-dropdown {
    width: 100%;
}

.progm-mid {
    color: #fff;
    margin-bottom: 40px;
}

.progm-mid h4 {
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 30px;
}

.progm-bottom table {
    width: 100%;
    -webkit-box-shadow: #999 0px 0px 5px;
    -moz-box-shadow: #999 0px 0px 5px;
    box-shadow: #999 0px 0px 5px;
    table-layout: fixed;
    word-break: break-word;
}

.progm-bottom table .td-1,
.progm-bottom table .td-2,
.progm-bottom table .td-6 {
    width: 9%;
}

.progm-bottom table .td-7 {
    width: 10%;
}

.progm-bottom table .td-8 {
    width: 12%;
}

.progm-bottom table .td-3,
.progm-bottom table .td-4 {
    width: 15%;
}

.progm-bottom thead {
    background: #e60012;
    color: #fff;
}

.progm-bottom thead th {
    font-size: 18px;
    font-weight: bold;
    padding: 15px;
    text-align: center;
}

.progm-bottom tbody {
    background: #fff;
    font-size: 14px;
}

.progm-bottom tbody td {
    color: #666;
    padding: 5px;
}

.progm-bottom td,
.progm-bottom th {
    border: none;
    text-align: center;
    border-right: 1px solid #d1d1d1;
}

.progm-bottom td:last-of-type,
.progm-bottom th:last-of-type {
    border-right: none;
}

.progm-bottom tbody td:first-of-type {
    color: #444;
    font-weight: bold;
}

.progm-bottom tbody td:last-of-type {
    padding: 10px;
}

.progm-bottom tbody td:last-of-type a {
    background: #444;
    padding: 5px;
    display: block;
    color: #fff;
    transition: all .3s;
}

.progm-bottom tbody td:last-of-type a:hover {
    background: #e60012;
}

.colorblack {
    color: #000 !important;
}

.prog-why {
    padding: 90px 0;
    background: #f7f7f7;
}

.progwhy-box {
    background: #fff;
    padding: 30px;
    color: #444;
}

.progwhy-box h4 {
    margin-bottom: 20px;
    font-size: 20px;
}

.progwhy-box p {
    line-height: 28px;
}

.progwhy-box .img-box {
    margin-bottom: 20px;
}

.progwhy-list:nth-of-type(1) .progwhy-box,
.progwhy-list:nth-of-type(2) .progwhy-box,
.progwhy-list:nth-of-type(3) .progwhy-box,
.progwhy-list:nth-of-type(4) .progwhy-box {
    min-height: 310px;
}

.progwhy-list:nth-of-type(5) .progwhy-box,
.progwhy-list:nth-of-type(6) .progwhy-box,
.progwhy-list:nth-of-type(7) .progwhy-box,
.progwhy-list:nth-of-type(8) .progwhy-box {
    min-height: 448px;
}

.progwhy-foot {
    font-size: 24px;
    text-align: center;
    color: #121a25;
    margin-top: 20px;
}

.progwhy-foot a {
    color: #e60012;
    text-decoration: underline;
    transition: all .3s;
}

.progwhy-foot a:hover {
    color: #314962;
}

.prog-how {
    padding: 90px 0;
    color: #444;
}

.prog-how h3 {
    border-bottom: 1px solid #858585;
    padding-bottom: 10px;
}

.prog-how p {
    line-height: 28px;
}

.prog-about {
    padding: 90px 0;
    background: #f7f7f7;
    text-align: center;
}

.prog-about .pgabout-text {
    max-width: 920px;
    margin: 0 auto;
    font-size: 24px;
    line-height: 36px;
    color: #444;
    margin-bottom: 30px;
}

.pgabout-more {
    max-width: 820px;
    margin: 0 auto;
}

.pgabout-more a {
    display: inline-block;
    width: 49%;
    height: 55px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    transition: all .3s;
}

.pgabout-more a:first-of-type {
    background: #e60012;
    color: #fff;
    border: 2px solid transparent;
}

.pgabout-more a:first-of-type:hover {
    background: transparent;
    color: #e60012;
    border: 2px solid #e60012;
}

.pgabout-more a:last-of-type {
    background: transparent;
    color: #e60012;
    border: 2px solid #e60012;
}

.pgabout-more a:last-of-type:hover {
    background: #e60012;
    color: #fff;
    border: 2px solid transparent;
}

.show1200 {
    display: none;
}

/* ---------------------- new single solution ------------------------- */
.solun-single {
    padding: 50px 0 0;
}

.solun-single h1 {
    font-size: 32px;
    margin-bottom: 30px;
    text-align: center;
}

.solun-single .solun-cont h2 {
    font-size: 26px;
    position: relative;
}

.solun-single .solun-cont h2::after {
    content: "";
    background-color: #ffc03d;
    height: 4px;
    width: 55px;
    position: absolute;
    top: 100%;
    left: 0;
    transform: skewX(-45deg);
}

.solun-single .solun-cont table tr,
.solun-single .solun-cont table td {
    border: 1px solid #333;
    padding: 5px;
}

.solun-single .solun-cont img {
    max-width: 100%;
}

.solun-single .solun-cont ul li {
    list-style-type: disc;
}

/* .solun-single .solun-cont ol li {
    list-style-type: ;
} */
.solun-single .right-title {
    background: #314962;
    color: #fff;
    padding: 10px;
    margin-bottom: 0;
    margin-top: 0;
}

.solun-single .solun-menu {
    background: #f6f6f6;
    padding: 0;
}

.solun-single .solun-menu a {
    color: #333;
    font-size: 16px;
    padding: 10px;
    display: block;
    border-bottom: 1px solid #a1a1a1;
    transition: all .3s;
}

.solun-single .solun-menu li:last-of-type a {
    border-bottom: none;
}

.solun-single .solun-menu a:hover,
.solun-single .solun-menu .current-menu-item a {
    background: #ccc;
}

.solun-single .solun-right {
    margin-top: 85px;
}

/* .solun-single .solun-left {
    padding-right: 50px;
} */
.solun-single .solun-subsc {

    margin-top: 50px;
}

.solun-single .solun-subsc .row {
    display: flex;
    align-items: center;
    box-shadow: rgb(0 0 0 / 20%) 0 0 10px;
    padding: 15px;
    border-radius: 5px;
}

.solun-single .solun-subsc h2 {
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 0;
}

.solun-single .solun-subsc .tnp-subscription input[type=text],
.solun-single .solun-subsc .tnp-subscription input[type=email] {
    outline: none;
    border: 1px solid;
    border-color: #ddd;
    border-radius: 5px;
    background-color: transparent;
}

.solun-single .solun-subsc .tnp-subscription label {
    padding-left: 0;
    font-weight: normal;
}

.solun-single .solun-subsc .tnp-subscription input.tnp-submit {
    background-color: #e60012;
    border-radius: 5px;
}

.solun-single .contact-jump {
    padding: 80px 0 100px;
    background: #f6f6f6;
    margin-top: 50px;
    text-align: center;
}

.solun-single .contact-jump a {
    display: inline-block;
    background: #ffc03d;
    color: #fff;
    padding: 8px 20px;
    margin-top: 30px;
    transition: all .3s;
}

.solun-single .contact-jump a:hover {
    color: #ffc03d;
    background: #fff;
}

.aside-fixed {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    margin-top: 0 !important;
}

.re-product {
    padding: 50px 0;
}

.re-product h2,
.other-wrapper .related-pro h2 {
    font-size: 30px;
    margin-bottom: 30px;
    text-transform: capitalize;
}

.repro-title>h3,
.other-wrapper .pro-title {
    font-size: 16px;
    color: #333;
    transition: all .3s;
    height: 88px;
}

.other-wrapper a:hover .pro-title {
    color: #e60012;
}

.other-wrapper .related-pro {
    padding: 0 0 30px;
}

.other-wrapper {
    background: #f6f6f6;
    padding-top: 30px;
}

.solun-single p {
    letter-spacing: 0.3px;
    line-height: 22px;
}

.solun-banner {
    position: relative;
}

.solun-banner .solunban-text {
    position: absolute;
    top: 35%;
    width: 100%;
    text-align: center;
    color: #fff;
}

.solun-banner .solunban-text h1 {
    font-size: 50px;
}

.solun-single .re-product img,
.solun-single .other-wrapper img {
    width: 100%;
}

.solun-single .suns-title {
    font-size: 24px;
    margin-top: 0;
    background: #314962;
    color: #fff;
    padding: 10px;
    margin-bottom: 0;
}

.solun-single .suns-other ul {
    padding-left: 0;
    background: #f6f6f6;
}

.solun-single .suns-other ul a {
    text-decoration: none;
    font-size: 16px;
    display: block;
    padding: 8px 10px;
    color: #333;
    border-bottom: 1px solid #ddd;
    transition: all .3s;
}

.solun-single .suns-other ul a:hover {
    color: #314962;
    background: #ccc;
}

.solun-single .suns-other form header {
    display: none;
}

.paddingright50 {
    padding-right: 50px;
}

.page-template-page-contact-new-php #nf-form-title-1 {
    display: none !important;
}

#nf-field-4 {
    background: var(--c1) !important;
    padding: 0 !important;
    width: 120px !important;
}

#nf-field-4:hover {
    background: #fff !important;
    color: #fff !important;
}

/* -------------------------------------------media---------------------------------------- */
@media screen and (max-width: 1850px) {
    .proguidepage .swiper-progs-prev {
        left: 8%;
    }

    .proguidepage .swiper-progs-next {
        right: 8%;
    }

}

.facetwp-pager {
    text-align: center;
    margin-top: 15px;
}

a.facetwp-page {
    background: #314962;
    color: #fff;
    padding: 3px 8px;
    transition: all .3s;
}

a.facetwp-page.active,
a.facetwp-page:hover {
    background: #e60012;
}

@media screen and (max-width: 1750px) {
    .home-advantage .ad-wrapper .ad-box {
        min-height: 360px;
    }

    .proguidepage .swiper-progs-prev {
        left: 5%;
    }

    .proguidepage .swiper-progs-next {
        right: 5%;
    }

}

@media screen and (max-width: 1680px) {
    footer #Contact li span:first-of-type {
        width: 25%;
    }

    footer #Contact li span:last-of-type {
        width: 75%;
    }

    .proguidepage .pgbanner-text {
        top: 7%;
    }

}

@media screen and (max-width: 1600px) {
    header .main-menu li {
        padding: 0 6px;
    }

    header .main-menu li>a {
        padding: 27px 5px;
    }

    .swiper_textarea {
        right: 2%;
    }

    .swiper_textarea h1 {
        font-size: 45px;
    }

    .home-advantage .ad-wrapper .ad-box {
        min-height: 400px;
    }

    footer #Contact li span:first-of-type {
        width: 30%;
    }

    footer #Contact li span:last-of-type {
        width: 70%;
    }

    footer #Contact li:last-of-type i {
        margin-top: 30px;
    }

    .proguidepage .swiper-progs-prev {
        left: 3%;
    }

    .proguidepage .swiper-progs-next {
        right: 3%;
    }
}

@media screen and (max-width:1550px) {
    .proguidepage .pgbanner-text h1 {
        font-size: 24px;
    }

    .proguidepage .pgbanner-text h1 strong {
        font-size: 55px;
    }

    .proguidepage .bt-middle {
        max-width: 290px;
        margin-bottom: 15px
    }

    .proguidepage .btm-list .img-box {
        width: 60px;
        height: 60px;
    }

    .proguidepage .bt-bottom>a {
        max-width: 300px;
    }

    .proguidepage .bt-top {
        margin-bottom: 30px;
    }



}

@media screen and (max-width:1500px) {
    .home-buy .col3 .left-icon {
        width: 85px;
        height: 85px;
        line-height: 85px;
    }

    /* .proguidepage .swiper-progs-prev,.proguidepage .swiper-progs-next {
        display: none;
    } */
}

@media screen and (max-width: 1440px) {
    header .main-menu li {
        padding: 0 3px;
    }

    header ul.sub-menu {
        top: 72px;
    }

    header .main-menu li {
        padding: 0 3px;
    }

    header .main-menu li>a {
        padding: 28px 5px;
    }

    .swiper_textarea {
        right: 2%;
    }

    .swiper_textarea h1 {
        font-size: 45px;
    }

    .page-team .team-excerpt h1 {
        font-size: 26px;
    }

    .page-team .col5 {
        width: 25%;
    }

    .home-application .col5 .img-inner-box {
        min-height: 70px;
    }

    .home-application .app-desc {
        padding: 0 40px;
    }

    .container-fluid {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width: 1400px) {
    header {
        padding: 0 50px;
    }


}

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

    .progwhy-list:nth-of-type(1) .progwhy-box,
    .progwhy-list:nth-of-type(2) .progwhy-box,
    .progwhy-list:nth-of-type(3) .progwhy-box,
    .progwhy-list:nth-of-type(4) .progwhy-box {
        min-height: 366px;
    }

    .progwhy-list:nth-of-type(5) .progwhy-box,
    .progwhy-list:nth-of-type(6) .progwhy-box,
    .progwhy-list:nth-of-type(7) .progwhy-box,
    .progwhy-list:nth-of-type(8) .progwhy-box {
        min-height: 532px;
    }

}

@media screen and (max-width: 1350px) {
    header {
        padding: 0 20px;
        font-size: 16px;
    }

    header .main-menu li {
        padding: 0 3px;
        ;
    }

    header .main-menu li .inquiry {
        font-size: 16px;
        padding: 10px 28px;
    }

    header .logo {
        width: 160px;
    }

    .home-buy .col3 {
        min-height: 180px;
    }
}

@media screen and (max-width: 1200px) {
    footer .qrcode {
        top: 8px;
    }

    footer .soft-icon {
        text-align: left;
    }

    .es-field-wrap label {
        width: 164px;
    }

    header .main-menu ul {
        padding-left: 0;
    }

    .left-search .pro-search .search-box {
        width: 69%;
    }

    .left-search .pro-search input[type=submit] {
        width: 34%;
    }

    .progwhy-list:nth-of-type(1) .progwhy-box,
    .progwhy-list:nth-of-type(2) .progwhy-box,
    .progwhy-list:nth-of-type(3) .progwhy-box,
    .progwhy-list:nth-of-type(4) .progwhy-box {
        min-height: 416px;
    }

    .progwhy-list:nth-of-type(5) .progwhy-box,
    .progwhy-list:nth-of-type(6) .progwhy-box,
    .progwhy-list:nth-of-type(7) .progwhy-box,
    .progwhy-list:nth-of-type(8) .progwhy-box {
        min-height: 666px;
    }

    .proguidepage .pgbanner-text h1 {
        font-size: 20px;
    }

    .proguidepage .pgbanner-text h1 strong {
        font-size: 40px;
    }

    .proguidepage .bt-bottom>a {
        line-height: 48px;
        height: 50px;
    }

    .proguidepage .progn-list,
    .proguidepage .prog-more,
    .proguidepage .proga-box {
        margin-bottom: 30px;
    }

    .show1200 {
        display: block;
    }

    .none1200 {
        display: none;
    }

    .prog-application #industrial .tab-box {
        min-height: 139px;
    }
}

@media screen and (max-width: 1100px) {
    .home-buy .col3 {
        min-height: 300px;
    }

    .proguidepage .bt-middle {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    #single-pro #nf-form-title-3 h3 {
        font-size: 30px;
    }

    #single-pro .pro-right-wrapper h1 {
        font-size: 28px;
    }

    .solun-banner .solunban-text {
        top: 28%;
    }

    .solun-banner .solunban-text h1 {
        font-size: 30px;
    }

    header ul.sub-menu {
        top: 78px;
    }

    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    header .main-menu ul {
        padding-left: 0;
    }

    .swiper_textarea {
        top: 20%;
    }

    .swiper_textarea h1 {
        font-size: 30px;
    }

    .home-application .col5 .img-inner-box {
        font-size: 16px;
        left: 10px;
        right: 10px;
        min-height: 64px;
    }

    .home-advantage .ad-wrapper .ad-box h4 {
        font-size: 16px;
    }

    .home-advantage .ad-wrapper .ad-box p {
        font-size: 15px;
    }

    .home-buy .col3 .right-content {
        width: 60%;
    }

    .home-new-pro .new-pro-wrapper ul li {
        min-height: 75px;
    }

    .home-new-pro .new-pro-wrapper ul li a,
    .home-new-pro .new-pro-wrapper ul li span {
        width: 100%;
        float: none;
    }

    .home-new-pro .new-pro-wrapper ul li a {
        margin-left: 0;
    }

    footer .soft-icon {
        margin-bottom: 30px;
    }

    .product-content .cat-pro-wrapper .cat-pre-pro {
        min-height: 470px;
    }

    .top-banner-title {
        padding-top: 105px;
    }

    #per-catogery .title-wrapper {
        display: block;
    }

    #per-catogery .cat-em {
        display: block;
        margin-bottom: 10px;
    }

    #per-catogery .cat-img-box,
    #per-catogery .cat-title {
        width: 100%;
    }

    #per-catogery .cat-pre-wrapper {
        min-height: 285px;
    }

    #per-catogery .pro-right-wrapper .pro-text h4 {
        font-size: 18px;
    }

    .top-banner {
        padding: 0 30px;
    }

    #solution,
    #faq {
        padding-top: 0;
    }

    .swiper_textarea h1 {
        font-size: 35px;
    }

    .page-team .team-excerpt h1 {
        font-size: 22px;
    }

    .page-team .col5 {
        width: 33.33333%;
    }

    header .main-menu li>a {
        padding: 29px 5px;
    }

    .home-application .app-desc {
        padding: 0 5px;
    }

    .left-search .pro-search .search-box {
        width: 76%;
    }

    .left-search .pro-search input[type=submit] {
        width: 24%;
    }

    footer #Contact li span:first-of-type {
        width: 36%;
    }

    footer #Contact li span:last-of-type {
        width: 64%;
    }

    footer #Contact li:last-of-type i {
        margin-top: 45px;
    }

    #single-pro .pro-right-wrapper h1 {
        min-height: auto;
    }

    .page-news .news-title {
        min-height: 80px;
    }

    #per-catogery .category-title {
        margin-bottom: 20px;
    }


}

@media screen and (max-width: 1000px) {
    button#rmp_menu_trigger-151 {
        display: block !important;
        top: 12px !important;
    }

    header .main-menu ul {
        display: none;
    }

    #rmp_menu_trigger-151 .responsive-menu-pro-inner,
    #rmp_menu_trigger-151 .responsive-menu-pro-inner::before,
    #rmp_menu_trigger-151 .responsive-menu-pro-inner::after {
        background-color: #e60012;
    }
}

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

    /* .solun-single .solun-cont h2::after {
        display: none;
    } */
    .prog-application .tabs li {
        float: none;
        width: 100%;
    }

    .prog-application #industrial .tab-box,
    .progwhy-list:nth-of-type(1) .progwhy-box,
    .progwhy-list:nth-of-type(2) .progwhy-box,
    .progwhy-list:nth-of-type(3) .progwhy-box,
    .progwhy-list:nth-of-type(4) .progwhy-box,
    .progwhy-list:nth-of-type(5) .progwhy-box,
    .progwhy-list:nth-of-type(6) .progwhy-box,
    .progwhy-list:nth-of-type(7) .progwhy-box,
    .progwhy-list:nth-of-type(8) .progwhy-box {
        min-height: auto;
    }

    .prog-application #industrial .tab-box img {
        float: right;
    }
}

@media screen and (max-width:768px) {
    #gt_float_wrapper {
        top: 7px !important;
        right: 63px !important;
        bottom: unset !important;
        left: unset !important;
    }

    #single-pro .vc_tta-panels .vc_tta-panel:nth-child(1) .vc_tta-panel-body {
        overflow: scroll !important;
    }

    .solun-banner .solunban-text {
        top: 20%;
    }

    .solun-single .solun-left {
        padding-right: 15px;
    }

    .home-application .swiper-slide {
        width: 33.333% !important;
    }

    html.mm-opening .mm-slideout {
        -webkit-transform: translate3d(250px, 0, 0);
        transform: translate3d(250px, 0, 0);
    }

    header .logo a>img {
        margin: 10px 0;
    }

    header .mobile-bar {
        display: block;
        color: #fff;
        font-size: 25px;
        margin-right: 10px;
    }

    header .main-menu {
        width: 70%;
        text-align: right;
    }

    .searchDiv {
        top: 58px;
    }

    .searchDiv .s-input {
        width: 85%;
    }

    .searchDiv input:last-of-type {
        width: 15%;
    }

    .swiper_textarea {
        top: 18%;
        right: 6%;
    }

    .swiper_textarea h1 {
        font-size: 22px;
    }

    .swiper_textarea a {
        width: 180px;
        height: 45px;
        line-height: 45px;
    }

    .home-application {
        display: block;
        padding: 30px 12px;
    }

    .home-application .col5 {
        width: 100%;
        margin-bottom: 30px;
    }

    .home-application .img-box>img {
        width: 100%;
    }

    .home-application .col5 .img-inner-box {
        justify-content: center;
        font-size: 24px;
    }

    .home-advantage .ad-wrapper {
        flex-wrap: wrap;
    }

    .home-advantage .ad-wrapper .col6 {
        width: 31%;
        margin-bottom: 30px;
    }

    .home-new-pro .img-box>img {
        width: 100%;
    }

    .home-new-pro .new-pro-wrapper ul {
        min-height: 570px;
    }

    .solu-menu-wrapper {
        display: none;
    }

    .proguidepage .table-box {
        overflow: scroll;
    }

    footer .footer-box {
        display: block;
    }

    footer .foot-link,
    footer #Contact {
        width: 100%;
        margin-bottom: 25px;
    }

    footer .qrcode {
        right: 10%;
        top: 40px;
    }

    footer ul,
    footer .qrcode,
    footer .e-form {
        max-height: 0;
        overflow: hidden;
    }

    footer h4 {
        font-size: 18px;
        border-bottom: 1px solid #eee;
        padding-bottom: 5px;
        margin-bottom: 20px;
    }

    footer h4::after {
        content: "\f107";
        font: normal normal normal 14px/1 FontAwesome;
        float: right;
    }

    footer .open h4::after {
        content: "\f106";
        font: normal normal normal 14px/1 FontAwesome;
        float: right;
    }

    footer .open ul,
    footer .open .qrcode,
    footer .open .e-form {
        max-height: inherit;
    }

    .es-field-wrap {
        width: 90%;
    }

    .es-field-wrap label {
        width: 100%;
    }

    .es_submit_button {
        width: 10%;
        margin-left: 0;
    }


    .product-content .cat-pro-wrapper .cat-pre-pro {
        min-height: 455px;
    }

    .home-buy .col3 {
        width: 49%;
    }

    #company-cont .vc_col-sm-6 {
        width: 100%;
    }

    #per-catogery .cat-pre-wrapper {
        min-height: 295px;
    }

    .pro-left-wrapper {
        display: none;
    }

    .align-center {
        display: block;
    }

    #faq .vc_toggle_size_md.vc_toggle_arrow .vc_toggle_icon {
        width: 8%;
    }

    #faq .vc_toggle_title>h4 {
        width: 90%;
    }

    .home-new-pro .new-pro-wrapper {
        min-height: 913px;
    }

    #per-catogery .pro-right-wrapper .category-title {
        width: 100%;
    }

    #single-pro .pro-right-wrapper .pro-details .product-parameter {
        min-height: 335px;
    }

    footer #Contact li span:first-of-type {
        width: 15%;
    }

    footer #Contact li span:last-of-type {
        width: 85%;
    }

    footer #Contact li:last-of-type i {
        margin-top: 10px;
    }

    .single-pro-eamil .es-field-wrap {
        width: 100%;
        float: none;
    }

    .single-pro-eamil .es_subscription_form_submit {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    .product-content .cat-pro-desc {
        min-height: 190px;
    }

    #company-cont .vc_row-fluid:nth-child(2n-1) {
        display: flex;
        flex-flow: column;
    }

    #company-cont .vc_row-fluid:nth-child(2n-1) .vc_col-sm-6:first-of-type {
        order: 2;
    }

    #company-cont .vc_row-fluid:nth-child(2n-1) .vc_col-sm-6:last-of-type {
        order: 1;
    }
}

@media screen and (min-width:767px) {

    .swiper-button-next,
    .swiper-button-prev {
        bottom: -22px;
        left: 0 !important;
        top: unset;
    }

    .swiper-button-next {
        left: 41px !important;
    }

    .swiper-button-prev {
        left: 0 !important;
    }
}

@media screen and (max-width:767px) {
    #single-pro .pro-right-wrapper h1 {
        font-size: 26px !important;
    }

    .pro-detail-con ul.wc-tabs li span {
        font-size: 26px !important;
    }

    #single-pro #nf-form-title-3 h3 {
        font-size: 26px !important;
    }

    .news-content p {
        font-size: 16px;
        line-height: 26px;
    }

    #rev_slider_1_1_forcefullwidth .pc_none {
        display: block;
    }

    .part-two {
        padding-top: 0px !important;
    }

    .solun-single .suns-other {
        display: none;
    }

    .paddingright50 {
        padding-right: 0;
    }

    .solun-single .solun-subsc {
        padding: 0 15px;
    }

    .solun-single .solun-subsc .row {
        display: block;
    }

    .solun-single .solun-right {
        display: none;
    }

    .top-banner {
        padding: 0 0 0 10px;
    }

    .top-banner-title {
        padding-top: 100px;
    }

    .home-buy .col3 {
        width: 100%;
        text-align: center;
    }

    .home-buy .col3 .left-icon {
        float: none;
        margin: 0 auto;
    }

    .home-buy .col3 .right-content {
        float: none;
        width: 100%;
    }

    .home-application .col-xs-12 {
        margin-bottom: 10px;
    }

    .home-application .app-desc {
        text-align: center;
    }

    .home-advantage .ad-wrapper .col6 {
        width: 100%;
    }

    .home-new-pro .new-pro-wrapper {
        min-height: 713px;
    }

    .home-new-pro .new-pro-wrapper:first-of-type {
        margin-bottom: 30px;
    }

    .product-content .cat-title h2 {
        padding-bottom: 0;
        border-bottom: none;
    }

    #per-catogery .cat-title {
        font-size: 20px;
    }

    #single-pro .vc_tta.vc_general .vc_tta-panel-body {
        padding: 20px;
        /* overflow: scroll; */
    }

    .vc-hoverbox-wrapper.vc-hoverbox-align--center {
        margin-bottom: 30px;
    }

    #contact {
        padding-top: 30px;
    }

    .page-team .col5 {
        width: 100%;
    }

    .product-content .cat-pro-wrapper .nav-tabs .active a {
        background: #314962;
        border-radius: 0;
        color: #fff;
        border: none;
    }

    .product-content .cat-pro-wrapper .nav-tabs a {
        display: block;
        padding: 10px 15px;
    }

    .product-content .nav-tabs>li {
        float: none;
    }

    .market-cont .row {
        margin-right: 0;
        margin-left: 0;
    }

    .contact-desc-wrapper,
    #per-catogery .pro-contact-wrapper {
        min-height: auto;
        margin-bottom: 30px;
    }

    .single-pro-eamil {
        margin-top: 30px;
    }

    .page-news .solu-list,
    .news-excerpt,
    .product-content .cat-pro-wrapper .cat-pre-pro,
    .product-content .cat-pro-desc {
        min-height: auto;
    }

    .progm-top .prog-filter h4 {
        min-height: 44px;
    }

    .proguidepage .progw-list {
        min-height: auto;
        margin-bottom: 30px;
    }
}

@media screen and (max-width:640px) {
    .home-application .swiper-slide {
        width: 50% !important;
    }

    .swiper-solu-prev,
    .swiper-solu-next {
        display: none;
    }

    .proguidepage h2 {
        font-size: 24px;
        font-weight: bold;
    }

    .proguidepage .prog-applicable a {
        height: 52px;
        line-height: 48px;
        font-size: 18px;
    }

    .proguidepage .pgbanner-text h1 strong {
        font-size: 22px;
    }

    .prog-how h3 {
        font-size: 20px;
    }

    .progm-top .prog-filter h4 {
        font-size: 18px;
    }

    .proguidepage .pgbanner-text h1 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .proguidepage .bt-bottom>a {
        font-size: 14px;
        line-height: 30px;
        height: 32px;
    }

    .prog-about .pgabout-text {
        line-height: 32px;
    }

    .pgabout-more a {
        height: 50px;
        line-height: 46px;
        font-size: 18px;
    }

    .proguidepage .bt-top {
        margin-bottom: 10px;
    }


}

@media screen and (max-width:540px) {
    .solun-banner .solunban-text {
        top: 12%;
    }

    .solun-banner .solunban-text h1 {
        font-size: 22px;
    }

    .swiper_textarea {
        display: none;
    }

    header .searchDiv .s-input {
        width: 80%;
    }

    header .searchDiv input:last-of-type {
        width: 20%;
    }

    .home-new-pro .new-pro-wrapper {
        width: 100%;
    }

    .home-product .inner_product {
        text-align: center;
    }

    .home-application .home-app-title {
        display: none;
    }

    .home-application .home-app-more {
        display: block !important;
        text-transform: capitalize;
        width: 200px;
        height: 50px;
        background-color: #314962;
        border: 2px solid transparent;
        text-align: center;
        line-height: 50px;
        margin-bottom: 20px;
        transition: all .3s;
    }

    .home-application .home-app-more:hover {
        border: 2px solid #314962;
        background-color: transparent;
    }

    .product-content .new-pro-box {
        margin-bottom: 20px;
    }

    .pro-search .search-box {
        width: 80%;
    }

    .pro-search input[type=submit] {
        width: 20%;
    }

    .product-content .cat-title {
        padding: 0 10px 10px 10px;
    }

    .product-content .cat-pro-wrapper {
        margin: 20px 10px;
    }

    .product-content .cat-pro-wrapper .cat-pre-pro {
        margin-bottom: 20px;
    }

    .product-content .cat-title .cat-title-h2 {
        margin-bottom: 20px;
    }

    ul.anchor.pull-right {
        display: none;
    }

    #single-pro .pro-right-wrapper .pro-detail-con {
        margin-top: 50px;
    }

    .pro-detail-con #design .de-content img {
        width: 100%;
    }

    html.mm-opening .mm-slideout {
        -webkit-transform: translate3d(46%, 0, 0);
        transform: translate3d(46%, 0, 0);
    }

    footer #Contact li span:first-of-type {
        width: 20%;
    }

    footer #Contact li span:last-of-type {
        width: 80%;
    }

    .proguidepage a.video-icon {
        width: 40px;
        height: 40px;
    }


}

@media screen and (max-width: 430px) {
    .solun-banner .solunban-text {
        top: 25%;
    }

    .solun-banner .solunban-text h1 {
        font-size: 18px;
        margin-top: 0;
    }
}

@media screen and (max-width:414px) {
    button#rmp_menu_trigger-151 {
        top: 5px !important;
    }

    header {
        min-height: 55px;
    }

    header .logo {
        width: 230px;
    }

    header .main-menu {
        width: 100%;
    }

    header .searchDiv {
        top: 40px;
    }

    header .mobile-bar {
        font-size: 16px;
    }

    header .searchDiv .s-input {
        width: 73%;
    }

    header .searchDiv input:last-of-type {
        width: 28%;
    }

    html.mm-opening .mm-slideout {
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0);
    }

    .home-new-pro .new-pro-wrapper {
        padding: 70px 0 70px 20px;
    }

    .home-application .col5 .img-inner-box {
        font-size: 16px;
    }

    footer #Contact li span:first-of-type {
        width: 25%;
    }

    footer #Contact li span:last-of-type {
        width: 75%;
    }

    footer #Contact li:last-of-type i {
        margin-top: 17px;
    }

    .top-banner-title {
        padding-top: 100px;
    }
}

@media screen and (max-width:375px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate3d(67%, 0, 0);
        transform: translate3d(67%, 0, 0);
    }

    header .searchDiv .s-input {
        width: 72%;
    }

    header .searchDiv input:last-of-type {
        width: 30%;
    }

    #per-catogery .cat-em a {
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }

    .proguidepage .pgbanner-text {
        top: 5px;
        right: 5%;
    }

    .proguidepage .pgbanner-text h1 strong {
        font-size: 18px;
    }

    .proguidepage .pgbanner-text h1 {
        margin: 0;
    }

    .pgabout-more a {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    .progm-top .prog-filter {
        width: 22%;
    }

}

@media screen and (max-width:320px) {
    header .searchDiv .s-input {
        width: 72%;
        font-size: 12px;
    }

    header .searchDiv input:last-of-type {
        width: 30%;
        font-size: 12px;
    }

    .pro-search .search-box {
        width: 70%;
    }

    .pro-search input[type=submit] {
        width: 30%;
    }

    .top-banner-title h1 {
        font-size: 32px;
    }

    .home-product .home-all-pro>a {
        padding: 15px;
    }

    html.mm-opening .mm-slideout {
        -webkit-transform: translate3d(78%, 0, 0);
        transform: translate3d(78%, 0, 0);
    }

    footer #Contact li span:first-of-type {
        width: 25%;
    }

    footer #Contact li span:last-of-type {
        width: 75%;
    }

    footer #Contact li:last-of-type i {
        margin-top: 17px;
    }

    .home-application .swiper-slide {
        width: 100% !important;
    }
}

@media screen and (min-width:1600px) {
    .proguidepage .container {
        width: 1400px;
    }
}

.footLi {
    display: none;
}

@media screen and (max-width:768px) {
    body {
        padding-bottom: 80px;
    }

    .Floating-sidebar {
        display: none;
    }

    .return-top {
        display: none;
    }

    .joinchat {
        display: none !important;
        /*         bottom: 10px!important; */
        /* 		right: unset!important; */
        /* 		left:80px!important; */
        /* 		--s: 53px!important; */
    }

    .footLi {
        box-shadow: #00000040 -1px 0 10px;
        display: flex;
        position: fixed;
        bottom: 0;
        background-color: #fff;
        width: 100%;
        left: 0;
        height: 80px;
        z-index: 99;
    }

    .footLi .col-md-3:not(:last-child) {
        border-right: solid 1px #8080802e
    }

    .footLi .col-md-3:active {
        background-color: #f5f5f5
    }

    .footLi .col-md-3 {
        flex: 0 0 23%;
        padding-right: 22px;
        align-items: flex-end;
        justify-content: center;
        height: 100%;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        transform: translateX(20px)
    }

    .footLi .col-md-3>a {
        font-size: 35px;
        width: 52px;
        padding-right: 2px;
        height: 52px
    }

    .footLi .col-md-3>img {
        height: 45px;
        opacity: .8
    }
}

.breadcrumbs::after {
    color: var(--c1) !important;
    background: var(--c1) !important;
}

.news-excerpt a {
    color: var(--c1) !important
}

a.discover-more:after {
    color: var(--c1) !important;
    background: var(--c1) !important;
}

.btn-more {
    background: var(--c1) !important
}

.left-menu-items>li>a {
    background: var(--c1) !important
}

.e-m a.down {
    border: 2px solid var(--c1) !important;
    background: transparent !important;
    color: var(--c1) !important;
    margin-right: 15px !important;
}

.e-m a.down:hover {
    background: var(--c1) !important;
    color: #fff !important;
}

.super_link.active {
    border: 1px solid var(--c1) !important;
    background: var(--c1) !important;
}

.e-m a.quote {
    background-color: var(--c1) !important;
}

.e-m a.quote:hover {
    background-color: #fff !important;
}

.sutext a.solu-more {}

.nf-form-content input[type=submit] {
    background: var(--c1) !important;
}

.sutext a.solu-more {
    color: var(--c1) !important;
}

.sep-box:hover h3,
.eight-box:hover h3 {
    color: var(--c1) !important;
}


.sep-box img {
    filter: brightness(10%) contrast(56%) saturate(100) hue-rotate(17deg);
}

/*.part-four img{filter: brightness(10%) contrast(56%) saturate(100) hue-rotate(17deg);}*/

.hover-before .title {
    background: #fff !important;
    color: var(--c2) !important;
}

.hover-before .title h3 {
    border-top: 1px solid var(--c1);
    margin-top: 0 !important;
    padding-top: 20px;
}

.hover-after {
    background: var(--c2) !important;
}

.hover-after a {
    color: var(--c1) !important;
}

.service-one-list i {
    color: var(--c1) !important;
}

.sersu-box:hover h3 {
    color: var(--c1) !important;
}

.cta-more {
    background: var(--c1) !important;
    border: var(--c1) !important;
    ;
}

.cta-more:hover {
    background: #fff !important;
    color: var(--c1) !important;
    border: var(--c1) 1px solid !important;
}

.two-list>.vc_column-inner>.wpb_wrapper {
    border-color: var(--c1) !important;
}

.four-list:hover h3 a {
    color: var(--c1) !important;
}

.btn-more:hover {
    color: var(--c1) !important;
    border: 1px solid var(--c1) !important;
    background: #fff !important;
}

.concept-cont .concept-list span i {
    color: var(--c1) !important;
}

.cat-list>li>a::before {
    color: var(--c1) !important;
}

.cat-list .sub-menu li:hover {
    border-color: var(--c1) !important;
}

.cat-list a:hover {
    color: var(--c1) !important;
}

.down-wrapper li i {
    color: var(--c1) !important;
}

.down-wrapper li:hover {
    border-color: var(--c1) !important;
    box-shadow: 0 0 5px var(--c1) !important;
}



.logo img {
    max-width: 190px !important;
}


header li .s-wrapper:hover .s-icon {
    color: var(--c1) !important;
}

.searchDiv input:last-of-type {
    background: var(--c1) !important;
}

.searchDiv input {
    border: var(--c1) 1px solid !important;
}


.part-one-right .vc_images_carousel .vc_carousel-indicators .vc_active {
    background-color: var(--c1) !important;
    border-color: var(--c1) !important;
}


.eq-text::before {

    border-bottom-color: var(--c1) !important;

}

.eq-text {

    background: var(--c1) !important;

}

.cerf-right {
    background: var(--c2) !important;

}

.proban-des a {
    color: var(--c1) !important;
}

.sa-list>.vc_column-inner:hover h3 a {
    color: var(--c1) !important;
}

.inner_products:hover h3 {
    color: var(--c1) !important;
}


.inner_products:hover h3 {
    color: var(--c1) !important;
}

.newsbox img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover !important;
}

.super_form_feedback_flxed_box .nf-form-fields-required {
    display: none;
}

.super_form_feedback_flxed_box textarea {
    height: 80px !important;
}

.super_form_feedback_flxed_box .nf-field-label {
    display: none;
}

.super_form_feedback_flxed {
    overflow-y: unset;
}


.trp-language-switcher {
    @media (max-width:768px) {
        border-radius: 8px !important;
        left: 3px !important;
        bottom: 80px !important;
    }
}