/*
Theme Name: Flatsome Child
Description: NamKiem developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.11.3
*/

/* --primary-color: #efbb6a;
    --fs-color-primary: #efbb6a;
    --fs-color-secondary: #676767;
    --fs-color-success: #e6b466;
    --fs-color-alert: #b20000;
    --fs-experimental-link-color: #000000;
    --fs-experimental-link-color-hover: #ff914d; */

/*************** ADD CUSTOM CSS HERE.   ***************/
/* body,html{
		font-size:90%;
} */
:root{
	--fs-color-primary: #004aad;
    --fs-color-secondary: #ff914d;
	--slide-img-h:400px;
}

/* ul#menu-vertical-menu,.slide-img-banner img{min-height: var(--slide-img-h) ;max-height: var(--slide-img-h)}
.img-banner-right{min-height: cacl(var(--slide-img-h)/2);max-height: cacl(var(--slide-img-h)/2)} */
#wide-nav>.flex-row>.flex-col:last-child{max-width:25%}
.icon-box-img svg path,.icon-box-img svg {
    fill: var(--fs-color-primary ) !important ;
}

. .rowslide .row-small>.col {padding: 0 10px 8px }
.row__column {
  padding: 10px; /* Khoảng cách giữa các cột */
}

.row__column--20 {
  flex: 0 0 20%; /* Chiếm 20% độ rộng */
}

.row__column--80 {
  flex: 0 0 80%; /* Chiếm 80% độ rộng */
}

.news-sale__title {
  font-size: 14px;
  font-weight: bold;
}

.news-sale__content {
  font-size: 16px;
}
.category-page-row .products.row {
    margin: 10px auto
}



.rowslidenew {
    margin: 8px auto
}

.list-du-an{margin-top:10px}

.colslidenew .col {
    padding: 4px 8px !important
}



.product-small .box-image,
.post-item .box-image {
    border-bottom: solid 2px #fd6e1d;
    border-radius: 8px;
}

.list-sp .col-inner,
.product-category .col-inner {
    margin-right: auto;
    margin-left: 0;
    border: solid 1px #ccc;
    border-radius: 10px;
}

.title-wrapper>.woocommerce-loop-product__title>a,
.post-item .post-title {
    font-weight: 600;
    color: #004aad !important;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box.product-small .price del span,
.box.product-small .price {
    margin-top: 10px;
    font-size: 14px;
    color: #f59000
}

.box.product-small .price ins span {
    color: #ff914d;
    font-size: 17px
}

.product-category .header-title {
    min-height: 40px
}

.product-category .box-image img,
.product-small .box-image img {
    object-fit: contain;
}

.slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg {
    height: 60px;
    background: #f59000ab;
    border-radius: 8px;
}
.pro-category{margin-left:10px}
.pro-category{padding: 0px 10px;}
/* .slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg  {height: 60px;     background: #f59000ab;     border-radius: 0px 8px 7px 0px;} */
.pro-category .flickity-page-dots {
    margin-bottom: -40px;
}

.pro-category .flickity-page-dots .dot.is-selected {
    background-color: #004aad;
    opacity: 1 !important;
    width: 36px;
    border-radius: 10px;
}

.pro-category .flickity-page-dots .dot {
    border: 2px solid #004aad;
    width: 8px;
    height: 8px
}

.price-wrapper .price .amount {
    color: var(--fs-second-color);
    font-size: 14px;
    margin: 8px auto
}

.has-shadow>.col>.col-inner,
.post-item .col-inner,
.post-item .box {
    background-color: #fff;
    border-radius: 10px;
}

.sec-slide img,
.post-item img {
    border-radius: 8px;
}

.post-item .box-text {
    padding: 20px 16px
}

.row.danhmuc-nho .product-category.col {
    padding: 0 7px 10px;
}

.product-category .col,
.product-category .box {
    border-radius: 10px;
}

.block-hotline a {
    padding-right: 10px;
}

.khuyen-mai .content_km ul li {
    font-size: 13px;
}

.block_title .title_cat span {
    font-size: 20px;
}

.tabbed-content .nav-tabs>li.active>a,
.slider-section .tieu-de,
.icon_cat {
    background: #004aad;
}

.shop-page-title .title-overlay {
    background: transparent;
}


.archive .product-small.col {
    padding: 5px;
}

.archive .product-small.col img {
    padding: 5px;
    object-fit: contain;
}

.camket_prd ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.camket_prd ul li {
    margin-bottom: 15px;
}

.camket_prd span:first-child {
    width: 50px;
}

.single-product .product-info .call_now {
    color: #ff4200;
    font-family: Roboto-Bold;
    padding: 20px 0;
    font-weight: 700;
    font-size: 18px;
}

/* Demo */
h2.title_cat1 {
    margin: 0;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    padding: 10px 30px;
    background: #004aad;
    color: #fff;
    position: relative;
    z-index: 9;
    width: auto;
}

h2.title_cat1:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 23px;
    right: -23px;
    background-color: inherit;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: skew(23deg);
    -moz-transform: skew(23deg);
    -ms-transform: skew(23deg);
    -o-transform: skew(23deg);
    transform: skew(23deg);
    z-index: -1;
    border-top-right-radius: 5px;
}

