:root {
    --primary-color: #2c1f18ff;
    --background-color: #2c1f18ff;
    --text-color: #f5f4e5;
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 0;
    --cream: #f6f2ea;
    --cream-2: #efe8da;
    --panel: #eee7d8;
    --ink: #1b1a17;
    --ink-soft: #5b5748;
    --line: #ddd4bf;
    --dark: #18160f;
    --container-max: 1320px
}

@font-face {
    font-family: 'Sequel Sans';
    font-weight: 70;
    font-style: normal;
    font-display: swap;
    src: url(/fonts/SequelSansForDesign/SequelSansforDesign-Light.woff2) format('woff2'), url(/fonts/SequelSansForDesign/SequelSansforDesign-Light.woff) format('woff')
}

@font-face {
    font-family: 'Sequel Sans';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url(/fonts/SequelSansForDesign/SequelSansforDesign-Bold.woff2) format('woff2'), url(/fonts/SequelSansForDesign/SequelSansforDesign-Bold.woff) format('woff')
}

@font-face {
    font-family: 'Sequel Sans';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(/fonts/SequelSansForDesign/SequelSansforDesign-Regular.woff2) format('woff2'), url(/fonts/SequelSansForDesign/SequelSansforDesign-Regular.woff) format('woff')
}

@font-face {
    font-family: 'Sequel Sans';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url(/fonts/SequelSansForDesign/SequelSansforDesign-Hdline.woff2) format('woff2'), url(/fonts/SequelSansForDesign/SequelSansforDesign-Hdline.woff) format('woff')
}

/*@font-face {*/
/*    font-family: 'Sequel Sans';*/
/*    font-weight: 500;*/
/*    font-style: italic;*/
/*    font-display: swap;*/
/*    src: url(/fonts/SequelSansForDesign/SequelSansforDesign-Italic.woff2) format('woff2'),url(/fonts/SequelSansForDesign/SequelSansforDesign-Italic.woff) format('woff')*/
/*}*/

ul, li {
    margin: 0;
    padding: 0
}

body {
    font-size: 16px;
    font-family: "Sequel Sans", sans-serif;
    font-weight: 400;
    margin: 0;
    color: var(--text-color);
    background: var(--background-color);
    -webkit-font-smoothing: antialiased
}

.container, .container-lg, .container-xl, .container-xxl {
    max-width: var(--container-max)
}

a {
    color: var(--text-color);
    text-decoration: none
}

a:hover {
    text-decoration: none;
    /*color: #b1b1b1;*/
    color: #f06832;
}


/*--bs-gutter-x: 20px;*/

/*--bs-gutter-x: 1rem;*/
/*--bs-gutter-y: 0;*/


.row {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) / -2);
    margin-left: calc(var(--bs-gutter-x) / -2)
}

.mb-3 {
    margin-bottom: calc(var(--bs-gutter-x) / 2) !important;
}

.mt-3 {
    margin-top: calc(var(--bs-gutter-x) / 2) !important;
}

.clear {
    clear: both
}

img {
    max-width: 100%;
    height: auto
}

.about-img img {
    aspect-ratio: 5/2;
    object-fit: cover
}

svg {
    height: 1rem;
    fill: var(--text-color)
}

.glo-left {
    padding: 0;
    border-radius: 0;
    margin-bottom: 25px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
    border: 1px solid #e2e2e2
}

.glo-left h3 {
    font-size: 16px;
    color: var(--primary-color);
    text-transform: capitalize;
    position: relative;
    border-style: none;
    padding: 10px 10px;
    border-radius: 5px 5px 0 0;
    margin-bottom: 0;
    font-weight: 700;
    border-bottom: 1px solid #e2e2e2
}

.glo-left ul.ul-left-menu li a {
    padding: 9px 10px 9px 25px;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 14px;
    color: var(--text-color);
    display: block;
    position: relative;
    border-bottom: 1px dashed #ebebeb
}

.glo-left ul.ul-left-menu > li > a:before {
    content: "\f0da";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    color: #c5c5c5;
    position: absolute;
    top: 15px;
    margin-left: -15px
}

.glo-left ul.ul-left-menu li {
    list-style: none;
    position: relative;
    margin: 0;
    border: none;
    padding: 0;
    background: #fff
}

.glo-left ul.ul-left-menu li:not(.has-sub) ul {
    display: none
}

.glo-left-nd {
    position: relative;
    padding: 10px
}

.tr_main {
    padding-top: 40px;
    padding-bottom: 40px
}

.noi_dung {
    width: 100%;
    height: auto;
    margin-top: 25px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 25px
}

input[type="text"], input[type="password"], input[type="email"], input[type="submit"], input[type="tel"], select {
    border: 1px solid #b6b6b6;
    color: #1c1c1c;
    padding: 0 10px;
    min-height: 36px;
    width: 100%;
    border-radius: 4px;
    outline: none;
    background: #fff;
    height: 36px
}

input[type="submit"] {
    font-weight: 700;
    color: #fff;
    background: var(--primary-color);
    border: none
}

textarea {
    border: 1px solid #e9e9e9;
    color: #1c1c1c;
    padding: 0 10px;
    outline: none
}

textarea {
    min-height: 60px
}

.tr_tieu_de_sp {
    color: var(--primary-color);
    font-weight: 500;
    text-transform: capitalize;
    padding-bottom: 5px;
    border-bottom: 1px dashed #ebebeb;
    font-size: 22px;
    margin-top: 0
}

#sync2 {
    margin-top: 10px
}

.d_tab .tab {
    overflow: hidden;
    /*! border-bottom: 2px solid var(--primary-color); */
    background-color: #f1f1f1;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0
}

.d_tab .tab button.active {
    /*! background-color: var(--primary-color); */
    /*! color: #fff; */
    /*! border-bottom: 2px solid var(--primary-color); */
    font-weight: 700;
    color: #fff;
    background: var(--primary-color)
}

.d_tab .tab button {
    border: none;
    /*! border-radius: 5px 5px 0 0; */
    /*! outline: none; */
    cursor: pointer;
    /*! padding: 12px 60px; */
    /*! transition: 0.3s; */
    /*! text-transform: uppercase; */
    /*! font-weight: bold; */
    background: none;
    /*! margin-right: 4px; */
    padding: 8px;
    gap: 12px;
    /*! width: 410px; */
    height: 36px;
    background: #e2e2e2;
    /*! box-shadow: inset 0 -3px 0 var(--primary-color); */
    width: 50%;
    font-weight: 500
}

.tab-content.g_hidden {
    opacity: 0;
    height: 0
}

.single_tab_content {
    border: 1px solid #e2e2e2;
    padding: 10px;
    /*! margin-top: 40px; */
    font-size: 15px
}

.single_tab_content img, .single_tab_content iframe {
    max-width: 100%
}

.tr_gia {
    text-decoration: line-through
}

.price-km {
    color: #f9270f;
    font-weight: 700
}

p.detail_precent {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin-left: 30px;
    text-align: center;
    margin-bottom: 0
}

.single_tab_content li {
    margin-left: 15px
}

.product_item {
    height: 100%
}

.product_discount {
    width: 50px;
    height: 24px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    border-radius: 8px;
    background-color: crimson;
    display: flex;
    justify-content: center;
    align-items: center
}

.product_img {
    position: relative;
    text-align: center;
    overflow: hidden
}

.product_img img {
    max-width: 100%;
    margin: 0 auto;
    width: 100%
}

.offical_partner_product {
    margin-bottom: 20px
}

.product_item {
    height: 100%;
    overflow: hidden
}

.product_price {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
    align-items: center
}

.product_title {
    margin-top: 10px;
    font-weight: 700
}

.product_title a {
    text-decoration: none
}

.product_detail {
    text-align: right;
    margin-top: 5px
}

.product_detail a {
    color: #dc5c00;
    text-decoration: none
}

.old_price {
    text-decoration: line-through;
    font-size: 12px;
    color: #666;
    text-align: center;
    margin-left: 10px;
    margin-top: 1px
}

.current_price {
    color: #d0021b;
    font-weight: 700;
    text-align: center
}

.product_summary {
    padding: 0 10px 10px 10px
}

.product_excerpt {
    margin-top: 3px;
    /* font-size: 14px; */
}

.add_product_cart {
    margin-left: auto
}

.d_add_cart button {
    background: none;
    border: none
}

.d_add_cart button i {
    color: darkorange
}

.product-thumbnail img {
    overflow: hidden
}

.gr_danh_muc {
    border: 1px solid #e2e2e2;
    padding-bottom: 10px
}

.paddingsss-nd-mid {
    padding: 0 10px
}

.glo-left ul.ul-left-menu li.has-sub .sub_arrow {
    position: absolute;
    font-size: 14px;
    color: #c5c5c5;
    padding: 1px 5px;
    right: 0;
    top: 7px
}

.glo-left ul.ul-left-menu li.has-sub .sub_arrow:hover {
    background-color: var(--primary-color);
    border-radius: 4px;
    cursor: pointer
}

.glo-left ul.ul-left-menu li.has-sub .sub_arrow:hover svg {
    fill: #fff
}

.sub_arrow svg {
    fill: #666;
    height: 12px
}

.d_menu.dnot_home {
    width: 100%;
    margin-left: 0
}

.glo-left ul.ul-left-menu > li > a:before {
    content: "";
    top: 17px;
    font-size: 4px;
    height: 4px;
    width: 4px;
    border-radius: 100%;
    /*! content: "\f30c"; */
    font-weight: 600;
    background: #888
}

.glo-left ul.ul-left-menu > li li > a:before {
    display: inline-block;
    position: absolute;
    margin-left: -15px;
    /*!*! content: "\f30c"; *!*/
    content: "";
    top: 17px;
    font-size: 4px;
    height: 4px;
    width: 4px;
    border-radius: 100%;
    /*! content: "\f30c"; */
    font-weight: 600;
    background: #ccc
}

.glo-left ul.ul-left-menu > li li {
    padding-left: 10px
}

.g_popup {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 8px;
    width: 80%;
    text-align: center;
    display: none;
    z-index: 10000
}

.g_popup .g_container {
    position: relative;
    padding: 20px
}

.g_popup .g_slogan {
    font-weight: 700;
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    letter-spacing: .2px;
    color: #000
}

.g_popup .g_close {
    position: absolute;
    top: 6px;
    right: 9px;
    cursor: pointer
}

#rela_news_page {
    margin-top: 20px
}

.d_navigation ul {
    list-style: none;
    display: flex;
    flex-wrap: initial !important;
    justify-content: center
}

.d_navigation ul li {
    font-size: 14px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.d_navigation ul li {
    padding: 0 8px
}

.d_navigation ul li:hover a {
    color: #fff
}

.d_navigation ul li:hover {
    background-color: #666
}

.d_navigation ul li:hover svg {
    fill: #fff
}

.d_navigation ul li.active a {
    color: #fff
}

.d_navigation ul li.active {
    background-color: var(--text-color)
}

.d_navigation ul li.disable {
    display: none
}

#simple-translate {
    display: none
}

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

.dform_item textarea {
    height: 60px;
    width: 100%;
    border-radius: 4px
}

.fb-page, .fb-page span, .fb-page span iframe[style] {
    width: 100% !important
}

.dform_item input:not([type="radio"]):not([type="checkbox"]), .dform_item select {
    height: 36px;
    border-radius: 5px;
    width: 100%;
    border: 1px solid #e2e2e2
}

.dform_item_btn input {
    background: var(--primary-color);
    color: #fff;
    border-radius: 4px;
    border: none;
    padding: 7px 30px;
    box-sizing: border-box;
    line-height: initial;
    width: max-content
}

.dform_item_btn {
    position: relative
}

.dform_item_btn .wpcf7-spinner {
    position: absolute;
    top: calc(100% + 5px);
    right: 0
}

.dform_item_btn input {
    order: 1
}

.dform_item_btn span {
    order: 2
}

.fb-comments iframe {
    width: 100%
}

.detail_bar {
    display: flex;
    margin-top: 20px
}

.tr_content {
    padding-top: 30px;
    padding-bottom: 30px
}

.menu_left ul {
    list-style: none;
    z-index: 20
}

.menu_left ul li {
    padding: 0 20px;
    position: relative
}

.menu_left > ul {
    display: flex;
    justify-content: center
}

.menu_left > ul > li.active {
    /*! border-radius: 5px; */
    /*! border-bottom: 2px solid var(--primary-color); */
}

.menu_left ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    width: 220px;
    background: #fff;
    /*! border-radius: 5px; */
    box-shadow: 0 0 19px 1px rgba(0, 0, 0, .1)
}

.menu_left ul ul li {
    /*! border-top: 1px solid #909090; */
    text-align: left;
    /*! padding: 3px 10px; */
}

.menu_left ul ul {
    /*! border-top: 1px solid #909090; */
}

.menu_left ul ul li:first-child {
    /*! border-top: none; */
}

.menu_left ul ul ul {
    top: 0;
    left: 100%
}

.menu_left > ul > li.u_menu > ul {
    background: #248de6;
    visibility: initial;
    opacity: 1
}

.menu_left ul li:hover > ul {
    visibility: visible;
    opacity: 1
}

.menu_left ul a {
    /*! color: #fff; */
    font-size: 20px;
    font-weight: 500;
    display: block
}

.menu_left ul ul a {
    /*! color: #fff; */
    text-transform: capitalize;
    border-left: none;
    padding: 8px 0;
    font-weight: 400
}

.menu_left > ul > li:hover {
    /*! border-bottom: 2px solid var(--primary-color); */
}

.menu_left > ul > li:hover > a {
    /* color: #f06832; */
    /*! border-bottom: 2px solid var(--primary-color); */
}

.menu_left > ul > li:hover svg {
    fill: var(--primary-color)
}

.menu_left ul ul li:hover {
    background: rgba(255, 255, 255, .2);
    /*! border-radius: 5px; */
}

.d_navigation ul li button:hover {
    background: #ff5c01;
    color: #fff
}

.menu_left ul ul li:hover a {
    /*! color: #fff; */
}

.menu_left ul li a:hover {
    text-decoration: none;
    color: #f06832;
}

.menu_left ul ul li a:hover {
    color: var(--primary-color)
}

.menu_sub_icon::after {
    position: absolute;
    left: calc(100% + -14px);
    top: 11px;
    font-size: 12px;
    color: #555
}

