body {
    background: #fff;
    text-shadow: none;
    font-weight: 400;
    color: rgb(26, 32, 44);
    line-height: 1.3;
    width: 100%;
    overflow-x: hidden;
    font-family: Roboto,sans-serif;
    font-size: 16px;
}

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

.form-item-2 input[type="text"]::-ms-input-placeholder {
  color: rgb(11, 116, 229);
}

.form-item-2 input[type="text"]::placeholder {
  color: rgb(11, 116, 229);
}

p {
    margin-bottom: 10px;
    line-height: 1.4;
}

a {
    color: #212c84;
}

a:hover {
    color: #1d1e20;
    text-decoration: underline;
}

strong {
    font-weight: 700;
}

body.lg-on .site_header {
    z-index: 1040!important
}

body>.loading-overlay {
    position: fixed;
    z-index: 999999
}

.hl-editor h2 {
    font-size: 22px;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 500;
}

.hl-editor h3 {
    font-size: 20px;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 500;
}

.hl-editor h4 {
    font-size: 18px;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 500;
}

.hl-editor h5 {
    font-size: 16px;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 500;
}

.hl-editor h6 {
    font-size: 15px;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 500;
}

.hl-editor p {
    font-size: 16px;
}

.hl-editor ul,
.hl-editor ol {
    padding-left: 20px;
}

.hl-editor ul li {
    margin-bottom: 5px
}

.hl-editor video,
.module_video_home_inner video {
    width: 100%;
    height: 100%;
}

.module_video_home_inner video {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.hl-editor img {
    width: auto !important;
    height: auto !important;
}

.hl-editor iframe {
    width: 100%;
    height: 100%;
}

.hl-editor .videoWrapper,
.module_video_home_inner {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.hl-editor .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hl-editor blockquote {
    padding: 10px 20px;
    margin: 0 0 15px;
    border-left: 2px solid #ccc;
    background-color: #fff;
    font-style: italic;
    font-size: 16px
}

.hl-editor blockquote p {
    all: unset;
    display: block;
    line-height: 1.8em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

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

.img_thumb_pro:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .1);
    z-index: 2;
}

.single_product_main_detail {
    position: relative;
}

.slick-current .img_thumb_pro:before {
    display: none;
}

.img_thumb_pro>img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover;
}

.loading-overlay {
    transition: visibility 0s ease-in-out .5s, opacity .5s ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    right: 0;
    top: 0;
    visibility: hidden;
    background-color: #fff;
}

.bounce-loader {
    transition: all .2s;
    margin: -9px 0 0 -35px;
    text-align: center;
    width: 70px;
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 10000
}

.bounce-loader .bounce1,
.bounce-loader .bounce2,
.bounce-loader .bounce3 {
    animation: 1.4s ease-in-out 0s normal both infinite running bouncedelay;
    background-color: #ccc;
    border-radius: 100%;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    display: inline-block;
    height: 18px;
    width: 18px;
}

.bounce-loader .bounce1 {
    animation-delay: -.32s;
}

.bounce-loader .bounce2 {
    animation-delay: -.16s;
}

@keyframes bouncedelay {
    0%,
    100%,
    80% {
        transform: scale(0)
    }
    40% {
        transform: scale(1)
    }
}

.loading-overlay-showing>.loading-overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0;
}

.loading-overlay-showing-ajax>.loading-overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0;
}

.loading-overlay-showing.open-sendmail {
    opacity: .5;
}
.lg-backdrop {
    background-color: rgba(0, 0, 0, .7)!important;
}

.ratio_1 {
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 75%;
    overflow: hidden;
}

.ratio_1>img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover
}

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

.ratio_2>img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover
}

.ratio_75 {
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 75%;
    overflow: hidden
}

.ratio_75>img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover
}

.ratio {
    display: block;
    height: 0;
    position: relative;
    overflow: hidden
}

.ratio>img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover
}

.ratio_16_9 {
    padding-bottom: 56.25%;
}

.ratio_16_9_im {
    padding-bottom: 56.25% !important;
}

.ratio_3_4 {
    padding-bottom: 133.34%;
}

.ratio_9_16 {
    padding-bottom: 177.78%;
}

.fe-theme {
    overflow: hidden;
}

.fe-theme.push-body {
    transform: translateX(300px);
}

.container-fluid {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

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

.notify_comp {
    padding: 7px 0;
    font-size: 16px;
    overflow: hidden;
    position: relative;
    z-index: 2021
}

.hotline_top * {
    color: #fff;
    text-decoration: none!important
}

.hotline_top {
    display: inline-block
}

.hotline_top a:hover {
    color: #fff
}

.social_top {
    display: inline-block;
    position: relative;
    margin-left: 10px;
    padding-left: 6px;
}

.social_top:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
    height: 12px;
    width: 1px;
    background-color: #fff;
    z-index: 1;
}

.social_top a {
    color: #fff;
    padding: 0 3px;
    text-decoration: none!important
}

.top-links {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    float: right;
    line-height: 9px;
}

.top-links li {
    display: inline-block;
    position: relative;
}

.top-links > li {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 0;
}

.top-links li a {
    font-size: 16px;
    color: #fff;
    text-decoration: none!important;
    font-weight: 500;
}

.top-links li a span {
    position: relative;
    top: 1px
}

.top-links li .sub-menu-top a {
    font-size: 15px;
}

.top-links li.cart_link {
    padding-right: 35px;
}

.menu_mobile .img-icon,
.top-links .img-icon {
    width: 20px;
    height: 20px
}

.cart_link {
    position: relative;
    height: 8px
}

.cart_link a {
    font-size: 20px;
    position: absolute;
    top: -5px;
}

.cart_link a .number_product {
    position: absolute;
    font-size: 10px;
    background: red;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 11px;
    border-radius: 50%;
    padding: 3px 2px;
    right: -18px;
    top: -2px;
    border: 2px solid #fff
}

.site_logo .img_logo {
    height: 110px;
    max-width: none;
}

.site_header {
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .1);
    background-color: #fff;
    position: relative;
    z-index: 2021
}

.site_header_inner {
    position: relative;
}

.site_header .btn_search {
    transition: opacity .2s ease-in-out 0s;
    position: absolute;
    top: 25px;
    right: 0;
    z-index: 1;
    text-decoration: none!important;
    color: #000;
    height: 18px;
    width: 28px;
    text-align: center;
}

.site_header .btn_search .icon-search {
    position: relative;
    left: 1px;
    top: 2px
}

.main_menu {
    margin-bottom: 0;
    padding-left: 0;
    float: right
}

.main_menu li {
    list-style: none;
    display: inline-block;
    position: relative;
    z-index: 100
}

.main_menu li a {
    text-decoration: none;
    padding: 24px 14px;
    display: block;
    transition: color .2s ease-in-out 0s;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3666;
    color: rgb(11, 116, 229);
}

.main_menu > li {
    position: relative;
}

.main_menu > li:before {
    display: none;
    content: '';
    position: absolute;
    right: 0;
    width: .1rem;
    height: 18px;
    top: 50%;
    margin-top: -9px;
    background-color: #fff;
    z-index: 1;
}

.main_menu > li.form_in_menu:before {
    display: none;
}

.main_menu ul {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    min-width: 236px;
    position: absolute;
    left: 0;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
    z-index: 99;
    transform: translate(0, 20px);
    border-radius: 4px;
    top: calc(100% + 1px);
    padding-left: 0;
    background-color: #fff;
}

.main_menu ul ul {
    left: calc(100% + 5px)
}

.main_menu ul:after {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 6px;
    margin-left: -6px
}

.main_menu ul ul:after {
    bottom: 100%;
    left: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 6px;
    margin-left: -6px;
    transform: rotate(-90deg);
    margin-left: -11px;
    margin-bottom: -25px
}

.main_menu li a i {
    float: right;
    margin-left: 4px;
    margin-top: 3px;
    font-size: 16px
}

.main_menu li a i:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    transition: all .2s ease-in-out 0s
}

.main_menu li.menu-active>a>i.fa-caret-down:before {
    transform: rotate(180deg)
}

.main_menu ul li a i {
    transform: rotate(-90deg)
}

.main_menu ul li {
    display: block;
    float: none;
    background: 0 0;
    margin: 0;
    padding: 0;
    border-top: 1px dashed #ccc
}

.main_menu ul li:first-child {
    border-top: 0
}

.main_menu ul li a {
    display: block;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 20px;
    display: block;
    color: #fff;
    line-height: 1.5;
    background: 0 0
}

.hl-slider-box {
    padding-bottom: 40%;
    height: 0;
    background-position: 50%;
    background-size: cover;
    position: relative
}

.hl-slider-box.img_nho {
    padding-bottom: 30%
}

.hl-slider-title {
    font-size: 40px;
    margin-bottom: 10px;
    opacity: 0;
    transition-delay: 1s;
    transition: opacity 1s;
    color: #fff;
    font-weight: 700
}

.hl-slider-desc {
    opacity: 0;
    transition-delay: 1.5s;
    transition: opacity 1s;
    margin-bottom: 15px;
    color: #fff
}

.hl-slider-link {
    opacity: 0;
    transition-delay: 5s;
    transition: opacity 3s;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 10px;
    text-decoration: none!important;
    color: #fff;
    line-height: 1.3
}

.slick-active .hl-slider-title {
    opacity: 1
}

.slick-active .hl-slider-link {
    opacity: 1
}

.slick-active .hl-slider-desc {
    opacity: 1
}

.main-slider-full picture {
    display: block;
    text-align: center;
}

.main-slider-full img {
    display: inline-block;
}

.main-slider-full .slick-dots {
    bottom: 15px
}

.main-slider-full .hl-item {
    display: none;
    line-height: 0
}

.main-slider-full .hl-slider-container .hl-item+.hl-item {
    display: none
}

.main-slider-full .hl-slider-container.slick-initialized .hl-item {
    display: block
}

.main-slider-full .slick-dots li button:before {
    font-size: 14px;
    color: rgba(0, 0, 0, .5);
}

.main-slider-full .slick-dots li.slick-active button:before {
    color: #1d1e20
}

.main-slider-full .slick-prev {
    left: 0;
    z-index: 1
}

.main_slider_type_2 .main-slider-full .slick-prev {
    left: 4px;
}

.main-slider-full .slick-next {
    right: 0;
    z-index: 1;
    width: 26px;
    height: 23px
}

.main-slider-full .slick-arrow {
    width: 30px;
    height: 62px
}

.main-slider-full .slick-prev {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.main-slider-full .slick-next {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.main-slider-full .slick-arrow:before {
    font-size: 14px;
    color: #fff
}

.main-slider-full .slick-prev:before {
    content: "\e901"
}

.main-slider-full .slick-next:before {
    content: "\e900"
}

.main-slider-full .slick-next:before,
.main-slider-full .slick-prev:before {
    font-family: inherit
}

.intro_service_product_item {
    display: block;
    margin-bottom: 20px;
}

.type_change_mgb .intro_service_product_item {
    margin-bottom: 15px;
}

.intro_service_product,
.list_thumbnail {
    padding: 20px 0 0 0
}

.intro_service_product.news_type {
    padding-top: 40px;
    padding-bottom: 40px;
}
.intro_service_product.news_type .title_congtydandau {
    margin-bottom: 10px;
}
.danhmucsanpham_home_widget {
    padding: 40px 0 40px 0;
}

.product_category_box {
    padding-top: 15px
}

.product_category_box>.inner {
    margin-left: -15px
}

.product_category_box .col-25 {
    width: 25%;
    float: left;
    padding-left: 15px
}

.category_product_item {
    display: block;
    margin-bottom: 20px;
    border: 0;
    border-radius: 2px
}

.category_product_item img {
    transition: all .2s ease-out
}

.category_product_item .txt {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    margin-bottom: 0
}

.category_product_item .txt span {
    z-index: 2;
    position: relative
}

.category_product_item .txt:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.category_product_item.cat-0 .txt {
    margin-bottom: 0;
    font-size: 18px;
    bottom: 0
}

.form-register-footer-1 .form-control {
    background-color: #fff;
    margin-bottom: 15px;
}

.form-register-footer-1 .col-lg-6.pr-0 .inner-input-footer-form {
    padding-right: 3px
}

.form-register-footer-1 .col-lg-6.pl-0 .inner-input-footer-form {
    padding-left: 3px
}

.hl-mb-4-20 {
    margin-bottom: 20px
}

.product_box {
    overflow: hidden
}

.heading_1 {
    text-transform: uppercase;
    border-bottom: 2px dotted #ccc;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 1.3;
    color: #1d1e20;
    padding: 8px 0
}

.heading_1.type_tags {
    border-bottom: 0
}

.heading_1>a,
.heading_1>strong {
    color: #1d1e20;
    text-decoration: none!important;
    font-weight: 700;
    position: relative;
    display: inline-block
}

.heading_1>a:before,
.heading_1>strong:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    z-index: 1;
    height: 2px
}

.see_all_widget {
    float: right
}

.see_all_widget>a {
    font-size: 14px;
    text-transform: initial;
    font-weight: 400
}

.see_all_widget>a i {
    font-size: 10px
}

.heading_4 {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.3;
    color: #1d1e20;
    margin-bottom: 20px;
    text-align: center;
    text-decoration: none!important;
    font-weight: 700;
    position: relative;
}

.heading_5 {
    padding: 6px 0 6px 0;
    font-size: 22px;
    line-height: 1.3;
    color: #000;
    margin-bottom: -7px;
    text-decoration: none!important;
    font-weight: 700;
    position: relative;
}

.heading_5 > span {
    display: inline-block;
    padding: 8px 10px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 2px solid rgb(39, 39, 42);
}

.motasp {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.heading_4 strong {
    color: #1d1e20;
    text-decoration: none!important;
    font-weight: 700;
    position: relative;
    display: inline-block;
    padding-left: 25px;
    padding-right: 25px
}

.heading_4.type-1 {
    text-align: center
}

.heading_2 {
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px dotted #ccc;
    margin-bottom: 15px;
    font-size: 18px
}

.heading_2 a {
    color: #1d1e20;
    text-decoration: none!important;
    font-weight: 500;
    position: relative;
    line-height: 1.3
}

.heading_2 a:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -7px;
    z-index: 1;
    height: 2px
}

.heading_3 {
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px dotted #ccc;
    margin-bottom: 15px
}

.heading_3 strong {
    color: #1d1e20;
    text-decoration: none!important;
    font-weight: 500;
    position: relative;
    line-height: 1.3
}

.heading_3 strong:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -7px;
    z-index: 1;
    height: 2px
}

.post_item_home {
    display: block;
    text-decoration: none!important;
    overflow: hidden;
    clear: both;
    width: 100%
}

.post_item_home .wrap_image_item .image_item {
    height: 66px
}

.post_item_home .post_item_home_img {
    width: 66px;
    height: 66px;
    overflow: hidden;
    float: left;
    padding: 2px;
    cursor: pointer
}

.post_item_home .post_item_home_img img {
    width: 66px;
    height: 66px;
    object-fit: cover;
    border-radius: 2px
}

.post_item_home .post_item_home_content {
    width: calc(100% - 75px);
    float: right
}

.post_item_home_title {
    display: flex;
    align-items: flex-start;
    max-height: 66px;
    color: #1d1e20;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 2px
}

.post_item_home_title .txt_title {
    max-height: 66px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.3
}

.post_item_home .post_item_home_content .desc {
    display: flex;
    align-items: flex-start;
    max-height: 35px;
    color: #1d1e20;
    font-size: 14px
}

.post_item_home .post_item_home_content .desc .txt {
    max-height: 35px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.3
}

.post_item_home+.post_item_home {
    margin-top: 5px
}

.post_item_home.type_video .post_item_home_title {
    max-height: 66px;
    cursor: pointer
}

.post_item_home.type_video .post_item_home_title .txt_title {
    max-height: 66px;
    -webkit-line-clamp: 3;
    font-size: 16px
}

.post_col_home {
    margin-bottom: 15px
}

.post_item_home.type_video .post_item_home_img {
    position: relative
}

.post_item_home.type_video .overlay_video {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 2px
}

.post_item_home.type_video .overlay_video .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    margin-top: -8px;
    width: 16px;
    height: 16px
}

.product_list {
    overflow: hidden;
    margin-bottom: 20px;
    display: grid;
    grid-auto-flow: dense;
    gap: 20px;
}

.product_list.list-view {
    grid-template-columns: repeat(1, minmax(140px, 1fr)) !important;
}

.product_list.product-col-3 {
    grid-template-columns: repeat(3, minmax(140px, 1fr));
}

.product_list.product-col-4 {
    grid-template-columns: repeat(4, minmax(140px, 1fr));
}

.product_list.product-col-5 {
    grid-template-columns: repeat(5, minmax(140px, 1fr));
}

.product_list.product-col-6 {
    grid-template-columns: repeat(6, minmax(140px, 1fr));
}

.product_list .product_item {
    text-decoration: none!important;
    position: relative;
    flex-direction: column;
    display: flex;
}

.wrap_list_product .product_list .product_item,
.search_page.product_list .product_item,
.relative_product .product_list .product_item {
    padding: 1px;
    border-radius: 4px;
    overflow: hidden;
}

.wrap_list_product .product_list .product_item .inner_product,
.search_page.product_list .product_item .inner_product,
.relative_product .product_list .product_item .inner_product {
/*    box-shadow: 0 0px 1px 1px rgba(0, 0, 0, .1);*/
    border: 2px solid #e6e7e9;
}

.product_list .product_item .inner_product {
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
    flex-direction: column;
    flex: 1 0 auto;
}

.list-view.product_list .product_item .inner_product {
    display: block;
}