/* h2.title_cat1:after{
		position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: -23px;
    right: 23px;
    background-color: inherit;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: skew(-23deg);
    -moz-transform: skew(-23deg);
    -ms-transform: skew(-23deg);
    -o-transform: skew(-23deg);
    transform: skew(-23deg);
    z-index: -1;
    border-top-left-radius: 5px;
} */
.block_title1 {
    border-bottom: 3px solid #014aad;
    position: relative;
}

.block_title1 .icon_cat {
    top: 106%
}

h5.post-title.is-large {
    color: #004aad;
}

.top-sli .col.large-3.medium-3.small-6.item {
    color: #004aad;
}

.TextCaptions .item.is-nav-selected::after {
    background-color: #004aad !important;
}

.buttons_added .is-form,
.buttons_added input[type='button'].is-form {
    background-color: #03a9f4;
    color: #fff;
}

.searchform .button.icon {
    background-color: transparent;
    /*     left: -32px; */
    color: #004aad;
    box-shadow: none;
    border: none;
}

.box.list-sp .image-cover img {
    padding: 8px;
}

.danhmuc-nho .large-2 {
    max-width: 20%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 20%;
}

.danhmuc-nho .box-text.text-center {
    background: #004aad;
    font-size: 12px;
    padding: 5px;
}

.danhmuc-nho .box-text.text-center h5.uppercase.header-title {
    color: #fff;
}

.danhmuc-nho .box-text p {
    display: none;
}

.tabbed-content .nav-tabs>li:not(.active):hover>a {
    background: #ff914d;
    color: #fff;
}

.list-post-1 .post-item .post-title:hover {
    color: #ff914d;
}

.row-headd img {
    width: 100%;
    height: 45px;
    object-fit: contain;
    top: -5%;
    position: absolute;
}

h5.post-title.is-large:hover,
.danhmuc-nho .box-text.text-center h5.uppercase.header-title:hover,
.box.list-sp .product-title a:hover {
    color: #ff914d;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    color: #ff914d !important;
}

.top-sli .col.large-3.medium-3.small-6.item:hover {
    color: #ff914d;
}

.heed .large-12 {
    padding: 0;
}

.list-post-1 {
    border: 1px solid #004aad;
}

ul#menu-menu-danh-muc li,
ul#menu-menu-ho-tro li {
    border: none;
    list-style: disc;
}

aside#block_widget-2 .is-divider {
    display: block;
}

.icon-box.featured-box.shopp123.icon-box-left.text-left {
    color: #ff914d;
}

.icon-box.featured-box.shopp123.icon-box-left.text-left p {
    color: #004aad;
    margin: 0;
}

.shopp123 .icon-box-text.last-reset {
    margin-top: auto;
    margin-bottom: auto;
}

.shopp123 .icon-inner {
    height: 45px;
}

.news_sale_title.text-center {
    padding: 8px 20px;
    background: #f15a25;
    color: #fff;
    border-radius: 20px;
}

.blog-list .col.post-item a {
    animation: marquee 5s linear infinite;

    position: absolute;
    overflow: hidden;
    display: block;
}

@keyframes marquee {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}

marquee a {
    margin: 25px;
}

marquee a:hover {
    color: #ff914d;
}

#comments {
    display: block !important;
}

span.widget-title.shop-sidebar {
    color: #fff;
    font-family: Roboto-Bold;
    background: #014aad;
    border-radius: 6px 6px 0 0;
    /* line-height: 40px; */
    width: 100%;
    display: block;
    text-align: center;
    padding: 15px;
}

