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

.topbar-hotline a {
    color: #fff;
    font-weight: 600;
}
.header-main ul.header-nav {
    justify-content: center;
}
.home-sec2 .col {
    padding: 5px 2.5px 2.5px 2.5px !important;
}
.home-sec2 .row {
    opacity: 1 !important;
}
.home-sec4 .col {
    padding: 5px !important;
}
.page-title h2 {
    font-size: 37px;
    text-align: center;
}
.box-txt-cate p {
    color: #fff;
}
a.btn-buynow {
	margin-top: 5px !important;
    background: #fff;
    padding: 5px 10px;
    font-size: 15px;
    color: #000;
    text-shadow: none;
    font-weight: 600;
	border: 1px solid #fff;
}
a.btn-buynow:hover {
	border: 1px solid #fff;
	color: #fff;
	transition:.5s;
	background-color: unset;
}
.product-small .product-title a {
    font-weight: 700;
    font-size: 17px;
}
.product-small .add_to_cart_button {
    width: 100%;
    color: #fff;
    background: #000;
}
.product-small .price-wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: anchor-center;
}
.product-small .price-wrapper span.price {
    font-size: 18px;
}
.product-small .price-wrapper .star-rating {
    margin-right: 0;
}
.about-col1 h2:after {
    content: "";
    width: 80%;
    height: 2px;
    position: absolute;
    background: #000;
    left: 0;
    bottom: 0;
    margin: auto;
}
.about-col1 h2 { 
	position:relative;
	margin-bottom: 30px;
	font-size:22px;
}
.about-col1 h2:after {
    content: "";
    width: 70%;
    height: 2px;
    position: absolute;
    background: #000;
    left: 50%;
    bottom: -10px;
    margin: auto;
    transform: translate(-50%, -50%);
}
.about-col1 a.ux-menu-link__link.flex {
    min-height: 10px;
    font-weight: 500;
    font-size: 16px;
}
.about-col1 .row .col-inner {
    border: 1px solid #ccc;
    padding: 15px;
}
.header-wrapper .header-main .icon, 
.header-wrapper .header-main span.cart-icon.image-icon  {
    font-size: 12px !important;
}

.row-gallery .col {
    padding: 0 5px 30px !important;
}

.cf7-newsletter {
    display: flex;
    align-items: center;
/*     background: #f3f3f3; */
/*     padding: 15px 20px; */
    gap: 20px;
}

.cf7-left {
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    font-weight: 500;
    color: #333;
}

.cf7-icon {
    font-size: 20px;
}

.cf7-center {
    flex: 1;
}

.cf7-center input[type="email"] {
    width: 100%;
    height: 44px;
    padding: 0 15px;
    border: 1px solid #ddd;
    border-radius: 2px;
    font-size: 14px;
}

.cf7-right input[type="submit"] {
    height: 44px;
    padding: 0 30px;
    background: #f7c948;
    color: #fff;
    border: none;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s;
}
.cf7-newsletter input {
    margin-bottom: 0px;
}
footer#footer .wpcf7-form {
    margin-bottom: 0px;
}
.cf7-right input[type="submit"]:hover {
    background: #e6b800;
}
.support-phone {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
}

.phone-icon {
    width: 36px;
    height: 36px;
    background: #000;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.support-text {
    color: #333;
}

.phone-number {
    color: #ff2a1a;
    font-weight: 700;
    text-decoration: none;
}

.phone-number:hover {
    text-decoration: underline;
}





/* css menu */
@media (min-width: 850px){

	.menu-item-has-children .menu-item-has-children:after {
		content: ">";
		font-size: 100%;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translate(-50%, -50%);
	}
    header#header .nav-dropdown {
        display: block;
    }
    header#header .nav-dropdown ul.sub-menu {
        position: absolute;
        left: 100%;
        top: 0;
        background: #fff;
        width: 250px;
        padding: 0;
        display: none !important;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
        box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
    }
    header#header .nav-dropdown ul.sub-menu a {
        white-space: normal;
        margin: 0;
        padding: 10px 15px;
        border: 0;
        font-weight: 400;
    }
    header#header .nav-dropdown li:hover > ul.sub-menu{
        display: block !important;
    }
    header#header .nav-dropdown li {
        border-right: 0;
        white-space: normal;
        width: 100%;
        display: block;
        position: relative;
    }
    header#header .nav-dropdown li.menu-item-has-children > a {
        font-weight: 400;
        text-transform: none;
        color: rgba(102,102,102,.85);
		font-size:100% !important;
    }
    header#header .nav-dropdown li.active>a {
        color: #f4cd4a;
    }
	ul.header-nav.header-nav-main .sub-menu .menu-item {
		font-size: 14px;
	}
}