.list-view.product_list .product_item_desc .price {
    text-align: left;
}

@keyframes animate1 {
    0% {
        stroke-dashoffset: 200%;
        stroke-opacity: .8
    }
    100% {
        stroke-dashoffset: 0;
        stroke-opacity: .8
    }
}

.product_list .product_item svg,
.product_list .product_item svg rect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: transparent;
    z-index: 2
}

.effect_hlhover {
    position: relative
}

.effect_hlhover svg,
.effect_hlhover svg rect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: transparent;
    z-index: 2
}

.effect_hlhover:hover svg,
.effect_hlhover:hover svg rect {
    stroke: #f37121;
    stroke-width: 4px;
    animation: animate1 3s linear infinite;
    stroke-dasharray: 100%
}

.product_list .product_item:hover svg,
.product_list .product_item:hover svg rect {
    stroke: #f37121;
    stroke-width: 4px;
    animation: animate1 3s linear infinite;
    stroke-dasharray: 100%
}

.product_list.list-view .product_item .product_item_img {
    width: 280px;
    padding-bottom: 280px;
    float: left
}

.product_list.list-view .product_item .product_item_img.ratio_9_16 {
    padding-bottom: 498px
}

.product_list.list-view .product_item .product_item_img.ratio_16_9 {
    padding-bottom: 158px
}

.product_list.list-view .product_item .product_item_desc {
    width: calc(100% - 280px);
    float: right
}

.product_list.has-slider {
    overflow: initial;
    margin-bottom: 40px;
    display: block;
}

.product_list.has-paging-slider {
    overflow: initial;
    margin-bottom: 40px
}

.product_list.has-slider .owl-stage {
    display: flex;
}

.product_list.has-slider .owl-item {}

.product_list .product_item .inner_product {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.product_list.has-slider .product_item {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}

.product_list.has-slider .owl-nav {
    position: absolute;
    top: -50px;
    right: 0;
    margin-top: 0;
    z-index: 1
}

.product_list.has-paging-slider .owl-nav {
    position: absolute;
    top: -50px;
    right: 0;
    margin-top: 0;
    z-index: 1
}

.product_list.has-slider .owl-nav button {
    height: 20px;
    text-align: center;
    color: #fff!important;
    outline: 0!important;
    margin-left: 5px;
    width: 20px
}

.product_list.has-paging-slider .owl-nav button {
    height: 20px;
    text-align: center;
    color: #fff!important;
    outline: 0!important;
    margin-left: 5px;
    width: 20px
}

.product_list.has-slider .owl-nav button span {
    font-size: 30px;
    height: 20px;
    display: block;
    line-height: 20px;
    position: relative;
    top: -4px
}

.product_list.has-paging-slider .owl-nav button span {
    font-size: 30px;
    height: 20px;
    display: block;
    line-height: 20px;
    position: relative;
    top: -4px
}

.owl-theme .owl-dots .owl-dot {
    outline: 0!important
}

.product_list.has-slider .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -34px;
    z-index: 1
}

.product_list.has-paging-slider .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -34px;
    z-index: 1
}

.name_product {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: 44px;
    color: rgb(11, 116, 229);
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    overflow: hidden;
    line-height: 1.4;
    margin-bottom: 0;
    text-align: center;
}
.name_product:hover {
    text-decoration: none;
    color: #d0292a;
}
.list-view .name_product {
    text-align: left;
}
.price .sale_price {
    display: inline-block;
    color: red;
    font-weight: bold;
    font-size: 16px;
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 2px #333;
}

.price .normal_price {
    display: inline-block;
    margin-top: 3px;
    color: #828282;
    font-style: italic;
    text-decoration: line-through;
    font-size: 14px
}

.product_item_desc {
    padding: 10px;
}

.product_item_desc .price {
    text-align: center;
}

.list_sidebar_product .product_item_desc .price {
    text-align: left;
}

.client_slider {
    border-radius: 4px
}

.client_slider .client_slider_item {
    text-align: center
}

.client_slider .client_slider_item a {
    display: block;
    padding: 5px;
    text-align: center;
    background-color: #fff;
    outline: 0!important
}

.hl_border_top_home {
    border-top: 1px dotted #ccc;
}

.client_slider .slick-slide>div {
    border: 1px solid #ccc;
    border-radius: 2px;
    margin: 2px
}

.client_slider img {
    height: 90px;
    display: inline-block;
    max-width: 100%
}

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

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

.client_slider .slick-prev {
    left: 10px;
    z-index: 1
}

.client_slider .slick-next {
    right: 10px;
    z-index: 1
}

.site_footer {
    padding-top: 30px;
    position: relative;
    overflow: hidden
}

.site_footer>.inner {
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
}

.site_footer {
    background-color: #2c2b3b;
    color: rgb(26, 32, 44);
    padding: 40px 0 0 0;
    font-size: 16px
}

.thongtincongty_box_desc_footer {
    margin-bottom: 15px;
}

.site_footer .info .item a {
    color: rgb(11, 116, 229);
    text-decoration: none!important
}

.img_logo_footer {
    height: 60px;
    margin-bottom: 20px;
}

.hl_info_footer_title {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 20px;
    color: #000;
    font-weight: bold;
}

.hl_info_footer_title>span {
    position: relative;
    display: inline-block
}

.info .item {
    margin-bottom: 10px;
    line-height: 1.5;
    font-weight: 500;
    color: rgb(11, 116, 229);
    font-size: 16px;
}

.info .item i {
    margin-right: 5px
}

input.help-block {
    border-color: red
}

span.help-block {
    color: red;
    font-size: 12px
}

.daingkynhantin {
    margin-top: 15px;
    position: relative
}

.daingkynhantin #ten-error {
    position: absolute;
    left: 0;
    bottom: -8px;
    color: red;
    font-size: 12px;
    z-index: 1
}

.daingkynhantin .text {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    width: 230px;
    font-size: 14px;
    border: none;
    display: inline-block;
    color: #1d1e20;
    float: left;
    border: 0!important;
    outline: 0!important
}

.site_footer.type_1 .daingkynhantin,
.site_footer.type_3 .daingkynhantin {
    max-width: 320px;
}

.site_footer .daingkynhantin {
    padding-bottom: 10px;
}

.site_footer.type_1 .daingkynhantin .text,
.site_footer.type_3 .daingkynhantin .text {
    max-width: 274px;
    width: calc(100% - 46px);
}

.daingkynhantin #gui_email {
    height: 40px;
    width: 46px;
    border: none;
    outline: 0!important
}

.daingkynhantin #gui_email .fa-paper-plane {
    font-size: 20px;
    color: #fff
}

.list_social_footer {
    margin-bottom: 20px
}

.list_social_footer a {
    margin: 5px;
    text-decoration: none!important;
}

.list_social_footer a:nth-child(2){
    margin-left: 0;
}

.list_social_footer a:nth-child(4) i {
    position: relative;
    top: 0;
}

.list_social_footer i {
    font-size: 24px
}

.list_social_footer strong {
    display: block;
    position: relative;
    top: -5px;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 5px;
}
.site_footer .copyright {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

.site_footer .copyright * {
    color: rgb(85, 85, 85);
    font-size: 14px;
    position: relative;
    z-index: 2
}

#back-to-top {
    width: 40px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 9999;
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 16px;
    right: 10px;
    background-color: #3c3c3c;
    color: #fff;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    border-radius: 50%;
}

#back-to-top .fa {
    position: relative;
    top: -1px;
    font-size: 20px;
}

.page_heading .breadcrumb {
    padding: 15px 0;
    background-color: transparent;
    margin-bottom: 0;
    font-size: 13px;
    opacity: .7
}

.page_heading .h1 {
    font-size: 18px;
    line-height: 1.3;
    padding: 5px 0 10px
}

.page_heading .h1,
.page_heading h1 {
    font-size: 24px;
    line-height: 1.3;
    padding: 5px 0 10px;
    margin-bottom: 0;
}

.more_ajax {
    text-align: center;
    margin-bottom: 20px
}

.btn-primary.btn-1 {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.btn-primary.btn-1.type-1 {
    padding-left: 33px;
    padding-right: 33px
}

.empty_product {
    text-align: left;
    color: red;
    font-size: 16px;
    width: 100%;
    text-align: center;
    padding: 10px;
}

.tool_product_box {
    float: right
}

.view-list-product {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.view-list-product li {
    display: inline-block;
    margin-left: 7px
}

.view-list-product li a {
    text-decoration: none!important;
    color: #1d1e20;
    border: 1px solid #ced4da;
    padding: 7px;
    border-radius: .25rem;
    display: inline-block;
}

.view-list-product li a.active {
    color: #fff;
    border: 1px solid #1d1e20;
    background-color: #1d1e20
}

.view-list-product li i {
    font-size: 20px
}

.view-list-product li i.fa-th-large {
    position: relative;
    top: 1px
}

.view-list-product li i.fa-list {
    position: relative;
    top: 2px
}

.soft-product-form #soft-product-sl {
    cursor: pointer;
    outline: 0!important;
    box-shadow: none!important
}

.sidebar_heading {
    font-size: 20px;
    line-height: 1.3;
    position: relative;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 10px;
    border-radius: 2px;
    overflow: hidden;
    color: rgb(11, 116, 229);
    font-weight: bold;
}

.relative_post_heading {
    font-size: 20px;
    line-height: 1.3;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    color: rgb(11, 116, 229);
}

.relative_post_heading:before {
    content: '';
    position: absolute;
    width: 25px;
    left: 0;
    bottom: 0;
    height: 2px;
}

.list_category_sidebar {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 4px;
}
.list_category_sidebar li {
    border-top: 1px solid #ccc;
}

.post_sidebar .list_category_sidebar,
.post_sidebar .list_category_sidebar li  {
    border: 0;
}

.list_category_sidebar .label-filter {
    display: block;
    position: relative;
    padding: 6px 10px;
    cursor: pointer;
    margin-bottom: 0;
    font-size: 15px;
}
.list_category_sidebar .label-filter a {
    color: #000;
    display: block;
    font-size: 18px;
}
.list_category_sidebar .label-filter h3 {
    font-size: 16px
}

.service_link_sidebar {
    display: block;
    color: #000;
    position: relative;
    padding: 5px 0 5px 25px;
    cursor: pointer
}

.list_category_sidebar.service_list .service_link_sidebar {
    font-size: 16px
}

.list_category_sidebar .label-filter i {
    cursor: pointer;
    transform: rotate(180deg);
    transition: all .3s;
    position: absolute;
    right: 2px;
    top: -1px;
    z-index: 1;
    font-size: 20px;
    line-height: 20px;
    height: 30px;
    width: 30px
}

.service_link_sidebar i {
    cursor: pointer;
    transition: all .3s;
    position: absolute;
    left: 0;
    top: 7px;
    z-index: 1;
    font-size: 18px;
    line-height: 20px
}

.list_category_sidebar li.active .label-filter i {
    transform: rotate(0)
}

.ul-submenu-sidebar {
    padding-left: 0;
    list-style: none
}

.list_category_sidebar .label-filter i.icon-ctrl:before {
    position: absolute;
    top: 9px;
    right: 5px
}

.list_category_sidebar li.active>.label-filter {
    font-weight: 500
}

.list_category_sidebar li.has-chidren > .label-filter {
    padding-right: 30px;
}
.list_category_sidebar li.has-chidren .submenu-sidebar ul li .label-filter {
    padding-left: 18px;
}

.sidebar_box {
    margin-bottom: 20px
}

.btn-more-category {
    font-size: 13px;
    color: #1d1e20;
    padding: 5px 10px;
    border-radius: 4px;
    text-decoration: none!important;
    color: #1d1e20;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.wrap-btn-more-category {
    margin-top: 10px;
    margin-bottom: 10px
}

.filter-price-form #price-from,
.filter-price-form #price-to {
    width: 118px
}

.filter-price-form .line-1 {
    position: relative;
    top: -5px
}

.filter-price-form .input-group-text {
    background-color: transparent
}

.filter-price-form .btn {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14px
}

.btn-open-modal-hl {
    background: 0 0;
    outline: 0!important;
    position: absolute;
    right: -9px;
    top: 50%;
    color: #010101;
    margin-top: -6px;
    border: 0!important;
    font-size: 16px
}

.btn-open-modal-hl:hover {
    color: red
}

.modal-1 .modal-content {
    padding: 22px 20px 20px 20px;
}

.modal-1 .close {
    position: absolute;
    right: -13px;
    top: -13px;
    z-index: 99;
    font-size: 30px;
    background: rgba(0, 0, 0, .7);
    padding: 0px 5px;
    border-radius: 50%;
    width: 30px;
    opacity: 1;
    color: #fff;
    outline: 0 !important;
}

.modal-1 {
    background: rgba(0, 0, 0, .5);
    z-index: 9999
}

.modal-1 .modal-dialog {
    margin: 8rem auto
}

#search-produc-form .daingkynhantin {
    position: relative;
    padding-right: 55px;
    overflow: hidden;
    border: 0;
    border-radius: 4px;
    margin-top: 0;
}

#search-produc-form .daingkynhantin .text {
    width: 100%;
    margin: 0.05rem;
}

#search-produc-form .daingkynhantin .btn-search {
    position: absolute;
    top: 0px;
    right: 6px;
    z-index: 1;
    height: 40px;
    width: 47px;
    border: none;
    outline: 0!important;
    background-color: #1d1e20;
    transition: all .5s ease-in-out 0s;
}

.daingkynhantin .btn-search .icon-search {
    font-size: 18px;
    color: #fff;
    position: relative;
    top: 2px;
    left: 2px
}

.banner_sidebar_img {
    display: block;
    text-align: center;
    padding: 2px
}

.banner_sidebar_img:hover {
    opacity: .8
}

.main-slider-full .slick-track {
    display: flex!important
}

.main-slider-full .slick-list {
    line-height: 0
}

.slider-nav .slick-slide {
    text-align: center;
    cursor: pointer;
    padding: 0;
    line-height: 0
}

.single_product_img .slider-nav .slick-track {
    margin-left: 0;
}

.slider-nav .slick-slide>div {
    position: relative
}

.slider-nav .slick-slide>div:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: #1d1e20;
    opacity: .5;
    -webkit-transition: ease all .4s;
    -o-transition: ease all .4s;
    transition: ease all .4s;
    border-radius: 2px;
    overflow: hidden
}

.slider-nav .slick-slide.slick-current>div:before {
    background-color: transparent
}

.slider-nav .slick-slide img {
    overflow: hidden;
    border: 1px solid #fff;
}

.slider-for {
    padding: 0;
}

.single_product_img {
    margin-bottom: 10px;
    text-align: center;
}

.single_product_img .slider img {
    display: none;
}

.single_product_img .slider.slick-initialized img {
    display: inline-block;
}

.single_product_img .slick-prev {
    left: 5px;
    z-index: 1
}

.single_product_img .slick-next {
    right: 5px;
    z-index: 1
}

.single_product_img .slick-arrow {
    width: 30px;
    height: 30px
}

.single_product_img .slick-next:before,
.single_product_img .slick-prev:before {
    font-size: 30px
}

.name_product_title {
    font-size: 34px;
    line-height: 1.3;
    margin-bottom: 10px;
    color: rgb(11, 116, 229);
}

.single_infor_product ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 12px;
}

.single_infor_product ul li {
    margin-bottom: 6px
}

.single_infor_product .sku {
    font-size: 15px;
}

.single_infor_product .sku strong {
    padding-right: 5px
}

.single_infor_product .sale_price {
    font-size: 18px
}

.single_infor_product .normal_price {
    color: #828282;
    font-style: italic;
    text-decoration: line-through;
    font-size: 16px
}

.numbers-row {
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 160px;
    outline: 0!important;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px
}

.numbers-row .qtybutton {
    width: 38px;
    height: 38px;
    line-height: 36px;
    padding: 0;
    position: absolute;
    top: 0;
    text-align: center;
    font-size: 20px;
    color: #1d1e20;
    font-weight: 400!important;
    cursor: pointer;
    border-radius: 0;
    border: 1px solid #d7d7d7;
    background: #fff;
    -webkit-transition: ease all .4s;
    -o-transition: ease all .4s;
    transition: ease all .4s;
    outline: 0!important
}

.numbers-row .dec {
    left: 0
}

.numbers-row .inc {
    right: 0
}

.numbers-row #input-quantity-product,
.numbers-row .input-quantity-product {
    outline: 0!important;
    border: 1px solid #d7d7d7;
    color: #555;
    font-size: 14px;
    height: 38px;
    text-align: center;
    width: 100%;
    padding-left: 38px;
    padding-right: 38px
}

.phu-luc-heading {
    background-color: #3c3c3c;
    padding: 7px 10px;
    color: #fff;
    cursor: pointer
}

.phu-luc-heading-toggle {
    color: #fff!important;
    float: right
}

.phu-luc-heading-txt i {
    margin-left: 5px
}

.phu-luc-heading-toggle i {
    font-size: 14px
}

.phu-luc-content {
    display: none;
    border: 2px solid #e6e7e9;
}

.phu-luc-box {
    border-radius: 5px;
    overflow: hidden;
}

.phu-luc-content a {
    display: block;
    list-style: none;
    margin: 0;
    line-height: normal;
    background: #f6f8f8;
    border-bottom: 1px solid #fff;
    padding: 10px 15px;
    border-left: 5px solid #dde4e6;
    width: 100%;
    color: #67707c
}

.phu-luc-content a.tagname-h3 {
    text-indent: 15px;
    font-size: 15px;
}

.data-phu-luc-append {
    margin-bottom: 15px;
    width: 100%;
    margin-top: 10px;
}

.title_2 {
    font-size: 22px
}

