/*
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.   ***************/


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


}
.blue h4 {
    font-size: 15px;
    line-height: 30px;
}
a.added_to_cart {
	padding: 4px 0px;
}
.wpfFilterWrapper .wfpTitle {
	height: 30px !important;
	text-transform: uppercase;
}
.wpfFilterTitle {
	padding: 8px !important;
    	color: #fff;
    	background-color: #dc6d32;
    	display: block !important;
    	border-radius: 6px 6px 0px 0px;
}
.wpfFilterWrapper i {
	line-height: 35px;
}
del span.amount,
span.amount {
	color: #c10017;
}
input#bt-gui {
    border-radius: 5px;
    padding: 5px 120px;
}
.header-wrapper.stuck.show .header-main {
    display: block;
}
/* Btn nút mua hàng */
a.primary.is-small.mb-0.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.is-outline {
    color: #fff;
    border-color: #1877F2;
    position: relative;
    display: inline-block;
    padding: 5px;
    border: 1px solid transparent;
    letter-spacing: .2em;
    background-color: transparent;
    transition: color .45s cubic-bezier(.785,.135,.15,.86),border .45s cubic-bezier(.785,.135,.15,.86);
    z-index: 1;
    -webkit-tap-highlight-color: initial;
}
a.primary.is-small.mb-0.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.is-outline:before {
    background-color: #1877F2;
    position: absolute;
    content: '';
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transform: scale(1,1);
    z-index: -1;
    transition: transform .45s cubic-bezier(.785,.135,.15,.86);
    transform-origin: right center;
    border-radius: 2px;
}
a.primary.is-small.mb-0.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.is-outline:hover:before {
    transform: scale(0,1);
}
a.primary.is-small.mb-0.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.is-outline:hover {
    color: #dc6d32;
    border-color: #dc6d32;
    border-radius: 2px;
}
/* End btn nút mua hàng */
.price-wrapper span.amount {
    color: #c10017;
}
.icon-box-left .icon-box-img+.icon-box-text {
    padding-left: 10px;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #1877F2;
}
p#billing_address_1_field {
    width: 100%;
}
/* Sidebar */
#shop-sidebar .widget-title, #product-sidebar .widget-title, .post-sidebar .widget-title {
    padding: 15px;
    color: #fff;
    background-color: #dc6d32;
    display: block;
    border-radius: 6px 6px 0px 0px;
}
#shop-sidebar .is-divider, #product-sidebar .is-divider, .post-sidebar .is-divider {
    margin-top: 0px;
    background-color: rgba(0,0,0,0);
    height: 1.5px;
    display: block;
    background-color: rgba(0,0,0,0);
    margin: 0;
    width: 100%;
    max-width: 100%;
}
#shop-sidebar ul, #product-sidebar ul, .post-sidebar ul {
    font-size: 14px;
    border: 1px solid #ddd;
    padding: 15px;
    background-color: #fff;
}