ul.product_list_widget,
.widget ul {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 0 0 6px 6px;
}

.single-product #product-sidebar {
    padding-right: 0;
}

aside#block_widget-2 {
    /* border: 1px solid #000; */
    /* padding: 5px; */
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 10px;
}

.col-kmm {
    padding-bottom: 10px;
    padding-top: 0;
    margin-top: -1%;
}

.large-12 {
    padding-bottom: 10px !important;
}

.top-sli .large-8,
.top-sli .large-4 {
    padding-bottom: 0;
}

.nav p {
    margin-bottom: 5px;
}

.nav-right {
    -webkit-box-pack: start;
    -ms-flex-pack: end;
    justify-content: start;
    margin-left: 20px;
}

.product-main .col.large-9 {
    border-left: 0px solid !important;
}

/* .row.list-sp{
		border:1px solid #d8d8d8;
} */

span.amount:hover {
    color: #ff914d;
}

span.woocommerce-Price-amount.amount {
    color: #ff914d;
}

del span.woocommerce-Price-amount.amount {
    color: #000;
}

footer#footer ul,
ul#menu-menu-danh-muc li,
ul#menu-menu-ho-tro li {
    list-style: none;
}

/* .related.related-products-wrapper.product-section h3{
		margin: 0;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    padding: 10px 30px;
    background: #004aad;
    color: #fff;
    position: relative;
    z-index: 9;
    width: auto;
}
.related.related-products-wrapper.product-section h3:after{
		    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: -23px;
    right: 23px;
    background-color: inherit;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: skew(-23deg);
    -moz-transform: skew(-23deg);
    -ms-transform: skew(-23deg);
    -o-transform: skew(-23deg);
    transform: skew(-23deg);
    z-index: -1;
    border-top-left-radius: 5px;
}
.related.related-products-wrapper.product-section h3:before{
		position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 23px;
    right: -23px;
    background-color: inherit;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: skew(23deg);
    -moz-transform: skew(23deg);
    -ms-transform: skew(23deg);
    -o-transform: skew(23deg);
    transform: skew(23deg);
    z-index: -1;
    border-top-right-radius: 5px;
}
.related.related-products-wrapper.product-section {
    text-align: center;
}
.related.related-products-wrapper.product-section .row.has-equal-box-heights:before{
		  content:'';
  position: absolute;
  background-color: pink;
  width: 100%;
  height: 3px;
  top: 0;
}
.related.related-products-wrapper.product-section .row.has-equal-box-heights{
		top:50px;
} */
span.widget-title {
    color: #fff;
    font-family: Roboto-Bold;
    background: #014aad;
    border-radius: 6px 6px 0 0;
    /* line-height: 40px; */
    width: 100%;
    display: block;
    text-align: center;
    padding: 15px;
}

.post-sidebar.large-3.col {
    background: #fff;
}

aside#block_widget-3 {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 10px;
}

.is-divider.divider {
    display: block;
}

.col-divided {
    border-right: 0px solid #ececec;
}

aside#block_widget-4 {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 10px;
}

/* p.name.product-title.woocommerce-loop-product__title {
    height: 50px;
} */
ul#menu-vertical-menu a {
    
    color: #004aad;
    font-weight: 600;
}

ul#menu-vertical-menu a:hover {
    color: #ff914d;
}

.header-vertical-menu__fly-out {
    box-shadow: none !important;
}

ul#menu-vertical-menu {
    margin-top: 10px; */
    border: 1px solid #004aad;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .1);
    height: 400px;
   
}

.col-verti {
    max-width: 60%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 60%;
    left: 3%;
    /* 		padding-right:45px !important; */
}

span.header-vertical-menu__title {
    text-transform: uppercase;
    font-size: 13px;
    color: #fff;
}

.col-verti img {
    height: 310px;
    object-fit: cover;
}

.nav>li>a {
    font-weight: 600;
}

.ptms_marquee {
    padding-top: 8px !important;
}

.ux-logo-link img {
    border: none;
}

.right-img {
    width: 130% !important;
    margin-left: 25px;
}