.box_detail_info {
    position: relative;
    overflow: initial !important;
    width: 100%;
    clear: both;
    padding: 5px 0;
    height: 40px;
    flex: none;
}

.hl-img-thumbnail {
    width: 80px;
    height: 80px;
    object-fit: cover
}

.cart-page-box .table-responsive .table {
    min-width: 650px
}

.cart-page-box .btn-group-bottom {
    overflow: hidden
}

.btn-delete-cart {
    text-decoration: none!important
}

.checkout-information {
    border: 1px dotted #ced4da;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 20px
}

.contact-box {
    border: 1px dotted #ced4da;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 20px
}

.contact-page .info .item,
.contact-page .info .item a {
    color: #1d1e20
}

.checkout-information>h2 {
    font-size: 20px;
    text-align: center;
    padding: 5px 0 10px;
    text-transform: capitalize
}

.detail-products-in-checkout>h2 {
    font-size: 20px;
    text-align: center;
    padding: 5px 0 10px;
    text-transform: capitalize
}

.contact-box>h2 {
    font-size: 18px;
    text-align: center;
    padding: 5px 0 10px;
    text-transform: uppercase;
}

.payment-method-and-total-information {
    border: 1px dotted #ced4da;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 20px
}

.payment-method-and-total-information>h2 {
    font-size: 20px;
    text-align: center;
    text-transform: capitalize;
    padding: 5px 0 10px
}

.form-check-input {
    margin-top: 2px
}

.form-check {
    margin-bottom: 3px
}

.form-check-label {
    cursor: pointer
}

.checkout-form * {
    font-size: 14px
}

.checkout-form .btn {
    font-size: 14px
}

.summary-cart {
    border: 1px dotted #ced4da;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 20px
}

.summary-cart>h2 {
    font-size: 20px;
    text-align: center;
    text-transform: capitalize;
    padding: 5px 0 10px
}

.list_sidebar_product .product_item {
    float: none;
    clear: both;
    overflow: hidden;
    display: block;
    margin-bottom: 5px
}

.list_sidebar_product .product_item_desc {
    padding: 0 8px
}

.list_sidebar_product .name_product {
    font-size: 14px;
    max-height: 35px;
    height: auto;
    margin-bottom: 6px;
    text-align: left;
}

.list_sidebar_product .price .normal_price,
.list_sidebar_product .price .sale_price {
    font-size: 13px;
}

.list_sidebar_product .product_item_img {
    width: 60px;
    height: 60px;
    padding-bottom: 0;
    float: left
}

.no-touch .list_sidebar_product .product_item .product_item_img:hover:before {
    box-shadow: 0 0 0 4px #fff inset
}

.list_sidebar_product .product_item_desc {
    width: calc(100% - 60px);
    float: right
}

.hlcheckbox {
    position: relative;
    margin-bottom: 20px
}

.hlcheckbox span.help-block {
    position: absolute;
    left: 0;
    bottom: -18px;
    z-index: 1
}

.login_box {
    padding: 20px;
    max-width: 350px;
    margin: 20px auto 50px auto;
    border-radius: 10px
}

.register_box_client {
    padding: 20px;
    max-width: 450px;
    margin: 20px auto 50px auto;
    border-radius: 10px
}

.login_box .logo_link img {
    max-height: 120px
}

.title_thanks {
    font-size: 20px;
    padding: 5px 0 10px;
    line-height: 1.3
}

.hl-table table td,
.hl-table table th {
    padding: 10px;
    text-align: center
}

.hl-table.type-1 table td,
.hl-table.type-1 table th {
    text-align: left
}

#scroll_trigger {
    height: 4px;
    background-color: red
}

.sidebar_list_post {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.sidebar_list_post li {
    display: block;
    margin-bottom: 5px;
    clear: both
}

.sidebar_post_item {
    display: block;
    line-height: 1;
    text-decoration: none!important
}

.sidebar_post_img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    float: left;
    margin-right: 10px
}

.sidebar_post_txt {
    display: flex;
    align-items: flex-start;
    height: 50px;
    margin-bottom: 1px;
    color: #1d1e20;
    font-size: 16px
}

.sidebar_post_txt>span {
    max-height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.3
}

.sidebar_post_date {
    font-size: 13px;
    color: #898989
}

.post_large_item {
    display: block;
    margin-top: 2px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    margin-bottom: 10px;
    border-radius: 2px;
    overflow: hidden
}

.post_large_img {
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden
}

.post_large_img>img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover
}

.post_large_img .post_large_overlay_img {
    opacity: 0;
    transition: all .5s ease-in-out 0s;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3)
}

.post_large_img .post_large_overlay_img .icon-link1 {
    color: #fff;
    font-size: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -32px;
    z-index: 2;
    padding: 20px;
    border-radius: 50%;
    border: 2px solid #fff
}

.post_detail_title h1 {
    font-size: 24px;
    color: #1d1e20;
    line-height: 1.3;
    margin-bottom: 5px;
    display: inline-block
}

.post_large_txt {
    font-size: 20px;
    color: #1d1e20;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 5px;
    display: inline-block
}

.post_large_txt h1,
.post_large_txt h2 {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 5px
}

.post_large_txt.limit_line {
    display: flex;
    align-items: flex-start;
    max-height: 52px
}

.post_large_txt.limit_line>h2,
.post_large_txt.limit_line>h3 {
    max-height: 52px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.3
}

.post_large_txt.limit_line>h3 {
    font-size: 18px
}

.post_large_shortdesc {
    line-height: 1.3;
    margin-bottom: 5px;
    display: flex;
    align-items: flex-start;
    height: 62px
}

.post_large_shortdesc>span {
    max-height: 62px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.3
}

.post_large_desc {
    padding: 10px 15px
}

.post_large_bottom {
    overflow: hidden;
}

.post_large_date {
    padding-top: 5px;
    margin-bottom: 5px;
}

.post_large_view {
    margin-right: 3px;
}
.post_large_bottom .hl-btn-share {
    float: right
}

.post_details_page .post_short_details {
    overflow: hidden;
    padding-top: 5px;
    flex: none;
    clear: both;
}

.post_details_page .post_large_shortdesc {
    height: auto;
    display: block;
}

.relative_post {
    margin-top: 20px;
}

.relative_post .post_large_txt.limit_line>h2 {
    font-size: 16px;
    max-height: 52px
}

.relative_post .post_large_txt.limit_line {
    max-height: 40px
}

.relative_post .post_large_shortdesc {
    font-size: 14px;
    height: 54px
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "\e900";
    font-family: icomoon!important;
    font-size: 10px;
    position: relative;
    top: 4px;
    left: 1px;
    color: #171a22;
}

.page_heading .breadcrumb a,
.page_heading .breadcrumb .breadcrumb-item {
    color: #171a22;
    font-size: 16px;
    font-weight: 500;
}

.service_item_img {
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 75%;
    overflow: hidden;
    margin-bottom: 12px;
}

.service_item_img img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover
}

.service_overlay_img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%!important;
    height: 100%!important;
    z-index: 3;
    color: #fff;
    transition: bottom .3s;
    padding: 20px
}

.service_overlay_img>.inner {
    padding: 10px 12px 12px 12px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
    width: 100%!important;
    transition: .3s
}

.service_overlay_img h2,
.service_overlay_img h3 {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1.3
}

.service_shortdesc {
    display: flex;
    align-items: flex-start;
    height: 64px;
    margin-bottom: 1px;
    font-size: 16px
}

.service_shortdesc>span {
    max-height: 64px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.3
}

.service_item {
    position: relative;
    margin-bottom: 25px;
    transition: all .5s;
    height: calc(100% - 25px);
}

.service_item .category_link {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
    padding: 4px 10px;
    font-size: 12px
}

.service_item:hover .service_overlay_img {
    background-color: transparent
}

.service_item .service_overlay_img>.inner {
    background-color: rgba(0, 0, 0, .5)
}

.name_avatar-box {
    margin-bottom: 15px;
    text-align: center
}

.name_avatar-box img {
    margin-bottom: 15px;
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden
}

.name_avatar-box .name-client {
    display: block;
    text-align: center
}

.nav-tabs-account {
    display: block
}

.nav-tabs-account li {
    display: block;
    margin-bottom: 5px
}

.nav-tabs-account li a {
    border-radius: 4px;
    display: block;
    padding: 7px 10px;
    background-color: #000;
    color: #fff
}

.nav-tabs-account li a.active {
    background-color: #a6b00a;
}

.account-information h1 {
    font-size: 20px;
    line-height: 1.3;
    text-transform: uppercase;
    margin-bottom: 10px
}

.video_item {
    position: relative;
    margin-bottom: 15px
}

.video_item .video_item_img {
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    border-radius: 2px
}

.video_item .video_item_img img.img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover
}

.video_item .video_item_img .icon-play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    z-index: 5
}

.video_item .video_item_img .icon-zoom {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    z-index: 5
}

.video_item .category_link {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
    padding: 4px 10px;
    font-size: 12px
}

.video_item .video_overlay_img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%!important;
    height: 100%!important;
    z-index: 3;
    color: #fff;
    transition: .3s;
    padding: 20px;
    border-radius: 2px
}

.video_item .video_overlay_img>.inner {
    padding: 10px 15px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -55px;
    width: 100%!important;
    transition: .3s;
    font-size: 16px;
    margin-bottom: 0
}

.video_item .video_overlay_img>.inner h2 {
    font-size: 20px;
    margin-bottom: 0
}

.wrap_image_item .image_item+.image_item {
    display: none
}

.image_item {
    cursor: pointer
}

.title_1 {
    font-size: 26px;
    line-height: 1.3;
    padding: 5px 0 10px
}

.policy_icon {
    width: 100px;
    text-align: center;
    float: left
}

.policy_icon img {
    width: 100px !important;
    height: 100px !important;
    object-fit: cover;
    border-radius: 2px
}


.kieu_02_nak .policy_icon img {
    width: 100% !important;
    height: auto !important;
}

.policy_item {
    display: none;
}

.owl-loaded .policy_item {
    display: block;
}

.policy_item .policy_text {
    margin-left: 70px;
    padding-top: 12px
}

.policy_item .policy_text .heading {
    font-size: 18px;
    color: #252531;
    font-weight: 500;
    margin: 0
}

.policy_item .policy_text .txt {
    font-size: 16px;
    color: #676767;
    margin-top: 6px;
    font-weight: 400
}

.policy_item.type-2 {
    text-align: center
}

.policy_item.type-2 .policy_icon img {
    margin: 0 auto;
    display: inline-block
}

.policy_item.type-2 .policy_icon {
    float: none;
    width: 100%
}

.policy_item.type-2 .policy_text {
    margin-left: 0
}

.hl_paging .pagination {
    flex-wrap: wrap
}

.main_slider_type_2 .slick-track {
    line-height: 0
}

.slick-dotted.slick-slider {
    margin-bottom: 0
}

.icon_category {
    display: inline-block;
    height: 20px;
    width: 20px;
    padding: 0;
    text-transform: uppercase;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    background-image: url(../images/icon_category.png);
    background-size: 100%
}

.main_category_menu {
    background-color: #fff;
    position: relative
}

.main_category_menu .main_category_menu_heading {
    line-height: 11px;
    padding: 9px 8px;
    margin-right: -14px;
    color: #fff;
    position: relative
}

.main_category_menu .main_category_menu_heading strong {
    position: relative;
    top: -4px;
    font-size: 16px;
    text-transform: uppercase;
}

.main_category_menu .main_category_menu_ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-right: -14px;
}

.main_category_menu .main_category_menu_ul .menu-item {
    border-top: 1px solid #ccc;
    position: relative;
}

.main_category_menu .main_category_menu_ul li.menu-item>a {
    display: relative
}

.main_category_menu .main_category_menu_ul li.menu-item.has-chidren>a {
    position: relative
}

.main_category_menu .main_category_menu_ul li.menu-item.has-chidren>a:before {
    content: "\e900";
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    z-index: 1;
    right: 8px;
    font-size: 10px
}

.main_category_menu .main_category_menu_ul li.menu-item a {
    color: #000;
    font-size: 15px;
    display: block;
    padding: 4px 20px 4px 10px;
    transition: all .2s ease-in-out;
    text-decoration: none !important;
}

.main_category_menu .main_category_menu_ul li.menu-item.no-icon a {
    padding-top: 9px;
    padding-bottom: 10px;
}

.main_category_menu .main_category_menu_ul>li.menu-item>a {
    position: relative
}

.main_category_menu .main_category_menu_ul li.menu-item.has-chidren>a>.js-icon {
    padding: 6px;
    position: absolute;
    right: 0;
    top: 2px;
    z-index: 1
}

.main_category_menu .main_category_menu_ul li.menu-item.has-chidren.active>a>.js-icon::before {
    content: "\e903"
}

.main_category_menu .submenu {
    display: none;
    position: absolute;
    width: 100%;
    left: 100%;
    top: -1px;
    z-index: 999;
    background: #fff
}

.main_category_menu .submenu .submenu_ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.overlay_category_menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2020;
    background-color: rgba(0, 0, 0, .8);
    display: none
}

.open-category-menu .main_category_menu {
    z-index: 9999;
    height: auto;
    min-height: 384px
}

.main_category_menu .main_category_menu_ul li.menu-item.overlay_item_menu>a {
    position: relative
}
.main_category_menu .main_category_menu_ul li.menu-item.overlay_item_menu.no-icon>a {
    padding-top: 2px;
}
.main_category_menu .main_category_menu_ul li.menu-item.overlay_item_menu>a:before {
    transform: rotate(90deg);
    left: 50%;
    width: 10px;
    height: 10px;
    content: "\e900";
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    z-index: 1;
    right: 4px;
    font-size: 10px
}

.cb-batThongTinNhanHang {
    margin-bottom: 20px
}

.wrap-thongtinnhanhang .txt-label {
    position: relative;
    top: -2px;
    padding-right: 6px;
    cursor: pointer
}

.thongtinnhanhang {
    display: none
}

.cb-batThongTinNhanHang:checked+.thongtinnhanhang {
    display: block
}

.donhang-information h1 {
    font-size: 20px;
    line-height: 1.3;
    text-transform: uppercase;
    margin-bottom: 10px
}

.donhang-information .hl-table {
    font-size: 14px
}

.donhang-information .hl-table .txt {
    display: block;
    margin-top: 5px
}

.btn-xemchitiet {
    margin-right: 5px
}

.btn-huydonhang,
.btn-xemchitiet {
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 11px!important;
    padding: 2px 8px;
    border-radius: 15px;
    text-decoration: none!important
}

.hl_paging .pagination {
    flex-wrap: wrap
}

.view_all_btn {
    font-size: 13px;
    float: right;
    position: relative;
    bottom: -5px;
    font-weight: 400;
    text-decoration: none!important
}

.site_main {
    overflow: hidden
}

.product_category_box {
    overflow: hidden
}

.comment_box {
    background-color: #fff;
    padding-bottom: 10px;
}

.hoidapbinhluan_box {
    background-color: #fff;
    padding: 10px;
    overflow: hidden
}

.relative_news_title {
    font-size: 20px
}

.reviews_detail {
    height: auto;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    background-color: #fff;
    margin: 15px 0 0 0
}

.reviews_detail .danhgia,
.reviews_detail .diem,
.reviews_detail .thongke {
    display: inline-flex;
    justify-content: center;
    flex-direction: column
}

.averageRatings {
    font-size: 40px;
    color: #ffba00;
    line-height: 40px;
    display: flex;
    width: 110px;
    margin: 13px auto
}

.reviews_detail .h3 {
    font-size: 20px;
    text-align: center
}

.reviews_detail .averageRatings .fa {
    font-size: 40px
}

.reviews_detail>div.diem,
.reviews_detail>div.thongke {
    height: 150px
}

.reviews_detail>div.diem {
    border-right: 1px solid #ddd
}

.reviews_detail>div.danhgia {
    margin: 15px 0 0 0
}

.thongke>div {
    line-height: 20px;
    position: relative;
    width: 100%;
    float: left;
    margin-top: 10px
}

.side {
    float: left;
    width: 15%
}

.reviews_detail .fa {
    font-size: 15px
}

.reviews_detail .fa.checked {
    color: #ffba00
}

.bar {
    height: 8px;
    background-color: #ffba00
}

.right {
    text-align: right
}

.middle {
    float: left;
    width: 60%;
    padding-top: 7px
}

.bar-container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: #fff
}

.reviews_detail .right {
    position: relative;
    width: 25%
}

.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    display: inline-block
}

.rating>label {
    display: inline-block;
    position: relative;
    width: 1.1em
}

.rating>label.checked:before,
.rating>label.checked~label:before,
.rating>label:hover:before,
.rating>label:hover~label:before {
    content: "\2605";
    position: absolute
}

.rating>label:hover:before {
    content: "\2605";
    position: absolute
}

.rating label {
    font-size: 34px;
    cursor: pointer;
    width: 34px;
    height: 34px;
    line-height: 34px;
    color: #ffba00
}

.rating label input {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 34px;
    height: 34px;
    opacity: 0;
    z-index: 1;
    cursor: pointer
}

.formReview .stars .text {
    display: inline-block;
    position: relative;
    top: -6px
}

.formReview .review * {
    font-size: 14px;
    line-height: 1
}

.formReview span.help-block {
    margin-top: 5px;
    display: block
}

.formReview .review textarea {
    line-height: 1.3;
    min-height: 138px;
}

.btn-comment-form {
    display: block;
    width: 100%;
    line-height: 34px;
    height: 34px
}

#formReview {
    padding-top: 10px
}

.formReview {
    display: none
}

.danhgia .guiDanhGia {
    line-height: 1.2
}