.menu_sub_icon .menu_sub_icon::after {
    left: calc(100% + -17px);
    top: 10px;
    color: #555;
    content: '';
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M311.1 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L243.2 256 73.9 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
    background-repeat: no-repeat;
    width: 14px;
    height: 14px
}

.menu_down_icon::after {
    /*! color: #555; */
    content: '';
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23333" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    width: 14px;
    height: 14px
}

.menu_right_icon::after {
    content: "\f054";
    /*! color: var(--text-color); */
}

.menu_left.left_panel > ul {
    display: block
}

.menu_left.left_panel > ul > li > a {
    color: var(--text-color)
}

.menu_left.left_panel ul ul {
    left: 100%;
    top: 0
}

.menu_left.left_panel ul a {
    padding: 10px 0;
    text-transform: capitalize;
    font-weight: 400
}

.menu_left.left_panel > ul > li {
    font-size: 14px;
    text-transform: capitalize
}

.menu_left.left_panel > ul > li {
    border-top: 1px solid #ebebeb
}

.menu_left.left_panel ul li {
    padding: 0 10px 0 30px;
    position: relative
}

.menu_left.left_panel ul li:before {
    content: '❖';
    position: absolute;
    left: 10px;
    top: 9px
}

.menu_left.left_panel > ul > li:hover > a {
    background: none
}

.menu_left.left_panel > ul > li:hover {
    background: #e9e9e9
}

.menu_left.left_panel ul li.menu_down_icon::after, .menu_left.left_panel ul li.menu_right_icon::after {
    content: "\f054";
    color: #555;
    top: 12px
}

.menu_left > ul > li.menu_down_icon:hover::after {
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>')
}

.tr_pc {
    display: block !important
}

.tr_mobile {
    display: none !important
}

.d_segment_menu_mobile {
    padding: 7px 0;
    position: sticky;
    top: 0;
    background: var(--background-color);
    z-index: 9999
}

.d_segment_menu_mobile.d_segmentscroll {
    background: #000 !important;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, .1)
}

.d_segment_menu_mobile ul li {
    list-style: none
}

.menu_mobile {
    margin: 0 auto;
    position: relative
}

#menu {
    z-index: 9999
}

.m_logo img {
    max-height: 30px;
    filter: brightness(0) invert(1)
}

.m_logo svg {
    height: 40px
}

.msearch_text input {
    width: 100%;
    height: 35px;
    border: none;
    padding-left: 10px;
    min-height: 35px;
    border-radius: 0
}

.msearch_text {
    width: calc(100% - 80px)
}

.msearch_submit button {
    padding: 0 10px;
    height: 35px;
    background: var(--primary-color);
    border: none;
    color: #fff;
    width: 100%
}

.msearch_submit button svg {
    fill: #fff
}

.msearch_submit {
    height: 35px;
    position: absolute;
    top: 0;
    right: 0;
    width: 80px
}

.search_toggle {
    text-align: center;
    margin-top: 10px;
    width: 100%
}

.res_input {
    display: inline-block;
    border: 1px solid var(--primary-color);
    width: 100%;
    height: 37px;
    position: relative
}

.m_cart {
    position: relative;
    margin-top: 2px;
    width: 38px;
    float: right;
    margin-right: 3px
}

.umt_cart {
    position: relative;
    width: fit-content
}

.umt_cart i {
    font-size: 20px
}

.umt_cart_quantity {
    background-color: #cf3629;
    position: absolute;
    top: -3px;
    left: calc(100% - 10px);
    color: #fff;
    border-radius: 100%;
    min-height: 16px;
    min-width: 16px;
    font-size: 11px;
    text-align: center
}

.m_amount {
    position: absolute;
    top: -6px;
    right: -8px
}

.m_amount a {
    background: #e80e0e;
    color: #fff;
    padding: 0 8px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 5px
}

.m_search i {
    color: var(--primary-color)
}

.d_segment_menu_mobile .d_menu_mobile_general {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#my-menu-click i {
    color: var(--primary-color);
    font-size: 22px;
    font-weight: 700
}

#my-menu-click svg {
    height: 22px
}

.m_search svg {
    height: 20px
}

.umt_cart svg {
    height: 20px
}

#my-menu {
    background: #FF1A9A;
    z-index: 10000
}

.mm a, .mm span {
    color: #000 !important;
}

.mm:after, .mm li:before {
    color: #000 !important;
    opacity: 1 !important;
    font-size: 30px;
    font-weight: bold;
}

.mm li:after {
    opacity: 0.6 !important
}

.mm:before {
    opacity: .8;
    color: #fff
}

.d_menu_mobile_group {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.menu_mobile_right .d_menu_mobile_item {
    margin-left: 20px
}

.menu_mobile_right .d_menu_mobile_item:first-child {
    margin-left: 0
}

.menu_close {
    position: absolute;
    top: 13px;
    right: 18px;
    z-index: 9999
}

.menu_close span {
    padding: 0
}

.menu_close svg {
    fill: #000;
    height: 30px;
}

.theme-default .nivoSlider {
    margin-bottom: 0
}

.wpml-ls ul {
    display: flex
}

.wpml-ls-legacy-list-horizontal {
    border: none;
    padding: 0;
    clear: none
}

.product_item.g_landscape {
    display: flex;
    flex-wrap: wrap;
    border: none
}

.product_item.g_landscape .product_img {
    width: 200px;
    padding: 0
}

.product_item.g_landscape .product_summary {
    width: calc(100% - 200px);
    padding: 0 0 0 15px
}

.product_item.g_border {
    border-top: 1px solid #e2e2e2
}

.d_social_group {
    display: flex;
    flex-wrap: wrap
}

.d_social_item img {
    height: 20px
}

.d_social_item svg {
    height: 22px;
    fill: #666
}

.d_social_item i {
    font-size: 20px
}

.d_social_item {
    background: #fff;
    height: 36px;
    width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    border: 1px solid #666
}

.d_social_item:not(:first-child) {
    margin-left: 7px
}

.d_social_group .d_wrapper {
    padding: 10px 16px;
    width: 26%
}

.d_social_item a {
    display: flex;
    border: none;
    text-decoration: none;
    color: #fff
}

.d_social_item:hover {
    background: aliceblue
}

.itgreen_path_group .path_item:last-of-type a {
    color: initial;
    pointer-events: none
}

.d_change_quantity {
    display: flex;
    flex-wrap: wrap
}

.change_quantity_action {
    margin-left: 5px
}

.pc_footer_contact .fcontact_item {
    width: 46px;
    height: 46px;
    border-radius: 100%;
    margin: 0 auto;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--primary-color);
    background: #fff
}

.pc_footer_contact .fcontact_item i {
    font-size: 28px
}

.pc_footer_contact .fcontact_item svg {
    height: 28px;
    fill: var(--primary-color)
}

.pc_footer_contact .fcontact_item:hover {
    box-shadow: 0 3px 6px 3px #ccc;
    border-radius: 100%
}

.pc_footer_contact {
    position: fixed;
    bottom: 10%;
    left: 3%;
    z-index: 999
}

.pc_footer_contact img {
    height: 28px
}

.fcontact_item {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%
}

.fcontact_item .guide_title {
    position: absolute;
    font-size: 13px;
    width: max-content;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    left: calc(100% + 10px);
    top: 50%;
    transform: translate(0, -50%)
}

.fcontact_item .guide_title i {
    position: absolute;
    right: -7px;
    color: #871721;
    font-size: 20px;
    top: 3px
}

.fcontact_item .guide_title .g_group {
    display: flex;
    align-items: center
}

.fcontact_item:hover .guide_title {
    opacity: 1;
    visibility: visible
}

.fcontact_item .guide_title .g_group {
    background: #d33;
    padding: 3px 8px;
    border-radius: 3px;
    color: #fff
}

.fcontact_item .guide_title .g_group:after {
    color: #871721;
    font-weight: 700;
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translate(0, -50%);
    content: '';
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23d33" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path d="M7.7 235.8c-10.3 12.6-9.5 31.1 2.2 42.8l128 128c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6l0-256c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9l-128 128-2.2 2.4z"/></svg>');
    background-repeat: no-repeat;
    width: 14px;
    height: 14px
}

.pc_footer_contact.g_right {
    left: unset;
    right: 3%
}

.pc_footer_contact.g_right .fcontact_item .guide_title {
    right: calc(100% + 10px);
    left: unset
}

.pc_footer_contact.g_right .fcontact_item .guide_title .g_group:after {
    right: -12px;
    left: unset;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23d33" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path d="M249.3 235.8c10.2 12.6 9.5 31.1-2.2 42.8l-128 128c-9.2 9.2-22.9 11.9-34.9 6.9S64.5 396.9 64.5 384l0-256c0-12.9 7.8-24.6 19.8-29.6s25.7-2.2 34.9 6.9l128 128 2.2 2.4z"/></svg>');
    background-repeat: no-repeat;
    width: 14px;
    height: 14px
}

.pc_footer_contact.g_right .hotline-bar {
    left: unset;
    right: -22px
}

.pc_footer_contact.g_right .hotline-bar > a {
    padding-left: 0;
    padding-right: 40px
}

.blink_me {
    animation: blinker 1s linear infinite
}

@keyframes blinker {
    50% {
        opacity: 0
    }
}

.hotline-phone-ring-wrap {
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 999999
}

.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block
}

.hotline-phone-ring-circle {
    width: 100px;
    height: 100px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid rgba(30, 115, 190, 1);
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: .5;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.hotline-phone-ring-circle-fill {
    width: 60px;
    height: 60px;
    position: absolute;
    background-color: rgba(30, 115, 190, .7);
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.hotline-phone-ring-img-circle {
    background-color: #fff;
    border: 2px solid var(--primary-color);
    width: 46px;
    height: 46px;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.pc_footer_contact.g_right .hotline-bar a {
    color: #fff
}

.hotline-phone-ring-img-circle .pps-btn-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.hotline-phone-ring-img-circle .pps-btn-img img {
    width: 20px;
    height: 20px
}

.hotline-phone-ring-img-circle .pps-btn-img svg {
    height: 28px;
    fill: var(--primary-color)
}

.hotline-bar {
    position: absolute;
    background: rgba(221, 51, 51, 1);
    height: 46px;
    width: max-content;
    padding: 0 15px;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    z-index: 9;
    border-radius: 50px !important;
    /*! width: 175px !important; */
    left: -23px;
    bottom: 37px;
    /*! left: 0; */
    top: 50%;
    transform: translate(0, -50%);
    box-shadow: 0 3px 6px 1px rgba(0, 0, 0, .1)
}

.hotline-bar > a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    display: block;
    letter-spacing: 1px;
    line-height: 1.1;
    padding-left: 40px;
    display: flex;
    height: 100%;
    align-items: center;
    text-align: center
}

.hotline-bar > a:hover, .hotline-bar > a:active {
    color: #fff
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        transform: translate(-50%, -50%) scale(.5);
        -webkit-opacity: .1
    }

    30% {
        transform: translate(-50%, -50%) scale(.7);
        -webkit-opacity: .5
    }

    100% {
        transform: translate(-50%, -50%) scale(.1);
        -webkit-opacity: .1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(.7);
        opacity: .6
    }

    50% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        opacity: .6
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(.7);
        opacity: .6
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: translate(-50%, -50%) rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: translate(-50%, -50%) rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: translate(-50%, -50%) rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: translate(-50%, -50%) rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: translate(-50%, -50%) rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(0) scale(1) skew(1deg)
    }
}

@media (max-width: 768px) {
    .hotline-bar {
        display: none
    }
}

hotline-phone-ring-img-circle i {
    font-size: 20px
}

.sing_pro {
    text-align: center
}

.pro_code {
    font-weight: 700;
    color: #888;
    margin-bottom: 5px
}

.optional_attribute {
    display: flex
}

.optional_attribute_item {
    background-color: #e2e2e2;
    min-width: 50px;
    margin-left: 10px;
    text-align: center;
    cursor: pointer;
    user-select: none;
    padding: 5px 10px;
    border: 1px solid #ccc;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    color: #666;
    position: relative
}

.optional_attribute_item:first-child {
    margin-left: 0
}

.attribute_type {
    margin-bottom: 8px
}

.attribute_group {
    margin-bottom: 15px
}

.optional_attribute_item.selected {
    position: relative
}

.optional_attribute_item.selected::after {
    position: absolute;
    bottom: -5px;
    right: 0;
    font-family: 'Font Awesome 5 Pro';
    content: "\10f14a";
    font-weight: 900
}

.optional_attribute_item.selected::before {
    position: absolute;
    bottom: -5px;
    right: 0;
    font-family: 'Font Awesome 5 Pro';
    content: "\f14a";
    font-weight: 900
}

.view_pattern {
    position: absolute;
    left: 4px;
    bottom: 4px;
    display: none;
    background: #fff;
    padding: 1px 3px;
    box-shadow: 0 11px 11px 0 rgba(0, 0, 0, .1);
    color: brown
}

.view_pattern i {
    color: brown
}

.optional_attribute_item:hover .view_pattern {
    display: block
}

.view_pattern:hover i {
    color: darkgreen
}

.bxslider_item iframe {
    width: 100%
}

.owl-prev, .owl-next {
    opacity: 0 !important
}

.owl-carousel:hover .owl-prev {
    opacity: 1 !important
}

.owl-carousel:hover .owl-next {
    opacity: 1 !important
}

.triangle-right {
    width: 0;
    height: 0;
    border-top: 28px solid transparent;
    border-left: 26px solid #FFBA7D;
    border-bottom: 28px solid transparent
}

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

.title_txt {
    font-size: 20px;
    text-transform: uppercase;
    background: #FFBA7D;
    line-height: 40px;
    padding: 0 30px 0 15px
}

.d_overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 999
}

.d_loading {
    display: flex;
    position: fixed;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: 10000000
}

.d_loading.disabled {
    display: none
}

.loader {
    border: 10px solid #f3f3f3;
    border-top: 10px solid #3498db;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite
}

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

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

.filter_title_group {
    font-weight: 700;
    border-bottom: 1px solid #ccc
}

.d_filter_group {
    background-color: #f1f1f1;
    padding: 20px 10px
}

.d_filter_option .form-check input {
    margin-right: 5px
}

.form-check-input[type=checkbox] {
    margin-top: 3px
}

#filter_close {
    text-align: right
}

#filter_open {
    position: fixed;
    right: 10px;
    top: 50%;
    z-index: 9999;
    background: #fff;
    width: auto;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px
}

.bxslider {
    width: 100%
}

.embedded_pro_group {
    background-color: #f6f6f6;
    padding: 15px;
    margin: 20px 0
}

