/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

a.button-continue-shopping.button.primary.is-outline {
    color: #fff;
    background-color: #0066ff;
    border: 1px solid #0066ff;
}
button.button.primary.mt-0.pull-left.small {
    background-color: #33CC00;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
}
a.checkout-button.button.alt.wc-forward {
    background-color: #FF0000;
    border-radius: 15px;
    box-shadow: 2px 2px 5px #ddd;
}
.page-checkout h3.widget-title {
    color: #ff6600;
}


div#customer_details {
  border: 3px dashed #e5101d;
  padding: 15px;
  border-radius: 15px;
}

.cart-wrapper.sm-touch-scroll {
  border: 3px dashed #e5101d;
  padding: 15px;
  border-radius: 15px;
}

.cart_totals.calculated_shipping {
    border: 3px dashed #e5101d;
    padding: 15px;
    border-radius: 15px;
}

form.checkout_coupon.mb-0 {
    background-color: #eaeaea;
    padding: 20px;
    border: 3px dashed #ff6600;
}

.woocommerce-billing-fields h3 {
    color: #303030;
}

button#place_order {
    background: #FF0000;
}

h3#order_review_heading {
    color: #303030;
}

.page-checkout span.woocommerce-Price-amount.amount {
    color: #FF0000;
}

@font-face {
    font-family: 'Trirong';
    src: url(fonts/Trirong-Regular.ttf);
} 

@font-face {
    font-family: 'Trirong-Bold';
    src: url(fonts/Trirong-Bold.ttf);
}



:root{
    --family :'Trirong' ;
    --family-bold :'Trirong-Bold';
    --color: #c49432;
}

body{
    font-size: 15px !important;
    font-family: var(--family) !important;
    overflow: hidden;
    color: #222;
}
h1,h2,h3,h4,h5,h6,p,ul,li,a{
    color: #222;
    font-family: var(--family) !important;
}


p.category.uppercase.is-smaller.no-text-overflow.product-cat.op-7,
.is-divider,
.entry-category,
.display-product a.quick-view,
a.quick-view.quick-view-added {
    display: none;
}



/****************************************/


input#woocommerce-product-search-field-0 {
    height: 40px;
    background: transparent;
    border-radius: 0px;
    border: 1px solid var(--color);
    color: var(--color);
}

button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    right: 4px;
    background: var(--color) !important;
    border-radius: 3px;
    color: #fff !important;
}
.lang-item {
    padding: 0px !important;
}

li.html.custom.html_topbar_right {
    display: flex;
    justify-content: center;
    font-size: 14px;
    margin-right: 30px;
    z-index: 2;
}
.hd-info__socia {
    margin: 28px 35px;
    line-height: 0;
}
.hd-info__socia a {
    display: inline-block;
    text-align: center;
    line-height: 1.54em;
    font-size: 13px;
    width: 1.54em;
    height: 1.54em;
    color: #fff;
    border-radius: 3px;
    margin: -6px 2px;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
}

.hd-info__socia a i.fa-zalo {
    background-image: url(img/zalo-w.png);
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    background-repeat: no-repeat;
    display: block;
    background-size: 3.3%;
    text-align: center;
    margin: 4px;
}

.socia-1 {
    background-color: #365899;
}
.socia-2 {
    background-color: #dd4b39;
}
.socia-3 {
    background-color: #0180c6;
    margin-top: 30px;
}

.hd-info__contact p span {
    font-size: 20px;
    color: var(--color);
    font-weight: 500;
}

.hd-info__contact p i {
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 4px 4px;
    margin-right: 10px;
    width: 21px;
    height: 23px;
    color: var(--color);
    text-align: center;
} 

/************************************/

.header-bottom-nav  > li {
    padding: 0px 10px;

}
.header-bottom-nav  li a {
  font-size: 15px;
  font-weight: 500 !important;
  border-radius: 5px;
}
.header-bottom-nav  li.active a,
.header-bottom-nav  li:hover a {
    color: #faf3c3;
}


.nav-dropdown-default {
    padding: 0px;
    border: 0px;
}
.nav-dropdown  li {
   border-bottom: 1px solid #eaeaea;
   padding: 5px 0px;

}
.nav-dropdown-default .nav-column li>a,
.nav-dropdown.nav-dropdown-default>li>a { 
    padding: 5px 10px;
    display: block;
    border-bottom: 0px;
    font-weight: 500;
    color: #fff !important;
    font-family: var(--family) !important;
}



.nav-dropdown-default .nav-column li:hover>a,
.nav-dropdown.nav-dropdown-default>li:hover>a {
    color: #faf3c3 !important;
    font-weight: 500;
}