/* End Sidebar */
/* Custom button all */
.site-btn {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-transform: capitalize;
    outline: none;
    padding: 0 20px;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    border-color: #1877F2;
    background-color: transparent !important;
    position: relative;
    transition: color .45s cubic-bezier(.785,.135,.15,.86),border .45s cubic-bezier(.785,.135,.15,.86);
    z-index: 1;
    -webkit-tap-highlight-color: initial;
}
.site-btn:before {
    background-color: #1877F2;
    position: absolute;
    content: '';
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transform: scale(1,1);
    z-index: -1;
    transition: transform .45s cubic-bezier(.785,.135,.15,.86);
    transform-origin: right center;
}
.site-btn:hover:before { 
	transform: scale(0,1);
}
.site-btn:hover {
    color: #1877F2;
    border-color: #1877F2;
}
/* End custom button all */
/* Header main */
.header-main button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    height: 36px;
    width: 68px;
    border-radius: 0 5px 5px 0;
    background-color: #1877f2;
}
.header-main input.search-field.mb-0 {
    width: 100%;
    height: 36px;
    border-radius: 5px 0px 0px 5px;
}
.mona_custom_html {
    display: inline-block;
}
.header-main .mona_custom_html img {
    width: 32px;
    margin-right: 5px;
}
.mona_custom_html p {
    display: inline-block;
    vertical-align: middle;
}
.header-main .mona_custom_html a {
    color: #000;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 14px;
}
.header-main .mona_custom_html a:hover {
    color: #1877f2;
}
.mona_custom_html .mona_html span {
    font-size: 11px;
    font-weight: normal;
    color: #333;
    opacity: .7;
}
.mona_custom_html:hover img {
    -webkit-animation: ring 2s infinite ease-in-out;
    animation: ring 2s infinite ease-in-out;
}
/* Header main */
/* Page About */
.sec-banner-ab .nen-1 .col-inner {
    border-style: solid;
    border-width: 0 0 0 8px;
    border-color: #1877F2;
    border-radius: 20px;
}
.about-company .heading-about {
    font-size: 22px;
}
.about-company p {
    font-size: 14px;
}
.about-lichsu .img-lichsu {
    position: relative;
    padding: 0px 0px 0px 20px;
}
.about-lichsu .img-lichsu img {
    border-radius: 6px;
}
.about-lichsu .img-lichsu:before {
    content: "";
    position: absolute;
    left: 0px;
    background: #1877F2;
    z-index: 0;
    width: 50%;
    top: -20px;
    bottom: -20px;
    border-radius: 6px 0 0 6px;
    transition: all 0.5s;
}
.about-lichsu .img-lichsu:hover:before {
    width: 80%;
    bottom: 20px;
    border-radius: 6px;
}
.about-lichsu .img-lichsu:hover:before {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.about-lichsu ul {
    list-style: none;
}
.about-lichsu ul li {
    position: relative;
    padding: 0px 15px 0 30px;
    display: inline-block;
    width: 100%;
    margin: 6px 0 0;
}
.about-lichsu ul li:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #1877F2;
    border-right: 2px solid #1877F2;
    transform: rotate( 
45deg);
    margin: auto;
}
/* End page about */
/*---------global-----------*/
/*---căn đều sẳn phẩm---*/
.has-shadow>.col>.col-inner {
    height: 100%;
}
.flickity-viewport .col.is-selected {
    height: 100%;
}
.flickity-viewport .col-inner {
    height: 100%;
}
.product-small.box.has-hover.box-normal.box-text-bottom {
    height: 100%;
}

/*---giới hạn chữ tên sản phẩm---*/
p.name.product-title a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 38px;
}
/*---style product price---*/
.price-wrapper{
    display: table; 
}
.price-wrapper .price{
    height: 32px;
    display: table-cell;
    vertical-align:middle;
    text-align: center;
    line-height: 120%;
}

/*---style related product---*/
.related-products-wrapper .product-small.box {
    background-color: #fff;
    box-shadow: 0 1px 3px -2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.related-products-wrapper .product-small.box:hover {
    box-shadow: 0 3px 6px -4px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.related-products-wrapper .box-text.box-text-products {
    padding: 15px;
}
/*---end style related product---*/

/*-style tiêu đề bài viết trước sau-*/
.nav-previous,
.nav-next {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: auto;
}
/*---style giới hạn chữ bài viết---*/
.blog-archive h5.post-title.is-large {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 40px;
}
.blog-archive p.from_the_blog_excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 45px;
}

/*---style shop and product sidebar---*/
#shop-sidebar ul,
#product-sidebar ul,
.post-sidebar ul {
    font-size: 14px;
    border: 1px solid #ddd;
    padding: 15px;
		background-color: #fff;
}
#shop-sidebar img.menu-image.menu-image-title-after {
    width: 28px;
}
/*---end style shop and product sidebar---*/
/*---style filter in sidebar---*/
ul.woocommerce-widget-layered-nav-list {
    max-height: 300px;
    overflow: auto;
    padding-right: 20px;
}
ul.product_list_widget {
    font-size: 14px;
}
/*---end style filter in sidebar---*/
/*--------end global--------*/