.embedded_pro_group .product_item {
    background-color: #fff
}

.pro_inline {
    background-color: rgba(0, 0, 0, .1);
    padding: 10px;
    margin: 10px 0
}

.embedded_pro_group .single_pro {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.embedded_pro_group .single_pro .product_img {
    width: 50%
}

.embedded_pro_group .single_pro .product_summary {
    width: 50%;
    padding-left: 20px
}

.embedded_pro_group .single_pro .product_title {
    font-size: 24px;
    text-transform: uppercase
}

.embedded_pro_group .single_pro .product_price {
    font-size: 18px;
    display: block
}

.embedded_pro_group .single_pro .main_more_btn a {
    background-color: crimson;
    color: #fff;
    padding: 10px 20px;
    font-weight: 700
}

.embedded_pro_group .single_pro .main_more_btn {
    margin-top: 15px
}

.fancybox__thumb {
    padding-top: 100%
}

.full_parent_img img {
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    transform: translate(-50%, -50%)
}

.full_parent_img {
    height: 100%;
    position: relative
}

.check_full_parent {
    height: 100%
}

#my-menu {
    display: none
}

#my-menu.mm--main, #my-menu.mm--open {
    display: block
}

.short_excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.excerpt_1 {
    -webkit-line-clamp: 1
}

.excerpt_2 {
    -webkit-line-clamp: 2
}

.excerpt_3 {
    -webkit-line-clamp: 3
}

.excerpt_4 {
    -webkit-line-clamp: 4
}

.tr_none {
    display: none
}

.short_excerpt p {
    margin-bottom: 0
}

.wpcf7 .ajax-loader {
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0;
    margin: 0
}

.d_relative {
    position: relative
}

.dnav_item {
    font-size: 30px;
    cursor: pointer
}

.dnav_item i {
    --fa-secondary-opacity: 0.6;
    --fa-primary-color: #fff;
    --fa-secondary-color: rgb(108, 108, 108)
}

.dnav_item i:hover {
    --fa-secondary-opacity: 1
}

.dnav_item svg {
    height: 30px;
    fill: var(--text-color);
    stroke: #fff;
    stroke-width: 11px
}

.slick-arrow {
    display: none !important
}

.slick-slider:hover .slick-arrow {
    display: block !important
}

.slick_banner .dnav_item.g_left {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 999
}

.slick_banner .dnav_item.g_right {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 999
}

.slick_banner:hover .dnav_item {
    display: block !important
}

.slick_banner img {
    width: 100%
}

.slick_multiple_row .slick-slide {
    height: fit-content
}

.slick-arrow {
    position: absolute;
    z-index: 10;
    top: 50%;
    transform: translate(0, -50%)
}

.slick-arrow.slick-prev {
    left: 15px
}

.slick-arrow.slick-next {
    right: 15px
}

.slick-dots {
    position: absolute;
    left: calc(50%);
    top: calc(100% + 10px);
    transform: translate(-50%, 0%);
    z-index: 999;
    display: flex;
    list-style: none
}

ul.slick-dots li.slick-active button {
    background: #008CC6
}

ul.slick-dots li {
    margin: 0 4px
}

ul.slick-dots li button {
    color: transparent;
    background: none;
    border-radius: 100%;
    background: #cce8f4;
    border: none;
    height: 12px;
    width: 12px;
    outline: none;
    padding: 0
}

.slider-nav .slick-current img, .slider-wrapper .slick-center img {
    border: 1px solid var(--primary-color)
}

.slick_margin .slick-slide {
    margin: 0 10px
}

.slick_margin {
    margin: 0 -10px
}

.slider-nav {
    margin-top: 20px
}

.slick-track {
    margin: initial
}

.force_init_transform .slick-track {
    transform: initial !important
}

.slick_banner.slick-slider {
    margin: 0
}

.slick_banner.slick-slider .slick-slide {
    margin: 0
}

.slick_wrapper {
    padding: 10px
}

.slick_parent .slick-slide {
    margin: -10px
}

.autosize {
    display: block;
    height: 0;
    padding-bottom: 100%;
    position: relative
}

.autosize2 {
    display: block;
    height: 0;
    padding-bottom: 66.67%;
    position: relative
}

.autosize img, .autosize2 img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.g_product .autosize img {
    object-fit: cover
}

.g_product .autosize {
    padding-bottom: 100%
}

.g_news .autosize {
    padding-bottom: 66.67%
}

.g_banner .autosize {
    padding-bottom: 40%
}

.youtube_popup_item .autosize {
    padding-bottom: 56.25%
}

.fancybox__container {
    z-index: 99999
}

.tabcontent.g_hidden {
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: -999 !important;
    padding: 0 !important
}

.cart_pro_item .g_action_group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: right;
    width: 110px;
    margin-left: auto
}

.cart_pro_item .g_action_group .g_remove {
    cursor: pointer;
    order: 2;
    margin-left: 10px
}

.cart_pro_item .g_action_group .g_remove:hover {
    color: crimson;
    font-weight: 700
}

.mini-cart .cart_pro_list {
    max-height: 540px;
    overflow-y: auto
}

.form-floating label {
    color: #A8AEC7
}

.d_discount_table .fixed-table-body {
    height: auto
}

.left_search_donhang input {
    font-size: 14px;
    padding: 0 5px
}

.coupon_item {
    display: flex;
    margin-left: 13px;
    cursor: pointer
}

.coupon_item:first-child {
    margin-left: 0
}

.coupon_item .g_left {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-left: 4px solid;
    border-right: 1px dashed;
    border-radius: 8px;
    border-color: var(--primary-color);
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.coupon_item .g_left i {
    color: var(--primary-color);
    font-size: 18px;
    display: none
}

.coupon_item.active .g_left i {
    display: block
}

.coupon_list {
    display: flex;
    overflow-x: auto;
    padding: 20px 0
}

.coupon_item .g_right {
    border: 1px solid;
    border-color: var(--primary-color);
    border-left: none;
    border-radius: 16px 8px 8px 16px;
    width: 182px;
    padding: 16px
}

.coupon_item .promo_name {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #202332
}

.coupon_item .promo_quantity {
    font-size: 12px;
    line-height: 16px;
    margin-top: 8px;
    color: #586189
}

.coupon_item .promo_code {
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    color: #1E266E;
    background: #F2F4FD;
    border: 1px dashed #A4ABE9;
    border-radius: 8px;
    padding: 5px 13px;
    width: max-content;
    margin-top: 8px;
    min-width: 120px
}

.coupon_item.active .g_right, .coupon_item.active .g_left {
    border-color: var(--primary-color)
}

.register_btn {
    margin: 16px auto 0;
    width: 428px
}

#wpd-bubble-wrapper {
    display: none !important
}

.cart_pro_item .g_image img {
    object-fit: contain
}

.slider-nav .slick-track {
    margin: 0 auto
}

ul#qtranslate-chooser {
    display: flex;
    list-style: none;
    margin: 0 -3px
}

ul#qtranslate-chooser li {
    padding: 0 3px
}

.header_lang {
    /* margin-left: 20px; */
    font-size: 30px;
}

.contact_company_info .g_title {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 7px
}

.dcontact_form .g_title {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase
}

.dform_item .d_input_txt {
    margin-bottom: 4px
}

.partner_manage_title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px
}

.d_footer_group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 1.8
}

.footer_content ul {
    list-style: none
}

.footer_content ul ul {
    display: none
}

.d_footer_item {
    /*max-width: 370px*/
    font-size: 15px;
}

.d_footer_item.g_first {
    /*max-width: 300px*/
}

.child_page_content dl, .child_page_content ol, .child_page_content ul {
    margin-top: 0;
    margin-bottom: 1rem
}

.child_page_content ol, .child_page_content ul {
    padding-left: 2rem
}

@media (min-width: 1200px) {
    .table-responsive {
        overflow-x: unset
    }
}

.slick-slide > * {
    display: flex
}

.single_pro_contact {
    font-weight: 500;
    color: #fff;
    background: crimson;
    border-radius: 4px;
    padding: 10px 0;
    text-align: center;
    width: calc(50% - 10px);
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600
}

.slick-track {
    display: flex
}

.slick-slide {
    height: auto !important
}

.slick-slide > * {
    height: 100%
}

.slick_5_multirow .slick-track {
    display: block
}

.slick_5_multirow .slick-slide {
    height: auto
}

.slick_5_multirow .slick-slide > * {
    height: auto;
    display: flex
}

.slick_5_multirow .slick-slide > * > * {
    height: auto
}

span.detail_trueprice {
    color: #414141;
    font-size: 18px;
    text-decoration: line-through;
    width: 100%
}

span.detail_price {
    color: #ee6a0d;
    font-size: 32px;
    line-height: 30px;
    width: 100%
}

.two-fifths:not(.first) + *:not(.first) {
    clear: both
}

.three-fifths ~ .two-fifths:not(.first) + *:not(.first), .one-third ~ .two-thirds:not(.first) + *:not(.first), .two-fifths ~ .three-fifths:not(.first) + *:not(.first), .two-thirds ~ .one-third:not(.first) + *:not(.first), .one-third ~ .one-third ~ .one-third:not(.first) + *:not(.first) {
    clear: both
}

.gca-column.one-half:not(.first) + *:not(.first) {
    clear: both
}

.child_page_content iframe:not(.wp-embedded-content), .tr_main iframe:not(.wp-embedded-content) {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto
}

.nhom_tt_title {
    font-weight: 700;
    margin-bottom: 5px;
    color: #ee6a0d
}

.single_attribute_group {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
    margin-top: 5px
}

.single_attr_item {
    padding: 5px 15px;
    border: 1px solid #e2e2e2;
    cursor: pointer
}

.single_attribute_group .g_wragger {
    padding: 5px
}

.single_attr_item.selected {
    border-color: #ee6a0d
}

.single_attr_pack {
    margin-top: 20px
}

.single_attr_pack:first-child {
    margin-top: 0
}

.single_attr_group {
    margin-top: 20px
}

blockquote:not(.wp-embedded-content) {
    margin-bottom: 20px;
    padding: 20px 15px 15px;
    border-radius: 8px;
    background: rgba(0,0,0,0.1);
    position: relative;
    box-shadow: 7px 10px 8px 0 rgba(0, 0, 0, .1);
}

blockquote:not(.wp-embedded-content):before {
    position: absolute;
    top: -14px;
    left: 15px;
    font-weight: 700;
    content: "";
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23857759' d='M0 216C0 149.7 53.7 96 120 96l8 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-8 0c-30.9 0-56 25.1-56 56l0 8 64 0c35.3 0 64 28.7 64 64l0 64c0 35.3-28.7 64-64 64l-64 0c-35.3 0-64-28.7-64-64L0 216zm256 0c0-66.3 53.7-120 120-120l8 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-8 0c-30.9 0-56 25.1-56 56l0 8 64 0c35.3 0 64 28.7 64 64l0 64c0 35.3-28.7 64-64 64l-64 0c-35.3 0-64-28.7-64-64l0-136z'/></svg>")
}

blockquote:not(.wp-embedded-content) p:last-of-type {
    margin-bottom: 0
}

.value_slogan blockquote {
    margin-top: 20px
}

img.aligncenter, .aligncenter img {
    display: block;
    margin: 0 auto
}

p:has(img.aligncenter), .aligncenter {
    text-align: center
}

.header_search_icon {
    position: relative
}

.header_search_icon .g_icon {
    cursor: pointer;
    color: #ae0303
}

.header_search_icon .g_icon svg {
    fill: var(--primary-color)
}

.header_search {
    display: none;
    position: absolute;
    top: calc(100% + 5px);
    right: 0;
    z-index: 10
}

.d_segment_menu_mobile .umt_cart i {
    color: var(--text-color)
}

.d_segment_menu_mobile.white_color .umt_cart i, .d_segment_menu_mobile.white_color #my-menu-click i, .d_segment_menu_mobile.white_color .m_search i {
    color: #fff
}

.d_segment_menu_mobile.white_color .res_input {
    border-color: #fff
}

.product_item.g_news.g_landscape.g_small {
    align-items: center
}

.fixed_left_module {
    position: sticky;
    top: 90px;
    left: 0
}

p.detail_precent {
    background: crimson;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 5px 15px;
    height: fit-content
}

p.detail_precent:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 9px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 12px solid crimson;
    border-bottom: 7px solid transparent
}

.page_quanly th, .page_quanly td {
    vertical-align: middle
}

.order_status {
    padding: 5px 10px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    cursor: pointer
}

iframe.wp-embedded-content {
    position: unset !important;
    visibility: visible !important
}

.continue_to_payment svg {
    fill: #fff
}

.d_segment_header .header_group {
    display: flex;
    justify-content: space-between;
    position: relative
}

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

.header_menu ul li {
    list-style: none;
    margin: 0 20px;
    text-transform: uppercase
}

.hs_form .g_submit input {
    border: none;
    padding-left: 1px;
    padding-right: 0;
    height: 34px;
    min-height: unset;
    color: var(--text-color);
    font-weight: 400;
    background: url(../../../../../../../themes/template/img/magnifying-glass-solid.svg) no-repeat;
    background-position: center;
    background-size: 14px
}

.hs_form {
    display: flex;
    width: 220px;
    border: 1px solid #C2C2C2;
    background: #fff;
    border-radius: 4px
}

.hs_form label {
    width: 100%
}

.hs_form .g_submit {
    width: 40px
}

.hs_form .g_input {
    width: calc(100% - 40px)
}

.hs_form .g_input input {
    background: none;
    border: none;
    width: 100%;
    padding: 0 10px;
    outline: none;
    height: 34px;
    min-height: unset;
    font-size: 14px;
    color: var(--text-color)
}

.hs_form .g_input input::placeholder {
    color: var(--text-color)
}

.d_segment_header .header_group .g_right {
    display: flex;
    /* margin-top: 2px; */
}

.d_segment_header {
    padding: 10px 0;
    transition: 0.8s;
}

.header_logo img {
    height: 56px
}

.header_logo svg {
    height: 56px;
    transition: 0.3s;
}

.d_segment_header.d_segmentscroll {
    /* background: var(--background-color); */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999
}

.d_title1 {
    line-height: 24px;
    color: #424242;
    text-align: center
}

.d_title2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    color: var(--text-color)
}

.d_segment_category {
    padding: 30px 0 16px 0
}

.cat_wrapper {
    margin: 0 -15px
}