.listReviews {
    float: left;
    width: 100%;
    padding: 15px 0 0 0;
    font-size: 14px
}

.listReviews .btn-seemore {
    line-height: 1.2;
    font-size: 14px
}

.reviewer span {
    font-weight: 700;
    margin-bottom: 5px;
    display: inline-block;
    text-transform: capitalize;
    font-size: 14px
}

.list-detail {
    list-style: none;
    padding-left: 0
}

.review-content p>i {
    line-height: 1.5;
    margin-left: 10px;
    font-style: normal
}

.hoidapbinhluan_box .form-add,
.hoidapbinhluan_box .form_reply_input {
    border: 1px solid #dadada;
    border-radius: 5px!important
}

.user_action_wrap {
    padding: 5px;
    display: block;
    overflow: hidden;
    border-top: 1px solid #dadada
}

.user_action_wrap .cmt_left {
    float: left;
    font-size: 14px
}

.user_action_wrap .cmt_right {
    float: right
}

.user_action_wrap #btnSendCmt {
    padding: 4px 25px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #ffba00;
    border-radius: 4px;
    background: #ffba00;
    margin: 0;
    text-decoration: none!important
}

.hoidapbinhluan_box .main_form textarea {
    border: 0
}

.hoidapbinhluan_box .main_form .help-block {
    padding: 5px;
    display: block
}

.actionuser {
    width: calc(100% - 30px);
    float: right;
    overflow: hidden
}

.actionuser .top_actionuser {
    color: #ffba00
}

.actionuser .reply_list {
    margin-top: 10px;
    position: relative;
    background: #eee;
    margin-bottom: 10px;
    width: 100%;
    border: 1px solid #dadada;
    border-radius: 5px;
    padding: 15px 15px 15px
}

.actionuser .reply_list span .fa {
    font-size: 22px
}

.actionuser .reply_list span {
    width: 100%;
    position: absolute;
    z-index: 2;
    top: -15px;
    color: #eee;
    text-align: left;
    left: 8px
}

.reply_list .rowuser {
    margin-bottom: 5px
}

.reply_list .question {
    line-height: 1.5
}

.list-detail .review-content p {
    margin-bottom: 6px
}

.register-img-footer1 {
    text-decoration: none !important;
}

.register-img-footer1 img,
.register-img-footer2 img {
    max-width: 100%;
    max-height: 60px;
    width: auto;
    margin-top: 5px
}

.policy_box,
.is_normal_video {
    padding-top: 40px;
    padding-bottom: 40px;
}

.policy_box.type-3 .policy_icon {
    position: relative;
    z-index: 1
}

.policy_box.type-3 .col-md-6 {
    position: relative
}

.policy_box.type-3 .col-md-6:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

.policy_box.type-3 .policy_item .policy_text .heading,
.policy_box.type-3 .policy_item .policy_text .txt {
    color: #fff;
    position: relative;
    z-index: 1
}

.policy_box.type-3 .col-md-6:nth-child(1):after {
    opacity: 9
}

.policy_box.type-3 .col-md-6:nth-child(2):after {
    opacity: .8
}

.policy_box.type-3 .col-md-6:nth-child(3):after {
    opacity: .7
}

.policy_box.type-3 .col-md-6:nth-child(4):after {
    opacity: .6
}

.policy_box.type-3 .container-fluid {
    max-width: inherit
}

.policy_item_inner {
    display: inline-block
}

.linhvuchoatdong__title {
    padding: 15px 20px;
    height: 100%;
    display: flex;
    flex-flow: column wrap;
    justify-content: center
}

.linhvuchoatdong__title .title {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 8px
}

.linhvuchoatdong__title .title h2 {
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1.4
}

.linhvuchoatdong__title * {
    color: #fff!important;
    text-decoration: none!important
}

.linhvuchoatdong__title p {
    margin-bottom: 0
}

.lvhd__item {
    position: relative;
    box-shadow: 0 0 8px 0 #000;
    border-bottom: solid 5px #ccc
}

.lvhd__item__content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, .3);
    padding: 10px 0;
    transition: all .5s linear;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2
}

.service_home_inner {
    padding: 15px 15px 15px 0
}

.lvhd__item__content .item-title {
    margin: 0;
    font-size: 16px
}

.lvhd__item__content .item-title a {
    color: #fff;
    padding: 0 5px;
    text-decoration: none!important
}

.lvhd__item__content .item-title a {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.linh_vuc_wrap_slider .owl-nav {
    top: 0;
    margin: 0;
    left: 0;
    width: 100%;
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    outline: 0!important
}

.linh_vuc_wrap_slider .owl-nav button:first-child {
    left: 0;
    position: absolute
}

.linh_vuc_wrap_slider .owl-nav [class*=owl-] {
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    width: 32px;
    height: 100%;
    font-size: 32px;
    border-radius: 0;
    line-height: initial;
    color: #fff!important;
    top: 0;
    margin: 0;
    outline: 0!important
}

.linh_vuc_wrap_slider .owl-nav button span {
    position: relative;
    top: -4px;
    font-size: 50px;
    line-height: 0
}

.linh_vuc_wrap_slider .owl-nav button:last-child {
    position: absolute;
    right: 0
}

.ratio_lv>a {
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden
}

.ratio_lv>a img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover;
    transition: all .3s ease-in-out
}

.service_home_type_3 {
    padding: 40px 0 40px 0;
    background-color: rgb(244, 245, 246);
}

.service_home_type_3_title {
    text-align: center;
    margin-bottom: 20px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto
}

.service_home_type_3_title .title {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.3;
    color: #1d1e20;
    margin-bottom: 10px;
    font-weight: 700;
    display: block
}

.duan_item,
.intro_service_product_item,
.list_sidebar_product .product_item,
.service_home_type_3_item,
.service_item {
    border-radius: 2px;
    overflow: hidden;
}

.service_home_type_3_item {
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0.063rem 1.5rem rgba(0, 0, 0, 0.25);
    height: calc(100% - 20px);
}

.duan_item {
    margin-bottom: 20px;
}

.service_home_type_3_item_link {
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 75%;
    overflow: hidden
}

.service_home_type_3_item_link img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover;
    transition: all .3s ease-in-out
}

.service_home_type_3_item_txt {
    transition: all .3s ease-in-out;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, .3);
    text-align: center;
    vertical-align: middle
}

.service_home_type_3_item_txt .text {
    display: inline-block;
    position: absolute;
    left: 15px;
    right: 15px;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    color: #fff;
    font-size: 18px;
}

.intro_service_product .hl_mb-15 {
    margin-bottom: 20px
}

.hl-mb-15px {
    margin-bottom: 15px;
}

.intro_service_product .sub_title_news {
    max-height: 42px;
    display: flex;
    align-items: flex-start
}

.intro_service_product .sub_title_news p {
    max-height: 42px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.3
}

.flag_sale {
    position: absolute;
    background-color: red;
    padding: 3px 7px;
    color: white;
    z-index: 2;
    border-radius: 4px;
    right: 4px;
    top: 4px;
    font-size: 14px;
}

.product_box.home_widget {
    padding: 40px 0 40px 0;
    background-color: #e8e8e8;
}

.tags_box.home_widget {
    border-top: 1px dotted #e8e8e8
}

.product_box.home_widget_1 {
    padding: 20px 0 0 0;
    border-top: 1px dotted #e8e8e8
}

.inner_type_3 {
    padding-left: 15px;
    padding-right: 15px
}

.type_highlight {
    position: relative
}

.type_highlight .name_product {
    color: #fff;
    position: relative;
    z-index: 2;
    height: auto;
    text-align: center;
    display: block;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase
}

.type_highlight .product_item_img {
    height: 100%;
    padding-bottom: 0!important
}

.type_highlight .product_item_desc {
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0
}

.type_highlight .product_item_desc:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.product_item_img img {
    transition: all .2s ease-out;
}

.list_sidebar_product .product_item .product_item_img img {
    transform: scale(1)!important
}

.list_sidebar_product .product_item:hover {
    opacity: .8
}

.short-desc-toppage {
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
}

.short-desc-bottompage {
    padding-top: 10px;
    overflow: hidden;
    padding-bottom: 10px;
}

.wrap-intro_home {
    padding: 40px 0;
    background-color: #000;
    color: #fff;
}

.intro_home_subtitle.limit-width {
    max-width: 850px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto
}

.intro_home_title {
    font-size: 35px;
    line-height: 1.3;
    color: rgb(11, 116, 229);
    margin-bottom: 25px;
    text-align: center;
    font-weight: 700;
}

.intro_home .intro_content img {
    margin-bottom: 20px
}

.intro_home .btn-1 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 4px
}

.wrap-intro_home.type-2 .intro_home_subtitle,
.wrap-intro_home.type-2 .intro_home_title {
    text-align: left;
    width: 100%
}

.wrap-intro_home.type-2 .intro_home_heading {
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}

.wrap-intro_home.type-2 .inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%
}

.wrap-intro_home.type-2 .intro_content img {
    margin-bottom: 0
}

.footer_list_link {
    padding-left: 0
}

.custom_link.footer_list_link {
    overflow: hidden;
    float: none;
    clear: both;
    margin-bottom: 0;
}
.custom_link.footer_list_link {
    list-style: none;
}
.footer_list_link li {
    margin-bottom: 10px;
    font-size: 16px;
}

.footer_list_link li a {
    color: rgb(85, 85, 85);
}
.footer_list_link li a:hover{
    text-decoration: none;
    color: #c5171b;
}

.footer_list_link.type_bottom {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    text-align: center
}

.footer_list_link.type_bottom li {
    position: relative;
    display: inline-block
}

.footer_list_link.type_bottom li+li:before {
    content: '';
    position: absolute;
    left: 0;
    width: 1px;
    height: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff
}

.footer_list_link.type_bottom li a {
    padding: 5px 10px
}

.form-register-footer-1 .help-block {
    margin-bottom: 5px;
    display: block
}

@-webkit-keyframes coccoc-alo-circle-anim {
    0% {
        opacity: .1;
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        transform: rotate(0) scale(.5) skew(1deg)
    }
    30% {
        opacity: .5;
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg)
    }
    100% {
        opacity: .6;
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes coccoc-alo-circle-anim {
    0% {
        opacity: .1;
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        transform: rotate(0) scale(.5) skew(1deg)
    }
    30% {
        opacity: .5;
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg)
    }
    100% {
        opacity: .6;
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes coccoc-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes coccoc-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes coccoc-alo-circle-fill-anim {
    0% {
        opacity: .2;
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg)
    }
    50% {
        opacity: .2;
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        opacity: .2;
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg)
    }
}

@keyframes coccoc-alo-circle-fill-anim {
    0% {
        opacity: .2;
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg)
    }
    50% {
        opacity: .2;
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        opacity: .2;
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg)
    }
}

.call-btn {
    background-color: transparent;
    cursor: pointer;
    height: 120px;
    position: fixed;
    -webkit-transition: visibility .5s ease 0s;
    -o-transition: visibility .5s ease 0s;
    transition: visibility .5s ease 0s;
    width: 235px;
    z-index: 9998!important;
    left: -15px;
    bottom: -51px
}

.call-btn .circle {
    border-color: #a6b00a;
    opacity: .5;
    -webkit-animation: 1.2s ease-in-out 0s normal none infinite running coccoc-alo-circle-anim;
    animation: 1.2s ease-in-out 0s normal none infinite running coccoc-alo-circle-anim;
    background-color: transparent;
    border: 2px solid #a6b00a;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    height: 160px;
    left: 20px;
    opacity: .1;
    position: absolute;
    top: 20px;
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    width: 160px
}

.call-btn .circle-fill {
    background-color: #a6b00a;
    opacity: .75!important;
    -webkit-animation: 2.3s ease-in-out 0s normal none infinite running coccoc-alo-circle-fill-anim;
    animation: 2.3s ease-in-out 0s normal none infinite running coccoc-alo-circle-fill-anim;
    background-color: #a6b00a;
    border: 2px solid transparent;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    height: 80px;
    left: 54px;
    opacity: .1;
    position: absolute;
    top: -5px;
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    width: 80px
}

.call-btn .img-circle {
    background-color: #a6b00a;
    -webkit-animation: 1s ease-in-out 0s normal none infinite running coccoc-alo-circle-img-anim;
    animation: 1s ease-in-out 0s normal none infinite running coccoc-alo-circle-img-anim;
    border: 2px solid transparent;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    height: 50px;
    left: 70px;
    position: absolute;
    z-index: 10000;
    top: 10px;
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    width: 50px
}

.call-btn .phone-number {
    color: #fff;
    position: absolute;
    display: block;
    left: 80px;
    top: 50%;
    width: 150px;
    height: 30px;
    background-color: #a6b00a;
    z-index: 9999;
    padding: 8px 14px;
    color: #fff;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding-left: 40px;
    margin-top: -40px;
    font-size: 15px;
    line-height: 1.1;
    font-family: Roboto, Helvetica, Arial, sans-serif
}

.call-btn .call-link img {
    padding: 5px 0 0 5px;
    max-width: 100%;
    height: 33px;
    box-sizing: border-box;
    position: relative;
    left: 2px;
    top: 4px
}

.call-btn .call-link:hover {
    opacity: .8
}

.zalo-chat-btn {
    width: 55px;
    height: 55px;
    line-height: 40px;
    overflow: hidden;
    z-index: 9999;
    cursor: pointer;
    position: fixed;
    bottom: 80px;
    left: 54px;
    color: #fff;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    border-radius: 5px
}

.fixed-right-menu ul {
    list-style: none
}

.fixed-right-menu {
    position: fixed;
    z-index: 100;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.fixed-right-menu:after {
    display: block;
    content: '';
    clear: both
}

.fixed-right-menu li {
    float: right;
    clear: both;
    margin-bottom: 1px
}

.fixed-right-menu li a {
    display: block;
    position: relative
}

.fixed-right-menu li a.item:hover {
    padding-right: 125px;
    background: 0 0
}

.fixed-right-menu li a.item {
    padding: 0;
    background: 0 0;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.fixed-right-menu li a .icon {
    display: block;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    background: rgba(0, 0, 0, .1);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.fixed-right-menu li a .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%
}

.fixed-right-menu li a .icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 20px;
    line-height: 30px
}

.fixed-right-menu li a .text {
    position: absolute;
    top: 50%;
    left: 40px;
    width: 125px;
    padding: 0 10px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.fixed-right-menu li a.item2 {
    background: 0 0
}

.fixed-right-menu li a.item2 .icon {
    background: 0 0
}

.fixed-right-menu li a.item2:hover .icon {
    background: 0 0
}

.fixed-right-menu li a.goTop {
    text-align: center;
    padding: 8px
}

.area_promotion {
    display: block;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: relative;
    margin: 5px 0 12px;
    background: #fff
}

.area_promotion_top {
    display: block;
    overflow: hidden;
    padding: 10px 15px 8px 15px;
    background-color: #f6f6f6;
    border-bottom: 1px solid #ddd
}

.area_promotion_top strong {
    font-size: 16px;
    color: #333;
    text-transform: uppercase
}

.area_promotion_top i {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #666;
    display: block;
    text-transform: none;
    padding-top: 1px
}

.area_promotion_content .desc {
    padding: 10px
}

#init-modal .modal-dialog {
    max-width: 900px;
}

#init-modal .close,
#popupform .close {
    position: absolute;
    right: 8px;
    top: -2px;
    font-size: 30px;
    outline: 0!important
}

.modal-open .fe-theme {
    position: relative;
    z-index: 100
}

body.lg-on .fe-theme {
    position: relative;
    z-index: 100
}

.qrcode-img {
    width: calc(32%);
    height: 200px !important;
}

.lg-outer .lg-thumb {
    margin: 0 auto
}

.hl-slider-desc,
.hl-slider-title {
    -webkit-text-stroke: 0 #0000;
    text-shadow: 0 1px 4px #000
}

.Safari .product_list.has-slider .owl-nav button span {
    top: -2px
}

.Safari .post_item_home .post_item_home_content .desc .txt {
    line-height: 16px;
    height: 18px
}

.inner_news {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 10px;
    background: rgba(0, 0, 0, .5);
    color: #fff
}

.inner_news .title_news {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 0
}

.inner_news_1 {
    margin-bottom: 15px;
}
.inner_news_1 .title_news {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: 40px;
    overflow: hidden;
}

.type_news_home_1.intro_service_product_item {
    margin-bottom: 15px;
}

.hl-space-module {
    height: 20px
}

.hl-space-module.space_menu {
    height: 10px
}

.slider-three-some .slick-dots {
    bottom: 0
}

.hl-pd-l-r-15 {
    padding-left: 15px!important;
    padding-right: 15px!important
}

.testimonals_client-ct {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 40px 0 50px 0;
    background-color: rgb(244, 245, 246);
}

.testimonals_client-ct .slick-dots li button:before {
    font-size: 14px
}

.testimonals_item {
    padding: 15px;
    text-align: center;
}

.testimonals_item .images {
    width: 80px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #fff
}

.testimonals_item .images img {
    width: 80px;
    height: 80px;
    object-fit: cover
}

.testimonals_name {
    font-size: 16px;
    margin-bottom: 0;
    padding: 5px;
    font-weight: bold;
}

.testimonals_position {
    font-style: italic;
    font-size: 14px
}

.testimonals_client-ct .inner {
    margin: 0 auto;
    display: block!important
}

.testimonals_client-ct.type_2 .images {
    display: inline-block;
    vertical-align: middle
}

.testimonals_client-ct.type_2 .testimonals_info {
    padding-top: 10px
}

.testimonals_client-ct.type_2 .testimonals_detail {
    text-align: left;
    padding-left: 10px;
    margin-top: -5px;
    vertical-align: middle;
    display: inline-block
}