/*---------header-----------*/
.header-top .mona_custom_html a:hover{
    color: #19abe0;
}
.header-top .nav > li{
    margin: 0 15px;
}
#logo img {
    margin: 0 auto;
}
.header-main span.image-icon.header-cart-icon,
.header-main i.image-icon.circle {
    order:  0;
}
.header-main span.header-cart-title,
.header-main span.header-account-title {
    order: 1;
    margin-left: 5px;
}
.header-bottom#wide-nav > .flex-row > .flex-left {
    width: 100%;
    min-width: 245px;
    margin-right: 15px;
}
.header-bottom .flex-left .nav > li > a {
    padding: 2px 5px;
}
/*---style vertical menu---*/
#mega-menu-wrap {
    width: 300px;
    background:#dc6d32;
    position: relative;
    border-radius: 4px 4px 0 0;
}
#mega_menu li a {
    padding: 6.7px 15px;
    display: block;
    font-size: 13px;
    color: #111;
}
#mega_menu li a:hover {
    color: #1877f2;
}
#mega_menu > li > a > img {
    max-width: 28px;
}
#mega_menu > li > ul.sub-menu > li:hover > ul.sub-menu{
    display: block;
    position: absolute;
    top: -1px;
    left: 100%;
    background: #fff;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
/*---end style vertical menu---*/
.header-bottom .header-block {
    width: 80%;
    min-height: 15px;
    font-size: 13px;
    float: left;
}
.header-bottom .row_header_promo {
    height: 30px;
}
.header-bottom .header-block h5,
.header-bottom .header-block a{
    color: #19abe0;
}
.header-bottom .header-block .box-image {
    display:  none;
}
.header-bottom .header-block .box-blog-post h5 {
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 18px;
}
.header-bottom .header-block .box-blog-post .is-divider {
    display: none;
}
.header-bottom .header-block .flickity-prev-next-button {
    display: none;
}
.header-wrapper {
    border-bottom: 2px solid #dc6d32;
}
/*--------end header--------*/