.d_segment_category .g_group {
    display: flex;
    flex-wrap: wrap;
    margin: 15px 0;
    width: 100%
}

.d_segment_category .g_group .g_wrapper {
    width: 25%;
    padding: 15px
}

.d_segment_category .g_group .g_item {
    position: relative
}

.d_segment_category .g_group .g_item .g_image img {
    width: 100%
}

.d_segment_category .g_group .g_item .g_title {
    position: absolute;
    bottom: 24px;
    width: calc(100% - 90px);
    line-height: 20px;
    text-align: center;
    color: #616161;
    /*! margin: 0 auto; */
    background: #fff;
    padding: 8px 10px;
    left: 45px
}

.d_segment_adv_2 {
    background: #ECE6DB;
    padding: 41px 0
}

.d_segment_adv_1 img, .d_segment_adv_2 img {
    width: 100%
}

.g_product_item {
    background: #fff;
    border: 1px solid #EDEDED;
    height: 100%
}

.g_product_item .g_title {
    font-weight: 500;
    line-height: 20px;
    color: #202332;
    /*! height: 40px; */
}

.g_product_item .g_image img {
    width: 100%
}

.g_product_item .g_ori_price {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    color: #999;
    text-decoration-line: line-through;
    margin-top: 8px
}

.g_product_item .g_current_price {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    color: #032C81;
    margin-top: 4px
}

.g_product_item .g_content {
    padding: 12px
}

.d_segment_product .g_group {
    display: flex;
    flex-wrap: wrap;
    margin: -10px
}

.d_segment_product .g_group .g_wrapper {
    width: 16.6667%;
    padding: 10px
}

.d_segment_adv_3 img {
    width: 100%
}

.footer_menu ul li {
    list-style: none;
    margin-top: 12px
}

.footer_menu ul li:first-child {
    margin-top: 0
}

.footer_menu ul li a {
    color: #9e9e9e
}

.footer_title {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 18px;
    text-transform: uppercase
}

.footer_item {
    color: #9E9E9E
}

.address_menu ul li {
    list-style: none;
    margin-top: 12px;
    font-weight: 400;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: #666
}

.address_menu ul li:first-child {
    margin-top: 0
}

.address_menu ul li a {
    color: #666
}

.address_menu ul li .g_icon {
    width: 20px
}

.address_menu ul li .g_text {
    width: calc(100% - 20px);
    padding-left: 10px
}

.footer_summary {
    line-height: 26px
}

.empty_space {
    width: calc(100% - 200px)
}

.social_wrapper {
    margin: 20px -16px;
    width: 100%
}

.f_copyright {
    font-weight: 400;
    line-height: 150%;
    color: #666
}

.f_license {
    font-weight: 400;
    font-size: 11.5px;
    line-height: 150%;
    color: #666;
    margin-top: 8px
}

.f_ls_logo {
    display: flex;
    justify-content: right
}

.f_ls_logo .g_item {
    margin-left: 10px
}

.f_ls_logo .g_item:first-child {
    margin-left: 0
}

.f_ls_logo .g_item img {
    max-height: 46px
}

.footer_group_1 {
    padding-bottom: 20px
}

.footer_group_2 {
    border-top: 1px solid #E0E0E0;
    padding-top: 16px;
    padding-bottom: 16px
}

.d_segment_footer {
    padding: 40px 0;
    border-top: 1px solid rgba(255, 255, 255, .2)
}

.d_segment_reg_log {
    padding: 80px 0;
    background: url(../../../../../../../themes/template/img/dangky_bg.jpg) no-repeat center;
    background-size: cover
}

.umt_title {
    font-weight: 700;
    font-size: 2rem;
    color: #202332;
    text-transform: uppercase
}

.input_password {
    position: relative
}

.input_password .toggle_password {
    position: absolute;
    z-index: 99;
    right: 16px;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer
}

.d_forget_password {
    text-align: right;
    margin-top: 8px
}

.d_forget_password a {
    color: var(--primary-color)
}

.standard_btn {
    display: flex;
    height: 56px;
    align-items: center;
    justify-content: center;
    background: var(--primary-color);
    color: #fff;
    border-radius: 4px
}

.standard_btn a {
    display: flex;
    height: 100%;
    color: #fff;
    width: 100%;
    align-items: center;
    justify-content: center
}

.user_type_select.selected_company {
    width: 100%
}

.user_type_select {
    width: 50%;
    margin: 0 auto
}

.user_type_select #company_register_form {
    display: none
}

.user_type_select #personal_register_form {
    display: block
}

.user_type_select.selected_company #company_register_form {
    display: block
}

.user_type_select.selected_company #personal_register_form {
    display: none
}

.register_account_type {
    display: flex;
    flex-wrap: wrap
}

.d_location_select {
    height: 56px;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    width: 110px;
    display: flex;
    align-items: center;
    position: relative
}

.d_location_input {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.d_location_name_input {
    width: 110px
}

.d_location_tel {
    width: calc(100% - 240px)
}

.iti__flag-container {
    width: 100%
}

.iti {
    position: unset
}

.iti--separate-dial-code .iti__selected-flag {
    background: none !important
}

#personal_register_form {
    /*! width: 540px; */
    margin: 0 auto
}

.slick_banner .slick-dots {
    top: unset;
    bottom: 15px
}

.d_product_group .g_group {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.d_product_group .g_wrapper {
    padding: 10px;
    width: 25%
}

.g_wrapper.term_adv_img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.color_box {
    width: 15px;
    height: 15px;
    border: 1px solid #EDEDED;
    margin-right: 9px
}

.attr_option {
    display: flex;
    align-items: center;
    color: #616161;
    cursor: pointer
}

.attribute_filter {
    width: 486px;
    position: fixed;
    background: #fff;
    top: 0;
    right: 0;
    height: 100%;
    overflow-y: auto;
    z-index: 9999
}

.attr_option.selected {
    color: var(--primary-color);
    font-weight: 700
}

.attr_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #616161
}

.attr_toggle {
    cursor: pointer;
    color: #000
}

.attr_toggle .g_minimize {
    display: none
}

.attr_toggle.expanded .g_minimize {
    display: block
}

.attr_toggle.expanded .g_expand {
    display: none
}

.attr_title_text {
    font-size: 20px;
    font-weight: 700;
    color: #000
}

.attr_title span {
    font-size: 20px
}

.attr_select {
    padding: 0 10px
}

.attr_option {
    margin: 5px 0
}

.attr_group {
    margin: 20px 0
}

.attr-size.attr_group .attr_option {
    border: 1px solid #E0E0E0;
    text-align: center;
    padding: 8px 0;
    justify-content: center
}

.attr-size.attr_group .attr_option.selected {
    background: #4D9CF9;
    color: #fff
}

.price_range_show {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.price_range_show #amount {
    text-align: right;
    font-weight: 700;
    color: var(--primary-color);
    font-size: 14px
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    height: 4px;
    background: #c5c5c5
}

.ui-slider .ui-slider-range {
    background: #7FAEF0;
    border: 1px solid #7FAEF0
}

.ui-slider .ui-slider-handle {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #0957DE
}

.ui-state-active, .ui-widget-content .ui-state-active {
    background: #4D9CF9
}

.ui-state-default, .ui-widget-content .ui-state-default {
    background: #0957DE !important;
    border: none !important
}

.ui-slider-horizontal .ui-slider-handle {
    top: -8px !important;
    margin-left: -.6em
}

.ui-widget.ui-widget-content {
    width: calc(100% - 16px);
    margin: 15px auto 0
}

.attr_select {
    margin-top: 15px
}

.filter_result {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-top: 36px
}

.filter_clear_btn {
    cursor: pointer
}

.filter_search_btn {
    background: #0957DE;
    color: #fff;
    cursor: pointer;
    margin-left: 20px;
    border-radius: 4px;
    padding: 5px 25px
}

.toggle_filter {
    display: none;
    border: 1px solid #C2C2C2;
    color: #424242;
    padding: 17px 25px;
    border-radius: 8px;
    cursor: pointer;
    background: #eee
}

.child_taskbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.child_taskbar .g_right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.toggle_filter:hover {
    background: #f6f6f6
}

.filter_wrapper {
    position: relative
}

.filter_wrapper .g_close {
    position: absolute;
    top: 15px;
    right: 41px;
    cursor: pointer;
    font-size: 30px
}

.attr_filter_content {
    position: relative;
    padding: 41px
}

.filter_wrapper .g_close:hover {
    color: #0957DE
}

.child_taskbar select {
    border-radius: 4px;
    height: 28px;
    color: #424242;
    padding: 0 5px
}

.nav_li a {
    color: #8e8e8e
}

li.dots_li {
    background: none !important
}

.single_color_box {
    width: 50px;
    height: 50px;
    background: url(../../../../../../../themes/template/img/i50.jpg) no-repeat;
    background-size: cover
}

.single_color_code {
    width: calc(100% - 50px)
}

.noClick {
    pointer-events: none
}

.youtube_avatar {
    position: relative
}

.youtube_avatar:after {
    content: "\f04b";
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 40px;
    pointer-events: none;
    text-shadow: 2px 2px rgba(0, 0, 0, .2)
}

.slider-nav .youtube_avatar:after {
    font-size: 20px
}

.single_pro_title {
    font-weight: 700;
    font-size: 24px;
    color: #000
}

.single_price {
    display: flex;
    align-items: center;
    color: #424242
}

.single_price .g_title {
    width: 114px
}

.single_price .single_current_price {
    font-weight: 700;
    font-size: 20px;
    color: #032C81
}

.single_price .single_ori_price {
    text-decoration: line-through;
    margin-left: 20px;
    color: #666
}

.single_quantity {
    display: flex;
    align-items: center;
    color: #424242;
    margin-top: 8px
}

.single_quantity .g_title {
    width: 114px
}

.single_quantity .g_value {
    margin-left: 20px;
    font-weight: 700
}

.single_select_title {
    line-height: 24px;
    color: #000613;
    font-weight: 700;
    border-bottom: 1px solid #EDEDED;
    margin-bottom: 12px;
    padding-bottom: 3px
}

.single_color_select .g_item {
    background: #FFF;
    border: 1px solid #F5F5F5;
    display: flex;
    align-items: center;
    padding: 4px
}

.single_select_group {
    display: flex;
    flex-wrap: wrap
}

.single_color_select .single_select_group .g_wrapper {
    width: 33.33%;
    padding: 4px
}

.single_color_select .single_select_group .g_item {
    cursor: pointer
}

.single_color_select .single_select_group .g_wrapper:hover .g_item {
    background: #f2f2f2
}

.single_color_select .single_select_group .g_item.active {
    border: 1px solid var(--primary-color)
}

.single_color_select .single_parent_wrapper {
    margin: -4px
}

.single_color_select {
    margin-top: 20px
}

.single_size_select .single_select_group {
    display: flex;
    flex-wrap: wrap
}

.single_size_select .single_parent_wrapper {
    margin: -4px -10px
}

.single_size_select .g_wrapper {
    padding: 4px 10px;
    width: 100%
}

.single_size_select .g_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--primary-color);
    color: #424242;
    padding: 4px 0;
    border-radius: 4px
}

.single_size_select .g_item .g_name {
    width: 40%;
    padding: 0 20px;
    border-right: 1px solid #EDEDED;
    text-align: center
}

.single_size_select .g_action {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.single_size_select .g_action i {
    color: #586189;
    cursor: pointer
}

.single_size_select {
    margin-top: 20px
}

.g_operator i {
    pointer-events: none
}

.g_operator {
    cursor: pointer
}

.single_size_select .g_action input {
    border: none;
    background: none;
    width: 41px;
    outline: none;
    text-align: center
}

/*!* Chrome, Safari, Edge, Opera *!*/
/*!* Firefox *!*/
.cart_pro_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.cart_pro_list .cart_pro_item {
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #E0E0E0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    color: #616161
}

.cart_pro_list .cart_pro_item:first-child {
    border-top: none;
    padding-top: 0
}

.cart_pro_list .cart_pro_item:last-of-type {
    padding-bottom: 0
}

.cart_pro_item .g_image {
    width: 100px
}

.cart_pro_item .g_content {
    width: calc(100% - 260px);
    margin-left: 20px
}

.cart_pro_item .g_title {
    color: var(--primary-color);
    font-weight: 700
}

.cart_pro_item .g_attribute {
    margin: 4px 0;
    color: #666
}

.cart_pro_item .g_action {
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border: 1px solid #e0e0e0;
    border-radius: 4px
}

.cart_pro_item .g_action input[type="number"] {
    -moz-appearance: textfield
}

.cart_pro_item .g_action input {
    border: none;
    background: none;
    width: 50px;
    outline: none;
    text-align: center;
    height: 28px
}

.cart_pro_item .g_pro_group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%
}

.cart_pro_item .g_total {
    color: #0A0A0A;
    /*! width: 100px; */
    text-align: right
}

.cart_summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: right;
    margin-top: 20px
}

.cart_summary .cart_payment {
    background: var(--primary-color);
    font-weight: 500;
    line-height: 56px;
    text-align: center;
    color: #FFF;
    width: 316px;
    height: 56px
}

.cart_summary .cart_total_money {
    font-weight: 700;
    font-size: 20px;
    color: var(--primary-color);
    margin-left: 140px
}

.single_pro_cart {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 16px
}

.spc_buy_now {
    font-weight: 500;
    color: #fff;
    background: crimson;
    border-radius: 4px;
    padding: 8px 0;
    text-align: center;
    width: calc(50% - 8px);
    cursor: pointer;
    font-weight: 700
}

.spc_add_to_cart {
    font-weight: 700;
    color: #fff;
    border-radius: 4px;
    padding: 9px 0;
    text-align: center;
    width: calc(50% - 8px);
    cursor: pointer;
    background: aliceblue;
    background: var(--primary-color)
}

.quick_cart_item {
    display: flex;
    padding: 10px 0;
    align-items: center
}

.quick_cart_item .g_image {
    width: 80px
}

.quick_cart_item .g_content {
    width: calc(100% - 80px);
    padding-left: 20px
}

#quick_cart {
    position: fixed;
    top: 41px;
    right: 3%;
    width: 430px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, .07);
    color: #616161;
    z-index: 9999;
    border: 1px solid #ddd;
    border-radius: 4px
}

.quick_cart_item .g_title {
    font-weight: 400;
    line-height: 24px;
    color: var(--primary-color);
    margin-bottom: 0
}

.quick_cart_item .single_current_price {
    color: #202332
}

