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

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
  font-family: 'Open Sans';
  src: url('/fonts/opensans.woff2') format('woff2');
  font-display: swap;
}


.live-chat {
    position: fixed;
    z-index: 99;
    font-size: 0;    border: 1px solid var(--primary-color);
    right: 20px;
    bottom: 70px;
}
.live-chat .items-action, .live-chat .items-action svg {
    position: relative;

}
.live-chat .items-action svg {
    max-height: 40px;
    -webkit-transition: width .3s;
    transition: width .3s;
    z-index: 9;
}
.items-icons{height: 46px;width: 46px;text-align: center; cursor: pointer; padding-top: 15px;  display: block;position: relative;align-items: center;}
.items-icons:not(:first-child):before{
    content: "";width: 36px;height: 0px;border: 1px solid var(--primary-color);position: absolute;top: 0;left: 5px;
}
.items-icons svg{margin: auto;max-height: 25px;position: relative;z-index: 9}
.live-chat .items-icons .title-action {
    height: 48px;
    line-height: 48px;
    position: absolute;
    z-index: 2;
    right: 0;
    top: -1px;
    max-width: 0;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: max-width .3s ease,padding .3s ease;
    transition: max-width .3s ease,padding .3s ease;
    text-align: right;
    background: var(--primary-color);
    color: #fff;
    font-size: 17px;
	
}
.live-chat .items-icons:hover svg, .live-chat .items-icons:hover svg > *{fill: #fff;}
.live-chat .items-action .title-action b {
    font-size: 18px;
}
.live-chat .go-top.items-icons .title-action{top: -1px;}

.live-chat .items-icons:hover .title-action {
    padding: 0 65px 0 10px;
    max-width: 160px;
    width: 160px;
}
@media (max-width: 549px){.live-chat {left: 0px;bottom: 0px;width: 100%;display: block;background: #ffffff;}.live-chat > .items-icons{display: inline-block !important;width: 33.33%;border-top: none;}.items-icons:not(:first-child):before{ content: none;}.items-icons:nth-child(2){border-left: 1px solid var(--primary-color);border-right: 1px solid var(--primary-color);}.live-chat .items-icons:hover svg, .live-chat .items-icons:hover svg > *{fill: var(--primary-color);;}.live-chat .items-icons:hover .title-action { display: none;}}
@font-face{
    font-family:'utm_avo';
    src:url('fonts/UTM Avo.eot');
    src:local('Ä‚Æ’Ă‚Â¢Ä‚â€¹Ă…â€œÄ‚â€šĂ‚Âº'),url('fonts/UTMAvo/UTM Avo Regular.woff') format('woff'),url('fonts/UTMAvo/UTM Avo Regular.ttf') format('truetype'),url('fonts/UTMAvo/UTM Avo Regular.svg') format('svg');
    font-weight:400;
    font-style:normal;
	font-display:swap;
}
@font-face{
    font-family:'UTMAvoBold';
    font-style:normal;
    font-weight:400;
    src:local('UTMAvoBold'),url('fonts/UTMAvo/UTM Avo Bold.woff') format('woff');
	font-display:swap;
	
}
.section-title-main, h1, h2, h3, h4, h5,h6 , strong, .icon-box-text, .icon-box-text h2, .icon-box-text h3, .icon-box-text h4,  .icon-box-text h5, .sidebar-menu .nav-sidebar li a, .col-inner, .text-center, .text-center h2,  .text-center h3, .text-center h4, .text-center h5 ,  .col-inner strong,
.col-inner h3, .col-inner h4, .header-nav > li.menu-item, .header-nav > li.menu-item a, .header-nav li.menu-item, .header-nav li a, h1.entry-title, .widget-title , .col-inner h2, .col-inner h3, .col-inner h4, .col-inner h5, .col-inner h6, .top-bar-nav li.menu-item a , .account-item span , #header-contact li a span, h3.product-section-title, .woocommerce-breadcrumb.breadcrumbs, ul.product-tabs > li > a, .widget, .product-short-description, button.button, .product_meta span, h3.comment-reply-title, .html.custom, span.header-cart-title, .footer-secondary.pull-right,.utm-avo, .tab a span, .button, .searchform .search-field, .searchform .search-field::placeholder, .header-top li a > span,
table tr th, table tr td, label, .form-row input,.form-row select, .form-row textarea, .mini_cart_item a, .mini_cart_item span, .woocommerce-mini-cart__total span, .tab-panels .panel.entry-content , .tab-panels .panel.entry-content p, .woocommerce-MyAccount-navigation-link a, .woocommerce-additional-fields h3, .woocommerce-billing-fields h3,  .breadcrumbs a,#mega-menu-title,.woocommerce-mini-cart__empty-message, .page-title-inner h1, .uppercase
{
font-family: 'utm_avo', sans-serif;
}
.woocommerce-MyAccount-navigation-link a, .page-title-inner h1, .mobile-sidebar ul li a{
	
	color:var(--primary-color) !important;
}
.woocommerce-MyAccount-navigation-link.active a{
	
	font-weight:bold;
}
.page-title-inner h1, .mobile-sidebar ul li a:hover{
	
	font-weight:bold;
}

.cat1 .tieu-de{padding: 12px 15px;
    color: #fff;
    margin-bottom: 15px;
    BACKGROUND: #444;
    HEIGHT: 40PX;}
.button.secondary:not(.is-outline) {    background-color: #333333;
    height: 40px;
    color: white;}
.cat1 .tieu-de h2{font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    margin: 0; color: white}
.cat1 .box-text h5{text-transform: none; letter-spacing: 0; font-size:15px}
.danh-muc .tieu-de-san-pham{    border-bottom: 2px solid #ed1c22;
    float: left;
    font-size: 15px;
    line-height: 19px;
    margin: 20px 0;
    position: relative;
    text-transform: uppercase;
    width: 100%;}
.danh-muc .tieu-de-san-pham .tieu-de-trai{    background: #ed1c22;
    color: #fff;
    float: left;
    font-weight: bold;
    padding: 14px;
    position: relative;}
.danh-muc .tieu-de-san-pham .xem-tat-ca{    position: absolute;
    right: 0;
    text-transform: none;
    top: 28px;}
.danh-muc .tieu-de-san-pham .xem-tat-ca a{color: #444;
    font-size: 13px;}
.danh-muc .tieu-de-san-pham .tieu-de-trai a{color: #fff;
    text-decoration: none;}
.danh-muc .tieu-de-san-pham .tieu-de-trai:before{background: url('/wp-content/uploads/2018/01/icon-right-title.png');
    content: "";
    height: 47px;
    position: absolute;
    right: -50px;
    top: 0;
    width: 51px;}
.box-text a:not(.button){    margin-top: 10px;
    margin-bottom: 10px;
    color: #3c3c3c; font-weight: bolder}
span.amount{color: red}
.cat1 .row .col{padding: 0 15px 0px;}
.danh-muc .row .col{padding: 0 9.8px 0px;}
.tin-tuc-y-kien .tieu-de-tin-tuc{    color: #b0241f;
    font-weight: bold;
    margin: 30px 0;
    position: relative;
    text-align: center;
    float: left;
    width: 100%;
    font-size: 18px;}
.tin-tuc-y-kien .tieu-de-tin-tuc:after{background: #444 none repeat scroll 0 0;
    bottom: -10px;
    content: "";
    height: 2px;
    left: calc(50% - 25px);
    position: absolute;
    width: 50px;}
.box-blog-post .is-divider{display:none}
.box-text{    padding-top: 5px;
    padding-bottom: 5px;}
.tin-tuc-y-kien .row .tieu-de {padding: 0 9.8px 0px;}
.tin-tuc-y-kien .row .tieu-de .col {padding: 0 9.8px 0px;}
.tin-tuc-y-kien .bai-viet .col{    padding: 0 15px 10px;}
.tin-tuc-y-kien .bai-viet .bai-viet-lien-quan .box-text h5 {font-weight: normal; font-size: 14px}
.tin-tuc-y-kien .bai-viet .bai-viet-lien-quan .tieu-de-cot h3{    font-size: 14px;
    text-transform: none;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    line-height: 30px; font-size: 15px}
.tin-tuc-y-kien .bai-viet .bai-viet-lien-quan .box-text{    padding-top: 1px;
    padding-bottom: 1px;}
.tin-tuc-y-kien .y-kien .row{padding-top: 20px; padding-left: 10px; padding-right: 10px}
.absolute-footer.dark{border-top: 2px solid red}
.footer-top .title-dang-ky h4{border-left: 2px solid;
    border-right: 2px solid;
    color: #fff;
    font-size: 15px;
    position: relative;
    top: 10px;}
.footer-top .title-form-dang-ky h5{    color: #fff;
    text-align: center;
    text-transform: uppercase; font-weight: normal; font-size: 14px}
.form-flat .ho-ten{width: 40%;margin-right: 20px; float: left}
.form-flat .sdt{width: 40%; margin-right: 20px; float: left}
.form-flat .gui-di{width: 10%; float: left; text-align: left}
.form-flat .clearboth{clear: both}
.footer-center .logo-footer{    background: #272727;
    padding: 10px 0;
    position: relative;
}
.footer-top .row .col{padding: 0 9.8px 0px;}
input{margin-bottom: 0}
.footer-center .logo-footer .text-center::before{    background: #272727 none repeat scroll 0 0;
    border-top: 3px solid #b0241f;
    content: "";
    height: 30px;
    left: 0;
    position: absolute;
    top: -20px;
    width: 100%;}
.footer-center .footer-menu li{list-style: none; float: left;
    padding: 8px; line-height:47px;
    text-transform: uppercase;}
.footer-center .footer-menu li a{color: white; font-size: 14px;
    font-weight: bold;}
.footer-center .info-footer {
    background: #272727 url("/wp-content/uploads/2018/01/bg-info-footer-1.png") no-repeat scroll center center;
    border-top: 1px solid #444; background-repeat: no-repeat;
    color: #999999;
    font-size: 12px;
    padding: 15px 20px;
    position: absolute;
    text-align: left;
    top: 113px; width: 291px;
    z-index: 99;}
form{margin-bottom:5px}
.widget-title{border-left: 2px solid #fff;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 0 10px;
    margin: 0 0 15px 0;
    float: left;
    width: 100%;}
.footer-bottom .colum li{color: white; list-style: circle; font-size: 14px; margin-left: 20px}
.footer-bottom .row .col{padding-bottom:10px; padding-top: 26px}
.footer-bottom .row .col a{color: #bfbfbf}
.page-title-inner{    padding-top: 0;    min-height: 40px;
}
.breadcrumbs {
    text-transform: none;
    color: #222;
    font-weight: normal;
    letter-spacing: 0px;
    padding: 0;
    font-size: 13px;
}
.product-short-description{font-size:14px}
.product-main .product-title {font-size:19px}
.is-divider{display:none}
.product-main span.amount{font-size:18px}
.product_list_widget .product-title{font-size:14px}
.product_list_widget span.amount{font-size:14px}
#product-sidebar .danh-muc .tieu-de-san-pham{    border-bottom: 2px solid #ed1c22;
    float: left;
    font-size: 15px;
    line-height: 19px;
    position: relative;
    text-transform: uppercase;
    width: 100%; margin: 0}
#product-sidebar .danh-muc .tieu-de-san-pham .tieu-de-trai{    background: #ed1c22;
    color: #fff;
    float: left;
    font-weight: bold;
    padding: 14px;
    position: relative;}
#product-sidebar .danh-muc .tieu-de-san-pham .tieu-de-trai a{color: #fff;
    text-decoration: none;}
#product-sidebar .danh-muc .tieu-de-san-pham .tieu-de-trai:before{background: url('/wp-content/uploads/2018/01/icon-right-title.png');
    content: "";
    height: 47px;
    position: absolute;
    right: -50px;
    top: 0;
    width: 51px;}
.widget{margin-bottom:0}
.widget a{font-size:14px}
h3.widget-title{display:none}
.badge.post-date{top:0}
.page-wrapper{padding-top: 20px; padding-bottom: 20px}
.article-inner .entry-image img{display:none}

#nav-below{display:none}
.article-inner .badge.post-date {display:none}
.entry-content{padding-top: 0; padding-bottom:0}
.category-page-row{padding-top:0}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}