.tabs_products .nav-tabs {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none!important;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.tabs_products .nav-tabs>li {
    display: inline-block;
    float: none;
    cursor: pointer;
    color: #ccc;
    font-size: 18px;
    background: transparent;
    margin-bottom: 10px;
}

.tabs_products .nav-tabs>li>a {
    text-decoration: none!important;
    background: #3c3c3c;
    text-align: center;
    line-height: 1;
    padding: 10px 15px;
    font-size: 14px;
    display: table;
    color: #fff;
    position: relative;
    font-weight: 500;
    border-radius: 0;
    -webkit-transition: ease all .4s;
    -o-transition: ease all .4s;
    transition: ease all .4s;
    text-transform: uppercase;
    border-radius: 4px;
}

.tabs_products .nav-tabs>li>a.active {
    background: #444;
    color: #fff
}

.tabs_products .nav-tabs>li>a.active:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 4px 4px 0;
    border-color: #444 transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.tags_box a {
    display: inline-block;
    padding: 6px 10px;
    border: 1px solid #ccc;
    margin-bottom: 4px;
    border-radius: 2px
}

.tags_box {
    padding: 6px 0 20px
}

.map-1 iframe {
    width: 100%
}

.container_desc {
    margin-bottom: 15px
}

.img_heading {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 150px;
    margin-bottom: 20px
}

.img_heading .overlay_heading {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.img_heading .page_heading {
    position: relative;
    z-index: 2
}

.img_heading .page_heading .h1,
.img_heading .page_heading h1 {
    padding-top: 15px;
    padding-bottom: 20px
}

.img_heading .breadcrumb-item+.breadcrumb-item::before,
.img_heading .page_heading .breadcrumb .breadcrumb-item.active,
.img_heading .page_heading .breadcrumb a,
.img_heading .page_heading .h1,
.img_heading .page_heading h1 {
    color: #fff
}

.hl_history_year {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    margin-bottom: 15px
}

.hl_history_year strong {
    padding: 6px 20px;
    border-radius: 4px;
    background-color: #000;
    display: inline-block;
    border-radius: 20px
}

.hl_history_desc h3 {
    font-size: 22px;
    text-align: center;
    font-weight: 700;
    line-height: 1.3
}

.history_slider_item_msg {
    padding: 20px 10px 10px 10px
}

.history_slider_item_msg .intro_home_title {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 16px
}

.history_slider_box {
    padding: 20px 0 30px 0
}

.history_slider_box .slick-dots {
    bottom: -20px
}

.history-company {
    position: relative;
    display: block;
    width: 100%;
    padding: 20px 0
}

.duan_item {
    position: relative;
    overflow: hidden;
}

.duan_item_title {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 10px;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: -40%;
    left: 0;
    right: 0;
    z-index: 1;
    transition: all .4s ease 0s;
    min-height: 39px
}

.duan_item_title a {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    padding: 10px 0 10px;
    text-decoration: none!important;
    min-height: 39px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.duan_item_title:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.duan_item a {
    display: block
}

.duan_item_img {
    width: 100%
}

.duan_item:hover .duan_item_title {
    bottom: 0
}

.duan_ratio>a {
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 75%;
    overflow: hidden
}

.duan_ratio>a img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover;
    transition: all .3s ease-in-out
}

@-webkit-keyframes imgShine {
    100% {
        left: 125%
    }
}

@-moz-keyframes imgShine {
    100% {
        left: 125%
    }
}

@keyframes imgShine {
    100% {
        left: 125%
    }
}

.img-shine {
    overflow: hidden;
    position: relative
}

.img-shine:before {
    position: absolute;
    content: "";
    top: 0;
    left: -75%;
    z-index: 100;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 100%);
    transform: skewX(-25deg)
}

.img-shine:hover:before {
    animation: imgShine .75s ease-in-out
}

.director_box {
    padding: 20px 0
}

.director_box.type_full {
    padding-left: 15px;
    padding-right: 15px
}

.director_box .name {
    color: #f7941c;
    font-size: 16px;
    margin-bottom: 0
}

.item-team {
    position: relative;
    display: block;
    text-align: center;
    width: 100%
}

.item-team .image {
    width: 100%;
    position: relative;
    display: block;
    padding: 10px 0;
    overflow: hidden
}

.item-team .image .inner {
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    line-height: 0
}

.item-team .image .inner:before {
    content: '';
    position: absolute;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    z-index: 2;
    border: 1px solid #fff
}

.item-team .image .inner img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.item-team .desc {
    display: block;
    position: relative;
    text-align: center
}

.item-team .desc p {
    text-align: center;
    font-style: italic;
    font-size: 14px
}

.hl-tab-1 .nav {
    border-bottom: 0;
    display: block;
    text-align: center;
    margin-bottom: 15px
}

.hl-tab-1 .nav li {
    display: inline-block
}

.hl-tab-1 .nav li a {
    padding: 4px 10px;
    display: block;
    color: #000;
    font-size: 16px
}

.hl-tab-1 .nav li a h2,
.hl-tab-1 .nav li a strong {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 400
}

.skin-obj .skin-title {
    font-weight: 300;
    font-size: 16px;
    color: #000;
    text-align: center;
    margin-top: 10px;
    -moz-transition: color .4s linear;
    -o-transition: color .4s linear;
    -webkit-transition: color .4s linear;
    transition: color .4s linear
}

.skin-obj .skin-title span {
    position: relative;
    display: inline-block;
    text-align: center;
    -moz-transition: all .4s linear;
    -o-transition: all .4s linear;
    -webkit-transition: all .4s linear;
    transition: all .4s linear
}

.skin-obj {
    position: relative;
    display: block
}

.skin-obj:hover .skin-title span {
    text-decoration: underline
}

.skin-obj .skin-img {
    position: relative;
    width: 100%;
    top: 0;
    position: relative;
    box-shadow: 0 4px 20px rgba(25, 25, 25, .1);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    transition: all .2s linear;
    -ms-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear
}

.skin-obj .skin-img .skin-hidden {
    width: 100%;
    overflow: hidden;
    height: 300px;
    position: relative;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px
}

.skin-obj .skin-img.slow-animation .skin-hidden img {
    -moz-transition: top 2s linear;
    -o-transition: top 2s linear;
    -webkit-transition: top 2s linear;
    transition: top 2s linear
}

.skin-obj .skin-img .skin-hidden img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0
}

.portfolio_box {
    padding: 20px 0
}

.portfolio_empty {
    text-align: center
}

.box_thumbnail_1 {
    text-align: center
}

.box_thumbnail_1 .box_thumbnail_1_title {
    color: #191919;
    font-weight: 500;
    font-size: 19px;
    line-height: 27px;
    margin-top: 15px;
    -moz-transition: color .2s linear;
    -o-transition: color .2s linear;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

.box_thumbnail_1 .box_thumbnail_1_desc {
    margin: 0;
    padding: 0;
    font-weight: 300;
    color: #777;
    font-size: 19px;
    line-height: 27px
}

.highlight_block {
    padding-top: 20px;
    padding-bottom: 30px
}

.highlight_block.type_1 {
    border-radius: 4px
}

.highlight_title {
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
    display: block;
    margin: 0;
    padding: 0 0 4px 0;
    text-transform: uppercase
}

.highlight_desc {
    line-height: 1.4;
    font-size: 16px;
    font-weight: 300;
    max-width: 970px;
    margin: 0 auto;
    color: #fff;
    text-align: center
}

.highlight_img {
    text-align: center
}

.highlight_img img {
    max-width: 570px;
    height: auto;
    margin-top: 20px
}

.btn_group {
    margin-top: 20px;
    text-transform: uppercase;
    text-align: center
}

.btn_group .btn-primary.btn-1 {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14px
}

.intro_page .post_short_details {
    margin-bottom: 20px
}

.gioithieu_box .txt_3 {
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 700
}

.gioithieu_box .txt_4 {
    font-size: 18px;
    text-transform: uppercase;
    font-style: italic
}

.tamnhin_sumenh_giatri .nav-tabs {
    display: block;
    text-align: center;
    border-bottom: 0
}

.tamnhin_sumenh_giatri .tab-content {
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding-bottom: 15px
}

.tamnhin_sumenh_giatri .nav-tabs .nav-item {
    display: inline-block;
    width: 30%;
    margin-bottom: 0
}

.tamnhin_sumenh_giatri .nav-tabs .nav-item img {
    height: 40px
}

.tamnhin_sumenh_giatri .nav-tabs .nav-item h2,
.tamnhin_sumenh_giatri .nav-tabs .nav-item span {
    font-size: 18px;
    line-height: 1.5;
    color: #919191;
    display: block;
    padding: 0 10px;
    margin-bottom: 0;
    font-weight: 400
}

.tamnhin_sumenh_giatri .nav-tabs .nav-item .nav-link {
    border: 0!important
}

.tamnhin_sumenh_giatri .nav-tabs .nav-item .nav-link.active {
    background-color: transparent!important
}

.tamnhin_sumenh_giatri .nav-tabs .nav-item .nav-link h2,
.tamnhin_sumenh_giatri .nav-tabs .nav-item .nav-link span {
    border-bottom: 2px solid transparent;
    padding-bottom: 5px;
    margin-bottom: -9px
}

.tamnhin_sumenh_giatri .nav-tabs .nav-item .nav-link.active h2,
.tamnhin_sumenh_giatri .nav-tabs .nav-item .nav-link.active span {
    border-bottom: 2px solid red
}

.hl_slider_1_item_img {
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 120%;
    overflow: hidden
}

.hl_slider_1_item_img>img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover;
    transition: all .3s ease-in-out
}

.hl_slider_1_item_link {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    padding: 5px;
    display: block
}

.hl_slider_1_item {
    padding: 5px;
    background-color: #fff;
    border-radius: 4px;
    text-align: center;
    margin: 5px
}

.hl_slider_1_item_link:hover {
    text-decoration: none;
    color: #caa356
}

.hl_slider_1_more {
    text-align: center;
    margin-top: 5px
}

.hl_slider_1_more .btn_more {
    color: #fff;
    border-color: #fff
}

.hl_slider_1_more .btn_more:after {
    background: url(../images/icon_right_white.png) no-repeat
}

.title_linhvuchoatdong {
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 700
}

.linhvuchoatdong_box_page {
    background-color: #fff;
    padding: 40px 0
}

.post_large_details_top {
    margin-bottom: 15px
}

.post_large_details_top .skin-obj .skin-img .skin-hidden {
    height: 500px
}

.type_portfolio .post_large_desc {
    padding: 0;
    padding: 0
}

.type_portfolio.post_large_item {
    box-shadow: none
}

.tongquan .col-img img {
    width: 100%;
    height: auto
}

.tongquan_desc .heading_3 {
    font-size: 20px;
    margin-bottom: 10px
}

.tongquan_desc .heading_3 strong {
    line-height: 1.3
}

.tongquan_desc .sub_heading_3 {
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    margin-top: -5px
}

.chitiet-duan-page .tongquan {
    margin-bottom: 15px;
}

.chitiet-duan-page .tongquan .heading_4 {
    margin-bottom: 10px;
}
.chitiet-duan-page .tongquan .sub_heading_3 {
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    font-style: italic;
    text-decoration: underline;
    margin-bottom: 10px;
    opacity: .8;
}

.vitridialy_desc .heading_4 {
    text-align: center;
    font-size: 20px;
}

.vitridialy {
    padding-top: 20px;
    padding-bottom: 20px
}

.tienich .tienich_desc .heading_4 {
    text-align: center
}

.tienich {
    padding-top: 20px;
    padding-bottom: 20px
}

.hl_swiper.swiper-container .swiper-wrapper .swiper-slide {
    /*background-position: center;*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*padding-top: 56.25%;*/
    transition: all .5s ease
}

.hl_swiper.swiper-container .swiper-wrapper .swiper-slide .title_slide {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    letter-spacing: .02em;
    text-align: center;
    color: #fff;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    padding-bottom: 30px;
    pointer-events: none;
    width: 100%;
    padding: 0 30px 30px;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px
}

.hl_swiper.swiper-container {
    width: 58.3333333333%;
    margin: 5px auto 0;
    overflow: initial;
    padding-bottom: 40px
}

.tienich {
    padding-top: 15px
}

.hinhanh {
    padding-top: 15px
}

.hinhanh.thuvien {
    padding-top: 0
}

.tienich .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.tienich .swiper-pagination-bullet {
    width: 10px;
    height: 10px
}

.hl_swiper.swiper-container-horizontal>.swiper-pagination-bullets,
.tienich .swiper-pagination-custom,
.tienich .swiper-pagination-fraction {
    bottom: 12px
}

.hl_swiper.swiper-container .swiper-wrapper .swiper-slide:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(225, 225, 225, .8)
}

.hl_swiper.swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active:before {
    background: transparent;
}

.tienich .swiper-button-next,
.tienich .swiper-button-prev {
    background-image: none;
    outline: 0;
    width: 48px;
    height: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    border-radius: 3px;
    background: #fff;
    transform: translateY(-50%);
    border: 1px solid #fff;
    top: calc((100% - 85px)/ 2)
}

.tienich .swiper-button-prev {
    left: -82px
}

.tienich .swiper-button-next {
    right: -82px
}

.tienich .swiper-button-next:after,
.tienich .swiper-button-prev:after {
    font-size: 18px;
    color: #003f40
}

.tienich_desc {
    overflow: hidden
}

.hinhanh .hl-item-project {
    margin-bottom: 15px
}

.aniimated-thumbnials {
    line-height: 0;
    font-size: 0
}

.aniimated-thumbnials a {
    display: block;
    width: 100%;
    line-height: 0;
    font-size: 0;
    padding: 0;
    border-radius: 0;
    text-align: center;
    overflow: hidden;
    vertical-align: top;
    margin-bottom: 15px;
}

.du-an-target ul {
    list-style: none;
    text-align: center;
    padding-left: 0;
    background-color: #fff
}

.du-an-target li {
    display: inline-block
}

.du-an-target li a {
    display: block;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 700
}

.wrap-menu-gioithieu-sticky {
    position: fixed;
    width: 100%;
    right: 0;
    z-index: 9;
    background-color: #fff;
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .1)
}

.wrap-menu-gioithieu-sticky ul {
    margin-bottom: 0
}

.site_logo {
    display: inline-block;
    position: relative;
    z-index: 1
}

.pricing-table {
    background-color: #fff;
    text-align: center;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    border-radius: 4px
}

.price-box {
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    height: 100%
}

.price-box .pricing-table .pt-header {
    background: #08f;
    padding: 30px 15px 80px;
    position: relative;
    border-bottom: 7px solid rgba(166, 176, 10, .6);
    border-radius: 4px 4px 0 0
}

.pricing-table .pt-header .pt-header-title {
    position: relative;
    margin: 0 0 10px;
    color: #fff;
    line-height: 1.1;
    text-transform: uppercase;
    padding-bottom: 5px;
    font-size: 18px
}

.pricing-table .pt-header .pt-header-title:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    width: 50px;
    height: 2px;
    background-color: #fff;
    margin: 0 auto;
    bottom: -5px
}

.pt-header .des {
    margin: 30px 0 0;
    color: #fff;
    text-align: center;
    font-weight: 300
}

.pt-header-price {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -75px;
    width: 130px;
    height: 130px;
    margin: 0 auto;
    padding-top: 40px;
    border-radius: 50%;
    color: #fff;
    background-color: #f36f25;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    z-index: 0
}

.pt-header-price:before {
    content: " ";
    position: absolute;
    top: -10px;
    left: -10px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: #a6b00a;
    opacity: .45;
    z-index: -1
}

.pt-header-price .pt-header-price-amount {
    display: block;
    font-size: 28px;
    margin: 5px 0 0 0;
    line-height: 1
}

.font-small {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8
}

.pt-body {
    padding-top: 95px;
    padding-left: 10px;
    padding-right: 10px
}

.pt-body ul {
    margin: 0;
    margin-bottom: 15px;
    padding: 0;
    list-style: none
}

.pt-body li {
    margin: 8px 15px;
    border-bottom: 0;
    color: #737373;
    font-weight: 300;
    text-align: left;
    line-height: 1.4
}

.pt-body span.bold {
    font-weight: 700
}

.pt-body li.group-option {
    font-weight: 700;
    color: #ee3c25
}

.pt-footer {
    padding: 20px 0;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px
}

.btn-pt {
    border: 1px solid #fff;
    text-align: center;
    cursor: pointer;
    text-decoration: none!important;
    padding: 8px 25px 8px;
    border-radius: 50px;
    color: #fff!important;
    background: #08f;
    display: inline-block;
    -webkit-transition: all .5s;
    transition: all .5s
}

.btn-pt:hover {
    opacity: .7
}

.price_comp {
    padding-top: 20px
}

.hl-ct-mb-4 {
    margin-bottom: 20px
}

#business {
    padding: 20px 0 0 0
}

.hl-box-doitac {
    display: block;
    text-align: center;
    padding: 25px 30px;
    box-shadow: 0 0 30px 0 rgba(30, 37, 54, .15);
    -webkit-box-shadow: 0 0 30px 0 rgba(30, 37, 54, .15);
    border-radius: 5px;
    background-color: #fff;
    height: 100px
}

.hl-box-doitac img {
    height: 50px;
    width: auto
}

.single_product_img {
    position: relative
}

.single_product_img img {
    cursor: pointer
}

.single_product_img .fa-search-plus {
    cursor: pointer;
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 1;
    background: rgba(0, 0, 0, .5);
    padding: 10px;
    font-size: 20px;
    color: #fff;
    border-radius: 4px
}