.quick_cart_item .single_ori_price {
    text-decoration: line-through
}

.quick_cart_item .g_content > * {
    margin-bottom: 10px
}

.quick_cart_item .g_content .g_price {
    color: crimson
}

#quick_cart .g_close {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px
}

#quick_cart .g_header {
    line-height: 20px;
    color: green;
    margin-bottom: 12px;
    font-weight: 700
}

#quick_cart .g_button {
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    background: var(--primary-color);
    display: block;
    padding: 8px 0;
    border: 1px solid #B0E0F5;
    border-radius: 4px;
    margin-top: 10px;
    color: #fff
}

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

.single_commit {
    margin: 25px -4px -4px
}

.single_commit .g_parent_wrapper {
    display: flex;
    flex-wrap: wrap
}

.single_commit .g_wrapper {
    padding: 4px 4px;
    width: 33.33%
}

.single_commit_item {
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: var(--primary-color);
    background: #FFF;
    border: 1px solid #F1F1F1;
    border-radius: 4px;
    height: 100%;
    padding: 10px 4px;
    cursor: pointer
}

.single_commit_item .g_content {
    margin-top: 10px
}

.single_content_group {
    margin-top: 30px;
    flex-wrap: wrap
}

.single_pro_rank {
    width: 316px
}

.single_pro_details {
    /*! width: calc(100% - 316px); */
    /*! padding-left: 48px; */
}

.single_content_group .group_title {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: var(--primary-color);
    margin-bottom: 24px
}

.single_pro_rank .g_parent_wrapper {
    margin: -10px 0
}

.single_pro_rank .g_wrapper {
    padding: 10px 0
}

.similar_products .group_title {
    font-weight: 700;
    font-size: 28px;
    color: var(--text-color);
    margin-bottom: 20px
}

.similar_products {
    margin-top: 30px
}

.featured_news_item {
    position: relative;
    box-shadow: 0 0 8px rgba(0, 46, 66, .1);
    border: 1px solid #f2f2f2
}

.news_cat_title {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    color: var(--text-color)
}

.featured_news_item .product_img {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    border-radius: 100%;
    overflow: hidden;
    padding: 0
}

.featured_news_item .product_summary {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 40px 30px;
    width: 100%;
    z-index: 20;
    background: linear-gradient(transparent, #fff)
}

.featured_news_item .product_title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #18191F;
    margin-bottom: 16px
}

.featured_news_item .product_more a {
    line-height: 24px;
    color: #254555
}

.featured_news .g_group {
    margin-top: 40px
}

.f_background img {
    width: 100%
}

.tr_tin_tuc {
    margin-top: 55px
}

.tr_tin_tuc .g_group_title {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    color: var(--text-color)
}

.tr_tin_tuc .g_group {
    margin-top: 20px
}

.product_item.g_news .product_summary {
    /*! padding: 24px; */
}

.product_item.g_news .product_title {
    /*! font-weight: 700; */
    /*! font-size: 24px; */
    /*! line-height: 28px; */
    /*! color: #18191F; */
    margin-top: 10px
}

.product_item.g_news.g_landscape .product_title {
    margin-top: 0
}

.product_item.g_news .product_excerpt {
    /*! line-height: 24px; */
    margin-top: 10px
}

.product_item.g_news .product_more a {
    line-height: 24px;
    color: #254555
}

.tr_tin_tuc .d_navigation ul {
    justify-content: center
}

.tr_tin_tuc #rela_news_page {
    margin-top: 28px
}

.tr_tin_tuc .d_navigation ul li.active {
    background-color: #46A6F6
}

.d_segment_banner ul.slick-dots li.slick-active button {
    background: #fff
}

.d_segment_banner ul.slick-dots li button {
    background: rgba(255, 255, 255, .4)
}

.archive_video_item .g_title {
    font-weight: 700;
    font-size: 48px;
    line-height: 64px;
    color: var(--text-color)
}

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

.archive_video_item .g_content {
    width: 40%;
    padding-right: 20px
}

.archive_video_item .g_videos {
    width: 60%
}

.archive_video_item .g_videos iframe {
    max-width: 100%
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.archive_video_item .g_nav {
    display: flex
}

.archive_video_item .g_controls {
    width: 56px;
    height: 56px;
    background: #B7D6F0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.archive_video_item .g_excerpt {
    font-weight: 400;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 40px
}

.archive_video_item .g_controls:hover {
    background: #46A6F6
}

.archive_news_videos .dnav_item {
    display: none !important;
    opacity: 0
}

.archive_news_videos {
    margin-top: 41px
}

.single_news_title {
    font-weight: 700;
    font-size: 48px;
    line-height: 64px;
    text-align: center;
    color: var(--text-color);
    padding: 0 41px;
    margin-bottom: 20px
}

.similar_news_title {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    color: #18191F;
    margin: 40px 0
}

.main_umt_title {
    font-weight: 700;
    font-size: 34px;
    color: #202332
}

.d_input_item.umt_clear a {
    display: block;
    padding: 0 16px;
    height: 56px;
    line-height: 56px;
    width: 100%;
    border-radius: 4px;
    outline: none;
    border: 1px solid #B0E0F5;
    text-align: center;
    text-decoration: none
}

.d_input_item select {
    border: 1px solid #e9e9e9;
    color: #1c1c1c;
    padding: 0 16px;
    height: 56px;
    width: 100%;
    border-radius: 4px;
    outline: none;
    background: #fff
}

.cat_popup {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, .07);
    padding: 40px 0;
    z-index: 99999;
    background: #fff
}

.header_cat_tabs ul {
    list-style: none;
    display: flex;
    justify-content: center
}

.header_cat_tabs ul li {
    line-height: 20px;
    text-transform: uppercase;
    color: #424242;
    margin: 0 40px;
    cursor: pointer
}

.header_cat_group {
    display: flex;
    margin: 0 -40px
}

.header_cat_item {
    width: 20%;
    padding: 0 40px
}

.header_cat_item .g_title {
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    color: #757575;
    margin-bottom: 10px
}

.header_cat_content {
    margin-top: 35px
}

.header_cat_item .g_item {
    font-weight: 400;
    line-height: 20px;
    color: #757575;
    padding: 8px 0
}

.header_cat_item .g_item a {
    color: #757575
}

.header_menu ul ul {
    display: none
}

.header_cat_tabs ul li.active {
    color: #0A0A0A;
    font-weight: 700
}

.cat_popup {
    display: none
}

.header_menu_icon {
    cursor: pointer;
    color: #000
}

.header_menu_icon .g_close {
    display: none
}

.header_menu_icon.g_active .g_close {
    display: block
}

.header_menu_icon.g_active .g_open {
    display: none
}

.sc_excerpt {
    line-height: 24px;
    color: #616161;
    margin-top: 30px
}

.subscribe_title {
    font-weight: 700;
    font-size: 34px;
    line-height: 30px;
    color: #202332
}

.subscribe_form {
    width: 428px
}

.sc_email {
    margin-top: 30px
}

.sc_summ {
    color: #616161;
    margin-top: 30px
}

.switch {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 18px
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

input:checked + .slider {
    background-color: #2196F3
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(16px)
}

.slider.round {
    border-radius: 28px
}

.slider.round:before {
    border-radius: 50%
}

.sc_option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 241px;
    padding: 5px 0;
    color: var(--primary-color);
    margin: 0 auto
}

.sc_option_action {
    height: 18px
}

.sc_select {
    margin: 30px 0
}

.mod_search_group {
    position: relative;
    padding: 20px 40px;
    border-radius: 4px;
    /*! box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.07); */
    box-shadow: 0 0 8px rgba(0, 0, 0, .1)
}

.mod_search_group .search_suggestion {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    /*! box-shadow: 0 14px 5px 3px rgba(0, 0, 0, 0.07); */
    background: #fff;
    padding: 10px;
    width: 100%;
    display: none
}

.mod_search_group .hs_form {
    width: 100%;
    border-bottom: none
}

.mod_search_group .hs_form .g_submit {
    width: 25px
}

.mod_search_group .hs_form .g_input {
    width: calc(100% - 25px)
}

.mod_search_group .hs_form label {
    width: 100%
}

.su_item .g_title {
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    color: #0A0A0A
}

.su_item .g_list {
    margin-top: 10px
}

.su_item .g_list ul {
    font-weight: 400;
    line-height: 20px;
    color: #757575;
    list-style: none
}

.su_item .g_list a {
    color: #757575
}

.su_item .g_list ul li {
    padding: 4px 0
}

.su_item .g_list ul li a:hover {
    color: var(--primary-color)
}

.payment_successfully {
    width: 50%;
    margin: 41px auto;
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #202332
}

.payment_successfully .continue_order {
    line-height: 56px;
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
    background: var(--primary-color);
    border-radius: 4px;
    margin-top: 30px
}

.payment_successfully .continue_order a {
    display: block;
    color: #FFF
}

.payment_successfully .g_return_home {
    margin-top: 30px
}

.payment_successfully .g_notify {
    margin-top: 30px
}

.payment_successfully .g_return_home span {
    font-weight: 700
}

.single_size_select .g_action input::-webkit-outer-spin-button, .single_size_select .g_action input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.single_size_select .g_action input[type=number] {
    -moz-appearance: textfield
}

.header_search form {
    margin-bottom: 0
}

.header_account_info {
    margin-left: 20px
}

.user_page {
    margin-right: 15px
}

.d_segment_category .d_title2 > * {
    margin-bottom: 0
}

.header_menu > ul > li.not_show_menu {
    display: none
}

.footer_menu ul ul {
    display: none
}

.footer_menu > ul > li.not_show_menu {
    display: none
}

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

.single_rating .sr_stars {
    display: flex
}

.single_rating .sr_stars svg {
    width: 24px
}

.single_rating .sr_stars svg .wpd-star.wpd-active {
    fill: #FFB800
}

.single_rating span {
    color: #202332
}

.single_rating {
    color: #999;
    font-size: 14px
}

.single_hidden_image {
    position: absolute;
    z-index: -10;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 30px
}

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

.segment_adv_item img {
    width: 100%
}

.single_rating > *:first-child {
    margin-left: 0
}

.single_prod_sum_group {
    display: flex;
    flex-direction: column
}

.single_tab_content ul, .single_tab_content ol {
    margin-bottom: 1rem;
    padding-left: 15px
}

.footer_group_2 .g_left {
    width: 50%
}

.export.btn-group .dropdown-toggle::after {
    content: none
}

.chitietdh_table td {
    text-align: center
}

.chitietdh_table {
    margin-bottom: 30px
}

.dropup .dropdown-toggle::after {
    content: none
}

.single_commit_item .g_icon {
    width: 100%
}

.single_pro_cart.disabled .spc_buy_now, .single_pro_cart.disabled .spc_add_to_cart {
    background: #e6e6e6;
    color: var(--text-color);
    cursor: not-allowed;
    border: none;
    pointer-events: none
}

.single_pro_cart.locked .spc_buy_now, .single_pro_cart.locked .spc_add_to_cart {
    background: #e6e6e6;
    color: var(--text-color);
    cursor: not-allowed;
    border: none;
    pointer-events: none
}

.youtube_block.single_youtube, .youtube_block.single_youtube .rll-youtube-player {
    position: relative;
    padding-bottom: 100% !important;
    height: 0
}

.youtube_block.single_youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.youtube_avatar.single_youtube::after {
    content: none
}

.youtube_block.single_youtube .rll-youtube-player img {
    height: 100%;
    object-fit: cover
}

.cart_pro_group {
    background: aliceblue;
    padding: 15px
}

.cart_pro_group_title {
    text-transform: uppercase;
    font-weight: 700;
    color: var(--primary-color)
}

.homepage .slick_banner_home ul.slick-dots {
    bottom: unset;
    left: unset;
    top: 50%;
    transform: translate(0, -50%);
    right: 41px;
    display: block
}

.homepage .slick_banner_home ul.slick-dots li {
    margin: 4px 0
}

.homepage .slick_banner_home ul.slick-dots li button {
    width: 6px;
    height: 28px;
    border-radius: 100px;
    background: #fff
}

.homepage .slick_banner_home ul.slick-dots li.slick-active button {
    background: #4D9CF9
}

.homepage .slick_banner_home .dnav_item.g_right {
    top: unset;
    bottom: 41px;
    right: 41px;
    font-size: 26px;
    color: #616161
}

.homepage .slick_banner_home .dnav_item.g_left {
    top: unset;
    bottom: 41px;
    font-size: 26px;
    color: #616161;
    left: 41px
}

.homepage .slick_banner_home .slick-arrow {
    display: block !important
}

.fixed_mobile_chat {
    display: none;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, .7);
    z-index: 999;
    /*! box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.07); */
    /*! padding: 5px 0; */
    border-radius: 20px 20px 0 0
}

.fixed_mobile_chat .g_group {
    display: flex;
    justify-content: space-around
}

.fixed_mobile_chat .g_item {
    /*! width: 50%; */
    /*! text-align: center; */
    padding: 0 10px
}

.fixed_mobile_chat .g_icon {
    margin-bottom: 5px
}

.fixed_mobile_chat .g_text {
    font-size: 12px;
    font-weight: 700
}

.fixed_mobile_chat .g_item i {
    font-size: 36px
}

.fixed_mobile_chat .g_icon img {
    width: 36px
}

.fixed_mobile_chat .g_item a {
    color: var(--text-color)
}

.tr_main th, .tr_main td {
    border: 1px solid #e2e2e2;
    padding: 5px
}

#slider-range {
    position: relative !important;
    top: 0 !important;
    left: 0 !important
}

.manual_popup {
    position: fixed;
    background: rgba(0, 0, 0, .5);
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: 9999999
}

.manual_popup .g_main {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh
}

.manual_popup .g_group {
    background: #fff;
    padding: 15px;
    border-radius: 8px
}

.popup_content img {
    max-height: 80vw;
    max-width: 80vh
}

.manual_popup .popup_content {
    position: relative
}

.manual_popup .popup_close {
    position: absolute;
    top: -27px;
    right: -27px;
    color: var(--primary-color);
    cursor: pointer
}

.manual_popup.disabled {
    display: none
}

.tr_main iframe {
    max-width: 100%
}

.d_segment_category .cat_wrapper {
    margin-top: 20px
}

#sort_select {
    min-width: 180px
}

.register_form, .register_form_group {
    width: 480px;
    margin: 0 auto;
    background: rgba(251, 251, 251, .9);
    border-radius: 16px;
    padding: 32px
}

