:root {
    --ThemesBoxTitleColor: #2c2b2b;
    --ThemesBoxSubTitleColor: #00203d;
    --ThemesTextContentColor: #2c2b2b;
    --ThemesBodyColor: #ffffff;
    --ThemesProductsTitleColor: #2c2b2b;
    --ThemesBoxTitleFont: Poppins-Bold;
    --ThemesBoxSubTitleFont: Poppins-Medium;
    --ThemesTextContentFont: Poppins-Regular;
    --ThemesProductsTitleFont: Poppins-Medium;
    --FloatMessageTitleColor: #FFFFFF;
    --FloatMessageTitleBgColor: #000000;
    --FloatMessageArrowColor: #FFFFFF;
    --FloatMessageButtonTextColor: #FFFFFF;
    --FloatMessageButtonHoverTextColor: #FFFFFF;
    --FloatMessageButtonBgColor: #000000;
    --FloatMessageButtonBgHoverColor: #000000;
    --FloatMessageButtonBorderColor: #00000000;
    --FloatMessageButtonBorderHoverColor: #00000000;
    --ProductsPriceFont: Poppins-Bold;
    --ThemesButtonFont: OpenSans-Bold;
    --ButtonRadiusSizePc: 36px;
    --ButtonRadiusSizeMobile: 36px;
    --ButtonFontStyle1: OpenSans-Bold;
    --ButtonTextColorStyle1: #ffffff;
    --ButtonBgColorStyle1: #193e8d;
    --ButtonBorderColorStyle1: #00000000;
    --ButtonHoverTextColorStyle1: #ffffff;
    --ButtonBgHoverColorStyle1: #00000000;
    --ButtonBorderHoverColorStyle1: #ffffff;
    --ButtonTextSizePcStyle1: 18px;
    --ButtonRadiusSizePcStyle1: 36px;
    --ButtonTextSizeMobileStyle1: 14px;
    --ButtonRadiusSizeMobileStyle1: 36px;
    --ButtonFontStyle2: OpenSans-Bold;
    --ButtonTextColorStyle2: #ffffff;
    --ButtonBgColorStyle2: #00000000;
    --ButtonBorderColorStyle2: #ffffff;
    --ButtonHoverTextColorStyle2: #000000;
    --ButtonBgHoverColorStyle2: #ffffff;
    --ButtonBorderHoverColorStyle2: #ffffff;
    --ButtonTextSizePcStyle2: 18px;
    --ButtonRadiusSizePcStyle2: 36px;
    --ButtonTextSizeMobileStyle2: 12px;
    --ButtonRadiusSizeMobileStyle2: 36px;
    --ButtonFontInquiry: OpenSans-Bold;
    --ButtonTextColorInquiry: #FFFFFF;
    --ButtonBgColorInquiry: #2269e9;
    --ButtonBorderColorInquiry: #00000000;
    --ButtonHoverTextColorInquiry: #FFFFFF;
    --ButtonBgHoverColorInquiry: #59be86;
    --ButtonBorderHoverColorInquiry: #00000000;
    --ButtonTextSizePcInquiry: 16px;
    --ButtonRadiusSizePcInquiry: 0px;
    --ButtonTextSizeMobileInquiry: 16px;
    --ButtonRadiusSizeMobileInquiry: 0px;
    --ButtonFontBatchInquiryList: OpenSans-Bold;
    --ButtonTextColorBatchInquiryList: #FFFFFF;
    --ButtonBgColorBatchInquiryList: #59be86;
    --ButtonBorderColorBatchInquiryList: #00000000;
    --ButtonHoverTextColorBatchInquiryList: #FFFFFF;
    --ButtonBgHoverColorBatchInquiryList: #2269e9;
    --ButtonBorderHoverColorBatchInquiryList: #00000000;
    --ButtonTextSizePcBatchInquiryList: 14px;
    --ButtonRadiusSizePcBatchInquiryList: 36px;
    --ButtonTextSizeMobileBatchInquiryList: 14px;
    --ButtonRadiusSizeMobileBatchInquiryList: 36px;
    --ButtonFontBatchInquiryDetail: OpenSans-Bold;
    --ButtonTextColorBatchInquiryDetail: #FFFFFF;
    --ButtonBgColorBatchInquiryDetail: #59be86;
    --ButtonBorderColorBatchInquiryDetail: #00000000;
    --ButtonHoverTextColorBatchInquiryDetail: #FFFFFF;
    --ButtonBgHoverColorBatchInquiryDetail: #2269e9;
    --ButtonBorderHoverColorBatchInquiryDetail: #00000000;
    --ButtonTextSizePcBatchInquiryDetail: 16px;
    --ButtonRadiusSizePcBatchInquiryDetail: 36px;
    --ButtonTextSizeMobileBatchInquiryDetail: 16px;
    --ButtonRadiusSizeMobileBatchInquiryDetail: 36px;
}