.fas.fa-folder-open,
.fa-tags {
    color: #6c757d
}

.captcha-image {
    border-radius: 4px;
    height: 38px;
}

.capcha_box {
    padding-top: 10px;
}

.thongke_box {
    list-style: none;
    padding-left: 0;
}

.thongke_box li {
    line-height: 1.4;
    display: inline-block;
}

.product_list .product_item .product_item_desc .price {
    margin-bottom: 6px;
}

.product_box.home_widget .heading_4 {
    margin-bottom: 20px;
}

.img_rated {
    height: 16px;
    width: 80px;
    display: inline-block;
    position: relative;
}

.img_rated .rated_star {
    background-image: url(../images/star.png);
    display: inline-block;
    height: 16px;
    width: 80px;
    left: 0;
    position: absolute;
}

.img_rated .rated_star_checked {
    background-image: url(../images/star_checked.png);
    display: inline-block;
    height: 16px;
    width: 80px;
    left: 0;
    position: absolute;
    z-index: 1;
}

.number_rated {
    display: inline-block;
    color: #777;
    font-size: 14px;
}

.rated {
    margin-bottom: 10px;
}

.site_footer .capcha_box {
    max-width: 320px;
}

.banner_heading_page {
    text-align: center;
}

.detail_has_border {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px 15px;
    background-color: #fff;
}

.label_link {
    font-weight: 500;
}

.wrap_cat_brand_link {
    margin-top: 20px;
    margin-bottom: 10px;
}

.wrap_cat_brand_link a {
    border: 1px solid #000;
    color: #000;
    text-decoration: none !important;
    padding: 4px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 13px;
    margin-right: 4px;
}

.service_home_type_3_item .text {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.3;
}

.service_home_type_3_item .text:hover {
    text-decoration: none;
    color: #d0292a;
}
.service_home_type_3_item.type_news_home_2 .text {
    font-size: 18px;

}
.service_home_type_3_item.type_news_home_2 .text a {
    color: #1d1e20;
}

.service_home_type_3_item_content {
    padding: 10px 15px;
}

.service_home_type_3_item_btn {
    transition: all .3s ease-in-out 0s;
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    color: #1d1e20;
    text-decoration: none !important;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 15px;
    text-transform: uppercase;
    border: 1px solid #ddd;
    font-size: 15px;
}

.service_home_type_3_item_desc {
    line-height: 1.3;
    margin-bottom: 5px;
    display: flex;
    align-items: flex-start;
    height: 66px;
    color: rgb(85, 85, 85);
}

.service_home_type_3_item_desc span {
    max-height: 66px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.3;
    width: 100%;
}

.service_home_type_3_item_btn i {
    margin-right: 4px;
}

.service_home_type_3_item_btn:hover {
    background-color: #4CAF50;
    color: #fff;
    border-color: #ddd;
}

.hl_item_post {
    clear: both;
    overflow: hidden;
}

.hl_item_post img {
    transition: all .3s ease-in-out;
}
.hl_item_post:hover img {
    transform: scale(1.05);
}

.hl_item_post .desc {
    display: flex;
    align-items: flex-start;
    max-height: 57px;
}
.hl_item_post .desc p {
    max-height: 57px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.4;
    margin-bottom: 0;
    font-size: 14px;
}

.hl_item_post_left {
    width: 40%;
    float: left;
    border-radius: 2px;
    overflow: hidden;
}
.hl_item_post_right {
    width: 60%;
    float: right;
    padding-left: 20px;
}
.hl_item_post .title_news {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.hl_item_post .title_news a {
    color: #000;
    font-weight: 500;
    max-height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.3;
}

.hl_item_post .date {
    font-size: 12px;
    line-height: 0;
    margin-bottom: 5px;
}

.hl_item_post span {
    font-size: 13px;
    line-height: 1.3;
    color: #ccc;
    position: relative;
    top: 2px;
}
.hl_item_post .date a {
    position: relative;
    top: 2px;
    font-size: 13px;
    line-height: 1.2;
    color: #0271b8;
}

.testimonals_item.type_2 {
    background-color: #fff;
    box-shadow: 0 0 0 1px #ebebeb;
}

.testimonals_item.type_2 .testimonals_info {
    overflow: hidden;
}
.testimonals_item.type_2 .testimonals_info .images {
    display: inline-block;
    vertical-align: top;
}

.testimonals_item.type_2 .testimonals_info .testimonals_detail {
    display: inline-block;
    vertical-align: top;
    padding: 15px 0;
    color: #000;
}
.testimonals_item.type_2 .testimonals_item_desc {
    text-align: left;
    color: #000;
}

.testimonals_client_slider .slick-track {
    display: flex !important;
}

.testimonals_client_slider .slick-slide {
    height: inherit !important;
}

.style_03 .footer_list_link.type_bottom {
    list-style: circle;
}
.style_03 .footer_list_link.type_bottom li {
    display: block;
    text-align: left;
}
.style_03 .footer_list_link.type_bottom li a {
    padding-left: 6px;
}
.style_03 .footer_list_link.type_bottom li:before {
    display: none;
}

.dot {
    height: 8px;
    width: 8px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
}

.login-client-page .form-check-input {
    margin-top: 5px;
}

.form-register-global #ghichu-text {
    height: 91px;
}
.form-dang-ky-global_title {
    text-align: center;
    color: #dd3f07;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
}

.form-dang-ky-global {
    padding: 40px 0;
}
.form-dang-ky-global .content {
    border: 2px solid #dd3f07;
    border-radius: 4px;
    padding: 20px;
}

.module-register-diff-home {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
}
.module-register-diff-home .hl_border_top_home {
    border: 0;
    padding: 10px 0;
}

.name_dmsp {
    line-height: 1;
    position: relative;
    top: 2px;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hl-menu-toggle-plugin_nav_ul .menu-item a {
    text-decoration: none !important;
    color: #000;
}
.main_slider_type_2 .has-icon .name_dmsp {
    width: calc(100% - 37px);
}


/*Start .hl-menu-toggle-plugin*/
.hl-menu-toggle-plugin {
    background: #fff;
    border: 0 solid red;
    bottom: 0;
    left: 0;
    max-width: 280px;
    position: fixed;
    right: 56px;
    top: 0;
    transform: translate3d(-100%,0,0);
    transition: transform .35s cubic-bezier(.24,1,.32,1);
    visibility: hidden;
    z-index: 99999;
}

.hl-menu-toggle-plugin.h-is-visible {
    visibility: visible;
}

body.hl-is-showing-drawer {
    overflow-y: hidden;
}

.hl-is-showing-drawer .hl-menu-toggle-plugin {
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 12%);
    transform: translate3d(0,0,0);
}

.hl-menu-toggle-plugin_content {
    overflow-y: auto;
    height: 100%;
}

.hl-menu-toggle-plugin_backdrop {
    background: rgba(0,0,0,.7);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .2s cubic-bezier(.4,0,.2,1);
    visibility: hidden;
    z-index: 99998;
}

.hl-menu-toggle-plugin-btn {
    width: 34px;
    height: 34px;
    line-height: 30px;
    overflow: hidden;
    z-index: 999;
    cursor: pointer;
    position: fixed;
    top: 50%;
    margin-top: -17px;
    left: 10px;
    background-color: #3c3c3c;
    color: #fff;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    padding: 6px;
    border-radius: 16px;
    box-shadow: 0 0 5px 6px rgb(225,225,225,.5);
}

.hl-is-showing-drawer .hl-menu-toggle-plugin_backdrop {
    opacity: 1;
    visibility: visible;
}


.hl-menu-toggle-plugin_nav_ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.hl-menu-toggle-plugin_nav_ul .submenu {
    display: none;
}

.hl-menu-toggle-plugin_nav .hl-menu-toggle-plugin_nav_ul li.menu-item.has-chidren.active > a > .js-icon::before {
    content: "\e903";
}

.hl-menu-toggle-plugin_nav_heading {
    background-color: #E60000;
    line-height: 11px;
    padding: 9px 8px;
    color: #fff;
    position: relative;
}

.hl-menu-toggle-plugin_nav_heading strong {
    position: relative;
    top: -4px;
    font-size: 16px;
    text-transform: uppercase;
}

.hl-menu-toggle-plugin_nav_ul > .menu-item > a {
    border-bottom: 1px solid #ccc;
}

.hl-menu-toggle-plugin_nav_ul .menu-item a {
    padding: 5px 10px;
    display: block;
}

.hl-menu-toggle-plugin_nav_ul .menu-item.has-chidren a {
    padding-right: 10px;
    position: relative;
}
.hl-menu-toggle-plugin_nav_ul .menu-item.has-chidren .js-icon {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
}

.hl-menu-toggle-plugin_nav_ul .submenu_ul {
    list-style: none;
    padding-left: 0;
}
.hl-menu-toggle-plugin_nav_ul .submenu_ul li a {
    padding-left: 25px;
}

.hl-menu-toggle-plugin_nav_ul .submenu_ul li {
    border-bottom: 1px solid #ccc;
}

.hl-menu-toggle-plugin .name_dmsp {
    white-space: normal;
    line-height: 1.3;
}

.hl-menu-toggle-plugin .has-icon img {
    display: inline-block;
    vertical-align: top;
}
.hl-menu-toggle-plugin .has-icon .name_dmsp {
    width: calc(100% - 37px);
    top: 4px;
}

.hl-menu-toggle-plugin .no-icon > a > .name_dmsp {
    top: 1px;
}
/*End .hl-menu-toggle-plugin*/

.bgd-custom-default {
    background-repeat: no-repeat;
    background-position: center center;
}
.bgd-custom-repeat {
    background-repeat: repeat;
    background-position: center center;
}
.bgd-custom-cover {
    background-size: cover;
    background-position: center center;
}

.form-dang-ky-small .btn-1 {
    width: 100%;
    margin-top: 15px;
}

.form-dang-ky-small {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    border-radius: 4px;
    margin-top: 20px;
}

.form-dang-ky-small_title {
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
}

#init-modal.type_taibanggia .modal-dialog,
#popupform.type_form_small .modal-dialog {
    max-width: 430px;
}

.search_in_header .btn-search {
    border: 0 !important;
    outline: 0 !important;
    background-color: #000;
    padding: 10px;
    width: 50px;
    text-align: center;
    float: right;
    height: 41px;
}

.search_in_header .btn-search .icon-search {
    left: 1px;
    top: 2px;
}

.search_in_header .btn-search .icon-search {
    font-size: 16px !important;
}

.search_in_header .daingkynhantin {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    border: 1px solid #ccc;
}
.search_in_header .daingkynhantin .text {
    width: calc(100% - 50px);
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}

.limitbgd {
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
}

.limit_inner {
    background-color: #fff;
}

.like_pro {
    font-size: 26px;
    position: relative;
    top: 5px;
    left: 10px;
    display: block;
}

.like_pro a {
    color: red;
}
.like_pro .numberlike,
.like_pro .txt_like {
    font-size: 14px;
}

.list_tags_pro {
    margin-top: 14px;
    margin-bottom: 10px;
}

.buy-box-product-form .button-cart {
    margin-top: 10px;
}

.title_page_rightsidebar {
    float: left;
    font-size: 26px;
    font-weight: 500;
}

.title_page_rightsidebar1 {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 10px;
    color: rgb(26, 32, 44);
    padding: 5px 0;
    border-radius: 2px;
    line-height: 1.4;
}

.relative_title {
    color: #000;
    font-size: 22px;
    margin-bottom: 15px;
}

.main_menu li a i.icon_mdk {
    float: left;
    margin-right: 8px;
}

.icon_mdk.fa-images {
    position: relative;
    top: 1px;
}

.icon_mdk.fa-newspaper,
.icon_mdk.fa-heart,
.icon_mdk.fa-book {
    position: relative;
    top: 1px;
}

.list_relative_post_ul {
    padding-left: 18px;
}
.list_relative_post_ul li {
    margin-bottom: 10px;
}

.mtnmr_box_content {
    display: none;
}

.mtnmr_box_btn {
    border: 1px solid #000;
    padding: 5px;
    padding-right: 8px;
    border-radius: 2px;
    font-size: 14px;
    outline: 0 !important;
    background-color: transparent !important;

}

.mtnmr_box {
    margin-bottom: 15px;
}
.mtnmr_box_btn .icon-ctrl {
    transform: rotate(180deg);
    font-size: 18px;
    padding-left: 20px;
    text-align: center;
    width: 18px;
    height: 18px;
    position: relative;
    display: block;
    float: left;
    margin-right: 3px;
    transition: all .3s;
}
.mtnmr_box_btn.active .icon-ctrl {
    transform: rotate(0deg);
}
.mtnmr_box_btn .icon-ctrl:before {
    position: absolute;
    left: 1px;
    top: 3px;
    z-index: 1;
}

.mtnmr_box_content .hl-editor {
    margin-top: 10px;
}

.hl_fixed_header  {
    box-shadow: 0 8px 6px -6px rgb(0 0 0 / 10%);
    background-color: #fff;
}