.similar_news_title_2 {
    font-weight: 700;
    font-size: 28px;
    color: var(--text-color);
    margin-bottom: 20px
}

#payment_page .cart_summary {
    display: none
}

.mgg_edit_block .mgg_edit_item {
    width: 100%;
    margin-top: 10px
}

.mgg_edit_block .mgg_edit_item .g_title {
    font-weight: 700;
    margin-bottom: 5px
}

.mgg_edit_block .mgg_edit_item input {
    width: 100%;
    height: 36px
}

.mgg_btn {
    margin-top: 20px
}

.mgg_btn input {
    background: #ec202b;
    padding: 10px 25px !important;
    color: #fff !important;
    border-radius: 4px
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.mini-cart {
    border: 1px solid #BCC0C6;
    border-radius: 8px;
    padding: 30px
}

#wpadminbar {
    display: none
}

.form-select {
    font-size: 14px
}

.product_item.g_landscape.g_small .product_img {
    width: 100px
}

.product_item.g_landscape.g_small .product_summary {
    width: calc(100% - 100px)
}

.product_item.g_landscape.g_small .product_title {
    margin-top: 0
}

.product_item.g_landscape.g_small .product_excerpt {
    font-size: 14px
}

.product_item.g_landscape.g_small .product_title {
    font-size: 14px;
    font-weight: 400
}

.similar_products .group_title, .similar_news_title_2 {
    font-size: 20px;
    font-weight: 700;
    position: relative;
    margin-bottom: 20px;
    text-transform: uppercase;
    margin-top: 20px
}

.similar_products .group_title:before, .similar_news_title_2:before {
    position: absolute;
    content: '';
    left: 0;
    top: calc(100%);
    background: var(--primary-color);
    width: 50px;
    height: 2px
}

.child_page_title h1 {
    font-weight: 700;
    position: relative;
    margin-bottom: 32px;
    padding-bottom: 7px;
    font-size: 28px;
    text-transform: uppercase
}

.child_page_title h1:before {
    position: absolute;
    content: '';
    left: 0;
    top: calc(100%);
    background: var(--primary-color);
    width: 60px;
    height: 3px
}

.child_page_title.g_center h1:before {
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0)
}

.scale_effect {
    display: block;
    position: relative;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    overflow: hidden;
    text-align: center
}

.scale_effect::before {
    position: absolute;
    content: '';
    top: 10px;
    bottom: 10px;
    left: 50%;
    right: 50%;
    z-index: 1;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.scale_effect:after {
    position: absolute;
    content: '';
    top: 50%;
    bottom: 50%;
    left: 10px;
    right: 10px;
    z-index: 1;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.scale_effect:hover::before {
    left: 5px;
    right: 5px
}

.scale_effect:hover::after {
    top: 5px;
    bottom: 5px
}

.scale_effect img {
    transition: 0.5s
}

.scale_effect:hover img {
    transform: scale(1.2)
}

.scale_effect {
    overflow: hidden
}

.deal_detail_name_long ul, .d_pro_txt1 ul, .child_page_content ul {
    padding-left: 2rem;
    margin-bottom: 1rem
}

.cart_payment a {
    color: #fff;
    display: block;
    width: 100%;
    text-align: center
}

#payment_page .payment_money_group {
    display: block;
    margin-top: 20px
}

.payment_money_group {
    border-top: 1px dashed #E6E8EF;
    background: #fff;
    padding: 20px 0
}

.slick_banner .banner_text_group {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .6), rgba(255, 255, 255, 0));
    background-color: initial;
    background-size: initial;
    background-origin: initial;
    background-position: initial;
    background-repeat: initial;
    background-attachment: initial
}

.banner_text_group .g_text {
    color: #fff;
    font-size: 22px;
    font-weight: 700
}

.banner_content {
    width: 600px;
    max-width: 100%
}

.banner_content .g_title {
    font-size: 30px;
    font-weight: 700;
    color: #fff
}

.banner_content .g_content {
    font-size: 16px;
    color: #fff;
    margin-top: 10px
}

.banner_text_group .g_btn a {
    font-weight: 700;
    width: max-content;
    padding: 10px 20px;
    border: 1px solid #fff;
    border-radius: 4px;
    display: block;
    color: #fff
}

.banner_text_group .g_btn {
    margin-top: 30px
}

.nss_box .nss_tm {
    font-size: 14px
}

.single_uudai {
    border: 1px solid #1656c5;
    padding: 15px 10px;
    position: relative;
    margin-top: 34px
}

.ud_text {
    border-radius: 5px !important;
    padding: 4px 20px !important;
    background: #1656c5;
    color: #fff;
    width: max-content;
    position: absolute;
    left: 50%;
    top: -15px;
    transform: translate(-50%, 0);
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase
}

.ud_content {
    margin-top: 20px
}

.ud_content ul {
    list-style: none
}

.ud_content ul li:before {
    content: '';
    font-size: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%2300a859' d='M6.173 13.414l-4.12-4.121 1.414-1.414 2.706 2.707 6.364-6.364 1.414 1.414z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px 16px;
    padding-left: 24px
}

.filter_box .g_group {
    margin-top: 10px;
    border-top: 1px solid #e2e2e2;
    padding-top: 10px
}

.filter_box .f_main_title {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px
}

.filter_box .g_item {
    padding: 3px 0
}

.filter_box .g_item.g_active {
    color: #005DAC;
    font-weight: 700
}

.preg_item .g_input input {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ccc
}

.prg_title {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px
}

.price_range_group {
    margin-top: 10px;
    border-top: 1px solid #e2e2e2;
    padding-top: 10px
}

.prg_submit {
    background: crimson;
    color: #fff;
    width: 100%;
    cursor: pointer;
    padding: 3px 25px;
    border-radius: 4px
}

.preg_item .g_text {
    height: 21px
}

.prg_field .g_parent_wrapper {
    display: flex;
    align-items: center;
    margin: -5px
}

.prg_field .g_wrapper {
    padding: 0 5px
}

.spt_title_group {
    display: flex;
    border-bottom: 1px solid #ccc
}

.spt_title_group .g_item {
    border: 1px solid #ccc;
    border-radius: 8px 8px 0 0;
    margin-left: 5px;
    padding: 8px 25px;
    cursor: pointer;
    background: #f6f6f6;
    border-bottom: none;
    position: relative;
    top: 1px
}

.spt_title_group .g_item.active {
    border-top-color: crimson;
    border-top-width: 2px;
    background: #fff;
    font-weight: 700
}

.spt_title_group .g_item:first-child {
    margin-left: 0
}

.single_prod_tabs .pro_single_content {
    margin-top: 0;
    border: 1px solid #e2e2e2;
    border-top: none;
    padding: 10px
}

.pro_single_content ul {
    padding-left: 1rem;
    margin-bottom: 1rem
}

.single_prod_tabs {
    margin-top: 40px
}

.wp-caption {
    max-width: 100% !important
}

.header_cart, .header_account {
    margin-left: 40px
}

.d_segment_banner {
    position: relative
}

.banner_item {
    position: absolute;
    top: 0;
    left: 0
}

.banner_item:first-child {
    position: unset
}

.main_breadcrumbs {
    background: #ebebeb;
    padding: 5px 0
}

.slick_1:not(.slick-initialized) {
    position: relative;
    display: flex
}

.slick_1:not(.slick-initialized) > * {
    width: 100%
}

.slick_1:not(.slick-initialized) > *:nth-child(n+2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.slick_2:not(.slick-initialized) {
    position: relative;
    display: flex
}

.slick_2:not(.slick-initialized) > * {
    width: 50%;
    padding: 0 10px
}

.slick_2:not(.slick-initialized) > *:nth-child(n+3) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.slick_3:not(.slick-initialized) {
    position: relative;
    display: flex
}

.slick_3:not(.slick-initialized) > * {
    width: 33.33%;
    padding: 0 10px
}

.slick_3:not(.slick-initialized) > *:nth-child(n+4) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.slick_4:not(.slick-initialized) {
    position: relative;
    display: flex
}

.slick_4:not(.slick-initialized) > * {
    width: 25%;
    padding: 0 10px
}

.slick_4:not(.slick-initialized) > *:nth-child(n+5) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.slick_5:not(.slick-initialized) {
    position: relative;
    display: flex
}

.slick_5:not(.slick-initialized) > * {
    width: 20%;
    padding: 0 10px
}

.slick_5:not(.slick-initialized) > *:nth-child(n+6) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.slick_6:not(.slick-initialized) {
    position: relative;
    display: flex
}

.slick_6:not(.slick-initialized) > * {
    width: 16.666%;
    padding: 0 10px
}

.slick_6:not(.slick-initialized) > *:nth-child(n+7) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.slick_banner:not(.slick-initialized) {
    position: relative;
    display: flex
}

.slick_banner:not(.slick-initialized) > * {
    width: 100%
}

.slick_banner:not(.slick-initialized) > *:nth-child(n+2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.slider-for:not(.slick-initialized) {
    position: relative;
    display: flex
}

.slider-for:not(.slick-initialized) > * {
    width: 100%
}

.slider-for:not(.slick-initialized) > *:nth-child(n+2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.slider-nav:not(.slick-initialized) {
    position: relative;
    display: flex;
    justify-content: center
}

.slider-nav:not(.slick-initialized) > * {
    width: 20%;
    padding: 0 10px
}

.slider-nav:not(.slick-initialized) > *:nth-child(n+6) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.child_page_content h1, .spt_content_group h1 {
    font-size: 1.75rem
}

.child_page_content h2, .spt_content_group h2 {
    font-size: 1.5rem
}

.child_page_content h3, .spt_content_group h3 {
    font-size: 1.25rem
}

.wpcf7-form.submitting .dform_item_btn input {
    pointer-events: none;
    cursor: wait
}

.wpcf7-form.submitting .dform_item_btn {
    cursor: wait
}

.cart_sub_info_item {
    display: flex;
    align-items: center;
    margin-top: 8px
}

.cart_sub_info_item .g_value {
    margin-left: auto
}

.sub_formal_title {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: #666
}

.promotion_apply {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px
}

.promotion_apply .g_input {
    width: calc(100% - 136px)
}

.promotion_apply .g_submit {
    width: 120px
}

.promotion_apply .g_input input {
    height: 40px;
    background: #fff
}

.promotion_apply .g_submit input {
    background: var(--primary-color);
    border-radius: 4px;
    width: 100%;
    height: 40px;
    border: none;
    color: #fff
}

.dr_formLine {
    margin-top: 16px
}

.dr_formLine:first-child {
    margin-top: 0
}

.payment_form_title {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: #666;
    margin-top: 20px
}

.payment_type_item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    color: #586189;
    background: #FFF;
    border: 1px solid #E6E8EF;
    border-radius: 4px;
    margin-top: 14px;
    padding: 14px 10px;
    position: relative;
    cursor: pointer
}

.payment_type_item.selected {
    border: 2px solid var(--primary-color)
}

.payment_type_item .g_icon {
    width: 40px;
    font-size: 26px
}

.payment_type_item .g_icon svg {
    height: 26px
}

.payment_type_item .g_content {
    width: calc(100% - 40px);
    padding-left: 15px
}

.payment_type_item .g_content span {
    color: #202332
}

.payment_type_item .g_selected {
    width: 32px;
    height: 32px;
    background: var(--primary-color);
    border-radius: 8px 0 0 0;
    display: none;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 18px
}

.payment_type_item.selected .g_selected {
    display: flex
}

.payment_type .selected .g_selected svg {
    fill: #fff
}

.order_submit_btn {
    margin-top: 16px
}

#page_gio_hang #cart_component {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start
}

#page_gio_hang .order_group_umt {
    width: calc(100% - 420px);
    border: 1px solid #e2e2e2;
    padding: 20px;
    border-radius: 8px
}

#page_gio_hang .payment_money_group {
    width: 400px;
    border: 1px solid #e2e2e2;
    padding: 20px;
    border-radius: 8px
}

.coupon_component {
    margin-left: auto
}

.coupon_component input {
    height: 30px;
    min-height: auto;
    border: 1px dashed #ccc;
    width: 140px
}

.continue_to_payment {
    margin-top: 16px
}

.continue_to_payment a {
    display: block;
    font-weight: 700;
    color: #fff;
    background: var(--primary-color);
    border: none;
    border-radius: 8px;
    padding: 10px 0;
    text-align: center
}

.order_information_component .g_main_title {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700
}

.po_order_code {
    text-align: center;
    font-size: 16px;
    margin-top: 10px
}

.customer_info_item {
    display: flex;
    flex-wrap: wrap
}

.customer_info_item .g_value {
    margin-left: 10px
}

.customer_info_item .g_title {
    font-weight: 700
}

.po_payment {
    text-align: center;
    color: #666;
    font-style: italic
}

.po_detail_item table th, .po_detail_item table td {
    vertical-align: middle;
    padding: 5px;
    border: 1px solid #ccc
}

.po_detail_item {
    margin-top: 30px
}

.po_detail_item table thead th {
    background: var(--primary-color)
}

.po_detail_item table {
    background: #f9f9f9
}

.text_right {
    text-align: right
}

#payment_page .continue_to_payment {
    display: none
}

.cart_sub_info_item .g_title {
    font-weight: 700
}

.order_submit_btn input {
    height: 46px
}

#select_error {
    color: crimson;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 700;
    display: none;
    background: antiquewhite;
    text-align: center;
    padding: 5px 0;
    border-radius: 5px
}

#quick_cart .view_cart a {
    font-style: italic;
    text-decoration: underline;
    color: #666;
    font-size: 13px;
    margin-top: 0
}

#quick_cart .view_cart {
    margin-top: -5px
}

.payment_status.g_success {
    color: #388e3c
}

.payment_status.g_wait {
    color: crimson
}

.payment_status.g_wait a {
    color: crimson;
    position: relative;
    width: 100%;
    display: block
}

.payment_status.g_wait a:hover {
    background: #0d95e8;
    padding: 3px 5px;
    border-radius: 4px
}

.payment_status.g_wait a::after {
    content: attr(data-content);
    position: absolute;
    top: 2px;
    left: 6px;
    opacity: 0;
    transition: opacity 0.2s;
    color: #fff
}

.payment_status.g_wait a:hover::after {
    opacity: 1
}

.payment_status.g_wait a:hover {
    color: transparent
}

.element_loading {
    cursor: wait;
    pointer-events: none
}

.payment_status {
    text-align: center
}