.form-flat input:not([type=submit]) {
    border-radius: 5px;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu {
    margin-top: 6px;
    border: solid 2px #e0e0e0;
}


li.html input {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 34px;
    border: 1px solid #004aad
}

.product-summary .quantity {
    margin-bottom: 0;
}

span.widget-title {
    letter-spacing: 0;
    font-size: 19px;
    color: #fff;
    font-weight: 700;
}

.widget .is-divider {
    display: none
}

.sidebar-icon-box h4 {
    color: #03a9f4
}

.block_widget span.widget-title {
    display: block;
    margin-bottom: 20px;
    text-align: center;
    line-height: 1.2;
}

.single-product .product-footer .container {
    background: white;
    margin-bottom: 20px
}


.sidebar-icon-box .icon-box-text {
    font-size: 14px
}

.sidebar-icon-box {
    padding-bottom: 14px
}

.single_add_to_cart_button {
    margin-bottom: 0;
    border-radius: 5px;
}

.single-product .cart {
    margin-bottom: 0;
    margin-top: 15px
}

.single-product #product-sidebar {
    padding-left: 15px;
    padding-bottom: 0
}

.product-info .price ins span {
    color: red;
    font-size: 25px
}

.single-product .product-info .price,
.single-product .product-info .price del span {
    color: gray;
    font-size: 20px;
    letter-spacing: 2px;
}

.product-main .badge-container {
    display: none
}

.single-product .product-info {
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 15px;
}

.woocommerce-tabs .tabs li a {
    letter-spacing: 0;
    text-transform: none;
    font-size: 22px;
    color: #21428a;
}

.product-section {
    border-top: 0;
}

.success-color {
    color: #ffffff;
    background: #8BC34A;
    border-radius: 4px;
    padding: 8px 10px;
    font-size: 15px;
}

.category-page-row {
    padding-top: 8px;
}

.chosen-container-single .chosen-single {
    background: white;
    border-radius: 4px;
    box-shadow: none !important
}

.chosen-container-single .chosen-single {
    height: 33px !important;
    line-height: 28px !important;
}

.bai-viet-lien-quan ul li .box-image img {
    height: 160px;
    object-fit: cover;
    object-position: center;
    border-radius: 4px;
}

.blog-archive .post-item .box-image .image-cover {
    border-radius: 4px
}

.blog-archive .large-12 .badge {
    display: none
}

.blog-archive #breadcrumbs {
    padding-top: 10px
}

.blog-archive .large-12 {
    padding-bottom: 0;
}

.woocommerce-cart .large-12 {
    padding-bottom: 0
}

.woocommerce-cart .woocommerce .col {
    padding: 0 15px 0 !important
}

table {
    margin-bottom: 0
}

a.button-continue-shopping {
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 15px !important;
    background: #e6e6e6 !important;
    border-radius: 4px;
}

.cart-collaterals {
    border-left: none !important
}

.button.pull-left {
    background: #03a9f4 !important;
    color: white;
    border-radius: 4px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 15px;
}

input[type='email'],
input[type='date'],
input[type='search'],
input[type='number'],
input[type='text'],
input[type='tel'],
input[type='url'],
input[type='password'],
textarea,
select,
.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection {
    border-radius: 4px;
    box-shadow: none !important;
    font-size: 14px
}

.woocommerce-checkout .large-5 .col-inner {
    background: white;
    border-radius: 5px;
    box-shadow: 2px 2px 20px #00000040;
}

.methods {
    margin-bottom: 0
}

.woocommerce-input-wrapper input {
    margin-bottom: 0
}

.has-border {
    border: 2px solid #03a9f4;
    padding: 0px 20px 15px;
}

#payment .form-row #place_order {
    border-radius: 5px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 15px
}

form.checkout h3 {
    color: #21428a
}

.woocommerce-billing-fields {
    padding-top: 0;
}

.woocommerce-billing-fields__field-wrapper {
    background: white;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #dadada
}

.wc-proceed-to-checkout a {
    border-radius: 4px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 15px
}

.woocommerce-cart-form,
.woocommerce-cart .cart-sidebar {
    background: white;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    margin-bottom: 0;
}

.woocommerce-page .content-area {
    background: #e6e6e6
}

p.form-row-first,
p.form-row-last {
    width: 100%
}

.thong-tin-du-an .label {
    font-weight: bold
}

.blog-archive .post-item {
    padding-bottom: 0
}

.blog-archive .post-item .post-title:hover {
    color: #03a9f4
}

.blog-single .entry-content h2 {
    font-size: 18px
}