.title_ttct {
    font-size: 18px;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.tacgia_item {
    text-align: center;
}

.tacgia_item_title {
    text-transform: uppercase;
    font-size: 18px;
}

.tacgia_item_img {
    margin-bottom: 10px;
    display: block;
}

.icon_contact_ct {
    font-size: 0;
    line-height: 20px;
    display: inline-block;
    background-image: url('../images/icon-contact.webp');
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
}

.sicon-share-facebook {
    font-size: 0;
    line-height: 20px;
    display: inline-block;
    background-image: url('../images/icon_fb_share.png');
    width: 14px;
    height: 20px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
    left: 4px;
    margin-right: 4px;
}

.sicon-share-twitter {
    font-size: 0;
    line-height: 20px;
    display: inline-block;
    background-image: url('../images/icon_tw_share.png');
    width: 14px;
    height: 20px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
    left: 4px;
    margin-right: 4px;
}

.sicon-share-pinterest {
    font-size: 0;
    line-height: 20px;
    display: inline-block;
    background-image: url('../images/icon_pt_share.png');
    width: 14px;
    height: 20px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
    left: 4px;
    margin-right: 4px;
}

.sicon-share-linkedin {
    font-size: 0;
    line-height: 20px;
    display: inline-block;
    background-image: url('../images/icon_lk_share.png');
    width: 14px;
    height: 20px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
    left: 4px;
    margin-right: 4px;
}

.icon_tick {
    font-size: 0;
    line-height: 15px;
    display: inline-block;
    background-image: url('../images/tick-24x24.png');
    width: 15px;
    height: 15px;
    background-size: 15px;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-top: -2px;
}

.txt_tick {
    display: inline-block;
    vertical-align: middle;
}

.icon_headphone {
    font-size: 0;
    line-height: 20px;
    display: inline-block;
    background-image: url('../images/icon-headphone.png');
    width: 24px;
    height: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
}

.icon_loadmore {
    font-size: 0;
    line-height: 25px;
    display: inline-block;
    background-image: url('../images/icon-loadmore.png');
    width: 25px;
    height: 25px;
    background-size: 25px;
    background-repeat: no-repeat;
}

.icon_checked {
    font-size: 0;
    line-height: 20px;
    display: inline-block;
    background-image: url('../images/icon_checked.png');
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
}

.icon_phone_mthn {
    font-size: 0;
    line-height: 20px;
    display: inline-block;
    background-image: url('../images/icon11.webp');
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
}

.top-links li a.link_contact_top,
.site_header li a.link_contact_top {
    display: inline-block;
    position: relative;
    font-size: 16px;
    line-height: 16px;
    padding: 8px 13px 10px 40px;
    background: #a6b00a;
    color: #fff;
    border-radius: 5px;
}

.top-links li a.link_contact_top:hover,
.site_header li a.link_contact_top:hover {
    color: #fff !important;
    opacity: .8;
}
.link_contact_top .icon_contact_ct {
    position: absolute;
    top: 8px;
    left: 10px;
}

.wrap-btn .btn {
    padding: 10px 50px 10px 15px;
    font-size: 20px;
    color: rgb(11, 116, 229);
    font-weight: bold;
    position: relative;
    box-shadow: 0 5px 10px #0000001A;
}

.wrap-btn .btn .icon_headphone {
    position: absolute;
    top: 13px;
    right: 15px;
    z-index: 1;
}
.wrap-btn .btn.type_download {
    padding-top: 10px;
    padding-bottom: 10px;
}
.wrap-btn .btn.type_download .icon_loadmore {
    position: absolute;
    top: 11px;
    right: 15px;
    z-index: 1;
}

.mieu-ta-them {
    padding-top: 26px;
    font-size: 18px;
}

.intro_home_subtitle {
    font-style: italic;
    color: rgb(11, 116, 229);
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 10px;
}

.hl-editor.type-mieutangan {
    text-align: left;
}
.hl-editor.type-mieutangan p {
    font-size: 17px;
}
.hl-editor.type-mieutangan ul li {
    margin-bottom: 15px;
}

.mieutabottom .txt_mthn {
    text-align: center;
    font-style: italic;
    color: rgb(11, 116, 229);
    font-size: 17px;
    margin-bottom: 10px;
}

.title_congtydandau {
    text-align: center;
    font-size: 32px;
    line-height: 1.3;
    color: #000;
    margin-bottom: 25px;
    font-weight: bold;
}

.gioi-thieu-2-home {
    padding: 40px 0;
}

.intro_2_home_title {
    font-size: 35px;
    line-height: 1.3;
    color: rgb(11, 116, 229);
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}

.intro_2_home_title > span {
    color: rgb(11, 116, 229);
}

.hl-editor.type-mieutangan-2 {
    color: #171a22;
    font-size: 18px;
}

.title-count {
    font-weight: 500;
    font-size: 38px;
    line-height: 1;
    color: rgb(39, 39, 42);
    margin-bottom: 10px;
    text-align: center;
}

.desc-count {
    color: rgb(11, 116, 229);
    font-size: 18px;
}

.desc-count strong {
    font-size: 20px;
}

.box-count {
    padding: 15px;
}

.limit-1024 {
    max-width: 1024px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.duan_box_home .service_home_type_3_item {
    border: 2px solid #e6e7e9;
}

.duan_box_home .service_home_type_3_item .text {
    color: #000;
    font-size: 24px;
    line-height: 1.3;
}

.search-wp {
    display: block;
    float: right;
    width: 240px;
}

.form-item {
    display: block;
    position: relative;
    float: left;
    overflow: hidden;
}

.form-item-1 {
    width: 37%;
}
.form-item-2 {
/*    width: 63%;*/
    width: 100%;
    border-radius: 5px;
}

.form-item select {
    display: block;
    position: relative;
    font-family: 'Roboto Medium';
    color: rgb(11, 116, 229);
    font-size: 16px;
    line-height: 16px;
    padding: 12px 30px 12px 15px;
    border: 1px solid #e6e7e9;
    outline: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 8px;
}

.form-item-2 input[type="text"]{
    display: block;
    position: relative;
    width: 100%;
    font-family: 'Roboto Medium';
    color: rgb(11, 116, 229);
    font-size: 16px;
    line-height: 20px;
    padding: 10px 55px 10px 15px;
    border: 1px solid #e6e7e9;
    outline: 0;
    height: 42px;
}

.form-item-2 button.btn-search{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: rgb(11, 116, 229);
    width: 42px;
    height: 42px;
    border: none;
    outline: 0;
    padding: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
}

.form-item-2 .icon-search:before {
    color: #fff;
    position: relative;
    top: 2px;
}

.form_in_menu {
    float: right;
    padding-top: 12px;
}

.hl-fixed-menu-kaka .form_in_menu {
/*    display: none;*/
}

.product_item_desc {
    border-top: 2px solid #e6e7e9;
    border-bottom: 2px solid #e6e7e9;
}

.btn-hangcosan {
    color: #009bdf;
    position: relative;
    float: left;
    width: 50%;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    padding: 14px 10px;
}

.btn-hangcosan .icon_checked {
    vertical-align: middle;
}

.btn-hangcosan .txt_hcs {
    display: inline-block;
    padding-left: 3px;
    position: relative;
    vertical-align: middle;
}

.btn-nhanbaogia {
    color: #fff;
    background-color: #0056a8;
    position: relative;
    float: left;
    width: 50%;
    font-size: 16px;
    line-height: 27px;
    padding: 10px;
    text-align: center;
}

.btn-nhanbaogia .icon_phone_mthn {
    position: relative;
    top: 4px;
}

.btn-nhanbaogia:hover {
    color: #fff;
    text-decoration: none;
    opacity: .8;
}

.ul_title_search li {
    display: inline-block;
    padding-left: 30px;
    position: relative;
}

.ul_title_search .dot {
    background-color: #000;
    position: absolute;
    left: 12px;
    top: 9px;
    width: 5px;
    height: 5px;
}

.ul_title_search {
    padding-left: 0;
    text-align: center;
    color: #0056a8;
    font-weight: 500;
    font-size: 18px;
}

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

.post_large_bottom small {
    width: 100%;
    display: block;
}

.kiemduyet_box {
    float: right;
    color: #008000;
}

.thamvanchuyenmon_txt strong {
}

.post_information_bottom {
    padding: 5px 0;
}

.wrap_detail_f2f2f2 {
    margin-top: 15px;
    padding: 20px 0;
    background-color: #f2f2f2;
}

.wrap_detail_f2f2f2 .comment_box {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.wrap-lien-quan-product {
    background-color: #fff;
}

.btn-nhanbaogia1 {
    font-size: 20px;
    font-weight: 500;
    border-radius: 6px;
    padding-left: 20px;
    padding-right: 20px;
}

.btn-nhanbaogia1 .icon_contact_ct {
    position: relative;
    top: 3px;
}
.btn-nhanbaogia1:hover {
    background-color: rgb(39, 39, 42);
}

.btn-primary.btn-2 {
    font-size: 20px;
    font-weight: 500;
    border-radius: 6px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: rgb(39, 39, 42);
}

.btn-primary.btn-2:hover {
    border-color: #eb4434;
    background-color: #eb4434;
}

.form_in_menu_copy {
    overflow: hidden;
    padding: 40px 0;
}

.form_in_menu_copy .search-wp {
    margin: 0 auto;
    float: none;
}
.search-produc-form
.social-sharing {
    margin-bottom: 5px;
    font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.social-sharing a {
    display: inline-block;
    color: #fff;
    border-radius: 2px;
    margin: 0 1px 3px 0;
    height: 22px;
    line-height: 22px;
    text-decoration: none;
    font-weight: normal;
    margin-right: 2px;
}

.share-facebook {
    background-color: #3b5998;
}

.share-twitter {
    background-color: #00aced;
}

.share-pinterest {
    background-color: #cb2027;
}

.share-linkedin {
    background-color: #0077b5;
}

.social-sharing * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.share-title {
    font-weight: 900;
    font-size: 12px;
    padding-right: 10px;
}
.social-sharing span {
    display: inline-block;
    vertical-align: top;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    font-weight: 300;
}

.owl-carousel {
    display: block;
}

.doisoatform {
    padding: 30px;
}

.icon_flag_en {
    display: block;
    width: 28px;
    height: 18px;
    background-image: url('../images/flag_en.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.icon_flag_vi {
    display: block;
    width: 28px;
    height: 18px;
    background-image: url('../images/flag_vi.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.service_item_link {
    text-decoration: none !important;
    color: rgb(85, 85, 85);
    padding: 20px;
    display: block;
    background-color: #fff;
    height: calc(100% - 50px);
}

.service_item_heading {
    color: #000;
    font-size: 24px;
    line-height: 1.3;
}

.btn_in_item {
    text-decoration: none !important;
    background-color: #027ec7;
    color: #fff !important;
    display: block;
    padding: 10px 15px;
    font-size: 18px;
}

.btn_in_item svg {
    font-size: 28px;
    float: right;
    margin-top: -3px;
}

.dichvu_page,
.tintuc_page {
    background-color: rgb(244, 245, 246);
}

.service_item:hover {
    outline: 2px solid transparent;
    outline-offset: 2px;
    box-shadow: 0 0.063rem 1.5rem rgba(0, 0, 0, 0.25);
    -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
}

.lienhe_page .site_footer,
.dangky_page .site_footer,
.chitietdichvu_page .site_footer,
.chitiettintuc_page .site_footer {
    margin-top: 20px;
    border-top: 1px solid #ccc!important;
}

.list_post_relative {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

.list_post_relative .square {
    margin-right: 5px;
}

.list_post_relative li + li {
    margin-top: 5px;
}

.list_post_relative li a {
    color: #000;
}

.list_post_relative li a:hover {
    text-decoration: none;
    color: #fe0000;
}

.square {
    height: 12px;
    width: 12px;
    background-color: #022b60;
    display: inline-block;
}

.relative_post ._design_title_2 {
    padding-bottom: 0;
    font-size: 20px;
    color: #000 !important;
}

.wrap-lien-quan {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    background-color: #fff;
    margin-bottom: 20px;
    margin-top: 25px;
}

.cong-ty-dan-dau_item {
    display: block;
    height: 100%;
    text-decoration: none !important;
}

.name_cong_ty {
    position:absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    background-color: rgba(2, 126, 199, .8);
    padding: 10px 15px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    transition: all .3s;
}

.name_cong_ty svg {
    float: right;
    margin-top: 2px;
    font-size: 24px;
}

.mieutangan_cong_ty {
    color: rgb(10, 3, 0);
    font-weight: bold;
    line-height: 1.4;
    font-size: 20px;
    margin-top: 20px;
}

.cong-ty-dan-dau_item:hover .name_cong_ty {
    background-color: rgba(2, 126, 199, 1);
}

.effect_img_zoom {
    overflow: hidden;
}
.effect_img_zoom img {
    transition: all .2s ease-out;
}
.effect_img_zoom:hover img {
    transform: scale(1.1)!important
}

.effect_img_zoom_2 > div {
    overflow: hidden;
}
.effect_img_zoom_2 img {
    transition: all .2s ease-out;
}
.effect_img_zoom_2:hover img {
    transform: scale(1.1)!important
}

.btn_view_all_1 {
    color: #c5171b;
    font-weight: bold;
    font-size: 18px;
}
.btn_view_all_1 svg {
    font-size: 20px;
}
.btn_view_all_1:hover {
    text-decoration: none;
    color: #027ec7;
}

.parner_item_giamatnet_img {
    max-height: 60px;
    object-fit: cover;
}
.hotro_left {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.hotro_left .title_congtydandau {
    text-align: left;
}

.hotro_item {
    overflow: hidden;
    clear: both;
    float: none;
    margin-bottom: 15px;
    background-color: #fff;
    padding: 10px;
    border-radius: 6px;
}

.hotro_item_images {
    width: 96px;
    float:left;
}

.hotro_item_content {
    float: left;
    width: calc(100% - 96px);
    padding-left: 10px;
    color: rgb(85, 85, 85);
    font-size: 16px;
}

.hotro_item_title {
    display: block;
    color: #000;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 24px;
    text-decoration: none !important;
}
.hl-item {
    position: relative;
}
.overlay_slider {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: absolute;
    z-index: 10;
    top: 0;
    width: 50%;
}
.overlay_slider_inner {
    color:#fff;
}

.overlay_slider .tieude {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.overlay_slider .tieude1 {
    font-size: 60px;
    font-weight: bold;
    line-height: 1.3;
}
.overlay_slider .mieutangan {
    font-size: 16px;
    line-height: 1.3;
}
.overlay_slider .btn_hl_2 {
    background: #fff;
    color: #000;
    text-transform: capitalize;
    font-weight: bold;
    border-color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    transition: all .3s;
}

.overlay_slider .btn_hl_2:hover {
    opacity: .8;
}

.wrap-intro_home .btn_view_all_2 {
    background: #c5171b;
    border-radius: 5px;
    color: #fff;
    text-transform: capitalize;
    font-weight: bold;
    border-color: #c5171b;
    font-size: 16px;
    padding: 10px 20px;
    transition: all .3s;
    display: inline-block;
}

.wrap-intro_home .title_congtydandau {
    color: #fff;
}

.wrap-intro_home .btn_view_all_2:hover {
    opacity: .8;
    text-decoration: none;
}

.intro_home_left {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

@media(min-width:1400px) {
    .col-cxl-5 {
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media only screen and (max-width:1199px) {
    .form-item-1 {
        width: 42%;
    }
    .form-item-2 {
        width: 100%;
    }
    .hl-menu-toggle-plugin_nav_heading strong {
        font-size: 15px;
    }
    .product_list.product-col-4,
    .product_list.product-col-5,
    .product_list.product-col-6 {
        grid-template-columns: repeat(3, minmax(140px, 1fr));
    }
    .full-product-list .product_list.product-col-4 {
        grid-template-columns: repeat(4, minmax(140px, 1fr));
    }
    .full-product-list .product_list.product-col-5 {
        grid-template-columns: repeat(4, minmax(140px, 1fr));
    }
}

@media (min-width:1121px) {
    .main_menu > li > a:before {
        left: 0;
    }
}

@media (max-width:1120px) {
    
}

@media (min-width:992px) {
    .partner_box  .title_congtydandau{
        text-align: left;
    }
    .site_logo_fixed {
        position: absolute;
        left: 10px;
        top: 4px;
        z-index: 9999;
    }
    .site_logo_fixed img {
        height: 60px;
    }
    .hl-fixed-menu-kaka .site_logo_fixed {
        display: inline-block;
    }
    .full_menu_des {
        padding-left: 215px;
    }
    .sub-menu-top {
        visibility: hidden;
        opacity: 0;
        margin: 0;
        min-width: 140px;
        position: absolute;
        left: 0;
        box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
        z-index: 99;
        transform: translate(0, 20px);
        border-radius: 4px;
        top: calc(100% + 1px);
        padding-left: 0;
        background-color: #fff;
        transition: opacity .2s ease-out;
        padding: 12px;
    }

    .sub-menu-top:before {
        content: '';
        position: absolute;
        left: 0;
        top: -4px;
        width: 100%;
        right: 0;
        height: 5px;
    }

    .sub-menu-top:after {
        bottom: 100%;
        left: 20%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 6px;
        margin-left: -6px;
    }

    .no-touch .top-links > li:hover>ul {
        visibility: visible;
        opacity: 1;
        transform: translate(0, 0);
    }

    .sub-menu-top li {
        display: block;
        float: none;
        margin-bottom: 5px;
    }

    .top-links li > a:hover {
        color: #fff;
    }

    .top-links li li > a:hover {
        color: #d0292a;
    }

    .main_slider_type_2 {
        height: 384px;
    }
    .inner_main_slider_type_2 .slick-slide img {
        height: 384px;
        object-fit: cover;
        width: 100%;
    }
    
    .full_menu_des .main_menu {
        width: 100%;
    }
    .full_menu_des .main_menu li {
        text-align: left
    }
    .full_menu_des .main_menu>li>a {
        padding-left: 22px;
        padding-right: 22px;
    }
    
    .history_slider_item .first.col-lg-6 {
        padding-right: 7.5px
    }
    .history_slider_item .seconds.col-lg-6 {
        padding-left: 7.5px
    }
    .topbarpage.type-3,
    .topbarpage.type-4 {
        display: none
    }
    .hl-pl-small {
        padding-left: 15px
    }
    .kaka_intro {
        padding-left: 0
    }
    .kaka_intro_1 {
        padding-right: 0
    }
    .main_slider_type_2 .hl-slider-box {
        padding-bottom: 0;
        height: 384px
    }
    .no-touch .site_footer .info .item a:hover {
        opacity: .8
    }

    .no-touch .product_list.has-slider .owl-nav button:hover {
        opacity: .7
    }
    .no-touch .product_list.has-paging-slider .owl-nav button:hover {
        opacity: .7
    }
    .no-touch .daingkynhantin #gui_email:hover {
        opacity: .7
    }
    .no-touch .list_social_footer a:hover {
        opacity: .8
    }
    .no-touch #back-to-top:hover {
        opacity: .7
    }
    .main_category_menu {
        height: 384px
    }
    .hl-slider-box.type_1 {
        padding-bottom: 0;
        height: 384px
    }
    .main_category_menu .main_category_menu_ul li.menu-item.has-chidren>a>.js-icon {
        display: none
    }
    .main_category_menu .main_category_menu_ul li.menu-item.has-chidren:hover>.submenu {
        display: block
    }
    .main_slider_type_2 .col-lg-3 {
        padding-right: 0
    }
    .no-touch .video_item_img:hover .video_overlay_img>.inner {
        bottom: 0;
        background-color: rgba(0, 0, 0, .5)
    }
    .no-touch .service_item_img:hover .service_overlay_img>.inner {
        bottom: 0
    }
    .no-touch .nav-tabs-account li a:hover {
        text-decoration: none;
        opacity: .7
    }
    .main_menu ul {
        transition: opacity .2s ease-out
    }
    .main_menu > li > ul.sub-menu:before {
        content: '';
        position: absolute;
        left: 0;
        top: -4px;
        width: 100%;
        right: 0;
        height: 5px;
    }

    .main_menu > li > .sub-menu ul.sub-menu:before {
        content: '';
        position: absolute;
        left: -4px;
        width: 5px;
        height: 100%;
    }

    .btn_toggle_menu {
        display: none
    }
    .site_header .site_logo {
        display: none
    }
    .no-touch .main_menu ul li:hover>ul {
        transform: translate(0, -35px)
    }
    .no-touch .main_menu li:hover>ul {
        visibility: visible;
        opacity: 1;
        transform: translate(0, 0)
    }
    .no-touch .product_item .product_item_img:hover:before {
        box-shadow: 0 0 0 10px #fff inset
    }
    .no-touch .sidebar_post_item:hover .sidebar_post_txt {
        text-decoration: underline!important
    }
   
    .no-touch .post_large_img:hover .post_large_overlay_img {
        opacity: 1
    }
    .main_category_menu .submenu {
        background-color: #fff;
    }
    .main_category_menu .submenu .submenu_ul li {
    }
    .no-touch .post_item_home.type_video .overlay_video:hover {
        background-color: rgba(0, 0, 0, .2)
    }
    .no-touch .service_home_type_3_item_link:hover .service_home_type_3_item_txt {
        opacity: 0
    }
    .no-touch .service_home_type_3_item_link:hover .service_home_type_3_item_img {
        transform: scale(1.05)
    }
    .no-touch .type_highlight:hover .product_item_img img {
        transform: scale(1.05)
    }
    .no-touch .product_item:hover .product_item_img img {
        transform: scale(1.05)
    }
    .no-touch .category_product_item:hover img {
        transform: scale(1.05)
    }
    .main_category_menu:before {
        position: absolute;
        z-index: 0;
        left: 0;
        right: -14px;
        bottom: 0;
        top: 0;
        content: '';
        background-color: #fff;
    }
    .sms {
        display: none
    }
    .wrap-intro_home.type-4 .intro_home_heading.hl-pl-small {
        padding-right: 15px
    }
    .service_home {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .main_menu > li > a {
        position: relative;
    }
    
    .main_menu > li > a:before {
        position: absolute;
        top: 50%;
        margin-top: -4px;
        right: 17px;
        height: 8px;
        width:  8px;
        border-radius: 50%;
        background-color: #a15641;
        z-index: 1;
    }
}

@media (max-width:991px) {
    .overlay_slider {
        width: 60%;
        padding: 15px;
    }
    .overlay_slider .text-left.mt-4.mb-4 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .overlay_slider .tieude,
    .overlay_slider .mieutangan {
        display: none;
    }
    .overlay_slider .tieude1 {
        font-size: 24px;
    }

    .overlay_slider .btn_hl_2 {
        padding: 6px 15px;
    }
    
    .hotro_left {
        padding-bottom: 20px;
    }
    .site_header_inner {
        text-align: center;
    }
    .title_page_rightsidebar1 {
        font-size: 30px;
    }
    .form_in_menu {
        display: none;
    }
    .gioi-thieu-2-home {
        padding: 30px 0;
    }
    .intro_2_home_title {
        font-size: 24px;
    }
    .intro_home_title {
        font-size: 24px;
    }
    .main_menu > li:before {
        display: none;
    }
    .wrap-intro_home {
        padding: 25px 0 20px;
    }
    .main_category_menu .main_category_menu_ul {
        margin-right: 0;
    }
    .tabs_products .nav-tabs {
        overflow: auto;
        white-space: nowrap;
        flex-wrap: nowrap;
    }
    .main-slider-full .slick-prev,
    .main_slider_type_2 .main-slider-full .slick-prev {
        left: 0;
    }
    .post_large_details_top .skin-obj {
        margin-bottom: 15px
    }
    .img-tamnhin {
        margin-bottom: 15px
    }
    .tamnhin_sumenh_giatri .nav-tabs .nav-item img {
        height: 20px
    }
    .history-company .bk-container-fluid {
        padding-left: 15px;
        padding-right: 15px
    }
    
    .duan_item_title {
        bottom: 0
    }
    .form-register-footer-1 .col-lg-6.pr-0 {
        padding-right: 15px!important
    }
    .form-register-footer-1 .col-lg-6.pl-0 {
        padding-left: 15px!important
    }
    .form-register-footer-1 .col-lg-6.pl-0 .inner-input-footer-form,
    .form-register-footer-1 .col-lg-6.pr-0 .inner-input-footer-form {
        padding-left: 0;
        padding-right: 0
    }
    .testimonals_client-ct {
        background-position: 50%
    }
    .hl-space-module.hl-space-module-mb-none {
        height: 0!important
    }
    .page_heading .breadcrumb {
        overflow: auto;
        white-space: nowrap;
        flex-wrap: nowrap
    }
    .area_promotion {
        margin-top: 15px
    }
    .menu_mobile .main_menu li a {
        border-bottom: 1px dotted rgba(225, 225, 225, .5)
    }
    
    #banner_top_page {
        padding-left: 0;
        padding-right: 0
    }
    #banner_top_page img {
        width: 100%
    }
    
    .main_category_menu .main_category_menu_heading {
        margin-right: 0;
        margin-bottom: 10px
    }
    .main_category_menu .main_category_menu_ul li.menu-item.has-chidren>a:before {
        display: none
    }
    .main_category_menu .submenu {
        position: static
    }
    .main_category_menu .submenu li a {
        text-indent: 20px
    }
    .footer_col_1,
    .footer_col_2 {
        margin-bottom: 15px
    }
    .list_social_footer {
        margin-top: 15px;
        text-align: left
    }
    .site_logo .img_logo {
        height: 50px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .site_header .btn_search {
        top: 18px
    }
    .site_header .btn_toggle_menu {
        position: absolute;
        top: 4px;
        left: -10px;
        z-index: 1;
        text-decoration: none!important;
        fill: #1d1e20;
        display: inline-block;
        padding: 0;
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 0;
        line-height: 0;
        background-position: 50%;
        background-repeat: no-repeat;
        padding: 15px;
    }
    .menu_mobile {
        display: none;
        opacity: 0;
        position: fixed;
        z-index: 99999;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }
    .menu_mobile .main_menu {
        float: none;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        position: relative
    }
    .menu_mobile .main_menu li {
        display: block;
        clear: both
    }
    .menu_mobile .main_menu li.form_in_menu {
        display: none;
    }
    .menu_mobile .main_menu li a {
        display: block;
        color: #fff;
        position: relative;
        padding: 12px 10px;
        font-size: 16px;
    }
    .menu_mobile .main_menu li a i {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 4px;
        padding: 11px 10px;
        font-size: 20px;
    }
    .menu_mobile .main_menu li.cart_link  a i {
        margin-top: 0;
    }
    .menu_mobile .main_menu ul {
        display: none;
        max-width: initial;
        width: 100%;
        position: static;
        visibility: visible;
        opacity: 1;
        transform: translate(0, 0);
        border: 0;
        box-shadow: none;
        border-radius: 0
    }
    .menu_mobile .main_menu>li>ul.sub-menu>li>a {
        padding-left: 25px
    }
    .menu_mobile .main_menu>li>ul.sub-menu>li>ul.sub-menu>li>a {
        padding-left: 35px
    }
    .main_menu ul:after {
        display: none
    }
    .main_menu ul li {
        border: 0
    }
    .btn_close_menu_mobile {
        position: absolute;
        top: 0;
        right: 0;
        color: #fff!important;
        text-decoration: none!important;
        font-size: 14px;
        z-index: 9999;
        padding: 12px
    }
    .main_menu ul li a i {
        margin-top: 0;
        transform: rotate(0)
    }
    .product_list.product-col-3,
    .product_list.product-col-4,
    .product_list.product-col-5,
    .product_list.product-col-6 {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }

    .full-product-list .product_list.product-col-4 {
        grid-template-columns: repeat(3, minmax(140px, 1fr));
    }
    .full-product-list .product_list.product-col-5 {
        grid-template-columns: repeat(3, minmax(140px, 1fr));
    }

    .product_list.has-slider .product_item {
        width: 100%
    }
    .product_list.list-view .product_item .product_item_img {
        width: 100px;
        padding-bottom: 100px
    }
    .product_list.list-view .product_item .product_item_desc {
        width: calc(100% - 100px)
    }
    .main_category_menu {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .main_category_menu_ul {
        display: none
    }
    .inner_main_slider_type_2 {
        border: 0
    }
    .inner_main_slider_type_2 .col-lg-9 {
        padding-left: 0;
        padding-right: 0
    }
    .main_slider_type_1 .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
    .main_slider_type_2 {
        margin-top: 0
    }
    .product_category_box .col-25 {
        width: 50%
    }
    .policy_box .inner {
        border-bottom: 0
    }
    .policy_box .col-md-6:nth-child(1),
    .policy_box .col-md-6:nth-child(2) {
        border-bottom: 1px solid #ebebeb
    }
    .fixed-right-menu {
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        top: auto;
        transform: translate(0, 0);
        background-color: #fff;
        box-shadow: 0 -4px 8px rgba(29, 36, 62, .2);
        padding-top: 5px;
        padding-bottom: 5px
    }
    .fixed-right-menu ul {
        font-size: 0;
        line-height: 0
    }
    .fixed-right-menu li {
        float: none;
        display: inline-block;
        width: 20%;
        font-size: 16px;
        line-height: 23px
    }
    .fixed-right-menu li a .text {
        display: none
    }
    .fixed-right-menu li a .icon {
        width: 30px;
        height: 30px
    }
    .fixed-right-menu li a.item {
        background-color: transparent!important
    }
    .fixed-right-menu li a.item:hover {
        padding-right: 0
    }
    .fixed-right-menu ul {
        margin-bottom: 0;
        padding-left: 0;
        text-align: center
    }
    .fixed-right-menu li a .icon {
        margin: 0 auto
    }
    #back-to-top {
        bottom: 48px;
        border-radius: 50%
    }
    .wrap-intro_home.type-2 .intro_home_heading {
        padding-top: 20px;
    }
    .mb-pd-intro {
        padding-left: 15px;
        padding-right: 15px
    }
    .wrap-service_home>.container-fluid {
        padding-left: 0;
        padding-right: 0
    }
    
    .wrap-intro_home.type-1 .inner,
    .wrap-intro_home.type-2 .inner,
    .wrap-intro_home.type-3 .inner {
        display: block;
    }
    .wrap_cat_brand_link {
        margin-bottom: 15px;
    }
    .list_tags_pro {
        margin-bottom: 5px;
    }
    .heading_5 {
        font-size: 20px;
    }
    .menu_mobile > .main_menu > li.active > a {
        background: rgba(225,225,225,.4);
    }
    .thanks_box h3.text-uppercase {
        font-size: 20px;
        padding-bottom: 8px;
    }
    
    .cart_link.type_mobile_kaka {
        height: 38px;
    }
    .cart_link.type_mobile_kaka a {
        border-bottom: 0 !important;
        display: inline-block !important;
        position: relative;
        height: 38px;
        padding-left: 28px !important;
        top: 6px;
    }
    .menu_mobile .main_menu li a i.icon_mdk {
        right: auto;
        left: 0;
    }
    .menu_mobile .main_menu > li > a {
        padding-left: 15px;
    }
}

@media (min-width: 768px) {
    .reset_right_col {
        padding-left: 0;
    }
    .post_large_desc {
        padding-left: 0;
    }
    .post_details_page .post_large_desc,
    .chitiettintuc_page .post_large_desc {
        padding-left: 15px;
    }
}

@media (max-width:767px) {
    .overlay_slider {
        width: 80%;
    }
    .title_congtydandau {
        font-size: 28px;
    }
    .congtydan_dau_content .col-md-4 + .col-md-4 {
        margin-top: 20px;
    }
    .kiemduyet_box {
        float: left;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .top-links li {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .form-dang-ky-global {
        padding: 30px 0;
    }
    .project_comp,
    .testimonals_client-ct,
    .partner_box {
        padding-top: 30px;
        padding-top: 30px;
    }
    .intro_service_product.news_type {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .danhmucsanpham_home_widget {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .tamnhin_sumenh_giatri .nav-tabs .nav-item {
        vertical-align: top
    }
    .tamnhin_sumenh_giatri .nav-tabs .nav-item .nav-link {
        padding-left: 5px;
        padding-right: 5px
    }
    .tamnhin_sumenh_giatri .nav-tabs .nav-item h2,
    .tamnhin_sumenh_giatri .nav-tabs .nav-item span {
        font-size: 15px;
        padding-left: 5px;
        padding-right: 5px
    }
    #business h2 {
        font-size: 16px
    }
    .heading_2,
    .pricing-table .pt-header .pt-header-title {
        font-size: 16px
    }
    .linhvuchoatdong__title .title h2 {
        font-size: 16px
    }
    .policy_item .policy_text .heading {
        font-size: 16px
    }
    .data-phu-luc-append {
        margin-top: 10px;
        width: 100%;
        position: static!important;
        visibility: visible!important
    }
    .hl_swiper.swiper-container {
        width: 100%
    }
    .tienich .swiper-button-next,
    .tienich .swiper-button-prev {
        width: 24px
    }
    .director_box h2 {
        font-size: 16px
    }
    .see_all_widget {
        display: none
    }
    
    .site_footer .daingkynhantin .text {
        width: 230px
    }
    .site_footer .daingkynhantin #gui_email {
        position: relative;
        left: -2px
    }
    .policy_box .col-md-6:nth-child(3) {
        border-bottom: 1px solid #ebebeb
    }
    .wrap-intro_home.type-2 .inner {
        display: block
    }
    .product_box.home_widget {
        padding: 30px 0 30px 0;
    }
    .product_box.home_widget_1 {
        padding: 20px 0 0 0
    }
    .notify_comp_left {
        text-align: center
    }
    .top-links {
        float: none;
        text-align: center;
        margin-top: 5px;
        margin-right: 0
    }
    .btn-group-bottom {
        margin-top: 10px
    }
    .hl-table table td,
    .hl-table table th {
        text-align: left;
        border-bottom: 0
    }
    .hl-table table {
        border-width: 0 0 1px 0
    }
    .hl-table table,
    .hl-table table tbody,
    .hl-table table td,
    .hl-table table th,
    .hl-table table thead,
    .hl-table table tr {
        display: block
    }
    .hl-table thead {
        position: absolute;
        left: -9999px;
        overflow: hidden;
        width: 0;
        height: 0
    }
    .hl-table tbody tr:nth-child(2n+1) {
        background-color: #f8f9fa
    }
    .hl-table tbody tr td::before {
        content: attr(data-title)
    }
    .hl-table tbody tr td::before {
        display: inline-block;
        width: 34%;
        min-width: 100px;
        margin-right: 10px;
        font-weight: 700
    }
    .hl-table table th {
        position: absolute;
        left: -9999px;
        overflow: hidden;
        width: 0;
        height: 0
    }
    .hl-table.type-2 table {
        border-width: 2px 2px 3px 2px!important
    }
    .hl-table.type-2 tbody tr {
        background-color: #f8f9fa
    }
    .cart-page-box .price .normal_price,
    .cart-page-box .price .sale_price {
        display: inline-block
    }
    .hl-table.type-2 .total-cart-final td {
        text-align: left!important
    }
    .post_large_txt {
        font-size: 16px
    }
    .post_large_txt h1,
    .post_large_txt h2 {
        font-size: 16px
    }
    .post_large_txt.limit_line {
        max-height: 42px
    }
    .post_large_txt.limit_line>h2 {
        max-height: 42px
    }
    .main-slider-full .slick-arrow {
        height: 40px
    }
    .info .item {
        font-size: 14px;
        margin-bottom: 6px
    }
    .heading_1,
    .heading_4,
    .service_home_type_3_title .title {
        font-size: 20px;
    }
    .policy_box,
    .is_normal_video {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .category_product_item .txt {
        font-size: 14px
    }
    .hl-slider-desc,
    .hl-slider-link {
        display: none
    }
    .hl-slider-title {
        font-size: 18px;
        margin-bottom: 0
    }
    .inner_main_slider_type_2 .hl-slider-title {
        font-size: 18px;
        margin-bottom: 0
    }
    .intro_service_product,
    .service_home_type_3 {
        padding: 30px 0 30px 0;
    }
   
    .call-btn .circle {
        height: 100px;
        width: 100px;
        left: 20px;
        top: 20px
    }
    .call-btn .circle-fill {
        height: 66px;
        left: 34px;
        top: -9px;
        width: 66px
    }
    .call-btn .img-circle {
        height: 45px;
        left: 45px;
        top: 2px;
        width: 45px
    }
    .call-btn .call-link img {
        padding: 0;
        height: 29px
    }
    .call-btn {
        height: 48px;
        width: 195px;
        bottom: 5px;
        left: -36px
    }
    .call-btn .phone-number {
        margin-top: -13px;
        left: 55px;
        font-size: 14px;
        height: 30px;
        width: 146px
    }
    .call-btn .call-link img {
        left: 6px;
        top: 6px
    }
    .service_home_type_3_item_txt .text,
    .category_product_item.cat-0 .txt {
        font-size: 16px;
    }
    .tabs_products .nav-tabs>li>a {
        font-size: 13px;
    }
    .text_comment {
        display: none;
    }
    .reviews_detail .right {
        width: 10%;
    }
    .reviews_detail>div.diem {
        border-right: 0;
    }
    .hl_item_post .desc {
        display: none;
    }
    .full-product-list .product_list.product-col-4,
    .full-product-list .product_list.product-col-5 {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }
    .table_product_client .feature_product {
        max-width: 120px;
    }
    .thanks_box .table_product_client.hl-table tbody tr td::before {
        width: 127px;
        text-align: right;
    }
    .modal-1 .close {
        right: 5px;
        top: -35px;
    }
    .zalo-chat-btn {
        left: 3px;
        bottom: 64px;
    }
}

@media (max-width:575px) {
    .service_item {
        margin-bottom: 15px
    }
    .product_list.product-col-3,
    .product_list.product-col-4,
    .product_list.product-col-5,
    .product_list.product-col-6,
    .full-product-list .product_list.product-col-4,
    .full-product-list .product_list.product-col-5 {
        grid-template-columns: repeat(1, minmax(140px, 1fr));
    }
    .name_product {
        font-size: 16px;
    }
}

@media (max-width:480px) {
    .btn-nhanbaogia1,
    .btn-primary.btn-2 {
        margin-bottom: 5px;
        width: 100%;
    }
    .custom_link.footer_list_link li {
        float: none;
        width: 100%;
    }
    .du-an-target ul {
        overflow: auto;
        white-space: nowrap;
        flex-wrap: nowrap;
    }
    .du-an-target li a {
        font-size: 12px;
        padding: 8px 5px
    }
    .hl-phu-luc-cloned {
        display: none!important
    }
    .btn-group-bottom .btn {
        float: none!important;
        width: 100%;
        margin-top: 5px
    }
    .btn-group-bottom {
        text-align: center
    }
    .price .sale_price {
        font-size: 15px
    }
    .inner_news .sub_title_news {
        font-size: 13px
    }
    .hl_item_post_left,
    .hl_item_post_right {
        width: 100%;
        float: none;
        clear: both;
    }
    .hl_item_post_right {
        padding-left: 0;
    }
    .hl_item_post_left .intro_service_product_item {
        margin-bottom: 10px;
    }
    .hl_item_post .title_news a {
        max-height: initial;
        -webkit-line-clamp: initial;
    }
    .soft-product-form #soft-product-sl {
        max-width: 196px;
    }
}

@media (max-width:360px) {
    .post_large_date {
        letter-spacing: -1px
    }
}

@media print {
    #site_footer,
    #site_header,
    .breadcrumb,
    .btn-print,
    .call-btn,
    .infor_checkout,
    .notify_comp,
    .support-box.fixed-right-menu,
    .zalo-chat-btn,
    .banner_heading_page {
        display: none
    }
}