.youtube_popup_item {
    position: relative
}

.youtube_popup_item .g_video_btn {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    color: #fff
}

.youtube_popup_item .g_video_btn svg {
    height: 60px;
    fill: crimson
}

.video_popup {
    position: fixed;
    z-index: 9999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100vh
}

.video_popup .g_group {
    position: fixed;
    z-index: 30;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    width: 800px
}

.video_popup .g_overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .6);
    z-index: 20
}

.order_detail_cus_info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
    align-items: center
}

.order_detail_cus_info .qrcode_payment {
    width: 180px
}

.order_detail_cus_info .order_customer_info {
    width: calc(100% - 180px);
    padding-right: 15px
}

.quanlydon_table {
    font-size: 14px
}

.page_quanly {
    font-size: 14px
}

.toggle_order_status {
    margin-left: 10px;
    cursor: pointer;
    color: #666
}

.toggle_order_status:hover {
    color: crimson
}

span#remain_seconds {
    color: crimson
}

.child_page_content .contact_map iframe {
    width: 100%;
    height: 450px;
    aspect-ratio: unset
}

.umt_product_nav_list .slick_margin .slick-slide {
    margin: 0 5px
}

.umt_product_nav_list .slick_margin {
    margin: 0 -5px
}

.product_item.g_product .product_excerpt {
    display: none
}

.product_item.g_product {
    position: relative;
    padding-bottom: 30px
}

.product_item.g_product .product_price {
    margin-top: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px
}

.d_segment_reg_log .d_input_item input {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #BCC0C6
}

.login_btn_action button {
    display: inline-flex;
    align-items: center;
    width: max-content;
    text-transform: uppercase;
    background: var(--primary-color);
    color: #fff;
    border: none;
    padding: 15px 30px;
    box-sizing: border-box;
    line-height: initial;
    border-radius: 4px
}

.compound_login_btn {
    margin-top: .5rem
}

.compound_login_btn .d_forget_password {
    margin-top: 10px;
    font-size: 12px;
    color: #666;
    text-align: center
}

.compound_login_btn .d_forget_password a {
    color: #666;
    position: relative;
    padding-bottom: 2px
}

.compound_login_btn .d_forget_password a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    height: 1px;
    width: 100%
}

.register_btn_2 a {
    padding: 7px 16px;
    border-radius: 36px;
    display: inline-flex;
    align-items: center;
    width: max-content;
    background: #F0F1F0;
    border: 1px solid #BCC0C6;
    color: #666;
    text-transform: uppercase;
    margin: 0 auto
}

.register_btn_2 a svg {
    margin-left: 2px;
    fill: #666
}

.register_btn_2 {
    margin-top: 16px
}

.not_have_acc {
    padding: 24px 16px;
    border-radius: 7px;
    background: #fbfbfb;
    text-align: center;
    margin-top: 32px
}

.fg_get_code {
    display: block;
    width: max-content;
    text-transform: uppercase;
    color: var(--primary-color);
    border: none;
    padding: 6px 7px;
    box-sizing: border-box;
    line-height: initial;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 700;
    margin-left: auto;
    margin-top: 10px
}

.fg_change_pass {
    cursor: pointer;
    display: block;
    width: max-content;
    text-transform: uppercase;
    background: var(--primary-color);
    color: #fff;
    border: none;
    padding: 13px 20px;
    border-radius: 4px;
    margin: 0 auto;
    margin-top: 16px
}

.fg_change_pass svg {
    fill: #fff
}

.fg_new_info .fg_item {
    margin-top: 10px
}

.register_form .umt_title, .register_form_group .umt_title {
    text-align: center
}

.register_form .sub_login_title, .register_form_group .sub_login_title {
    text-align: center
}

.login_btn_action {
    text-align: center
}

.login_btn_action button {
    margin: 0 auto
}

.d_loading_effect_btn {
    pointer-events: none;
    position: relative
}

.d_loading_effect_btn:before {
    content: '';
    position: absolute;
    z-index: 10;
    left: calc(50% - 10px);
    top: calc(50% - 10px);
    transform: translate(-50%, -50%);
    border: 2px solid #f3f3f3;
    border-top: 2px solid #4b2b72;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite
}

.code_validate {
    text-align: right
}

.code_validate span.g_error {
    color: crimson
}

.code_validate span.g_success {
    color: green
}

.change_pass_validate {
    text-align: right;
    margin-top: 16px
}

.change_pass_validate span.g_error {
    color: crimson
}

.change_pass_validate span.g_success {
    color: green
}

.login_btn_action button svg {
    fill: #fff;
    margin-left: 2px
}

.manual_popup .popup_close svg {
    fill: #fff;
    height: 24px;
    width: 24px;
    background: crimson;
    border-radius: 100%;
    padding: 3px
}

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

.inline_flex svg {
    margin-left: 2px
}

.inline_flex.icon_first svg {
    margin-right: 2px;
    background: #e2e2e2;
    border-radius: 100%;
    fill: var(--text-color)
}

.mgg_edit_block .mgg_edit_item input[type="checkbox"] {
    height: 18px;
    width: 18px
}

.cart_sub_info_item.g_voucher.empty_voucher .g_value {
    display: none
}

.cart_sub_info_item.g_voucher:not(.empty_voucher) .coupon_component {
    display: none
}

span.remove_voucher {
    margin-right: 10px;
    cursor: pointer
}

.auto_update_voucher {
    display: flex;
    align-items: center;
    margin-left: 24px
}

.auto_update_voucher input {
    margin-right: 3px
}

.umt_contact_group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.child_page_content .umt_contact_group .contact_map iframe {
    height: 100%;
    width: 100%
}

.contact_map {
    width: calc(50% - 15px)
}

.umt_contact_info {
    width: calc(50% - 15px)
}

.pc_footer_contact .main_quick_contact {
    display: none
}

.pc_footer_contact.show_all .main_quick_contact {
    display: block
}

.toggle_quick_contact .fcontact_item {
    cursor: pointer;
    background: #cb2d1b
}

.pc_footer_contact .main_quick_contact {
    display: none
}

.pc_footer_contact.show_all .main_quick_contact {
    display: block
}

.toggle_quick_contact .fcontact_item {
    cursor: pointer;
    background: var(--primary-color);
    width: 60px;
    height: 60px
}

.toggle_quick_contact .fcontact_item svg {
    fill: #fff;
    height: 40px
}

.pc_footer_contact.init_minimize .toggle_quick_contact {
    display: block
}

.toggle_quick_contact {
    display: none
}

.pc_footer_contact.init_minimize.show_all .fcontact_item .guide_title {
    opacity: 1;
    visibility: visible
}

.pc_footer_contact.show_all .blink_me {
    animation: unset
}

.footer_content p {
    margin-bottom: 8px
}

.footer_content > *:last-of-type {
    margin-bottom: 0
}

#wpdcom .wpd-form-head {
    display: none !important
}

#comments {
    background: #f0f5f8;
    border-radius: 16px;
    padding: 40px !important;
    max-width: 100%;
    margin: 0
}

#wpdcom {
    padding: 0;
    max-width: 100%
}

#wpdcom .wpd-thread-list {
    padding-bottom: 0
}

#ez-toc-container {
    width: 100%
}

a[style*="background-color"] {
    color: #fff;
    padding: 10px 20px;
    border-radius: 8px;
    text-decoration: none;
    margin: 8px 0;
    display: inline-block
}

a span[style*="background-color"] {
    color: #fff;
    padding: 10px 20px;
    border-radius: 8px;
    text-decoration: none;
    margin: 8px 0;
    display: inline-block
}

.single_prod_button_group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px
}

.single_pro_call {
    width: calc(50% - 10px);
    cursor: pointer
}

.single_pro_call a {
    color: #fff;
    background: var(--primary-color);
    border-radius: 4px;
    padding: 10px 0;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-weight: 600
}

.form_popup_title {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary-color)
}

.form_popup_group {
    width: 600px;
    max-width: 100%
}

.prod_detail_excerpt {
    margin-top: 20px
}

.deal_detail_name_long table td {
    border: none;
    padding: 5px 5px
}

.deal_detail_name_long table tr:not(:first-child) {
    border-top: 1px solid #e2e2e2
}

.single_note {
    border: 1px dashed red;
    padding: 15px;
    margin-top: 20px
}

.single_note > *:last-of-type {
    margin-bottom: 0
}

.deal_detail_name_long {
    background: #fff;
    padding: 20px;
    border: 1px solid #d7d7d7;
    box-shadow: rgba(0, 0, 0, .06) 1rem 1rem 4rem 0;
    border-radius: 16px
}

.deal_detail_name_long > *:last-of-type {
    margin-bottom: 0
}

.overflow_height {
    overflow: hidden;
    display: none
}

.overflow_height.done {
    display: block
}

.d_pro_more {
    text-align: center;
    color: crimson;
    font-weight: 700;
    margin-top: auto
}

.d_text_overflow {
    background: linear-gradient(to top, #fff, #fff, #fff, rgba(255, 255, 255, .7), rgba(0, 0, 0, 0));
    position: absolute;
    bottom: 0;
    width: 100%;
    cursor: pointer;
    margin-top: 20px;
    padding-top: 30px
}

.d_text_overflow.rutgon {
    height: auto;
    position: unset;
    margin-top: 0;
    padding-top: 0
}

.d_pro_content {
    position: relative
}

.d_pro_more img {
    width: 30px;
    margin: 0 auto 10px;
    margin-top: 40px
}

.d_pro_more {
    text-align: center;
    font-size: 17px
}

.lang-switcher img {
    height: 16px;
    margin-right: 4px
}

.flag_item {
    display: flex;
    align-items: center;
    padding: 0 10px
}

.flag_item:not(:first-child) {
    position: relative
}

.flag_item:not(:first-child):before {
    content: '|';
    position: absolute;
    top: 0;
    left: 0;
    color: #888
}

.flag_item a {
    line-height: 16px;
    height: 16px;
    display: flex;
    align-items: center
}

/*!* navigation *!*/
.mainSwiper {
    width: 100%;
    margin-bottom: 10px
}

.thumbSwiper .swiper-slide {
    width: 100px;
    height: 100%;
    opacity: .5;
    cursor: pointer
}

.thumbSwiper .swiper-slide-thumb-active {
    opacity: 1
}

.thumbSwiper .swiper-wrapper {
    justify-content: center
}

.common_swiper, .bannerSwiper {
    position: relative
}

.common_swiper .swiper-prev {
    position: absolute;
    z-index: 10;
    left: 10px;
    top: 50%;
    transform: translate(0, -50%);
    background: rgba(0, 0, 0, .3);
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.common_swiper .swiper-next {
    position: absolute;
    z-index: 10;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    background: rgba(0, 0, 0, .3);
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.common_swiper .swiper-prev svg, .common_swiper .swiper-next svg {
    fill: #fff;
    height: 24px
}

footer_content ul li:first-child {
    margin-top: 0
}

.footer_content p {
    margin-bottom: 8px
}

footer_content p:last-of-type {
    margin-bottom: 0
}

span.menu_icon_image.g_image img {
    max-height: 14px;
    object-fit: contain;
    width: 20px
}

span.menu_icon_image.g_image {
    width: 20px;
    padding: 0;
    display: inline
}

.umt_single_content table {
    width: 100%
}

.umt_single_content table:not([class]) td {
    background: rgb(238, 238, 238)
}

.umt_single_content table:not([class]) tr:nth-child(2n) td {
    background: rgb(255, 255, 255)
}

header {
    padding: 28px 0
}

.logo {
    font-size: 19px;
    letter-spacing: .14em;
    font-weight: 700
}

nav.main-nav a {
    font-size: 14px;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-left: 44px;
    font-weight: 500
}

.menu-btn {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--ink);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.menu-btn span {
    display: block;
    width: 16px;
    height: 2px;
    background: var(--cream);
    position: relative
}

.menu-btn span::before, .menu-btn span::after {
    content: "";
    position: absolute;
    left: 0;
    width: 16px;
    height: 2px;
    background: var(--cream)
}

.menu-btn span::before {
    top: -5px
}

.menu-btn span::after {
    top: 5px
}

.hero-title {
    font-size: 56px;
    line-height: 1.12;
    margin-bottom: 26px;
    letter-spacing: -.01em
}

.hero-text {
    font-size: 16.5px;
    color: var(--ink-soft);
    line-height: 1.7;
    max-width: 400px;
    margin-bottom: 32px
}

.btn-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 13.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 2px solid var(--ink);
    padding-bottom: 7px
}

.hero-img {
    height: 380px;
    border-radius: 3px;
    overflow: hidden
}

@media (max-width: 991px) {
    .hero-title {
        font-size: 38px
    }

    .hero-img {
        height: 260px;
        margin-top: 28px
    }
}

section {
    padding: 60px 0
}

.eyebrow, .eyebrow h1 {
    font-size: 28px;
    letter-spacing: .09em;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 24px;
    line-height: 1.2;
    color: rgb(156, 255, 0);
}

.eyebrow .rule {
    display: inline-block;
    width: 60px;
    height: 1px;
    background: #a99b7c;
    margin-left: 14px;
    vertical-align: middle
}

.about-img {
    height: 100%;
    border-radius: 3px;
    overflow: hidden
}

.about-text p {
    font-size: 16.5px;
    line-height: 1.85;
    margin-bottom: 8px;
}

.branch-img {
    height: 100%;
    min-height: 220px;
    border-radius: 3px;
    overflow: hidden
}

.branch-card h3 {
    font-size: 19px;
    margin-bottom: 16px;
    font-weight: 700;
    line-height: 1.4
}

.branch-card ul li {
    font-size: 14.5px;
    line-height: 1.65;
    position: relative;
    margin-bottom: 9px
}

.branch-card ul li::before {
    position: absolute;
    left: 0
}

.partners-intro {
    max-width: 560px;
    margin-top: -15px;
    margin-bottom: 44px
}

.partner-item {
    display: flex;
    align-items: center;
    /* gap: 14px; */
    /* margin-bottom: 32px; */
    justify-content: center;
    text-align: center;
}

.partner-icon {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center
}

.partner-icon svg {
    fill: #917d4b;
    height: 38px
}

.partner-item span {
    line-height: 1.45
}

.philosophy-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.philosophy-img {
    /* height: 340px; */
    border-radius: 3px;
    overflow: hidden;
    width: 42%;
    order: 2;
}

.philosophy-panel {
    /* position: absolute; */
    top: 0;
    left: 0;
    width: 58%;
    height: 100%;
    /* background: var(--background-color); */
    padding: 48px 20px 48px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.philosophy-panel .col p {
    line-height: 1.8;
    margin-bottom: 14px
}

.philosophy-panel .col p strong {
    color: var(--ink);
    font-weight: 700
}

@media (max-width: 991px) {
    .philosophy-panel {
        position: static;
        width: 100%;
        padding: 40px 0 0;
    }

    /*.philosophy-img {*/
    /*    height: 220px*/
    /*}*/
}

.core-values {
    text-align: center;
    padding-top: 0
}

.core-values h3 {
    font-size: 28px;
    letter-spacing: .07em;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-weight: 700;
    color: rgb(156, 255, 0);
}

.core-values-intro {
    font-size: 15.5px;
    max-width: 480px;
    margin: 0 auto 50px
}

.value-item {
    text-align: left
}

.value-item .num {
    font-size: 28px;
    color: #857759;
    margin-bottom: 14px;
    font-weight: 700
}

.value-item h4 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 12px
}

.value-item p {
    line-height: 1.7
}

.service-row {
    padding: 34px 0;
    border-top: 1px solid var(--line);
    align-items: center
}

.service-row:first-child {
    border-top: none
}

.service-row:last-child {
    border-bottom: 1px solid var(--line)
}

.service-img {
    border-radius: 3px;
    overflow: hidden
}

.service-row h3 {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 10px
}

.service-row .desc {
    font-size: 14.5px;
    line-height: 1.65
}

.service-row ul li {
    font-size: 14px;
    position: relative;
    margin-bottom: 8px;
    line-height: 1.55
}

.arrow-circle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--ink);
    color: var(--cream);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px
}