.nav-dropdown-has-arrow li.has-dropdown:after,
.nav-dropdown-has-arrow li.has-dropdown:before {
    display: none;
}

.nav-dropdown>li.nav-dropdown-col{display:block}

.nav-dropdown{padding:0;margin-top: 5px;background: var(--color)}

.nav-column.nav-dropdown-default>li>a,
.nav-dropdown .nav-dropdown-col>a,
.nav-dropdown li a{
    font-weight:normal !important;
    text-transform:none !important;
    font-size:15px;
    font-weight:500;
    color: #fff !important;
}


.nav-dropdown .nav-dropdown-col>ul{
    border: 1px solid #d2d2d2;
    margin-top:-34px;
    box-shadow: 2px 2px 5px #828282;
    display:none;
    position: absolute;
    left: 100%;z-index: 9;
    background: white;
    min-width: 240px;
}

.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}

.nav-dropdown .nav-dropdown-col .menu-item-has-children {
   margin-top: 0px;
}

.nav-dropdown .nav-dropdown-col>ul li a{
    padding:10px;  text-transform: none;color:black
}

.nav-column.nav-dropdown-default li.menu-item-has-children ul{
    border: 1px solid #d2d2d2;
    margin-top: -40px;
    box-shadow: 2px 2px 5px #828282;
    display:none;
    position: absolute;
    left: 100%;z-index: 9;
    background: white;
    min-width: 240px;
}
.nav-column.nav-dropdown-default li.menu-item-has-children:hover >ul,
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}

.header-button a {
    background: var(--color) !important;
    color: #fff;
    font-weight: bold;
}
.sidebar-menu.no-scrollbar {
    background: var(--color);
}

.sidebar-menu.no-scrollbar ul li a{
    font-weight: 500;
    color: #fff;
    border: 1px solid #fff;
    font-family: var(--family) !important;
}

/*******************************************************/

.c-headline__divider::after, 
.c-headline__divider::before {
    content: '';
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: rgba(255,0,0,0);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(255,0,0,0)),color-stop(50%,#c49432),to(rgba(255,0,0,0)));
    background-image: linear-gradient(to right,rgba(255,0,0,0),#c49432 50%,rgba(255,0,0,0));
}

.c-headline__divider i {
    color: var(--color);
    position: relative;
    top: 5px;
}



h5.post-title.is-large {
    margin: 10px 0px;
}

span.onsale {
    background: var(--color);
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
}

.price del span.amount {
    margin-bottom: 10px;
    color: #999;
}
.price span.amount,
.price ins span.amount {
    color: var(--color);
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}
.name.product-title {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 15px;
}
.name.product-title a {
    font-size: 16px;
    font-weight: 500;
    margin: 10px 0px;
    line-height: 25.5px;
    text-transform: uppercase;
}

.msp {
    margin-bottom: 10px;
    font-size: 1rem;
    font-weight: 400;
    color: #6c6c6c;
}

.product-small.box {
    padding: 10.4px;
    border-bottom: 2px solid var(--color);
    -webkit-box-shadow: 1px 1px 5px #bbb;
    box-shadow: 1px 1px 5px #bbb;
}

.product-small.box:hover .name.product-title a{
    color: var(--color);
}
.product-small.box:hover .product-link a {
    background: var(--color);
    color: #fff;
}

.product-link {
    margin-top: 15px;
}

.product-link a {
    border: 1px solid #222;
    color: #222;
    display: inline-block;
    padding: 5px 30px;
    text-transform: uppercase;
    font-size: 15px;
}
.product-link a:hover{
    background: var(--col)
}

.home-product .product-small.box {
    padding: 0px;
    border-bottom: 0px solid var(--color);
    box-shadow: 0px ;
}
.home-product .box-text {
    background: transparent !important;
}

.home-product .name.product-title {
    border-bottom: 0px;
}

.home-product .name.product-title a {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}
.home-product .product-link {
    margin: 15px 0px;
}

.home-product .product-link a{
    color: #fff;
    border: 1px solid #fff;
}

.home-product .msp {display: none;}

.s_about__content {
    line-height: 22px;
    padding: 90px 60px 20px 50px;
    text-align: justify;
    color: #222;
}

.padding-no {
    padding: 30px 0px;
}

.table-guarantee .table-guarantee__top {
    background-color: var(--color);
    color: #fff;
    padding: 20px;
}
.table-guarantee .table-guarantee__top td {
    color: #fff;
    font-size: 15px;
    text-align: center;
}
.table-guarantee td {
    border: 1px solid #d9d9d9;
}
.table-guarantee .table-guarantee__bottom td {
    padding: 20px;
    text-align: center;
}

#loading {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,1);
    z-index: 9999;
    text-align: center;
    display: none;
    top: 0px;
}
#loadingBox {
    display: inline-block;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
    margin-top: 200px;
}