@keyframes move {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(0%)
    }
}

@keyframes movenormal {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(0%)
    }
}

#header .wide {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#header .logo {
    padding: 10px 0
}

#header .nav {
    padding: 20px 0;
    flex: 1
}

#header .nav li {
    padding: 10px 0
}

#header .nav ul li a {
    color: #333;
    font-family: var(--ThemesBoxTitleFont);
    font-weight: bold;
    letter-spacing: 1px;
}

#header .nav ul li a:hover {
    text-decoration: none;
    color: #173e8d;
}

#header .nav ul li a span {
    color: #919191;
}

#header .nav {
    font-family: var(--ThemesNavFont)
}

#header .tool {
    display: flex;
    align-items: center
}

#header .tool a:hover {
    text-decoration: none
}

#header .tool .tool_search {
    padding: 0 20px
}

#header .tool .tool_search .icon-search1 {
    color: #333;
    font-size: 20px
}

#header .tool .tool_language .default_language_currency_style {
    line-height: 25px
}

#header .tool .tool_language .default_language_currency_style dt {
    color: var(--ThemesHeaderIconColor);
    font-size: 14px;
    padding: 0 20px
}

#header .tool .tool_language .default_language_currency_style i {
    transform: scale(0.8)
}

#header .tool .tool_user .tool_member_entrance {
    display: block;
    padding: 0 20px
}

#header .tool .tool_user .icon-member2 {
    color: var(--ThemesHeaderIconColor);
    font-size: 20px
}

#header .tool .tool_inquiry .tool_inquiry_icon {
    display: block;
    padding: 0 10px
}

#header .tool .tool_inquiry .icon-inquiry1 {
    color: var(--ThemesHeaderIconColor);
    font-size: 20px
}

#header .tool .tool_inquiry_btn {
    margin-left: 10px
}

#header .tool .tool_menu {
    display: none;
    color: var(--ThemesHeaderIconColor);
    font-size: 20px;
    margin: 0 10px
}

#header .tool_language .default_language_currency_style dt em {
    display: none
}

@media screen and (max-width: 1000px) {
    #header .nav {
        display: none
    }

    #header .tool {
        width: auto
    }

    #header .tool_language {
        display: none
    }

    #header .tool .tool_user {
        display: none
    }

    #header .tool .tool_inquiry {
        padding: 0;
        margin: 0px
    }

    #header .tool .tool_inquiry .tool_inquiry_icon {
        padding: 0;
        margin-right: 20px
    }

    html[lang=ar] #header .tool .tool_inquiry .tool_inquiry_icon {
        margin: 0 0 0 20px
    }

    #header .tool .tool_inquiry .icon-inquiry1 {
        font-size: 26px
    }

    #header .tool .tool_inquiry_btn {
        display: none
    }

    #header .tool .tool_menu {
        display: block;
        margin: 5px 0 0 0;
    }

    #header .tool .tool_search {
        padding: 0;
        margin: 0 20px
    }

    #header .tool .tool_search .icon-search1 {
        font-size: 26px
    }

    #header .tool .tool_menu .icon-mb_menu2 {
        font-size: 26px;
        color: #333;
    }
}

#header .tool .tool_inquiry_btn a {
    font-family: var(--ThemesBoxTitleFont);
    color: #333333;
    background-color: #00000000;
    border: 1px solid #333333;
    font-size: 16px;
    border-radius: 36px !important;
    text-align: center;
    padding-left: 38px;
    padding-right: 38px;
    padding-top: 12px;
    padding-bottom: 12px;
}