.blog-archive .post-item .post-title {
    margin-bottom: 10px;
    font-size: 17px;
}

.blog-archive .archive-page-header {
    padding: 20px;
}

.blog-archive .row .large-12 {
    margin-bottom: 20px;
    margin-top: 20px;
    background: white;
    border-radius: 4px;
    border: 1px solid #dedede;
}

.bai-viet-lien-quan ul li .box-text h4 a:hover {
    color: #03a9f4
}

.bai-viet-lien-quan ul li {
    margin-bottom: 0;
    display: inline-block;
    width: 25%;
    float: left;
    list-style: none;
    padding-left: 5px;
    padding-right: 5px
}

.bai-viet-lien-quan ul li .box-text {
    padding-bottom: 0
}

.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}

.bai-viet-lien-quan h3 {
    margin-top: 0px;
    color: #21428a;
    font-size: 23px
}

.woof_list label {
    margin-bottom: 0 !important;
    font-weight: normal;
    padding-top: 2px;
    padding-bottom: 0
}

.woof_list_checkbox li div {
    margin-top: 0;
}

.icheckbox_flat-blue,
.iradio_flat-blue {
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    background: none
}

.page-title-inner {
    padding-top: 10px;
    padding-bottom: 10px;
}

.archive .product-small.box {
    border: 1px solid #e6e6e6;
    border-radius: 8px;
}

.archive .products {
    padding: 15px !important
}

.archive .badge-container {
    display: none
}



.archive .shop-container {
    background: white;
    padding: 0 10px;
    border-radius: 4px;
}

.woof_container_inner h4 {
    color: #21428a
}

.archive #shop-sidebar {
    background: white;
    
    border-radius: 4px;
}

.related .product-section-title {
    margin-left: 0;
    letter-spacing: 0;
    text-transform: none;
    font-size: 22px;
    color: #21428a;
}

.related .flickity-slider .product-small.box {
    border: 1px solid #e6e6e6;
    border-radius: 8px
}

.related .badge-container {
    display: none
}

.woocommerce-tabs .tabs li:first-child {
    border-left: none
}

.woocommerce-tabs .tabs {
    margin-top: 0 !important
}

.woocommerce-tabs {
    border: 0px solid #e6e6e6 !important;
}

.product-main .content-row {
    background: white;
    padding: 15px 0 30px;
}

.product-main {
    padding: 20px 0;
}

.footer-section .col.medium-3 {
    padding-bottom: 0
}

.footer-secondary {
    padding: 0;
}

.absolute-footer {
    font-size: 13px
}

.product-gallery-slider img {
    border: 1px solid #ececec;
    border-radius: 8px
}

.back-to-top {
    background: #03a9f4 !important;
    border: none !important;
    color: white !important
}

.searchform .button.icon {
    margin: 0;
    height: 34px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.TextCaptions {
    padding: 5px !important;
}

.list-post-1 .post-item .post-title {
    font-size: 14px;
    font-weight: normal;
}

.list-post-1 .post-item .box-text {
    padding: 0;
    padding-bottom: 7px;
    padding-top: 7px;
}

.box-blog-post .is-divider {
    display: none
}

.list-post-1 .post-item {
    padding: 0 15px;
    border-bottom: 1px dashed #e6e6e6;
    background-image: url(/wp-content/uploads/2019/06/dot.jpg);
    background-repeat: no-repeat;
    background-position-y: 14px;
    background-position-x: 10px;
    padding-left: 26px;
}

.xuat-xu,
.chat-lieu,
.bao-hanh {
    display: block
}

.thong-tin-co-ban {
    line-height: 29px;
}




/* .flickity-prev-next-button svg,  .flickity-prev-next-button svg {
    border-color: #f59000 ;
    fill: #f59000 !important;
    background: #03a9f4;
    height: 25%;
    width: 40px;
    color: blue;
    border-radius: 99px;
} */
.flickity-button-icon {
    border-color: #f59000;
    fill: #f59000 !important;
    background: #03a9f4;
    height: 25%;
    width: 40px;
    color: blue;
    border-radius: 99px;
}

.slider-nav-outside .flickity-prev-next-button.previous svg {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 60px;
    background: #f59000ab;
    border-radius: 0px 8px 8px 0px;
}

.slider-nav-outside .flickity-prev-next-button.next svg {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 60px;
    background: #f59000ab;
    border-radius: 8px 0px 0px 8px;
}

.slider-nav-outside .flickity-prev-next-button.next {
    left: 98%
}

.slider-nav-outside .flickity-prev-next-button.previous {
    right: 98%
}

.sp-noi-bat-section .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button,
.du-an-section .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
    margin-top: 0%;
}