.cf7-contact-form {
    max-width: 100%;
}

.cf7-row {
    margin-bottom: 25px;
}

.cf7-2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

/* Input & textarea */
.cf7-contact-form input[type="text"],
.cf7-contact-form input[type="email"],
.cf7-contact-form input[type="tel"],
.cf7-contact-form textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 18px 20px;
    font-size: 16px;
    color: #333;
    background: #fff;
    box-sizing: border-box;
}

.cf7-contact-form textarea {
    min-height: 180px;
    resize: vertical;
}

/* Placeholder giống hình */
.cf7-contact-form ::placeholder {
    color: #9a9a9a;
}

/* Button */
.cf7-contact-form input[type="submit"] {
    background: #f6d874;
    color: #fff;
    border: none;
    padding: 3px 15px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.25s;
}
.cf7-contact-form input[type="submit"]:hover {
    background: #e6c85f;
}
.page-contact {
    padding: 0px !important;
}

div.home-col1-fixed {
  position: sticky;
  top: 100px; 
  height: fit-content;
}
section.home-sec7,
section.home-sec7 .section-content,
section.home-sec7 .row {
  overflow: visible !important;
}

@media (max-width: 768px) {
  div.home-col1-fixed {
    position: static;
  }
	    .cf7-2col {
        grid-template-columns: 1fr;
    }
}


/* footer contact */