.view-all {
    font-size: 13px;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    gap: 6px;
    align-items: center
}

.project-grid {
    border: 1px solid var(--line)
}

.project-cell {
    border-right: 1px solid var(--line);
    aspect-ratio: 1/1;
    position: relative;
    overflow: hidden
}

.project-cell:last-child {
    border-right: none
}

.project-cell .brand-label {
    position: absolute;
    left: 16px;
    bottom: 14px;
    font-size: 13.5px;
    color: var(--ink-soft);
    background: var(--cream);
    padding: 3px 6px
}

.project-cell.arrow-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cream)
}

@media (max-width: 767px) {
    .project-grid .col {
        width: 50%
    }
}

.newsletter {
    background: var(--panel)
}

.newsletter h3 {
    font-size: 28px;
    line-height: 1.25
}

.newsletter p {
    font-size: 14.5px;
    color: var(--ink-soft);
    margin-bottom: 16px
}

.newsletter-form {
    display: flex;
    border-bottom: 2px solid var(--ink);
    max-width: 440px;
    padding-bottom: 12px
}

.newsletter-form input {
    flex: 1;
    background: transparent;
    border: none;
    color: var(--ink);
    font-size: 14.5px;
    outline: none
}

.newsletter-form input::placeholder {
    color: var(--ink-soft)
}

.newsletter-form button {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--ink);
    color: var(--cream);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px
}

footer {
    padding: 64px 0 24px
}

footer .logo {
    color: var(--cream);
    margin-bottom: 16px
}

footer .about-p {
    font-size: 14px;
    color: rgba(246, 242, 234, .6);
    line-height: 1.75;
    max-width: 290px;
    margin-bottom: 22px
}

.socials {
    display: flex;
    gap: 14px
}

.socials span {
    width: 30px;
    height: 30px;
    border: 1px solid rgba(246, 242, 234, .3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11.5px
}

footer h5 {
    font-size: 12px;
    letter-spacing: .09em;
    text-transform: uppercase;
    margin-bottom: 18px;
    color: rgba(246, 242, 234, .5);
    font-weight: 700
}

footer ul li {
    font-size: 14.5px
}

footer .contact li {
    display: flex;
    gap: 8px;
    font-size: 14px;
    margin-bottom: 11px
}

.foot-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 22px;
    margin-top: 38px;
    border-top: 1px solid rgba(246, 242, 234, .12);
    font-size: 12.5px;
    color: rgba(246, 242, 234, .5);
    flex-wrap: wrap;
    gap: 10px
}

.foot-bottom .links {
    display: flex;
    gap: 26px
}

.d_segment_banner {
    padding: 0
}

.home_brand_item ul {
    padding-left: 1rem
}

.branch-img img {
    aspect-ratio: 2/3;
    object-fit: cover
}

.value_slogan {
    font-style: italic;
    font-size: 20px
}

.service-img img {
    aspect-ratio: 7/4;
    object-fit: cover
}

.child_page_title.g_center {
    text-align: center
}

.product_item.g_project .g_code {
    color: rgb(156, 255, 0);
    font-weight: 600;
    margin-top: 3px;
    /* font-size: 15px; */
}

.swiper-slide {
    height: auto
}

.service-row-first {
    padding-top: 0;
    border-top: none
}

.f_brand_item svg {
    fill: rgba(246, 242, 234, .85);
    width: 20px
}

.f_brand_item .g_name {
    font-weight: 600;
    text-transform: uppercase
}

.f_contact_item svg {
    fill: rgba(246, 242, 234, .85);
    width: 20px
}

.umt_contact_info .f_contact_item svg, .umt_contact_info .f_brand_item svg {
    fill: #333
}

.dcontact_form {
    background: #151515;
    padding: 16px;
    margin-top: 20px;
    border: 1px solid #343434
}

.contact_map {
    position: relative
}

.contact_map_item {
    position: absolute;
    width: 100%;
    height: calc(50% - 15px);
    top: 0;
    left: 0
}

.contact_map_item.g_map_2 {
    bottom: 0;
    top: unset
}

.main_breadcrumbs {
    display: none
}

.f_contact_item {
    margin-top: 8px
}

#homepage .d_segment_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10
}

.banner_item img {
    width: 100%;
    height: 100dvh;
    object-fit: cover
}

.banner_text_group {
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /* max-width: var(--container-max); */
    margin: 0 auto;
    width: 100%;
    padding: 0 120px;
}

.d_segment_banner {
    position: relative
}

.banner_text {
    font-size: 60px;
    font-weight: 600;
    line-height: 1.1;
    width: 800px;
    max-width: 100%
}

.banner_button a {
    padding: 12px 20px;
    border-radius: 76px;
    background: rgba(242, 242, 242, .2);
    display: block;
    width: max-content;
    font-size: 18px
}

.banner_button a:hover {
    background: #fff;
    color: #f06832;
}

.banner_button {
    margin-top: 30px
}

.bannerSwiper.common_swiper .swiper-prev {
    left: 30px;
    top: unset;
    bottom: 40px;
    transform: unset;
    width: 46px;
    height: 46px
}

.bannerSwiper.common_swiper .swiper-next {
    right: 30px;
    top: unset;
    bottom: 40px;
    transform: unset;
    width: 46px;
    height: 46px
}

#homepage .d_segment_menu_mobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background: none
}

.common_view_all {
    text-align: center;
    margin-top: 16px
}

.common_view_all a {
    display: inline-block;
    border: 1px solid #fff;
    background: var(--background-color);
    border-radius: 24px;
    padding: 10px 26px;
    font-weight: 600
}

.common_view_all a:hover {
    background: #fff;
    color: #f06832;
}

.common_swiper .swiper-next:hover, .common_swiper .swiper-prev:hover {
    background: rgba(0, 0, 0, .8)
}

.d_segment_copyright {
    font-size: 13px;
    color: #b1b1b1;
    border-top: 1px solid rgba(255, 255, 255, .2);
    padding: 8px 0
}

.d_segment_copyright a {
    color: #b1b1b1
}

.d_segment_copyright a:hover {
    color: #fff
}

.dc_policy ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none
}

.dc_policy ul li:not(:first-child) {
    margin-left: 24px
}

.dc_group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.footer_logo img {
    height: 56px;
}

.d_segment_footer .f_contact_item {
    margin-top: 0
}

.product_item.g_news.g_project .product_title, .product_item.g_project .g_code {
    text-transform: uppercase
}


#my-menu ul li a {
    font-size: 44px;
    font-weight: 600;
    line-height: 1.1;
    padding: 8px 20px;
}

.mm.mm--offcanvas {
    width: 100%;
}

.mm li:after {
    display: none;
}

.mm ul.mm--open {
    padding-top: 40px;
}

.partner_title h1 {
    margin-bottom: 0;
}

.partner-item .partner-icon {
    display: none;
}

.partner-item {
    border: 1px solid #fff;
    border-radius: 32px;
    padding: 4px 16px;
    height: 100%;
}

.umt_partner_group {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
}

.umt_partner_group .g_wrapper {
    /* width: 20%; */
    padding: 6px 5px;
}

.service-row ul li {
    list-style: none;
    border: 1px solid #fff;
    border-radius: 32px;
    padding: 4px 16px;
    height: 100%;
    display: inline-table;
}

.product_item.g_news.g_project {
    position: relative;
}

.product_item.g_news.g_project .g_image img {
    aspect-ratio: 16/9;
    width: 100%;
    object-fit: cover;
}

.product_item.g_news.g_project .g_title {
    position: absolute;
    top: 10px;
    left: 0;
    /*font-size: 22px;*/
    color: #fff;
    font-weight: 600;
    width: 100%;
    padding: 0 12px;
    text-transform: capitalize;
}

.product_item.g_news.g_project .g_image {
    position: relative;
}


.product_item.g_news.g_project .g_image:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 1);
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
}

.product_item.g_news.g_project:hover .g_image:before {
    opacity: 0.4;
    visibility: visible;
}

.contact_component {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.contact_component_title {
    width: 300px;
}

.contact_component_info {
    width: calc(100% - 300px);
    padding-left: 80px;
}

.contact_title_item {
    font-size: 30px;
    color: rgba(255,255,255,0.4);
    font-weight: bold;
    line-height: 1.2;
    cursor: pointer;
}

.contact_title_item.active {
    color: #fff;
}

.contact_info_item .g_large_title {
    font-size: 68px;
    font-weight: bold;
    line-height: 1.1;
}

.contact_info_item .cinfo_quick_header {
    font-size: 48px;
    margin-top: 20px;
    line-height: 1.1;
    font-weight: bold;
}

.cinfo_check_list {
    font-size: 22px;
    margin-top: 22px;
}

.cinfo_check_list ul {
    padding-left: 1rem;
}

.cinfo_check_list ul li {
    /* margin-top: 6px; */
}

.contact_info_item {
    height: 0;
    transition: height 0.5s;
    visibility: hidden;
    padding: 0;
}

.contact_info_item.active {
    height: auto;
    visibility: visible;
}

.cinfo_small_item .g_title {
    color: rgb(156, 255, 0);
    font-size: 30px;
    font-weight: bold;
}

.cinfo_small_item {
    margin-top: 20px;
    line-height: 1.6;
}

.menu_content_component {
    display: none;
    margin-top: 80px;
}

/*.global_menu.active {*/
/*    display: block;*/
/*}*/
.default_menu_title {
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
}

/*.global_menu {*/
/*    position: fixed;*/
/*}*/

.d_segment_menu.open_menu {
    background: #f06832;
    position: fixed;
    width: 100%;
    height: 100dvh;
    z-index: 9999;
    overflow-y: auto;
}

.open_menu, .open_menu a {
    color: var(--primary-color);
}

.open_menu .menu_content_component {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 120px;
}

.default_menu_title .g_close {
    display: none;
}

.open_menu .default_menu_title .g_open {
    display: none;
}

.open_menu .default_menu_title .g_close {
    display: block;
}


.umt_menu_list ul {
    list-style: none;
}

.umt_menu_list ul li {
    font-size: 68px;
    font-weight: 600;
    line-height: 1.1;
}

.lang_item {
    line-height: 1.3;
}

.menu_email {
    margin-top: 60px;
}


.lang_item {
    position: relative;
    font-weight: bold;
}

.lang_item::before {
    position: absolute;
    right: calc(100% + 30px);
    top: 6px;
    color: #555;
    content: '';
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-105.4 105.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    display: none;
}

.lang_item a {
    color: #ff9e78;
}

.lang_item.current_lang a {
    color: var(--primary-color);
}

.lang_item.current_lang::before, .lang_item:hover::before {
    display: block;
}

.menu_email .g_email {
    position: relative;
}

.menu_email .g_email .g_title {
    position: absolute;
    top: 0;
    right: calc(100% + 30px);
    width: max-content;
}

.d_segment_header .container-fluid {
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
}

.mb_contact_component_group {
    padding: 12px 0;
    border-bottom: 1px solid #fff;
}

.mb_contact_component_group .mb_contact_title_item {
    font-size: 22px;
    font-weight: 600;
}

.mb_contact_title_item {
    position: relative;
}

.mb_contact_title_item::before {
    position: absolute;
    right: 0;
    top: 6px;
    color: #555;
    content: '';
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free v7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

/*.mb_contact_title_item::before {*/
/*    background-image: url('data:image/svg+xml;utf8,<svg fill="%23fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free v7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M201.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 173.3 54.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"/></svg>');*/
/*}*/

/*.mb_contact_info_item {*/
/*    transition: 0.5s;*/
/*}*/


.mc_form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.mc_form .g_input {
    width: calc(100% - 56px);
}
.mc_form .g_input input {
    background: #f06832;
    /*font-size: 44px;*/
    font-size: 68px;
    border: none;
    padding: 0;
    outline: none;
    min-height: unset;
    height: unset;
}
.mc_form .g_input input::placeholder {
    color: #757575;
}
.mc_form .g_close {
    width: 56px;
    height: 56px;
    border-radius: 100%;
    background: #1a1a1a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.mc_search {
    display: none;
}

.in_search .mc_search {
    display: block;
    width: 100%;
}
.in_search .umt_menu_list {
    display: none;
}
.in_search .mc_more_info {
    display: none;
}
.search_open {
    cursor: pointer;
}
.default_menu_title .g_open:hover {
    color: #f06832;
}
.umt_menu_list:hover ul li a {
    color: #ff9e78;
}
.umt_menu_list ul li a:hover {
    color: var(--primary-color);
}

.product_item.g_news.g_project.black_text .g_title {
    color: var(--primary-color);
}

.product_item.g_news.g_project:hover .g_title {
    color: #fff;
}

.d_segment_header.d_segmentscroll .header_logo svg {
    height: 38px;
}
.d_segment_header.d_segmentscroll .default_menu_title {
    font-size: 23px;
}