.box.list-sp .image-cover img {}

.list-sp .badge-container {
    display: none
}

.list-sp .col,
.list-sp.list-sp .col-inner,
.list-sp .box {
    border-radius: 10px;
}

.tagged_as a,
.posted_in a {
    font-weight: normal
}

.thong-tin-co-ban .label,
.thuong-hieu,
.tagged_as,
.posted_in {
    font-weight: bold
}

.pwb-single-product-brands {
    display: inline-block
}

.ux-logo-link img {
    border: 1px solid #21428a;
    background: white;
    margin-right: 20px !important
}

.slider-section .large-12 {
    padding-bottom: 0
}

.ux-logo-link {
    padding: 0 !important
}

.list-post-1 {
    padding: 0;
    margin-left: 0px !important;
    margin-right: 0 !important;
    background: white;
}

.slider-section .tieu-de {
    background: #0a5fb1;
    padding: 5px 15px;
    text-transform: none;
    font-size: 18px;
    color: white;
}

.list-post-1 .post-item .post-title:hover {
    color: #03a9f4
}

.list-post-1 .post-item:last-child {
    border-bottom: none
}

.slider-nav-light .flickity-prev-next-button svg {
    background: #0000007a;
    border-radius: 5px;
}

.TextCaptions .item:last-child {
    border-right: none !important
}

.flickity-viewport .flickity-slider .medium-4.is-nav-selected {
    color: #03a9f4
}

.TextCaptions .item {
    border-right: 1px solid #e6e6e6 !important;
    font-size: 12px
}

.flickity-viewport .flickity-slider .medium-4 {
    flex-basis: 20%;
    max-width: 20%
}

/*.nav li:last-child{ border-right: 1px solid #116fb3;}
.nav li:first-child {border-left: 1px solid #116fb3;}
*/
.header-main .nav>li>a {
    display: block;
    text-align: center;
}

.menu-item img._mi {
    width: 30px;
    display: block !important;
    margin-right: 0;
    margin: 0 auto;
    margin-bottom: 6px;
}




.hdevvn-show-cats {
    border: none !important;
}

span.hdevvn-show-cats li {
    display: block;
    width: auto;
    float: left;
    margin: 0 8px;
}

.tabbed-content .nav li:last-child {
    border-right: none
}

.tabbed-content .nav-tabs>li>a {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background-color: rgb(255, 255, 255);
    padding: 11px 15px;
    border-right: 1px solid #e6e6e6
}

.xem-them-sp a {
    text-decoration: underline;
    color: #fbae41;
}

.xem-them-sp a:hover {
    color: #ee4135;
}

.xem-them-sp a:after {
    content: '';
    width: 0;
    right: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid #337ab7;
    border-bottom: 5px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: -1px 0 0 5px;
}

.category-section .list-sp .box-text {
    padding-left: 5px;
    padding-right: 5px
}

.list-sp .product-small .box-text {
    padding-left: 5px;
    padding-right: 5px
}

.category-section .large-12 {
    padding-bottom: 20px
}

.banner-section {
    padding-bottom: 20px
}

.xem-them-sp {
    text-align: center;
    background: white;
    line-height: 50px;
    border: 1px solid #d8d8d8;
    border-top: none;
}

.tabbed-content .nav-tabs>li.active>a {
    background: #0a5fb1;
    border: none;
    padding: 11px 15px;
    color: white;
}

.tabbed-content .nav-tabs>li {
    margin: 0;
    margin-bottom: 0px;
}

.tabbed-content .nav-tabs>li:first-child {
    border-left: none
}

.tabbed-content {
    border: 1px solid #d8d8d8;
}

.category-section .list-sp {
    border-top: 1px solid #e6e6e6 !important;
    border-right: 1px solid #e6e6e6 !important;
    border: 0;
}

.nav-tabs+.tab-panels {
    border: none
}

span.hdevvn-show-cats li a {
    font-size: 11px;
}

.tabbed-content .nav {
    background: white;
}

.nav-tabs+.tab-panels {
    padding: 0px;
}