#header .tool .tool_inquiry_btn a:hover {
    color: #ffffff;
    background-color: #193e8d;
    border: 1px solid #00000000;
}

:root {
    --ThemesHeaderBgColor: #000000;
    --ThemesHeaderTextColor: #ffffff;
    --ThemesHeaderIconColor: #ffffff;
    --ThemesNavTextColor: #ffffff;
    --ThemesNavTextHoverColor: #ffffff;
    --ThemesNavLevel2TextColor: #000000;
    --ThemesNavLevel2TextHoverColor: #000000;
    --ThemesNavLevel3TextColor: #000000;
    --ThemesNavLevel3TextHoverColor: #000000;
    --ThemesNavLevel4TextColor: #000000;
    --ThemesNavLevel4TextHoverColor: #000000;
    --ThemesNavFont: Poppins-Medium;
}

#header .logo {
    width: 210px;
    margin-right: 5%;
}

#header .logo h1 a {
    display: block;
}

#header .nav li a {
    font-size: 16px;
    padding: 0 30px;
    text-align: center;
}

#header .nav .default_nav_style {
    justify-content: left;
}

@media screen and (max-width: 1000px) {
    #header .logo {
        width: 94px;
    }
}


.n-footer {
    background-color: #333;
    border-top: 1px solid var(--ThemesFooterLineColor)
}

.n-footer .nav {
    padding-top: 85px;
    padding-bottom: 45px
}

.n-footer .copy {
    padding: 25px 0;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-top: 1px solid var(--ThemesFooterLineColor)
}

.n-footer .copy a {
    color: var(--ThemesFooterTextColor)
}

.n-footer .follow_us_list li {}

.n-footer .follow_us_list li a {
    height: 36px;
    text-align: center
}

.n-footer .follow_us_list i {
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: var(--ThemesFooterIconColor);
    font-size: 26px
}

.n-footer .default_foot_menu_style .menu_list {
    margin-bottom: 30px
}

.n-footer .default_foot_menu_style .menu_list:last-child {
    /* width: 30%; */
}

.n-footer .default_foot_menu_style .menu_list dl {
    padding-right: 20%
}

.n-footer .default_foot_menu_style .menu_list dd {
    font-family: var(--ThemesFooterNavFont)
}

.n-footer .default_foot_menu_style .menu_list dd svg {
    vertical-align: bottom;
    margin-right: 10px;
}

.n-footer .default_foot_menu_style .menu_list dd,
.n-footer .default_foot_menu_style .menu_list dd a {
    font-size: 15px;
    color: #fff;
    line-height: 1.5
}

.n-footer .default_foot_menu_style .menu_list dt {
    font-family: var(--ThemesFooterNavFont)
}

.n-footer .default_foot_menu_style .menu_list dt,
.n-footer .default_foot_menu_style .menu_list dt a {
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px
}

.n-footer .default_foot_menu_style .menu_list.menu_list_menu dd {
    margin-bottom: 15px
}

.n-footer .default_foot_menu_style .menu_list.menu_list_menu dd a:before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #ef8d27;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
}

.n-footer .default_foot_menu_style .menu_list.menu_list_contact dd.row {
    margin-bottom: 15px
}

.n-footer .default_foot_menu_style .menu_list.menu_list_custom_content a.link {
    display: inline-block;
    overflow: hidden;
    text-decoration: none
}

.n-footer .default_foot_menu_style .menu_list.menu_list_newsletter .subtitle {
    margin-bottom: 35px
}

.n-footer .default_foot_menu_style .menu_list.menu_list_newsletter .default_newsletter_style {
    margin-bottom: 10px
}

.n-footer .default_foot_menu_style .menu_list.menu_list_newsletter .default_newsletter_form {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap
}

.n-footer .default_foot_menu_style .menu_list.menu_list_newsletter .default_newsletter_form input,
.n-footer .default_foot_menu_style .menu_list.menu_list_newsletter .default_newsletter_form button {
    height: 48px;
    line-height: 48px;
    box-sizing: border-box;
    margin-bottom: 10px
}