/*---------content-----------*/
/*-----style contact form-----*/
.sec_lien_he .form-ct {
    width: 780px;
    margin: 0 auto;
    max-width: 100%;
}
.sec_lien_he .form-ct .form-row {
    padding: 5px;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.sec_lien_he .form-ct .form-row.w50 {
    width: 50%;
}
.sec_lien_he input,
.sec_lien_he textarea{
    margin-bottom: 0;
}
.sec_lien_he .center-txt {
    text-align: center;
}
.sec_lien_he .center-txt input{
    min-width: 170px;
}
.sec_lien_he .wpcf7-form-control:focus {
    border-color: #f8b742;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(248, 183, 66, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(248, 183, 66, 0.6);
}
/*---end style contact form---*/

/*---style product tab---*/
.product-tabs li.description_tab.active {
    order: 0;
}
.product-tabs li.ux_global_tab_tab {
    order: 1;
}
.product-tabs li.additional_information_tab {
    order: 2;
}
.product-tabs li.reviews_tab {
    order: 3;
}
/*---end style product tab---*/

/*---style sec banner---*/
.sec_banner h5.post-title.is-large {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 35px;
    font-weight:  normal;
}
.sec_banner .is-divider {
    display: none;
}
.sec_banner .post-meta.is-small.op-8 {
    color: #19abe0;
}
/*---end style sec banner---*/

/*---style sec product---*/
.row_product_border {
    border: 1px solid;
}
.col_vertical_info {
    border-right: 1px solid #ddd;
}
.col_vertical_info .img .img-inner {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 4px;
    background-color: #fff;
}
.mona_sidebar_category ul,
.menu-menu-may-do-duong-huyet-que-thu-container ul,
.menu-menu-nhiet-ke-dien-tu-container ul,
.menu-menu-cham-soc-rang-tai-mui-hong-container ul,
.menu-menu-thiet-bi-lam-dep-container ul {
    font-size: 14px;
    margin: 10px 0 0 0;
}
.mona_sidebar_category ul li,
.menu-menu-may-do-duong-huyet-que-thu-container ul li,
.menu-menu-nhiet-ke-dien-tu-container ul li,
.menu-menu-cham-soc-rang-tai-mui-hong-container ul li,
.menu-menu-thiet-bi-lam-dep-container ul li {
    padding: 0 20px;
}
.mona_sidebar_category ul li:hover a,
.sidebar-wrapper ul li:hover a{
    color: #1877F2;
}
.mona_sidebar_category ul.menu>li+li, 
.mona_sidebar_category .widget>ul>li+li {
    border-top: 0px solid #ececec;
}
/*---end style sec product---*/

/*---style blue color---*/
.blue {
    border-color: #dc6d32;
}
.blue .mona_sidebar_category ul li:hover,
.blue .sidebar-wrapper ul li:hover {
    background-color: #1877f2;
}
.blue .mona_sidebar_category ul li:hover a, .blue .sidebar-wrapper ul li:hover a {
    color: #fff;
}
/*--------end content--------*/


/*---------footer-----------*/
.sec_footer_support a:hover {
    color: #1877F2;
}
.sec_footer_category,
.sec_footer_support {
    border-top: 1px solid #d5d5d5;
}
.sec_footer_category,
.sec_footer_support,
.sec_footer_info {
    font-size: 13px;
    line-height: 25px;

}
.sec_footer_category p,
.sec_footer_support p,
.sec_footer_info p {
    margin-bottom: 5px;
}
.mona_sidebar_footer h3 {
    font-size: 14px;
}
.mona_sidebar_footer ul,
.sec_footer_category .sidebar-wrapper ul{
    margin: 0;
    padding: 0;
}
.mona_sidebar_footer ul.menu>li+li, 
.mona_sidebar_footer .widget>ul>li+li {
    border-top: 0px solid #ececec;
}

.mona_sidebar_footer ul.menu>li>a,
.sec_footer_category .sidebar-wrapper ul.menu>li>a {
    padding: 0;
}

.sec_footer_category .mona_sidebar_footer ul.sub-menu {
    display: none;
}
.sec_footer_category .mona_sidebar_footer button.toggle {
    display: none;
}
.sec_footer_category .mona_sidebar_footer img.menu-image,
.sec_footer_category .sidebar-wrapper img.menu-image {
    width: 26px;
}
.sec_footer_support .wpcf7 p {
    padding: 0;
    margin: 0;
    display: inline-flex;
    width: 83%;
    margin-bottom: -20px;
}
.sec_footer_support input#email-dang-ky {
    margin-bottom: 0px;
}
.sec_footer_support input#btn-gui {
    border-radius: 0 5px 5px 0;
}
.sec_footer_support a.accordion-title {
    border-top: 0px;
    font-size: 14px;
    margin-top: -5px;
}
.sec_footer_support .accordion-title span {
    color: #1877F2;
    font-weight: bold;
}
.sec_footer_support .accordion-inner {
    padding: 0.5em 0em;
}
/*--------end footer--------*/

/*-----style mobile mode-----*/
@media screen and (max-width: 1024px) {
	.wide-nav .nav-divided>li {
    		margin: 0px 5px;
	}
	.header-bottom-nav > li > a {
		font-size: 11px;
	}
	#mega-menu-wrap {
		width: 255px;
	}
	#mega_menu li a {
		padding: 5.7px 15px;
		font-size: 11px;
	}
	.about-company .heading-about {
    		font-size: 18px;
	}
	.blue h4 {
		font-size: 13px;
	}
}
@media screen and (max-width: 849px) {
	.blue h4 {
		font-size: 13px;
	}
}
@media screen and (max-width: 549px){
    .row-small>.flickity-viewport>.flickity-slider>.col, 
		.row-small>.col {
    		padding: 0 5px 10px;
    		margin-bottom: 0;
		}
		.add-to-cart-button a.button {
    		padding: 0 10px;
    		width: 100%;
		}
    .mona_sidebar_footer ul, .sec_footer_category .sidebar-wrapper ul {
    		margin: 10px 0px;
	}
	.blue h4 {
    		font-size: 16px;
	}
}
/*---end style mobile mode---*/

@keyframes ring {
    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);
    }
}