#breadcrumbs {
    margin-bottom: 10px;
}

.entry-header-text {
    padding: 0;
}

.blog-single h1.entry-title {
    margin-bottom: 0;
    font-weight: normal;
    color: #03a9f4;
}

.blog-single .entry-category,
.is-divider {
    display: none
}

.blog-single .article-inner {
    background: white;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid gainsboro;
}

.blog-single {
    padding-top: 15px;
    padding-bottom: 15px;
}

.blog-single .large-12 {
    padding-bottom: 0
}

.post {
    margin: 0 0 10px;
}


/* -----CSS By Zidan----- */

.block_title {
    background: #fff;
    height: 58px;
    position: relative;
    margin-top: 40px;
}

.block_title .title_cat {
    width: auto;
    padding: 0 15px;
    height: 48px;
    line-height: 48px;
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    top: -15px;
    margin: 0;
    background: #004aad;
}

.block_title .title_cat span {
    color: #fff;
    font-size: 24px;
}

.block_title .title_cat:before,
.block_title .title_cat:after {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    left: -20px;
    top: 0;
    border-top: 48px solid #004aad;
    border-right: 0;
    border-bottom: 0;
    border-left: 20px solid transparent;
    z-index: 2;
}

.block_title .title_cat:after {
    left: auto;
    right: -20px;
    border-top: 48px solid #004aad;
    border-right: 20px solid transparent;
    border-bottom: 0;
    border-left: 0;
}

.block_title .title_cat span:before,
.block_title .title_cat span:after {
    content: "";
    position: absolute;
    border-top: 0;
    border-right: 15px solid #034bad;
    border-bottom: 15px solid #034bad;
    border-left: 8px solid transparent;
    height: 0;
    width: 0;
    left: -28px;
    top: 0;
    z-index: 1;
}

.block_title .title_cat span:after {
    left: auto;
    right: -28px;
    border-top: 0;
    border-left: 15px solid #004aad;
    border-bottom: 15px solid #004aad;
    border-right: 8px solid transparent;
}

.has-dropdown .icon-angle-down {
    display: none;
}

.shop-sidebar {
    position: relative;
    padding-bottom: 10px;
}

ul.list_camket {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 15px;
}

ul.list_camket li {
    margin: 0 0 12px 0;
    border: 0 !important;
    box-shadow: none;
}

.camket_icon {
    float: left;
    margin: 0 10px 0 0;
}

.camket_icon svg {
    width: 18px;
    height: 18px;
    fill: #1e5480;
}

.camket_text {
    overflow: hidden;
    line-height: 20px;
}

.contact-phone {
    display: block;
    width: 100%;
}

.contact-phone ul {
    margin-bottom: 0;
}

.contact-phone ul li {
    width: 48%;
    display: inline-block;
    margin-right: 0;
    margin-left: 1%;
    background-color: #288AD6;
    color: #fff;
    padding: 10px 5px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #288AD6;
}

.contact-phone ul li a {
    color: #fff;
    display: block;
    width: 100%;
    text-decoration: none;
    line-height: 1.2;
}

.contact-phone ul li p:first-of-type {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}

.contact-phone ul li p:last-of-type {
    font-size: 12px;
}

.contact-phone ul li p {
    padding: 0;
    margin: 0;
}

.contact-phone ul li:last-of-type {
    margin-right: 0;
}

.contact-phone ul li:last-of-type {
    background: rgba(58, 85, 159, 1);
    border: 1px solid rgba(58, 85, 159, 1);
}

.contact-phone ul li:hover {
    color: #288AD6;
    background: 0 0;
}

.contact-phone ul li:hover a {
    color: #288AD6;
}

.contact-phone ul li:last-of-type:hover a {
    color: rgba(58, 85, 159, 1);
}

a.devvn_buy_now_style {
    display: block;
    max-width: none;
    width: 98%;
    margin: 20px 0 10px 1%;
    border: 1px solid #fd6e1d !important;
}

a.devvn_buy_now_style:hover {
    background: transparent;
    color: #fd6e1d !important;
}

a.devvn_buy_now_style:hover span {
    color: #fd6e1d;
}

.buttons_added .is-form,
.buttons_added input[type='button'].is-form {
    background-color: #8cc641;
    color: #fff;
}