.n-footer .default_foot_menu_style .menu_list.menu_list_newsletter .default_newsletter_form .text {
    text-indent: 15px;
    font-size: 14px;
    flex-grow: 1;
    max-width: 350px;
    border: 1px solid #000000;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.n-footer .default_foot_menu_style .menu_list.menu_list_newsletter .default_newsletter_form .subscribe {
    border: 1px solid transparent;
    color: #ffffff;
    padding: 0 17px;
    cursor: pointer;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.n-footer .default_foot_menu_style .menu_list.menu_list_newsletter .default_newsletter_form .subscribe i {
    font-size: 24px
}

@media screen and (max-width: 1000px) {
    .n-footer .nav {
        padding: 0
    }

    .n-footer .default_foot_menu_style .menu_list {
        margin: 0
    }

    .n-footer .default_foot_menu_style .menu_list dt,
    .n-footer .default_foot_menu_style .menu_list dt a {
        font-size: 16px
    }

    .n-footer .default_foot_menu_style .menu_list dl {
        padding: 0;
        border-bottom: 1px solid var(--ThemesFooterLineColor)
    }

    .n-footer .default_foot_menu_style .menu_list dl dt {
        margin: 0;
        padding: 15px 0
    }

    .n-footer .default_foot_menu_style .menu_list dl dt>i {
        font-size: 20px
    }

    .n-footer .default_foot_menu_style .menu_list dl dd {
        display: none
    }

    .n-footer .default_foot_menu_style .menu_list dl.focus dd {
        display: block
    }

    .n-footer .default_foot_menu_style .menu_list.menu_list_contact dd {
        display: none
    }

    .n-footer .default_foot_menu_style .menu_list.menu_list_contact dl.focus dd {
        display: flex
    }

    .n-footer .default_foot_menu_style .menu_list.menu_list_newsletter .subtitle {
        margin-bottom: 20px
    }
}

:root {
    --ThemesFooterBgColor: #ffffff;
    --ThemesFooterTitleColor: #2c2b2b;
    --ThemesFooterTextColor: #2c2b2b;
    --ThemesFooterIconColor: #2c2b2b;
    --ThemesFooterNavFont: Poppins-Medium;
}

.n-footer .default_foot_menu_style .menu_list[data-blocks="Newsletter-1"] .default_newsletter_style .subscribe {
    border-color: #00000000;
    color: #ffffff;
    background-color: #193e8d;
}

@media screen and (min-width:1000px) {
    .default_foot_menu_style .menu_list {
        width: calc(100% / 3);
        box-sizing: border-box;
    }
}

.default_foot_menu_style .menu_list.menu_list_custom_content .logo {
    max-width: 100%;
    margin-bottom: 15px;
}

.default_foot_menu_style .menu_list.menu_list_custom_content .custom_content {
    margin-bottom: 15px;
}

.default_foot_menu_style .menu_list.menu_list_custom_content .custom_link {
    margin-bottom: 15px;
}

.n_banner {
    margin-top: 8%;
    font-size: 0;
    position: relative;
}

.n_banner_txt {
    position: absolute;
    top: 43%;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
}

.n_banner_txt .title-cn {
    font-size: 38px;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
    line-height: 61px;
    font-family: var(--ThemesFooterNavFont);
}

.n_banner_txt .title-en {
    font-size: 24px;
    color: #fff;
    line-height: 41px;
    padding-top: 2px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
    letter-spacing: 2px;
}

.n_breadcrumb .other_wrapper {
    position: relative;
    padding: 25px 0
}

.n_breadcrumb .other_wrapper .bread_crumb .bread_column {
    margin-bottom: 5px
}

@media screen and (max-width: 1440px) {
    .n_breadcrumb .other_wrapper {
        padding: 25px 20px
    }
}

.n_breadcrumb{
    background-color: #f7f7f7;
    padding-top: 0px;
    padding-bottom: 0px;
}

.n_breadcrumb.other_wrapper .bread_crumb,
.n_breadcrumb.other_wrapper .bread_crumb a {
    color: #555555;
    font-size: 14px
}

@media screen and (max-width:1000px) {
    .n_breadcrumb{
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .n_breadcrumb.other_wrapper .bread_crumb,
    .n_breadcrumb.other_wrapper .bread_crumb a {
        font-size: 12px
    }
}

@media screen and (max-width: 767px) {
    .n_banner img{
        height: 300px;
    }
}