/* ============ 	ADDTHIS ** addthis ============== */
.actionToolbar_mobile.visible-xs {
    display: none;
}
.fb_dialog_advanced.fb_customer_chat_bubble_animated_no_badge{ right: 12px!important;;}
.addThis_listSharing {
	position: fixed;bottom:85px;z-index: 999;	
	right:-15px;opacity: 0;	visibility: hidden;
	transition: all .3s ease;	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;
}
.addThis_listSharing.is-show{right: 0;opacity: 1;	visibility: visible;}
.addThis_listing .addThis_item{margin-bottom:5px;margin-right:24px;}
.addThis_listing .addThis_item .addThis_item--icon {
	position: relative;display: inline-block;text-align: center;
	width: 44px;height: 44px;line-height: 44px;color: #fff;
	border-radius: 50%;cursor: pointer;box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);
	background-size: auto;background-repeat: no-repeat;background-position: center;
}
.addThis_listing .addThis_item .addThis_item--icon .tooltip-text {
	position: absolute;top: 4px;right: 55px;z-index: 9;
	height: 32px;line-height: 26px;padding:3px 10px;
	width: auto;border-radius: 5px;font-size: 11px;color: #fff;text-align: center;
	white-space: nowrap;cursor: pointer;background-color: rgba(0, 0, 0, 1);
	visibility: hidden;opacity: 0;
	-ms-transition: all 200ms linear ;-webkit-transition: all 200ms linear ;transition: all 200ms linear ;
}
.addThis_listing .addThis_item .addThis_item--icon .tooltip-text:after{
	content: "";width: 0;height: 0;
	border-width:5px;border-style: solid;
	border-color: transparent transparent transparent rgba(0, 0, 0, 1);
	position: absolute;left: 100%;top: 0;bottom: 0;margin: auto;
	-ms-transition: all 200ms linear ;-webkit-transition: all 200ms linear ;transition: all 200ms linear ;
}
.addThis_listing .addThis_item .addThis_item--icon:hover {text-decoration: none; opacity: .9;box-shadow: 0 5px 10px rgba(0,0,0,.15), 0 4px 15px rgba(0,0,0,.13);}
.addThis_listing .addThis_item .addThis_item--icon:hover .tooltip-text{visibility: visible;opacity: 1;}
.actionToolbar_mobile {
	position: fixed;bottom: 0;left: 0; right: 0;margin: 0 auto;z-index: 999;
	height:45px;width: 100%;border-top: 1px solid #e7e7e7;background: #fff; padding:5px 10px;
}
.actionToolbar_mobile  ul.actionToolbar_listing{
	margin:0;
	display: -webkit-flex;display: -moz-flex;display: flex;
	-webkit-justify-content: space-between;justify-content: space-between;
	-webkit-align-items: center;align-items: center;
}
.actionToolbar_mobile  ul.actionToolbar_listing li{width: 20%;float: left;}
.actionToolbar_mobile  ul.actionToolbar_listing li a {display: block;color: #696969;font-size: 12px;text-align: center;position: relative;}
.actionToolbar_mobile  ul.actionToolbar_listing li a svg {fill: #696969;width: 35px;height: 35px;	display: inline-block;vertical-align: middle;}
.actionToolbar_mobile  ul.actionToolbar_listing li.actionToolbar_chatbot a .messenger_absolute {margin-top: -25px;display: inline-block;vertical-align: top;}
.actionToolbar_mobile  ul.actionToolbar_listing li.actionToolbar_chatbot a svg{width:44px;height:44px;}
.actionToolbar_mobile  ul.actionToolbar_listing li:first-child a svg {fill: #1168CF;width: 35px;height: 35px;	display: inline-block;vertical-align: middle;}
/* modal- center */
.modal-addThis{font-size:0;text-align:center;padding:0!important;background: rgba(3, 17, 27, 0.7);-webkit-transition: opacity .35s linear;-o-transition: opacity .35s linear;transition: opacity .35s linear;}
.modal-addThis:before {	content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.modal-addThis .modal-dialog-centered {font-size:14px;display: inline-block;text-align: left;vertical-align: middle;}
.modal-addThis.fade .modal-dialog{-webkit-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);}
.modal-addThis .modal-dialog-centered .modal-content {width: 100%; }
.modal-addThis .modal-dialog-centered{ margin:30px auto 50px;}
.modal-addThis.fade .modal-dialog-centered {
	opacity: 0;
	-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);
	-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;transition: all .2s;
}
.modal-addThis.fade.in .modal-dialog-centered {	opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);	-ms-transform: scale(1);transform: scale(1);}
@media(max-width:767px){
	.modal-addThis .modal-dialog-centered{ margin:30px 10px 40px;}
}
.modal-backdrop.in {display: none;opacity: 0!important;}
/* modal-succes */
.modal-succesform .modal-title{font-size: 18px;font-weight: 600;margin:0;color:#f9d356;}
.modal-succesform p:not(.modal-title){font-size: 15px;margin:10px 0 5px}
.modal-succesform p.txtloading{color: #aaa;font-size: 13px;}
@keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);-moz-transform:rotate(-405deg);-o-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);-moz-transform:rotate(-405deg);-o-transform:rotate(-405deg);transform:rotate(-405deg)}}
@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}
@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0px;top:35px}100%{width:47px;right:8px;top:38px}}
.modal-icon.sweet-alert {padding-top: 15px;}
.animateSuccessTip {animation: animateSuccessTip 0.75s;}
.animateSuccessLong {animation: animateSuccessLong 0.75s;}
.sa-icon.sa-success.animate::after {animation: rotatePlaceholder 4.25s ease-in;}
.sweet-alert .sa-icon.sa-success{width:80px;height:80px;border:4px solid #4cae4c;border-radius:50%;margin:20px auto 0;position:relative;box-sizing:content-box}
.sweet-alert .sa-icon.sa-success::before,.sweet-alert .sa-icon.sa-success::after{content:'';border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.sweet-alert .sa-icon.sa-success::before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;-moz-transform-origin:60px 60px;-o-transform-origin:60px 60px;transform-origin:60px 60px}
.sweet-alert .sa-icon.sa-success::after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0px 60px;-moz-transform-origin:0px 60px;-o-transform-origin:0px 60px;transform-origin:0px 60px}
.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(92, 184, 92, 0.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}
.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#5cb85c;display:block;border-radius:2px;position:absolute;z-index:2}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
/* modal-contactform */  
.modal-contactform .modal-header h4.modal-title {text-align: center;font-size: 18px;font-weight: 500;}
.modal-contactform .modal-header .close {	margin-top: -10px;opacity: 0.5;font-size: 26px;width: 30px;	margin-right: -8px;}
.modal-contactform .content_popupform .input-group{ width: 100%;margin:0 0 15px;}
.modal-contactform .content_popupform .input-group input,
.modal-contactform .content_popupform .input-group textarea{
	border: 1px solid #e7e7e7;
	box-shadow: none;
	height: 40px;
	font-weight: 500;
	padding:5px 20px;
	background: #fbfbfb;
	color: #252a2b;
	width: 100%;
}
.modal-contactform .content_popupform .input-group textarea{resize: none;height:80px;}
/* - Harafunnel mobile */
.harafunnel-mb {
	position: fixed;right: 10px;bottom:60px;
	z-index: 9999;width: 65px;height: 65px;padding:8px;
	background: #fff;	border-radius: 50%;
	box-shadow: 0 3px 12px rgba(0, 0, 0, .15);
	transition: box-shadow 150ms linear;
}
ul.addThis_listing {
    list-style: none;
}
.actionToolbar_mobile.visible-xs ul {
    list-style: none;
}
.harafunnel-mb:hover {box-shadow: 0 5px 24px rgba(0, 0, 0, .3);}
.harafunnel-mb a {display: block;}
.harafunnel-mb a svg{width:100%;height:100%;}
@media(min-width:992px){
	.modal-addThis.modal-contactform .modal-dialog{width: 600px;}
	.modal-addThis.modal-succesform .modal-dialog{width:450px;}
}
@media(max-width:767px){
	.mainfooter-toolbar{margin-bottom: 50px;}
	.mainfooter-product {margin-bottom: 60px;}
	.actionToolbar_product{
		opacity: 0;   visibility: hidden;
		-webkit-transform: translateY(100%);transform: translateY(100%);
		-webkit-transition: all .3s ease;transition: all .3s ease;
	}
	.product-action-bottom {
		position: fixed;left: 0;bottom:0;right: 0;
		z-index:100;background: #fff;display:block;
		box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
		padding: 8px 10px;
		-webkit-transition: padding .3s ease;transition: padding .3s ease;
	}
	.layoutProduct_scroll.scroll-down .actionToolbar_product{
		opacity: 1;	visibility: visible;
		-webkit-transform: translateY(0px);transform: translateY(0px);
	}
	.layoutProduct_scroll.scroll-down .product-action-bottom{padding-bottom:60px;}
	.addThis_listSharing.hidden-xs.is-show {
		display: none;
	}
	.actionToolbar_mobile.visible-xs {
		display: block;
	}
}
/* footer contact */






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

	.mb-pb-0 {
		padding-bottom:0px !important;
	}
	.header-wrapper .header-main .icon, .header-wrapper .header-main span.cart-icon.image-icon {
		font-size: 10px !important;
	}
	.cf7-row {
		margin-bottom: 0px;
	}
	.cf7-contact-form input[type="submit"] {
		font-size: 14px;
	}
	.cf7-2col {
		gap: 0px;
	}
	.page-title h2 {
		font-size: 30px;
	}
	iframe#ytslide_amZpDBphwSA {
		height: 300px;
	}
	.cf7-newsletter {
		display: flex;
		align-items: center;
		gap: 20px;
		flex-flow: column;
		justify-content: center;
		align-items: center;
	}
	.cf7-right p {
		display: grid;
	}
	.cf7-right input[type="submit"] {
		margin-right: 0px;
	}
	.support-phone {
		display: flex;
		align-items: center;
		gap: 5px;
		font-size: 16px;
	}
	.phone-icon {
		width: 30px;
		height: 30px;
		font-size: 14px;
	}
}