#loadingIcon {
    width: 100%;
    height: 100%;
}

.blog-news .field-post {
    display: none;
}

.img-box h4 {
    font-size: 40px;
    font-weight: 400;
}
.img-box a.button.white.is-outline {
    font-weight: 400;
}
.img-box a.button.white.is-outline:hover {
    background: var(--color) !important;
    color: #fff !important;
}
.img-box .box-text {
    bottom: 40%;
    left: 13%;;
}

.about-about .cot-7-content,
.about-about .row-2 {
    background: #fff;
    padding: 30px 0px;
}

.about-about .cot-5-img {
    padding: 0px;
    margin: 120px 0px 50px 0px;
}
.s-home__main-right h1 {
    font-size: 25px;
    color: var(--color);
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.s-home__main-right {
    display: table-cell;
    width: 60%;
    vertical-align: middle;
    padding: 50px 100px;
    text-align: justify;
    color: #222;
}

.sec-video .title-video h3 {
    font-weight: 500;
    margin: 15px 0px;
}
/********************************************************/

.col.large-3.shop-sidebar,
.post-sidebar.large-3.col {
     padding-right: 0px;
}

.col-divided {
    border-right: 0px solid #ececec;
}
.row-divided>.col+.col:not(.large-12) {
    border-left: 0px solid #ececec;
}

.blog-archive {
    padding: 0px;
}

.shop-page-title.category-page-title.page-title,
.page-title.shop-page-title.product-page-title {
    background-color: #f0f0f0;
    margin-bottom: 0px !important;
}
.blog-archive .page-title.shop-page-title.product-page-title,
.single-post  .page-title.shop-page-title.product-page-title {
    margin-bottom: 30px !important;
}

.page-title.shop-page-title .page-title-inner {
    padding-top: 0px;
    min-height: 0px;
}

 


.blog-archive .box-blog-post .box-text {
    padding: 10px;
}
.blog-archive .box-blog-post h5 {
    color: var(--color);
    margin: 10px 0px;
    font-weight: 500;
    font-size: 19px;
}
.blog-archive .box-blog-post h5:after {
    content: '';
    display: inline-block;
    width: 80px;
    height: 1px;
    background: #ccc;
    position: absolute;
    left: 10px;
    margin: 35px 0px;
}

.blog-archive .from_the_blog_excerpt,
.blog-archive .badge.absolute {
    display: none;
}

.blog-archive .field-post {
    margin-top: 25px;
}

h1.entry-title {
    font-size: 23px;
    color: var(--color);
    font-weight: 500;
}

.single-product-action a {
    border: 1px solid;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    border-radius: 3px;
    margin-right: 5px;
}
.single-product-action a:hover{
    color: var(--color) !important;
}

.single-product-action a.s-face {
    color: #385898;
}

.single-product-action a.s-google {
    color: #dd4b39;
}
.single-product-action a.s-twitter {
    color: #0180c6;
}

.blog-single .field-post {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.34em;
    margin: 20px 0px;
    position: relative;
    text-align: justify;
    padding: 20px;
    background-color: rgba(196,148,50,.05);
}

.show-related li {
    list-style: none;
    margin-left: 2.3rem;
}
.show-related li i {
    margin-right: 10px;
}
.c-headline-1 {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
.show-related .c-headline__name {
    font-size: 20px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    top: 1px;
    background-color: #fff;
    padding: 0 10px;
    margin: 0 20px;
    width: 260px;
} 
.show-related .c-headline__name i:after {
    left: 8px;
    margin-top: 23px;
}
.show-related .c-headline__name i {
    margin-right: 10px;
    color: var(--color);
}

#comments .comment-respond {
    display: none;
}

.widget-title {
    display: block;
    text-transform: uppercase;
    padding: 15px;
    font-size: 16px !important;
    font-family: var(--family-bold) !important;
    background: var(--color);
    color: #fff;
    padding-left: 30px;
}

.widget_product_categories .widget-title:before {
    content: "\f03a";
    font-family: FontAwesome;
    margin-left: -20px;
    position: absolute;
}

.block_widget .widget-title:before {
    content: "\f187";
    font-family: FontAwesome;
    margin-left: -20px;
    position: absolute;
}

.widget_categories ul,
.product-categories {
    width: 100%;
    border: 1px solid rgba(196,148,50,.1);
    background-color: rgba(255,220,150,.1);
}
.widget_categories ul li,
.product-categories li {
    padding: 0px 10px;
}
.widget_categories ul li a,
.product-categories li a {color: #222}

.widget_categories ul li.current-cat.active a,
.product-categories li.current-cat.active a {
    color: var(--color);
    font-weight: 400
}
.product-categories li:hover {
    background: var(--color);
}
.product-categories li:hover a:before,
.product-categories li:hover a {
    color: #fff;
}

.product-categories li a:before {
    content: "\f1ce";
    font-family: FontAwesome;
    font-size: .62em;
    padding-top: 0.5em;
    margin: 0px 5px;
    color: var(--color);
}

.block_widget .row .col-inner{
    padding: 0px 15px;
    background-color: rgba(255,220,150,.1);
    border: 1px solid rgba(196,148,50,.1);
}

.block_widget .col {
    padding-bottom: 0px !important;
}

.block_widget .badge-container,
.block_widget .product-link,
.block_widget .price-wrapper {
    display: none;
}

.block_widget .product-small.box {
    padding: 0px;
    border-bottom: 0px solid var(--color);
   box-shadow: 0px 0px 0px !important;
}
.block_widget .box-text {
    padding-right: 0px;
}

.block_widget .name.product-title {
    border-bottom: 0px;
}

.product-short-description{
    color: #444;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 15px 0 10px;
    margin: 15px 0;
}
.product-short-description p {
    margin-bottom: 5px;
    color: #444;
    font-size: 13px;
}

.product-info .single_add_to_cart_button,
.product-info .quantity.buttons_added {
    display: none;
}

button.button.buy_now_button {
    background: rgba(196,148,50,.15);
    color: var(--color);
    font-weight: 400;
    margin-left: 38px;
}
button.button.buy_now_button:before {
    content: "\f178";
    position: absolute;
    height: 38px;
    width: 37px;
    margin-top: -1px;
    background: var(--color);
    color: #fff;
    font-family: FontAwesome;
    left: -38px;
}
button.button.buy_now_button:hover{
    background: var(--color);
    color: #fff;
}
button.button.buy_now_button:hover:before{
    background: rgba(196,148,50,.15);
    color: var(--color);
}



.s-dproduct__content-info li {
    list-style: none;
    margin-left: 0px !important;
}

.s-dproduct__content-info li>span:first-child {
    width: 155px;
    display: inline-block;
    color: #333;
    opacity: .8;
}
.field-name {
    float: left;
    width: 155px;
    color: #333;
    opacity: .8;
}

.nav-line-bottom>li:hover>a:before,
.nav-line-grow>li:hover>a:before, 
.nav-line-bottom>li.active>a:before, 
.nav-line-grow>li.active>a:before, 
.nav-line>li.active>a:before, 
.nav-line>li:hover>a:before {
    opacity: 0;
}
.woocommerce-tabs .single-product-action {
    display: none;
}
.product-footer .woocommerce-tabs {
    border-top: 0px solid #ececec;
}
.product-tabs li {
    margin-bottom: 30px !important;
}
.product-tabs li a {
    font-size: 20px;
    font-weight: 400 !important;
    color: #222;
}
.product-tabs li a:after{
    content: "\f288";
    position: absolute;
    left: 45%;
    bottom: -20px;
    color: var(--color);
    font-family: FontAwesome;
}
.product-tabs li:after,
.product-tabs li:before{
    content: '';
    bottom: -5px;
    position: absolute;
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: rgba(255,0,0,0);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(255,0,0,0)),color-stop(50%,#c49432),to(rgba(255,0,0,0)));
    background-image: linear-gradient(to right,rgba(255,0,0,0),#c49432 50%,rgba(255,0,0,0));
}
.product-tabs li:before {
    left: -10px;
}
.product-tabs li:after {
    right: -5%;
}

.s-dproduct__tick {
    background-color: rgba(196,148,50,.1);
    padding: 35px;
    border-radius: 10px;
    margin-bottom: 30px;
}
.s-dproduct__tick p {
    display: inline-block;
    width: calc((100% / 2) - 12px);
    font-size: 14px;
}
.s-dproduct__tick p i {
    color: var(--color);
    margin-right: 10px;
}

/*************************************************/


.page-wrapper.page-left-sidebar,
.content-area.page-wrapper,
.entry-content.single-page,
.tab-panels {
    text-align: justify;
    color: #000;
    font-family: var(--family) !important;
}


strong {
    font-family: var(--family) !important;
    color: #000;
    font-weight: 600;
}

.breadcrumbs a,
.woocommerce-breadcrumb a {
    color: var(--color);
    font-weight: 300;
    text-transform: none;
}
.breadcrumbs {
    color: #000;
    font-weight: 300;
    padding: 10px;
    text-transform: none;
    font-family: var(--family) !important;
 }

 .woocommerce-result-count,
 .woocommerce-ordering {
    display: none;
 } 


 

/***************************************************/

.footer-1{
    border-top: 0px;
    padding-top: 30px;
    border-bottom: 1px solid #fff;
    background: linear-gradient(#fff,rgb(196 148 50 / 0.2));
}

.home-footer .col {
    padding: 0px 15px 0px !important;
}

.title-footer:after {
    content: '';
    display: block;
    width: 75%;
    height: 1px;
    margin-top: 5px;
    background-color: rgba(255,0,0,0);
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(255,0,0,0)),to(#ccc));
    background-image: linear-gradient(to left,rgba(255,0,0,0),#ccc 100%);
}

.title-footer {
    font-size: 13px;
    font-weight: 500;
    color: var(--color);
    margin-bottom: 15px;
}
.title-footer i {
    margin-right: 5px;
}
.s-footer__top-menu li {
    margin-left: 0px !important;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 10px;
    color: #000;
    width: 100%;
    vertical-align: top;
}  
.s-footer__top-menu li>h1 {
    font-size: 16px;
    color: var(--color);
    font-weight: 400;
    text-transform: uppercase;
}

.s-footer__top-menu li>span {
    line-height: 20px;
    margin-right: 20px;
}

.s-footer__top-menu li i {
    margin-right: 10px;
    color: var(--color);
}


.menu-footer li a{
    color: #000;
    transition: all .4s;
    margin-bottom: 10px;
    font-size: 14px;
}

.menu-footer li > a:hover{
    transform: translateX(15px);
    background-color: transparent;
    color: var(--color)
}

.home-footer .hd-info__socia {
    margin: 5px 0px 15px 0px;
    line-height: 0;
}

.separator-line:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(255,0,0,0);
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,0,0,0)),color-stop(50%,#ccc),to(rgba(255,0,0,0)));
    background-image: linear-gradient(to bottom,rgba(255,0,0,0),#ccc 50%,rgba(255,0,0,0));
}
.pull-right {
    display: none;
}
.footer-primary.pull-left {
    width: 100%;
}
.s-footer__bot-copyright {
    float: left;
    width: 50%;
    color: #fff;
    padding-top: 5px;
    font-weight: 500;
    font-family: var(--family) !important;
}

.s-footer__bot-developed.hidden-xs {
    float: right;
    color: #fff;
    padding-top: 5px;
    font-weight: 500;
    font-family: var(--family) !important;
}

.absolute-footer {
    background: var(--color);
}

/****************************/






@media only screen and (max-width: 991px) {
    .mobile-nav .hd-info__socia {display: none;}

   
    .wide-nav .flex-col.show-for-medium.flex-grow {
        min-width: 100%;
        flex: auto !important;
        margin-left: -50px;
    }
    .mobile-nav li  {
        float: left;
    }

    .mobile-nav>.search-form, .sidebar-menu .search-form {
        width: 48%;
        
    }
    .mobile-nav>.search-form input#woocommerce-product-search-field-1 {
        border:1px solid #fff;
        border-radius: 5px;
        height: 40px;
    }
    .mobile-nav>.search-form input#woocommerce-product-search-field-1::placeholder {
        color: #fff;
    }
    .mobile-nav>.search-form button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
        color: var(--color) !important;
        background: #fff !important;
    }

    .mobile-nav .header-button a {
        border: 1px solid #fff !important;
    }
}

@media only screen and (max-width: 767px) {
     
    .s_about__content {
        padding: 0px 12px 20px 20px;
    }
    .cot-6-img .col-inner {
        height: 100%;
    }


 
}

@media only screen and (max-width: 500px) { 
    .home-product .box-badge .box-text {
        bottom: 0%;
    }
    .home-product .name.product-title a {
        font-size: 14px;
        line-height: 0px;
    }
    li.html.custom.html_top_right_text {
        display: none;
    }
    .s_about__content {
        padding: 20px 12px 20px 20px !important;
    }
    .price span.amount, .price ins span.amount {
        font-size: 12px;
    }
    .s-dproduct__tick {
        padding: 10px;
    }
    .s-dproduct__tick p {
        width: 100%;
    }

    ul.tabs.wc-tabs.product-tabs {
        text-align: center;
        justify-content: center;
    }
    .product-tabs li:before {
        left: 60px;
    }
    .product-tabs li:after {
        right: 20%;
    }

    #logo {
        width: 170px !important;
        margin-left: -50%;
    }

}




@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}