.devvn-popup-title {
    background: linear-gradient(to bottom, #fbae41 0%, #f5443d 100%);
}

.devvn-popup-quickbuy .contact-phone {
    display: none;
}

.popup-customer-info-group .devvn-order-btn {
    background: linear-gradient(to bottom, #fbae41 0%, #f5443d 100%);
}

.block-hotline {
    padding: 10px 0;
    text-align: center;
    width: 98%;
    margin-left: 1%;
    background: #eee;
    font-size: 14px;
    border-radius: 10px;
}

.block-hotline i.fa {
    margin: 0 3px 0 10px;
    transform: rotate(110deg);
}

.khuyen-mai {
    margin: 10px 0;
}

.khuyen-mai .label {
    color: #f5443d;
    font-size: 18px;
}

.khuyen-mai .content_km {
    border: 1px dashed #ccc;
    padding: 10px;
}

.khuyen-mai .content_km ul {
    margin: 0;
    list-style-type: none;
}

.khuyen-mai .content_km ul li {
    margin-bottom: 0;
    margin-left: 5px;
    line-height: 1.8;
}

.khuyen-mai .content_km ul li:before {
    content: "\f791";
    font-family: fontawesome;
    font-size: 13px;
    color: #fbae41;
    margin-right: 5px;
}

.tabbed-content .nav {
    margin-bottom: 15px;
}

.footer-icon-new {
    background: #fff;
}

.footer-icon-new .section-content .row {
    padding: 0 15px;
}

.footer-icon-new .row>.col {
    padding: 20px 5px;
}

.footer-icon-new .row>.col .icon-box-text {
    font-size: 13px;
}

.tabbed-content .nav-tabs>li:not(.active):hover>a {
    background: #1f91e6;
    color: #fff;
}

.info-tech table tr>td:nth-child(1) {
    width: 20%;
}

.info-tech td {
    font-size: 16px;
}

.pwb-single-product-brands img {
    width: 130px;
}

.icon_cat img {
    margin: 0 !important;
    object-fit: contain;
}

.icon_cat {
    position: absolute;
    left: 0;
    top: 100%;
    padding: 5px;
    background: #0a5fb1;
    z-index: 99;
    margin: 1px;
    width: 46px;
    height: 46px;
}

.tab-sp .nav-tabs {
    padding-left: 46px;
}

.block-hotline span {
    padding-right: 10px;
}




@media only screen and (max-width: 48em) {

    .block_title .title_cat {
        width: 83%;
        text-align: center;
    }

    .block_title .title_cat span {
        font-size: 20px;
    }

    .off-canvas-left.mfp-ready .mfp-content {
        background: #ffffff;
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
        display: block;
        padding-left: 13px;
        padding-top: 9px;
        padding-bottom: 9px;
        color: #004aad;
        text-transform: none;
        font-size: 15px;
        letter-spacing: 0;
    }

    .menu-item img._mi {
        margin-right: 10px;
        display: inline-block !important
    }

    .flickity-viewport .flickity-slider .medium-4 {
        flex-basis: 33.33%;
        max-width: 33.33%;
        font-size: 10px
    }

    .single-product .product-info {
        padding-left: 15px;
        padding-top: 15px
    }

    .bai-viet-lien-quan ul li {
        width: 50%
    }

    .bai-viet-lien-quan ul li .box-image img {
        height: 100px
    }

    .bai-viet-lien-quan ul li .box-text {
        padding-bottom: 10px;
        padding-top: 5px;
        font-size: 12px;
    }

    .blog-archive .post-item {
        flex-basis: 50%;
        max-width: 50%
    }

    .blog-archive .post-item .post-title {
        margin-bottom: 0px;
        font-size: 13px;
    }

    .blog-archive .post-item .from_the_blog_excerpt {
        display: none
    }

    .flickity-prev-next-button.previous {
        left: -4% !important
    }

    .block-hotline span {
        width: 100%;
        display: block;
    }

    a.devvn_buy_now_style {
        width: 100%;
    }
}

.tooltipster-fade {
    opacity: 1 !important;
}

i.icon-menu {
    color: #000;
}

.nav-dark .cart-icon strong {
    color: #000;
    border-color: #000;
}

.nav-dark .cart-icon strong:after {
    border-color: #000;
}

.mfp-content button.toggle {
    color: #000;
}

.col-verti {
    max-width: 100%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 100%;
}

.dark .form-flat input:not([type=submit]) {
    border: solid 1px #000;
    color: #000;
}