/*

Theme Name: Bảo hành Samsung

Description: admin

Author: TDD

Template: flatsome

Version: 3.0

*/


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

@font-face {
    font-family: 'Google Sans';
    src: url('fonts/GoogleSans-Medium.woff2') format('woff2'),
        url('fonts/GoogleSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans';
    src: url('fonts/GoogleSans-Black.woff2') format('woff2'),
        url('fonts/GoogleSans-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans';
    src: url('fonts/GoogleSans-Bold.woff2') format('woff2'),
        url('fonts/GoogleSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans';
    src: url('fonts/GoogleSans-Regular.woff2') format('woff2'),
        url('fonts/GoogleSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


:root {
	--color-hover: #000;
    --color-main: #0041c0;
}
body{
    font-family: 'Google Sans', Helvetica;
    font-weight: 400;
    font-size: 14px !important;
}
b, strong{
	font-weight:bold;
}
#mega-menu-wrap {

	width: 100% !important;

	background: #72ac01;

	position: relative;

}
pre, blockquote, form, figure, p, dl, ul, ol {
    margin-bottom: 12px;
}

#comments a.btn-reviews-now{
	background: var(--primary-color);
}
span.devvn_num_reviews{
	color: var(--primary-color); 
}
.product-small .box-image:hover::before {

	-webkit-animation: shine .75s;

	animation: shine .75s;

}
.related.related-products-wrapper.product-section{
	border:none;
}
.product-small .box-image::before {

	position: absolute;

	top: 0;

	left: -75%;

	z-index: 2;

	display: block;

	content: '';

	width: 50%;

	height: 100%;

	background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);

	background: -webkit-gradient(linear,left top, right top,color-stop(0, rgba(255,255,255,0)),to(rgba(255,255,255,.3)));

	background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);

	-webkit-transform: skewX(-25deg);

	    -ms-transform: skewX(-25deg);

	        transform: skewX(-25deg);

}
.product-title a{
    color: #333;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 1.4 !important;
}
.product-section-title-related {
	text-transform: uppercase;
    position: relative;
    display: inline-block;
    border-bottom: 3px solid var(--primary-color);
    margin-bottom: 15px;
    padding-bottom: 8px;
    z-index: 1;
    font-weight: 700;
    font-size: 20px;
    width: 100%;
    max-width: 1200px;
}

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

	/*************** ADD MOBILE ONLY CSS HERE  ***************/





}

@media (min-width: 960px){

	.hidden-md {

		display: none!important;

	}

}

@media (min-width: 1200px){

	.hidden-lg {

		display: none!important;

	}

}

.ppocta-ft-fix {

	position: fixed;

	bottom: 5px;

	text-align: center;

	z-index: 9999;

}

.left-fix{left: 15px;}

.right-fix{right: 10px;}

#messengerButton {display: inline-block; margin-right: 10px; width: 50px; height: 50px; background: #4267B2; border-radius: 50%; -webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.7); box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.7); }

#messengerButton>a>i {background: url('images/messenger.png') center center no-repeat; background-size: 57%; width: 50px; height: 50px; display: inline-block; }

#zaloButton {display: inline-block; margin-right: 10px; width: 50px; height: 50px; background: #5AC5EF; border-radius: 50%; -webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.7); box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.7); }

#zaloButton>a>i {background: url('images/zalo.png') center center no-repeat; background-size: 57%; width: 50px; height: 50px; display: inline-block; }

#registerNowButton {display: inline-block; color: #fff; height: 50px; width: 50px; border-radius: 50%; margin-right: 10px; background: url('images/regbutton.png') center center no-repeat #ff0000; -webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.7); box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.7); text-decoration: none}

#callNowButton {display: inline-block; position: relative; border-radius: 50%; color: #fff; width: 50px; height: 50px; line-height: 50px; -webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.7); box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.7)}

#callNowButton a {display: block; text-decoration: none; outline: none; color: #fff; text-align: center}

#callNowButton i {border-radius: 50%; display: inline-block; width: 50px; height: 50px; background: url('images/callbutton.png') center center no-repeat #009900}

#callNowButton a.txt {position: absolute; top: -40px; left: calc(50% - 60px); background: #009900; width: 120px; max-width: 120px; line-height: 2; text-transform: uppercase; border-radius: 5px; font-size: 15px}

#callNowButton a.txt:after {position: absolute; bottom: -8px; left: 50px; content: ""; width: 0; height: 0; border-top: 8px solid #009900; border-left: 10px solid transparent; border-right: 10px solid transparent}



/*Call*/

.ew-alo-phone {position: fixed; left: 0; bottom: 4%; z-index: 9999}

.ew-alo-phone .call-text{margin-top: 50px; margin-left: 50px; padding: 0 15px 0 50px; background: #000; border-radius: 50px; line-height: 40px; font-size: 16px}

.ew-alo-phone .call-text a{color: #fff}

.ew-alo-ph-circle {width: 100px; height: 100px; top: 20px; left: 20px; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); border: 2px solid #48A5D4 9; opacity: .1; -webkit-animation: ew-alo-circle-anim 1.2s infinite ease-in-out; animation: ew-alo-circle-anim 1.2s infinite ease-in-out; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% }

.ew-alo-phone.ew-alo-active .ew-alo-ph-circle {-webkit-animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important; animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important }

.ew-alo-phone.ew-alo-static .ew-alo-ph-circle {-webkit-animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important; animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important }

.ew-alo-phone.ew-alo-hover .ew-alo-ph-circle, .ew-alo-phone:hover .ew-alo-ph-circle {border-color: #309ACF; opacity: .5 }

.ew-alo-phone.ew-alo-green.ew-alo-hover .ew-alo-ph-circle, .ew-alo-phone.ew-alo-green:hover .ew-alo-ph-circle {border-color: #FDAA38; border-color: #ffc272 9; opacity: .5 }

.ew-alo-phone.ew-alo-green .ew-alo-ph-circle {border-color: #309ACF; border-color: #48A5D4 9; opacity: .5 }

.ew-alo-phone.ew-alo-gray.ew-alo-hover .ew-alo-ph-circle, .ew-alo-phone.ew-alo-gray:hover .ew-alo-ph-circle {border-color: #ccc; opacity: .5 }

.ew-alo-phone.ew-alo-gray .ew-alo-ph-circle {border-color: #FDAA38; opacity: .5 }

.ew-alo-ph-circle-fill {width: 100px; height: 100px; top: 20px; left: 20px; position: absolute; background-color: #000; border-radius: 100%; border: 2px solid transparent; opacity: .1; -webkit-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% }

.ew-alo-phone.ew-alo-active .ew-alo-ph-circle-fill {-webkit-animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important; animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important }

.ew-alo-phone.ew-alo-static .ew-alo-ph-circle-fill {-webkit-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important; animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important; opacity: 0 !important }

.ew-alo-phone.ew-alo-hover .ew-alo-ph-circle-fill, .ew-alo-phone:hover .ew-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.5); background-color: #309ACF 9; opacity: .75 !important }

.ew-alo-phone.ew-alo-green.ew-alo-hover .ew-alo-ph-circle-fill, .ew-alo-phone.ew-alo-green:hover .ew-alo-ph-circle-fill {background-color: rgba(117, 235, 80, 0.5); background-color: #ffc272 9; opacity: .75 !important }

.ew-alo-phone.ew-alo-green .ew-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.5); background-color: #a6e3fa 9; opacity: .75 !important }

.ew-alo-phone.ew-alo-gray.ew-alo-hover .ew-alo-ph-circle-fill, .ew-alo-phone.ew-alo-gray:hover .ew-alo-ph-circle-fill {background-color: rgba(204, 204, 204, 0.5); background-color: #ccc 9; opacity: .75 !important }

.ew-alo-phone.ew-alo-gray .ew-alo-ph-circle-fill {background-color: rgba(117, 235, 80, 0.5); opacity: .75 !important }

.ew-alo-ph-img-circle {width: 40px; height: 40px; top: 50px; left: 50px; position: absolute; background: rgba(30, 30, 30, 0.1) url("images/icon-phone.png") no-repeat center center; border-radius: 100%; border: 2px solid transparent; opacity: 1; -webkit-animation: ew-alo-circle-img-anim 1s infinite ease-in-out; animation: ew-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% }

.ew-alo-ph-img-circle{background-size: 30px 30px}

.ew-alo-phone.ew-alo-active .ew-alo-ph-img-circle {-webkit-animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important; animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important }

.ew-alo-phone.ew-alo-static .ew-alo-ph-img-circle {-webkit-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important; animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important }

.ew-alo-phone.ew-alo-hover .ew-alo-ph-img-circle,

.ew-alo-phone:hover .ew-alo-ph-img-circle {background-color: #309ACF }

.ew-alo-phone.ew-alo-green.ew-alo-hover .ew-alo-ph-img-circle,

.ew-alo-phone.ew-alo-green:hover .ew-alo-ph-img-circle {background-color: #FDAA38}

.ew-alo-phone.ew-alo-green .ew-alo-ph-img-circle {background-color: #E90000}

.ew-alo-phone.ew-alo-gray.ew-alo-hover .ew-alo-ph-img-circle, .ew-alo-phone.ew-alo-gray:hover .ew-alo-ph-img-circle {background-color: #ccc }

.ew-alo-phone.ew-alo-gray .ew-alo-ph-img-circle {background-color: #FDAA38 }

@-webkit-keyframes ew-alo-circle-anim {

	0% {-webkit-transform: rotate(0) scale(.5) skew(1deg); -webkit-opacity: .1 }

	30% {-webkit-transform: rotate(0) scale(.7) skew(1deg); -webkit-opacity: .5 }

	100% {-webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: .1 }

}

@-webkit-keyframes ew-alo-circle-fill-anim {

	0% {-webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }

	50% {-webkit-transform: rotate(0) scale(1) skew(1deg); opacity: .2 }

	100% {-webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }

}

@-webkit-keyframes ew-alo-circle-img-anim {

	0% {-webkit-transform: rotate(0) scale(1) skew(1deg) }

	10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg) }

	20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg) }

	30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg) }

	40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg) }

	50% {-webkit-transform: rotate(0) scale(1) skew(1deg) }

	100% {-webkit-transform: rotate(0) scale(1) skew(1deg) }

}

.badge-circle-inside .badge-inner, .badge-circle .badge-inner {
    border: none;
    color: #fff;
    padding: 0;
    background: none !important;
    font-weight: 400;
}
.badge-outline, .badge-circle {
	margin-left: 0;
}
.badge {
    height: 30px;
    font-size: 12px;
    width: 30px; 
}
.badge-container {
    margin: 0;
    background: var(--primary-color);
    border-radius: 50px;
    top: -15px;
    left: -15px;
}
.section .badge-container {
    display: none;
}
.price-wrapper span.price del{
	font-size: 16px;
}
.header-main .nav > li > a{
	font-size: 16px;
    font-weight: bold;
    font-family: 'Google Sans';
    color: #000 !important;
    padding: 8px 10px;
}
.header-main .nav li a:hover{
	color: var(--color-hover) !important;
} 
.cart-icon strong {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}
.cart-item .header-cart-title {
    font-size: 14px;
    font-weight: 400;
}
.header-nav.nav-right .cart-item.has-icon {
    margin-right: 1rem;
}
.account-item .header-account-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
}
.account-item i.icon-user:before {
    content: "\f2bd";
    font-family: 'FontAwesome';
    font-size: 30px;
}
.box-banner-inf h2 {
	color: #fff;
	font-size: 54px;
	margin: 0;
	font-weight: 700;
}
.about-text {
	position: absolute;
	top: 50%;
	left: 15%;
	-webkit-transform: translate(0, -40px);
	    -ms-transform: translate(0, -40px);
	        transform: translate(0, -40px);
	font-size: 3rem;
	color: #fff;
	font-weight: 700;
	z-index: 2;
}
.about-btn{
	position: absolute;
	top: 50%;
	left: 15%;
	-webkit-transform: translate(0, 50px);
	    -ms-transform: translate(0, 50px);
	        transform: translate(0, 50px);
	z-index: 2;
}
.h_boxabout .has-hover:before {
	content: "";
	background: rgb(51 51 51 / 65%);
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.box-about-inf{
	padding-left: 0;
}
.box-about-right {
    padding: 0px 30px;
    font-size: 15px;
}
.h_product h2.section-title.section-title-center b{
	visibility: hidden;
}
.h_product h2.section-title.section-title-center span{
	font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 15px;
    position: relative;
    line-height: 1.5;
    padding-bottom: 10px;
    font-family: 'Google Sans';
    font-weight: bold;
} 
.tab_product li.tab.has-icon span {
	font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px;
    color: #222;
    letter-spacing: -1px;
}
.tab_product li.tab.active.has-icon span{
	color:var(--primary-color);
}
.h_product .section-title-main:after,.tab_product li.tab.active.has-icon span:after{
	position: absolute;
	bottom: 0;
	content: "";
	left: 0;
	right: 0;
	background: var(--primary-color);
	height: 5px;
	width: 80px;
	margin: auto;
}
.absolute-footer {
    background: #000!important;
    padding: 1rem 0;
    font-size: 15px;
}
.ft_top .col {
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.ft_top form.wpcf7-form.init,.ft_top p{
	margin:0;
}
.ft_top .title_newsletter {
	background-repeat: no-repeat;
	background-image: url(images/icon_footer.webp);
	background-position: 0;
	background-size: 20px;
	padding-left: 35px;
	padding-right: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.ft_top h4 {
	margin-bottom: 0;
	line-height: inherit;
	font-size: 14px;
}
.ft_top .form-flat input:not([type=submit]),.ft_top .form-flat textarea,.ft_top .form-flat select {
	background: #fff;
	border-radius: 0;
	height: 45px;
}
.ft_top .form-flat .flex-row .flex-col,.ft_top .flex-row.form-flat .flex-col{
	padding:0;
}
.ft_top .form-flat .flex-row .flex-col,.ft_top .flex-row.form-flat .flex-col{
	margin:0;
}
.ft_top input[type=submit],.ft_top input[type=submit].button{
	border-radius: 0;
	height:45px; 
}
.ft_top .area_phone_contact a{
    color: #000;
    padding-left: 5px;
    font-size: 18px;
    font-weight: bold;
}
.ft_top .area_phone_contact {
	background-repeat: no-repeat;
	background-image: url(images/icon_footer_2.webp);
	background-position: 0;
	background-size: 20px;
	padding-left: 35px;
	padding-right: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center; 
}
.nav>li{
	margin:0 0px;
}
.product-small .title-wrapper {
	margin-bottom: 5px;
}
.page-title.shop-page-title.product-page-title .page-title-inner {
	background: #f2f2f2;
    margin: 15px auto 15px auto;
    font-size: 12px;
    padding-top: 0;
    min-height: 45px;
}
.page-title-inner{
	padding-top: 15px;
	min-height: 35px;
}
.product-info{
	padding-top:0;
}
.product-footer .woocommerce-tabs{
	border-top:none;
}
.devvn_single_price {
	padding: 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0 0 15px;
	color: #000;
	font-size: 13px;
}
.devvn_single_price div {
	margin-bottom: 5px;
}
.devvn_single_price span.label {
	color: #999;
	font-weight: 400;
	font-size: 14px;
	padding: 0;
	margin: 0;
	text-align: left;
	line-height: 18px;
}

.devvn_single_price span.devvn_price .amount {
	font-size: 30px;
	font-weight: 700;
	color:var(--primary-color);
	line-height: 1.5;
}

.devvn_single_price span.devvn_price del .amount, .devvn_single_price span.devvn_price del {
	font-size: 14px;
	color: #333;
	font-weight: 400;
}
.product-gallery .badge-container {
	display: none;
}
.breadcrumbs {
    color: #666;
    font-size: 13px;
    font-weight: normal;
} 
#shop-sidebar span.product-title {
	font-size: 14px;
}
.nav>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav-dropdown li.active>a, .nav-column li.active>a, .nav-dropdown>li>a:hover, .nav-column li>a:hover {
	color: var(--primary-color);
}
.icon-box.featured-box.icon-box-center.text-center {
	display: none;
}
h1.entry-title.mb,.archive-page-header .page-title span{
    text-align: center;
    font-family: 'Google Sans';
    font-weight: bold;
    font-size: 26px;
    color:#000;
    position: relative;
    padding-bottom: 10px;
    letter-spacing: 0px;
}
h1.entry-title.mb:before,.archive-page-header .page-title span:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 45px;
    border-bottom: solid 3px var(--primary-color);
    z-index: 1;
}
h1.entry-title.mb:after,.archive-page-header .page-title span:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 180px;
    z-index: 0;
    border-bottom: solid 1px #d8cfcf;
}
span.devvn_price.sale_amount span.woocommerce-Price-amount.amount {
	color: #666;
	font-size: 16px;
}

/* Call zalo button */
#button-contact-vr {
    position: fixed;
    bottom: 80px;
    z-index: 99;
    left: 0px;
}

/*phone*/

#button-contact-vr .button-contact {

	position: relative;

}

#button-contact-vr .button-contact .phone-vr {

	position: relative;

	visibility: visible;

	background-color: transparent;

	width: 90px;

	height: 90px;

	cursor: pointer;

	z-index: 11;

	-webkit-backface-visibility: hidden;

	-webkit-transform: translateZ(0);

	-webkit-transition: visibility .5s;

	-o-transition: visibility .5s;

	transition: visibility .5s;

	left: 0;

	bottom: 0px;

	display: block;

}

.phone-vr-circle-fill {

	width: 65px;

	height: 65px;

	top: 12px;

	left: 12px;

	position: absolute;

	-webkit-box-shadow: 0 0 0 0 #c31d1d;

	        box-shadow: 0 0 0 0 #c31d1d;

	background-color: rgba(230, 8, 8, 0.7);

	border-radius: 50%;

	border: 2px solid transparent;

	-webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;

	animation: phone-vr-circle-fill 2.3s infinite ease-in-out;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	-webkit-transform-origin: 50% 50%;

	-ms-transform-origin: 50% 50%;

	transform-origin: 50% 50%;

	-webkit-animuiion: zoom 1.3s infinite;

	-webkit-animation: zoom 1.3s infinite;

	        animation: zoom 1.3s infinite;

}

.phone-vr-img-circle {

	background-color: #e60808;

	width: 40px;

	height: 40px;
	line-height: 40px;

	top: 25px;

	left: 25px;

	position: absolute;

	border-radius: 50%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	    -ms-flex-pack: center;

	        justify-content: center;

	-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;

	animation: phone-vr-circle-fill 1s infinite ease-in-out;

}

.phone-vr-img-circle a {

	display: block;

	line-height: 37px;

}

.phone-vr-img-circle img {

	max-width: 25px;

}

@-webkit-keyframes phone-vr-circle-fill {

	0% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
	}

	10% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
	}

	20% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg);
	}

	30% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
	}

	40% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg);
	}

	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
	}

	100% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
	}

}

@-webkit-keyframes zoom {
	0% {
		-webkit-transform: scale(.9);
		        transform: scale(.9)
	}

	70% {
		-webkit-transform: scale(1);
		        transform: scale(1);
		-webkit-box-shadow: 0 0 0 15px transparent;
		        box-shadow: 0 0 0 15px transparent
	}

	100% {
		-webkit-transform: scale(.9);
		        transform: scale(.9);
		-webkit-box-shadow: 0 0 0 0 transparent;
		        box-shadow: 0 0 0 0 transparent
	}
}

@keyframes zoom {
	0% {
		-webkit-transform: scale(.9);
		        transform: scale(.9)
	}

	70% {
		-webkit-transform: scale(1);
		        transform: scale(1);
		-webkit-box-shadow: 0 0 0 15px transparent;
		        box-shadow: 0 0 0 15px transparent
	}

	100% {
		-webkit-transform: scale(.9);
		        transform: scale(.9);
		-webkit-box-shadow: 0 0 0 0 transparent;
		        box-shadow: 0 0 0 0 transparent
	}
}

.phone-bar a {

	position: fixed;

	bottom: 25px;

	left: 30px;

	z-index: -1;

	background: rgb(232, 58, 58);

	color: #fff;

	font-size: 16px;

	padding: 8px 15px 7px 50px;

	border-radius: 100px;
	white-space: nowrap;

}

.phone-bar a:hover {

	opacity: 0.8;
	color: #fff;

}

@media(max-width: 736px) {

	.phone-bar {
		display: none;
	}

}

#zalo-vr .phone-vr-circle-fill {

	-webkit-box-shadow: 0 0 0 0 #2196F3;

	        box-shadow: 0 0 0 0 #2196F3;

	background-color: rgba(33, 150, 243, 0.7);

}

#zalo-vr .phone-vr-img-circle {
	background-color: #2196F3;
}

#viber-vr .phone-vr-circle-fill {
	-webkit-box-shadow: 0 0 0 0 #714497;
	        box-shadow: 0 0 0 0 #714497;
	background-color: rgba(113, 68, 151, 0.8);
}

#viber-vr .phone-vr-img-circle {
	background-color: #714497;
}
#contact-vr .phone-vr-circle-fill {
	-webkit-box-shadow: 0 0 0 0 #2196F3;
	        box-shadow: 0 0 0 0 #2196F3;
	background-color: rgba(33, 150, 243, 0.7);
}

#contact-vr .phone-vr-img-circle {
	background-color: #2196F3;
}

.box-showrooms {
	margin-top: 15px;
	border: 1px solid #ececec;
	border-radius: 3px;
}
.box-showrooms .b-header {
	padding: 15px 10px;
	border-bottom: 1px solid #ececec;
	background-color: #f6f6f6;
	font-weight: bold;
	font-size: 15px;
}
.box-showrooms .s-group {
	padding: 10px;
	border-bottom: 1px solid #ececec;
}
.box-showrooms .s-group p {
	font-size: 14px;
	line-height: 1.7;
	padding: 0;
}
.box-showrooms .s-group i{
	color: var(--primary-color);
	margin-right: 5px;	
}
.box-camket{
	border: 1px solid var(--primary-color);
	border-radius: 3px;
	color: var(--primary-color);
	width: 100%;
}
.box-camket .title-sidebar{
	padding: 15px 10px;
	border-bottom: 1px solid var(--primary-color);
	font-size: 15px;
	font-weight: bold;
	color: var(--primary-color);
	text-transform: uppercase;
}
.box-camket .b-content {
	padding: 10px;
	font-size: 14px;
	line-height: 1.8;
}
.box-camket .b-content .b-item {
	color: var(--primary-color);
}
.box-camket .b-content .fa {
	margin-right: 3px;
}
h1.product-title {
    font-size: 20px;
    color: #333;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: -0.5px;
    margin-bottom: 5px;
}
@media screen and (min-width: 850px){
	.product #product-sidebar {
		padding-left: 15px;
	}
	.product-info.summary.col-fit.col-divided.col.entry-summary.product-summary {
		padding-right: 15px;
		border: none;
	}
	#review_form_wrapper,#comments {
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
}
span.amount{
	font-size: 18px;
    color: #ff0000;
    font-family: 'Google Sans';
    font-weight: bold;
    line-height: 1.4;
}
span.price ins .woocommerce-Price-amount{ 
	font-size: 18px;
}
span.price del .woocommerce-Price-amount{
	font-size: 14px;
	letter-spacing: -0.5px;
	font-weight: 600;
}
.nav-small.nav>li.html {
    font-size: 14px;
}
#top-bar .nav>li.html{
    font-size: 12px;
}
li.woocommerce-mini-cart-item.mini_cart_item a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -o-text-overflow: inherit;
       text-overflow: inherit;
    font-size: 13px;
    line-height: 1.5;
}
.product-info.summary.col-fit.col-divided.col.entry-summary.product-summary form {
    margin-bottom: 5px;
}
#tab-title-additional_information,#tab-title-pwb_tab{
    display: none;
}
.shop_table thead th, .shop_table .order-total td, .shop_table .order-total th,.cart_totals .product-name{
	border-width: 1px !important;
}
.cart_totals .product-name {
    border: none;
}
.cart-sidebar .widget-title {
    border-bottom: 1px solid #ececec;
  }
 .woof_price3_search_container.woof_container.woof_price_filter {
    min-width: 30%;
    margin-right: 30px;
}
.woof_sid_auto_shortcode.woof {
    padding: 15px 10px;
}
  .woof_sid_auto_shortcode .woof_container {
    width: auto !important;
    margin: 0;
    padding: 0;
}
p.woocommerce-result-count.hide-for-medium {
    display: none;
}
.woof_sid.woof_sid_auto_shortcode.woof{
	border:none;
	background:#edeff1;
}
.woof_redraw_zone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.woof_container_inner h4 {
    font-size: 14px;
}
.woof_products_top_panel{
	display: none !important;
}
.woof_redraw_zone .chosen-container-single .chosen-single{
    background: #fff;
    line-height: 40px !important;
    height: 40px !important;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.woof_submit_search_form_container button {
    margin: 0px 0px 0px 8px;
}
.woof_submit_search_form_container,.chosen-container{
	margin:0;
}
.chosen-container-active .chosen-single{
	border:1px solid var(--primary-color);
}
button.button.woof_reset_search_form {
     text-indent: -999px;
    position: relative;
}
.chosen-container-single .chosen-single div b{
	background: none !important;
	position: relative;
}
.chosen-container-single .chosen-single div b:after{
    content: "\f078";
    position: absolute;
    font-family: 'FontAwesome';
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    color: #222;
    text-indent: 0;
    margin: auto;
}
.chosen-container-single .chosen-single div{
	width: 20px;
}
.chosen-container-single .chosen-single span{
	color:#222;
}
button.button.woof_reset_search_form:after {
    content: "\f0e2";
    position: absolute;
    font-family: 'FontAwesome';
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    color: #fff;
    text-indent: 0;
    margin: auto;
}
.chosen-container-single .chosen-drop{
    margin-top: 10px;
    border-radius: 0;
    border-top: 1px solid #aaa;
    -webkit-box-shadow: none;
            box-shadow: none;
    min-width: 220px;
    padding: 8px 5px;
}
li.active-result.result-selected {
    display: none !important;
}
li.cat-item-none{
	display: none;
} 
.h_boxabout {
    background: rgb(244, 244, 244) url(./images/bg_about.png);
}
.taxonomy-product .cat-item{
    list-style: none;
    display: inline;
    border: 1px solid var(--primary-color);
    border-left: 5px solid var(--primary-color);
    padding: 0px 7px;
    margin-right: 5px;
    margin-bottom: 1.5rem;
}
.cat-item:nth-child(2) {
    margin-left: 15px;
}
.taxonomy-product .cat-item a{
	padding: 4px 0;
    width: 100%;
    display: block;
    font-size: 13px;
}
h1.taxonomy-title{
    font-size: 26px;
    line-height: 1.5;
    margin: 0 0px 15px 15px;
}
.header-nav.header-bottom-nav>li>a{
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    padding: 10px 16px;
    text-transform: uppercase;
}
.header-nav.header-bottom-nav li a i{
    color: #fff;
    font-size: 16px;
}
.header-nav.header-bottom-nav>li.active,.header-bottom-nav.header-nav>li>a:hover{
    background: var(--color-main);
}
.header-nav.header-bottom-nav li{
	margin: 0;
}
.header-nav.header-bottom-nav>li:not(:last-child){
    border-right: 1px solid #343131;
}
.header-nav.header-bottom-nav li.new:before {
    content: "NEW";
    top: -5px;
    font-size: 12px;
    position: absolute;
    right: calc(0px + 8px);
    color: var(--primary-color);
    opacity: 1; 
    border-width: 0;
    margin-left: 0;
}
.header-nav.header-bottom-nav li.hot:before {
    content: "HOT";
    top: -5px;
    font-size: 12px;
    position: absolute;
    right: calc(0px + 8px);
    color: var(--primary-color);
    opacity: 1; 
    border-width: 0;
    margin-left: 0;
}
.header-nav.header-bottom-nav li .sub-menu a:hover{
	color:var(--primary-color) !important;
}
.h_brand .col-inner .img.has-hover{
    border: 1px solid #ccc;
    padding: 15px;
}
.header-bottom .sub-menu.nav-dropdown li.menu-item-has-children:before {
    content: "\f054 ";
    position: absolute;
    right: 10px;
    top: calc(50% - 8px);
    font-family: 'FontAwesome';
    font-size: 11px;
    transition: .3s all;
}
.header-bottom .sub-menu.nav-dropdown li.menu-item-has-children:hover:before{
    right: 15px;
}
.header-bottom .sub-menu.nav-dropdown{
    display: block !important;
    padding: 0;
    min-width: 220px;
} 
.header-bottom .sub-menu.nav-dropdown li.nav-dropdown-col{
    display: block;
    position: relative;
}
.header-bottom .sub-menu.nav-dropdown>li>ul.sub-menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 100%;
    top: 300%;
    background: #fff;
    min-width: 200px;
    webkit-box-shadow: 1px 1px 15px rgba(0,0,0,.15);
    box-shadow: 1px 1px 15px rgba(0,0,0,.15);
    transition: .3s all;
}
.header-bottom .sub-menu.nav-dropdown>li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0;
}
.nav-dropdown>li.nav-dropdown-col{
	width: 100%;
}
.nav-dropdown>li.nav-dropdown-col:not(:last-child), .nav-dropdown>li.image-column:not(:last-child){
	border: none;
}
ul.sub-menu.nav-column.nav-dropdown-simple a {
    font-size: 14px;
    color: #333;
}
.nav-dropdown.nav-dropdown-simple>li>a {
    color: #666;
    font-weight: 400;
    border-bottom: 1px solid #ecf0f1;
    font-size: 14px;
    text-transform: capitalize;
}
.nav-dropdown{
	padding: 10px 0 10px;
}
.nav-column li>a, .nav-dropdown>li>a{
	padding:10px 15px;
}
.nav-right a.account-link.account-login.icon.button{
    font-size: 18px;
}
.header-cart-icon img.cart-img-icon{
    max-width: 43px !important;
} 
.hotline-quickbuy strong {
    color: red;
}
.hotline-quickbuy i {
    color: var(--primary-color);
    font-size: 20px;
}
.hotline-quickbuy {
    border: 1px solid var(--primary-color);
    padding: 6px 10px;
    font-size: 16px;
}
.pwb-single-product-brands img {
	max-height: 35px;
    width: auto;
    margin: 0px 5px 0 0px;
}
.pwb-single-product-brands{
	padding: 0 !important;
}
.pwb-az-listing-header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.product-viewed li {
    list-style: none;
}
.product-viewed .widget-title{
	    text-transform: uppercase;
    position: relative;
    display: inline-block;
    border-bottom: 3px solid var(--primary-color);
    margin-bottom: 15px;
    padding-bottom: 8px;
    z-index: 1;
    font-weight: normal;
    font-size: 20px;
    width: 100%;
    max-width: 1200px;
}
.product-viewed .product_list_widget {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
}
.product-viewed ul.product_list_widget li{
	padding: 0;
}
.product-viewed ul.product_list_widget li img{
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.product-viewed span.product-title {
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 15px;
    line-height: 1.5;
}
.product-viewed ul.product_list_widget li{
	text-align: center;
}
.product-viewed ul.product_list_widget li+li{border: none;}
.widget_price_filter .price_label{display: -webkit-box;display: -ms-flexbox;display: flex;}
.widget_price_filter span.from {
    margin-left: 5px;
}
.off-canvas-right.dark .mfp-content, .off-canvas-left.dark .mfp-content {
    background-color: var(--primary-color);
}
.mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>a, .mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>a{
	color:#fff;
}
#footer .footer-sago ul{
	margin-left: 0px; 
}
#footer .footer-sago ul li {
    border: none;
    list-style: none;
}
#footer .footer-sago ul li a {
    font-size: 14px;
    line-height: 1.5;
    padding: 0 0px 5px 0px;
}
#footer .footer-sago h3,#footer .footer-sago .widget-title{
    border-bottom: 1px solid #ddd;
    position: relative;
    margin-bottom: 1rem;
    background: none;
    display: block;
    padding: 0 5px 10px 5px;
    text-align: left;
}
#footer .footer-sago h3:before,#footer .footer-sago .widget-title::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    max-width: 70px;
    height: 3px;
    background: var(--primary-color);
}
#footer .footer-sago .widget .is-divider{display: none;}
.page-title-inner.container.flex-row.medium-flex-wrap.medium-text-center {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
}
#footer .footer-sago ul li:before {
    content: "\f054";
    font-family: 'FontAwesome';
    position: absolute;
    left: 2px;
    font-size: 10px;
    padding-top: 3px;
    color: #000;
}
span.amount.call-price {
    font-size: 16px;
    color: #555;
    line-height: 1.5;
}
.hotlineTop {
    font-size: 16px;
    line-height: 1.5;
    color: #e21428;
    padding-left: 20px;
    position: relative;
    font-weight: bold;
    font-family: "Google Sans";
    margin-right: 12px;
    border-right: 1px solid #ccc;
    padding-right: 12px;
}
.header-nav.header-bottom-nav .socialTop ul li a i {
    color: #666666;
    font-size: 16px;
    margin-right: 10px;
}
.stuck .header-main .nav > li > a {
    line-height: inherit !important;
}
.h_blog .post-title{
    margin-bottom: 0.6rem;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.h_blog .box-blog-post .is-divider{
	display: none;
}
.h_blog .from_the_blog_excerpt {
    font-size: 14px;
    color: #434343;
    font-weight: 300;
    line-height: 1.5;
}
.h_blog .box-blog-post .box-text .button {
    margin-top: 0.5em;
    border: none;
    font-weight: 400;
    color: #000;
    font-size: 12px;
    border-bottom: 1px solid #000;
    margin-right: 0 !important;
    margin-left: auto !important;
    padding: 0px 5px;
}
.h_blog .box-blog-post .box-text .button:hover{
    color: var(--primary-color);
    background-color: transparent;
    border-color:var(--primary-color);
}
.has-hover:hover img.show-on-hover {
    opacity: 0;
}
.back-to-top.button.is-outline {
    background-color: #bd0000 !important;
    border: none !important;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    font-size: 17px;
    line-height: 35px;
}
::-webkit-scrollbar {
	width: 10px;
	border-radius: 5px;
}
::-webkit-scrollbar-track {
	background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
	background: #ccc;
}
::-webkit-scrollbar-thumb:hover {
	background: #ccc;
}
.vertical-thumbnails::-webkit-scrollbar {
    width: 5px;
	border-radius: 5px;
}
.vertical-thumbnails::-webkit-scrollbar-thumb {
	background: var(--primary-color);
}
.normal-title .page-title-inner {
    padding-top: 10px;
    padding-bottom: 10px;
}
.box-text.box-text-products {
    padding: 15px 10px 8px 10px;
}
.blog-wrapper .entry-category,.blog-wrapper .entry-header-text .is-divider{
    display: none;
}
span.posted-on {
    font-size: 12px;
    font-weight: 300;
    font-family: 'Google Sans';
    letter-spacing: 0.5px;
    text-transform: capitalize;
    line-height: 1.5;
}
.blog-wrapper .entry-header-text{
	padding-bottom: 0;
}
.blog-wrapper .entry-content{
	padding-top: 0.5em;
}
.blog-wrapper h1.entry-title {
    font-weight: bold;
    font-family: 'Google Sans';
    font-size: 24px;
    line-height: 1.4;
}
.widget .is-divider{
	display: none;
}
.recent-blog-posts a {
    line-height: 1.2;
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
}
.recent-blog-posts .mr-half{
    margin-right: 8px;
}
#secondary .widget {
    border: solid 1px #f0f0f0;
}
#secondary .widget ul{
    padding:0 8px;
}
.nav-pagination>li>span, .nav-pagination>li>a {
    border-radius: 5px;
    border: 1px solid var(--primary-color);
}
.button-listPrice {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    margin: 5px 0 15px 0;
}
.button-listPrice a.btn_bangGia {
    font-size: 13px;
    line-height: 22px;
    padding: 3px 10px;
    position: relative;
    background: #e21428;
    text-transform: none;
    color: #ffffff;
	font-family: 'Google Sans';
    font-weight: 300;
}
.button-listPrice a.btn_bangGia:before {
    content: "\f1ec";
	font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    bottom: 0;
    text-align: center;
    width: 28px;
    right: -29px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: #e21428;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.button-listPrice a.btn_laiThu {
    font-size: 13px;
    line-height: 22px;
    padding: 3px 10px;
    position: relative;
    background: #2e2e2e;
	font-family: 'Google Sans';
    font-weight: 300;
    text-transform: none;
    margin-right: 29px;
    color: #ffffff;
}
.button-listPrice a.btn_laiThu:before {
    content: "\f1cd";
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    bottom: 0;
    text-align: center;
    width: 28px;
    right: -29px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: #2e2e2e;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-wrapper .ft_top {
    color: #434343;
	font-size: 16px;
	line-height: 1.5;
	padding:30px 0 !important;
}
.footer-wrapper{
    width: 100%;
    position: relative;
    color: #434343;
}
.footer-wrapper .ft_top a{
	color:#434343;
    font-family: 'Google Sans';
    font-weight: 300;
}
.product-register {
	margin: 10px 0 15px 0;
    position: relative;
}
.product-register .button-red {
    color: #fff;
    background: #000;
    text-transform: uppercase;
    padding: 10px 25px;
    cursor: pointer;
    font-family: 'Google Sans';
    font-weight: 300;
    letter-spacing: .2px;
    font-size: 15px;
    border-radius: 5px;
} 
.product-register .button-red:hover{
    background: var(--color-hover);
} 
.productSingle-phone {
    display: block;
    padding: 8px 10px;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
    border-top: 1px solid #ddd;
    background: #f9f9f9;
    margin-bottom: 22px;
}
.productSingle-phone a {
    padding-left: 30px;
}
.product-info.summary{
    font-size: 16px;
    font-weight: 300;
    display: flex;
    flex-direction: column;
}
.entry-author,footer.entry-meta {
    display: none;
}
    
    @media screen and (max-width: 1050px){
    .tdpHome{
        height:initial;
        padding: 25px 0px 0;
    }
    .momCircle .circle{
        margin: 0 auto;
        top:initial;
        left:initial;
        position: relative !important;
        -webkit-transform: initial !important;
        -ms-transform: initial !important;
        -o-transform: initial !important;
        transform: initial !important;
    }
    .momCircle{
        width:100%;
        max-width: 340px;
        margin: 0 auto;
        height:auto;
        position: initial;
        -webkit-transform: initial;
        -ms-transform: initial;
        -o-transform: initial;
        transform: initial;
        margin-bottom: 10px;
    }
    .momCircle .grid{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin: 0 -10px;
    }
    .momCircle .grid .col{
        width: 50%;
        padding: 0 10px;
        margin-bottom: 20px;
    }
    .infoCircle {
        position: relative;
        -webkit-transform: initial;
        -ms-transform: initial;
        -o-transform: initial;
        transform: initial;
        margin: 0 auto;
        left: initial;
        margin-bottom: 0;
        width: auto;
        height: inherit;
        background:transparent;
        padding: 15px 15px 15px;
    }
    .infoCircle:before{
        display: none;
    }
}
.car-name {
    display: block;
    margin: 0 0 0px 0;
}
.car-name span {
    border-bottom: 1px solid #333;
    font-size: 26px;
    line-height: 1.5;
    padding: 0 0 5px 0;
    font-weight: 400;
    font-family: 'Google Sans';
    font-style: italic;
}
.table-product {
    font-size: 24px;
    line-height: 1.3;
    font-family: 'Google Sans';
    margin: 2rem 0 5px 0;
}
.table-product table{
    margin-bottom: 0;
    border: 1px solid #eee;
}
.table-product tbody{
    font-size: 20px;
    line-height: 1.3;
    font-family: 'Google Sans';
    font-weight: 300;
}
.table-product tbody tr td {
    padding: 10px 8px;
}
.table-product table thead tr th {
    padding: 15px 8px;
}
.woocommerce-layout__header{
    display: none !important;
}
.product-thumbnails img{
    opacity: 1;
}
.product .box-image{
    position: relative;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
} 
.nav-tabs+.tab-panels {
    border: 1px solid #eee;
}
.h_form_bao_gia{
    height: 100%;
    width: 100%;
    background: linear-gradient( 90deg, #fff 50%, transparent 50%), linear-gradient( 90deg, #fff 50%, transparent 50%), linear-gradient( 0deg, #fff 50%, transparent 50%), linear-gradient( 0deg, #fff 50%, transparent 50%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 16px 6px, 16px 6px, 6px 16px, 6px 16px;
    background-position: 0% 0%, 100% 100%, 0% 100%, 100% 0px;
    border-radius: 15px;
    padding: 25px 25px 0 25px;
    animation: dash 5s linear infinite;
    border: 1px saddlebrown;
}
.laithu.baoGia {
    text-align: center;
}
.h_tab_block .nav>li.tab.active>a {
    background: var(--primary-color);
    color: #fff;
}
.h_tab_block .nav>li.tab>a {
    cursor: pointer;
    padding:5px 12px;
}
.h_tab_block .box-text h3 {
    font-size: 24px;
    text-transform: uppercase;
    line-height: 1.5;
    font-weight:600;
}
.h_tab_block .box-text p {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--primary-color);
}
.pdb-0{
    padding-bottom: 0 !important;
}   
.box-content-product {
    background: #fafafa;
    padding: 0px 0px 10px 0px;
    display: block;
}
.product_box_desc p {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 5px;
    font-family: 'Google Sans';
    position: relative;
    margin-left: 10px;
}
.product_box_desc p:before{
    content: "\f111";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 7px;
    color: #cccccc;
    position: relative;
    top: -3px;
    font-size: 5px;
}
.product-small .price-wrapper .price span.lable-price {
    display: none;
}
.product-small .price-wrapper .price{
    position: relative;
    width: 100%;
    max-width: 100%;
}
.number_seller_product {
    font-size: 13px;
    font-weight: 300;
}
.product-small .price-wrapper .price span.amount {
    font-size: 15px;
}
.product-small .box-content-product .product_title_price .product-title a {
    color: #333;
    font-size: 15px;
    font-weight: 600;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 1.4 !important;
    text-transform: capitalize;
}
.group_sku_seller {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
}
.product-info .product-short-description p {
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 10px;
    line-height: 1.5;
}
.sidebar-inner aside.widget {
    border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    background-color: #f6f6f6;
}
.sidebar-inner aside.widget .widget-title {
    font-weight: normal;
    display: block;
    background-color: var(--primary-color);
    color: #ffffff;
    border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    text-transform: uppercase;
    padding: 15px 20px;
}
.sidebar-inner aside.widget ul > li {
    padding: 10px 0 10px 20px;
    position: relative;
}
 .sidebar-inner aside.widget ul > li > a {
    padding: 0;
    font-size: 13px;
    width: 100%;
}
.sidebar-inner aside.widget ul > li > a::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 7px;
    font-size: 13px;
}
.sidebar-inner aside.widget ul > li > a::before {
    content: "\f0c8";
    color: #cccccc;
}
.sidebar-inner aside.widget ul > li.current-menu-item> a::before {
    content: "\f14a";
    color: var(--primary-color);
}
.sidebar-inner aside.widget ul > li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    border-bottom: solid 1px #c8102e;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 1;
}
.sidebar-inner aside.widget ul > li:hover::after {
    right: 0;
}
/*==================BEGIN MENU FIXED===============*/
#menuFixed:hover li .divText{
    transform:translateX(0%);
    -webkit-transform:translateX(0%);
    -ms-transform:translateX(0%);
	
}
.menuFixed {
    position: fixed;
    bottom: 50px;
    right: 10px;
    -webkit-transform:translate(0%, 0%);
    -moz-transform:translate(0%, 0%);
    -o-transform:translate(0%, 0%);
    -ms-transform:translate(0%, 0%);
    transform:translate(0%, 0%);
    z-index:999999;
    cursor: pointer;
    pointer-events: none;
}
.menuFixed li{
    display: block;
    position: relative;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease;
    color: #ffffff;
    width: 100%;
    height:0px;
    right:0;
    clear: both;
}
.menuFixed li a{
    color: #ffffff;
}
.menuFixed li .divText{
    display: block;
    position: relative;
    float: left;
    width: calc(100% + 15px);
    height: 45px;
    padding-right: 50px;
    z-index: 1;
    background-color: #4d4d4d;
    transform:translateX(100%);
    -webkit-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease;
    pointer-events: auto;
}
.menuFixed li.gt .divText{
    background-color: #8904b5;
}

.menuFixed li:hover .divText{
    background-color: var(--primary-color);
}
.menuFixed li .divText span{
    color: #ffffff;
}
.menuFixed li .divText > span{
    display: block;
    font-size: 14px;
    line-height: 23px;
    padding:13px 10px 0px 25px;
}
.menuFixed li .divText .social{
    padding: 0;
}
.menuFixed li .divText .social > span{
    float:left;
    display: block;
    width: 50px;
    height: 50px;
    font-size: 18px;
    position: relative;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease;
}
.menuFixed li .divText .social > span i{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.menuFixed li .divText .social .facebook:hover{
    background: #305891;
}
.menuFixed li .divText .social .google:hover{
    background: #d34836;
}
.menuFixed li .divText .social .plug:hover{
    background: #f00;
}
.menuFixed li .divText .social .twitter:hover{
    background: #1da1f2;
}
.menuFixed li .divIcon{
    position: absolute;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    width: 45px;
    height: 45px;
    top: 0;
    right: 0;
    background-color: #4d4d4d;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    pointer-events: auto;
    font-size: 20px;
    line-height: 30px;
}
.menuFixed li.gt .divIcon{
    background-color: #620083;
}
.menuFixed li:hover .divIcon{
    background-color: var(--primary-color);
}
.menuFixed li:hover{
    background-color: var(--primary-color);
}
.menuFixed li.liShare:hover .divText,
.menuFixed li.liShare:hover .divIcon {
    background-color: #488058;
}
.menuFixed li:hover .divText .social a{
    color: #ffffff;
}
.messenger-fixed {
    position: fixed;
    bottom: 190px;
    left: 30px;
    background-size: 100%;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 1px #ccc;
}
.maps-fixed{
    position: fixed;
    bottom: 260px;
    left: 30px;
    background-size: 100%;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 1px #ccc;
}
.wpcf7-spinner{
    display: none !important;
}
.product-info .price {
    color: var(--primary-color);
    position: relative;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #f4f3f3;
    padding-bottom: 10px;
    width: 100%;
}
.product-info .price span.lable-price {
    font-size: 16px;
    display: none;
}
.product-info.summary span.amount,.product-summary .woocommerce-Price-currencySymbol{
    color: #ff0000;
    font-size: 20px;
    font-weight: 600;
}
.block-promotion-gift{
    background-color: #e4ebf3;
    color: #1c1c1c;
    border: 1px dashed #fd625e;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
}
.block-promotion-gift__title span{
    min-width: 95%;
    display: inline-block;
    background-color: var(--primary-color);
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
}
.block-promotion-gift__title {
    text-align: center;
    margin-top: -30px;
    margin-bottom: 20px;
}
.bg-block{
    padding: 1.5rem 1.2rem;
    background: rgb(246, 246, 246);
    margin: 0 0 2rem 0;
}
.block-promotion {
    margin-bottom: 2rem;
}
.block-content-title {
    position: relative;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 1.5;
    font-weight: 700;
    margin: 0 0 1.2rem 0;
    padding-bottom: 10px;
}
.block-content-title:before {
    content: "";
    left: 0;
    width: 50px;
    height: 2px;
    background: var(--primary-color);
    bottom: 0;
    position: absolute;
}
.slick-prev:before{
    color: #fff;
    font-size: 0;
    border-bottom: 20px solid #fff0;
    border-top: 20px solid #fff0;
    content: "";
    border-left: 20px solid #fff0;
    border-right: 20px solid #fff;
}
.slick-next:before {
    color: #fff;
    font-size: 0;
    border-bottom: 20px solid #fff0;
    border-top: 20px solid #fff0;
    content: "";
    border-left: 20px solid #fff;
    border-right: 20px solid #fff0;
}
button.slick-prev {
    left: 0px;
    z-index: 2;
}
button.slick-next {
    right: 15px;
}
.slider_gallery .slick-slide {
    margin: 0 5px;
}
.d-grid {
    display: grid;
    grid-gap: 10px;
}
.grid-col-2{
    grid-template-columns: repeat(2,1fr);
}
.grid-col-4 {
    grid-template-columns: repeat(4,1fr);
}
.mb-1{
    margin-bottom: 10px;
}
.mb-2{
    margin-bottom: 20px; 
}
.mb-3{
    margin-bottom: 30px;
}
.ratio-11 {
    position: relative;
    padding-bottom: 100%;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
  }
  .ratio-11 img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
  }
  .ratio-43 {
    position: relative;
    padding-bottom: 75%;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
  }
  .ratio-43 img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .ratio-66 {
    position: relative;
    padding-bottom: 66%;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
  }
  .ratio-66 img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
  } 
  .ratio-169 {
    position: relative;
    padding-bottom: 56.25%;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
  }
  .ratio-169 img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
  } 
  .block-content-box__content h4 {
    font-size: 15px;
    font-family: 'Google Sans';
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 10px;
}
.block-content-box__content .desc{
    font-size: 13px;
    font-family: 'Google Sans';
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 10px;
}
.embed-container iframe {
    width: 100%;
    min-height: 400px;
}
.tab_tskt_product .nav>li>a {
    background: #fff;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Google Sans';
    padding: 8px 20px;
    border-radius: 5px;
}
.tab_tskt_product .nav>li.active>a{
    color:#fff;
    background: var(--primary-color);
}
.tab_tskt_product .nav>li>:not(last-child){
    margin-right: 12px;
}
.block-tskt-product .block-content-title{
    text-align: center;
    margin-bottom: 2rem;
}
.block-tskt-product .block-content-title:before {
    left: calc(50% - 25px);
}
.block-tskt-product .tab-panels table{
    border-spacing: 0px;
    border-collapse: collapse;
    background-color: #fff;
    border-right: 1px solid #dddddd;
    border-bottom: 2px solid #dddddd;
}
.block-tskt-product .tab-panels table th, .block-tskt-product .tab-panels table td {
    border-top: solid 1px #dddddd;
    border-left: solid 1px #dddddd;
    padding: 15px;
}
.block-tskt-product .tab-panels {
    padding-top: 2em;
}
.box_services {
    overflow: visible;
    border-top: 1px solid #f4f4f7;
    border-color: #f4f4f7;
}
.box_services .col:before,.box_services .col:after{
    border-color: #f4f4f7;  
}
.box_services .col-inner {
    padding: 40px 15px;
}
.box_services .col-inner:hover {
    background: #F4F4F7;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.box_services .col-inner .box-text h4{
    font-size: 18px;
    font-weight: 500;
    margin: 10px 0;
    color: #666;
    opacity: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.box_services .col-inner:hover .box-text h4 {
    color: #000000;
    letter-spacing: 1px;
}
.box_services .col-inner .box-text p {
    font-size: 14px;
}
.flickity-prev-next-button{
    color:#fff;
}
.slider-nav-circle .flickity-prev-next-button svg, .slider-nav-circle .flickity-prev-next-button .arrow {
    border-radius: 100%;
    background: var(--primary-color);
    border-width: 1px;
}
.flickity-prev-next-button svg{
    padding:25%;
}
.h_blog .post-item .col-inner {
    border: 1px solid #eeeeee;
}
.header-search-form .search-field{
    height: 3em;
    font-size: 14px;  
    border-radius: 5px 0px 0px 5px;
}
.header-search-form select {
    height: 3em;
    font-size: 14px;
    border-radius: 5px 0 0 5px;
    border-right: none;
    min-width: 80px;
}
.header-search-form .submit-button {
    height: 42px;
    width: 50px;
    border-radius: 0 5px 5px 0px;
    background-color: var(--primary-color) !important;
}
.h_title .section-title b {
    display: none;
}
.h_title .section-title{
    justify-content: center;
    font-size: 1.8rem;
}
.h_title .section-title .section-title-main::before{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 45px;
    border-bottom: solid 3px var(--primary-color);
    z-index: 1;
}
.h_title .section-title .section-title-main::after{
    content: "";
    position: absolute; 
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 180px;
    z-index: 0;
    border-bottom: solid 1px #d8cfcf;
}
.h_title .section-title .section-title-main{
    padding-bottom: 10px;
}
ul.infoList-social {
    margin: 0 0 15px;
}
ul.infoList-social li {
    display: inline-block;
    margin: 15px 10px 0 0;
}
#footer .footer-sago ul.infoList-social li::before{
    content:none;
}
#footer .footer-sago ul.infoList-social li a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    width: 35px;
    height: 35px;
    line-height: 35px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 15px;
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
ul.infoList-social li a:hover {
    background: #fff;
    color: #222;
    text-decoration: none;
}
ul.infoList-social li a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #222;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
ul.infoList-social li a:hover:after {
    opacity: 0.5;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
ul.infoList-social li.link-facebook a {
    background-color: #3b5999;
}
ul.infoList-social li.link-youtube a {
    background-color: #f70000;
}
.product-thumbnails .is-nav-selected a img{
    filter: brightness(0.8);
}
.product-summary .quantity {
    margin-bottom: 1em;
    width: 100%;
}
button.single_add_to_cart_button {
    width: 100%;
}
button.single_add_to_cart_button.disabled{
    opacity: 1;
}
.wishlist-title.wishlist-title-with-form h2 {
    display: none !important;
}
button.wishlist-button.button {
    background: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color);
}
.product_flag_product {
    background: var(--primary-color);
    text-align: center;
    letter-spacing: -1px;
    font-size: 13px;
    color: #fff;
    position: absolute;
    top: 10px;
    left: 15px;
    padding: 0px 10px;
    z-index: 1;
}
.woocommerce.widget_layered_nav_filters h2 {
    font-size: 12px;
    margin: 10px 0 5px 0;
}
#secondary span.widget-title {
    text-align: center;
    padding: 15px 0;
    display: block;
    border-bottom: 1px solid #f0f0f0;
    font-size: 18px;
    margin-bottom: 10px;
}
.page-template .portfolio-breadcrumb-title{
    display: none;
}
.banner_img_header img {
    width: 100%;
    max-height: 600px;
    object-fit: cover;
    margin-bottom: 2rem;
    margin-top: 1rem;
}
.layout-thiet-ke {
    margin-top: 2rem;
}
.layout-thiet-ke .entry-title a,.h_service .entry-title a {
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    font-weight: 400;
}
.layout-thiet-ke .entry-title a:hover,.h_service .entry-title a:hover {
    color: inherit;
}
.layout-thiet-ke .entry-header-text{
    padding-bottom: 8px;
    -webkit-box-orient: vertical;
    margin-top: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
}
.layout-thiet-ke .entry-title,.h_service .entry-title{
    margin-bottom: 0;
    background: var(--color-main);
    color: #fff;
    padding: 8px 5px;
    text-align: center;
}
.layout-thiet-ke .entry-content {
    border: 1px solid #f1f1f1;
    border-top: none;
    padding: 0.6rem 10px;
}
.layout-thiet-ke .post{
    margin-bottom: 0;
}
.layout-thiet-ke .entry-image {
    overflow: hidden;
}
.layout-thiet-ke .entry-image img{
    transition: .3s all;
}
.layout-thiet-ke .entry-image:hover img {
    transform: scale(1.1);
    transition: .3s all;
    filter: brightness(0.7);
}
.blog-archive .post-title {
    font-size: 1.1rem;
    line-height: 1.5;
}
.blog-wrapper.blog-single.page-wrapper {
    padding-top: 0;
}
.thiet-ke-archive .page-title {
    text-align: center;
    font-weight: bold;
    font-size: 26px;
    color: #000;
    position: relative;
    padding-bottom: 10px;
    letter-spacing: 0px;
    margin-top: 1.2rem;
}
.thiet-ke-archive .page-title span:before{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 45px;
    border-bottom: solid 3px var(--primary-color);
    z-index: 1;
}
.thiet-ke-archive .page-title span:after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 180px;
    z-index: 0;
    border-bottom: solid 1px #d8cfcf;
}
.price-wrapper {
    display: flex;
    flex-wrap: wrap-reverse;
    align-items: center;
} 
.price-wrapper.cust .star-rating,.price-wrapper.cust .woocommerce-review-link ,.box_seller_rating .price{
    display: none;
}
.number_ratings {
    display: flex;
    align-items: center;
}
.box_seller_rating {
    display: flex;
    justify-content: space-between;
    align-items: center;
} 
.bai-viet-lien-quan {
    margin-top: 15px;
}
.bai-viet-lien-quan h3 {
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 10px;
    text-align: center;
}
.bai-viet-lien-quan h3:after {
    position: absolute;
    bottom: 0;
    content: "";
    left: 0;
    right: 0;
    background: var(--primary-color);
    height: 5px;
    width: 100px;
    margin: auto;
}
.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: grid;
    width: 100%;
    grid-template-columns: repeat(4,1fr);
}
.bai-viet-lien-quan ul li {
    list-style: none;
    color: graytext;
    padding-left: 15px;
    padding-right: 15px;
}
.bai-viet-lien-quan ul li .box-image {
    padding-top: 66%;
}
.box-image {
    position: relative;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.bai-viet-lien-quan ul li .box-image img {
    height: 100%;
    border-radius: 0;
    width: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    left: 0;
    top: 0;
}
.bai-viet-lien-quan h4 {
    font-size: 15px;
    color: black;
    line-height: 1.5;
    padding-top: 8px;
    font-weight: 500;
}
.blog-wrapper.blog-single.page-wrapper div#comments {
    display: none;
}
.blog-wrapper .page-title.shop-page-title.product-page-title .page-title-inner {
    margin: 0 auto;
    background: transparent;
}
.blog-wrapper .page-title.shop-page-title.product-page-title {
    background-color: #f7f7f7;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    margin-bottom: 1.5rem;
}
.chosen-container-single .chosen-single span {
    line-height: 40px;
    font-size: 12px;
    text-transform: uppercase;
}
.woof_sid_auto_shortcode .woof_redraw_zone{
    z-index: 9;
}
.header-main .cart-icon strong:hover {
    color: #fff !important;
}
.header-main .nav > li.account-item.has-icon a {
    font-size: 14px;
}
.header-main .nav > li.account-item a.nav-top-link.current-lightbox-clicked{
    opacity: 1 !important;
    transform: translate(0px) !important;
}
.header-main .nav > li.account-item.has-icon a.nav-top-link.nav-top-not-logged-in:before {
    content: "\f2bd";
    font-family: 'FontAwesome';
    font-size: 30px;
    padding-right: 8px;
    color: var(--primary-color);
}
.sp-testimonial-free-section .testimonial-nav-arrow.swiper-button-prev,.sp-testimonial-free-section .testimonial-nav-arrow.swiper-button-next{
    width:40px;
    height: 40px;
    border-radius: 50%;
}
.button_dangky {
    position: fixed;
    right: 10px;
    z-index: 999;
    bottom: 10px;
    box-shadow: 0px 0px 5px #5c5c5c;
    background: linear-gradient(to right,#df4a17,#ef683a,#b13207);
    padding: 8px 15px;
    color: #fff !important;
    text-transform: uppercase;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
}
#popup-dang-ky-nhan-bang-gia {
    background: #f5f5f5;
    border-radius: 10px;
    color: #333;
}
#popup-dang-ky-nhan-bang-gia h2 {
    color: var(--primary-color);
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 700;
}
#popup-dang-ky-nhan-bang-gia input[type=submit] {
    width: 100%;
    background: linear-gradient(to right,#df4a17,#ef683a,#b13207);
    border-radius: 0;
    border: none;
}
#popup-dang-ky-nhan-bang-gia h3 {
    color: #333;
    margin: 0.8rem 0 1.5rem 0;
}
.h_bang_gia form input[type=submit], .h_bang_gia form input {
    width: 100%;
    height: 45px;
    border-radius: 50px;
}
.sp-testimonial-free-section .sp-testimonial-client-testimonial p{
    font-size: 15px;
}
@media (min-width: 992px){
li.header-search-form.search-form {
    width: calc(100% - 80px);
    padding-left: 50px;
}
}
@media (max-width: 991px){
    .header-main .nav > li > a {
        font-size: 13px;
        padding: 5px 5px;
    }
}
@media (max-width: 767px) {
    .sp-testimonial-free-section .sp-testimonial-client-testimonial p{
        font-size: 14px;
    }
    .product-footer .woocommerce-tabs{
        padding-top: 0;
    }
    .product-info {
        padding-top: 10px;
    }
.bai-viet-lien-quan ul {
    grid-template-columns: repeat(2,1fr);
}
    .block-tskt-product .tab-panels table th, .block-tskt-product .tab-panels table td {
        padding: 5px;
        font-size: 12px;
    }
    .tab_tskt_product .nav>li>a {
        font-size: 13px;
        padding: 5px 10px;
        margin-bottom: 10px;
    }
    #button-contact-vr .button-contact .phone-vr{
        width: 70px;
        height: 70px;
    }
    .phone-vr-circle-fill {
        width: 45px;
        height: 45px;
        top: 12px;
        left: 12px;
    }
    .phone-vr-img-circle {
        width: 30px;
        height: 30px;
        line-height: 30px;
        top: 20px;
        left: 20px;
    }
    .phone-vr-img-circle a {
        line-height: 25px;
    }
   .phone-vr-img-circle img {
        max-width: 20px;
    }
} 
.btn-call-now {
    display: none;
}
@media screen and (min-width: 651px){
    .woof_sid_auto_shortcode .woof_container {
        width: 24% !important;
    }
    .woof_redraw_zone .chosen-container-single .chosen-single{
        min-width: 250px;
    }    
	.btn-call-now:hover, .btn-link-car:hover{
		color:#fff;
	}
	.btn-link-car {
    left: 280px;
    width: 220px;
}
	.btn-link-car em, .btn-call-now em {
    position: relative;
    color: #b70100;
    font-size: 30px;
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    margin-right: 5px;
}
	.btn-link-car em:before {
    position: absolute;
    top: 5px;
    left: 4px;
}
	.btn-call-now em:before {
    position: absolute;
    top: 5px;
    left: 8px;
}
.btn-call-now, .btn-link-car {
    display: block;
    height: 50px;
    position: fixed;
    bottom: 10px;
    background: #b70100;
    text-decoration: none;
    -webkit-box-shadow: 0 0 5px #ddd;
    -moz-box-shadow: 0 0 5px #ddd;
    box-shadow: 0 0 5px #ddd;
    z-index: 999999999;
    color: #FFF;
    font-weight: 700;
    font-size: 118%;
    text-transform: uppercase;
    border-radius: 25px;
    padding: 5px;
    -moz-animation-duration: 500ms;
    -moz-animation-name: calllink;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -webkit-animation-duration: 500ms;
    -webkit-animation-name: calllink;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-duration: 500ms;
    animation-name: calllink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
	@keyframes calllink {
    0%{color:#eba11e;}
    50%{color:#fff;}
    100%{color:#ebfa48;}
}
}
@media screen and (max-width: 1199px){
li.header-block {
    display: none;
} 
}
@media screen and (max-width: 650px){
    .button_dangky{font-size: 12px;}
    .off-canvas-right .mfp-content, .off-canvas-left .mfp-content{
        width:70%;
    }
    .nav>li>a {
        font-size: 14px;
    }
    .box_services .col-inner .box-text h4{
        font-size: 16px;
    }
    .chosen-container-single .chosen-single span {
        text-transform: capitalize;
        letter-spacing: -0.5px;
    }    
    .woof_sid_auto_shortcode .woof_container{
        width: 50% !important;
        margin-bottom: 10px;
    }
	.btn-link-car {
	background: var(--primary-color);
    width: 50%;
    display: block;
    padding: 5px 10px;
    position: fixed;
    bottom: 5px;
    left: 5px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    z-index: 22;
	}
	.btn-link-car:hover{
		color:#fff;
	}
	.btn-link-car{
        font-size: 16px;
        padding: 7px 10px;
	}
	.popup-car-desc p{
		font-size:14px;
	}
	.form-group.thanh-toan {
    flex-direction: column;
	}
}
@media screen and (max-width: 549px){
.tabbed-content .nav-tabs>li {
    width: 50%;
}
}
@media screen and (max-width: 479px){
    .product-small .box-content-product .product_title_price .product-title a{
        font-size: 14px; 
    }
.product-small .price-wrapper .price span.amount {
    font-size: 13px;
}
.star-rating{
    font-size: 14px;
}
.number_seller_product {
    font-size: 11px;
    font-weight: 400;
}
}
@media screen and (max-width: 379px){
.star-rating{
    font-size: 10px;
}
.product-small .price-wrapper .price span.amount {
    font-size: 12px;
}
.product-small .box-content-product .product_title_price .product-title a{
    font-size: 13px;
}
}
.header-hotline{
    font-size: 18px;
}
.header-hotline span{
    font-size: 25px;
    letter-spacing: -1px;
    font-weight: bold;
    color: var(--color-main);
    text-shadow: 1px 1px #fff,-1px 1px #fff,1px -1px #fff,-1px -1px #fff,1px 1px 5px #555;
}
@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3,0.3,0.3);
        transform: scale3d(0.3,0.3,0.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3,0.3,0.3);
        transform: scale3d(0.3,0.3,0.3)
    }

    50% {
        opacity: 1
    }
}
@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}
/* Button Frame */
.btn-frame {
    display: block;
    width: 50px;
    height: 50px;
    position: fixed;
    right: 20px;
    cursor: pointer;
    z-index: 999;
}

.btn-frame i {
    display: flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
    -ms-flex-align: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--color-main);
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 23px;
}

.btn-frame i img {
    vertical-align: middle;
    width: 70%;
}

.btn-frame .animated.infinite {
    animation-iteration-count: infinite;
}

.btn-frame .kenit-alo-circle {
    width: 60px;
    height: 60px;
    top: -5px;
    right: -5px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(7,41,103,0.8);
    opacity: .1;
    border-color: var(--color-main);
    opacity: .5;
}

.btn-frame .zoomIn {
    animation-name: zoomIn;
}

.btn-frame .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.btn-frame .kenit-alo-circle-fill {
    width: 70px;
    height: 70px;
    top: -10px;
    right: -10px;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: rgba(7,41,103,0.35);
    opacity: .4;
}

.btn-frame .pulse {
    animation-name: pulse;
}
.btn-phone span {
    position: absolute;
    width: 111px;
    left: -43px;
    background: var(--color-main);
    text-align: center;
    color: #fff;
    padding: 3px 10px;
    top: -43px;
    text-transform: capitalize;
    border-radius: 2px 2px 2px 2px;
    font-size: 15px;
    padding-top: 1px;
}
.btn-phone{
    bottom: 300px;
}
.blog-wrapper.blog-archive.page-wrapper {
    padding-top: 0;
}
.accordion-title {
    background: #e3e8ed;
    font-size: 18px;
    margin-bottom: 10px;
    padding-left: 12px;
    font-weight: 700;
    color: #000;
}
.accordion-title.active {
    background:rgb(74 74 74);
}
.accordion-title.active span,.accordion .active .toggle{
    color:#fff;
}
.accordion .toggle{
    left:unset;
    right:5px;
}
.accordion-inner {
    padding: 1em 1em;
    font-size: 16px;
}
.p_menu_sticky a {
    font-size: 16px;
    border-bottom: 0px;
    font-weight: 700;
}
.p_menu_sticky {
    box-shadow: 0px 0px 4px #ccc;
    border-radius: 10px;
    padding: 1rem;
}
li.header-block img {
    margin-bottom: 0 !important;
}
.box_excerpt_post {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: 1rem;
}
.linhdong {
    position: fixed;
    z-index: 99;
    bottom: -1px;
    right: 352px;
    height: 59px!important;
}
.fb-mobile {
    position: fixed;
    z-index: 99;
    bottom: 9px;
    right:10px;
    height: 43px!important;
}
.zalo-mb {
    position: fixed;
    z-index: 99;
    bottom: 9px;
    right: 65px;
    height: 43px!important;
}
.fb-pc {
    position: fixed;
    z-index: 99;
    bottom: 9px;
    right: 179px;
    height: 43px!important;
}
.zalo-pc {
    position: fixed;
    z-index: 99;
    bottom: 9px;
    right: 5px;
    height: 43px!important;
}
.hotline-pc {
    position: fixed;
    z-index: 99;
    bottom: 9px;
    left: 9px;
    height: 70px!important;
}
.row-center{
    margin-left: auto !important;
    margin-right: auto !important;
}
.header-nav.header-bottom-nav li .flickity-page-dots .dot{
    margin: 0 5px; 
    border-color: var(--color-main);
}
.header-nav.header-bottom-nav li .flickity-page-dots .dot.is-selected{
    background-color: var(--color-main);
}
.header-nav.header-bottom-nav .flickity-page-dots{
    bottom: 0px;
}
.h_service .box-text{
    border: 1px solid #f1f1f1;
    border-top: none;
    padding: 0.6rem 10px;
}
.h_service .box-text-inner ul li{
    font-size: 14px;
    margin-bottom: 2px;
    list-style: none;
    margin-left: 0;
}
th, td{
    font-size: 1rem;
}
.hotline-bar {
    color: #fff;
    position: absolute;
    background: rgba(230,8,8,.75);
    height: 40px;
    width: 170px;
    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all .8s;
    -webkit-transition: all .8s;
    z-index: 9;
    box-shadow: 0 14px 28px rgb(0 0 0/25%), 0 10px 10px rgb(0 0 0/10%);
    border-radius: 50px !important;
    left: 32px;
    bottom: 25px;
    text-align: center;
    text-indent: 30px;
}
.hotline-bar a, .hotline-bar a:hover {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
} 
@media screen and (min-width: 599px){
.hotrofb-mb, .hotrozl-mb {
    display: none;
}
}
@media screen and (max-width: 660px){
    .h_title .section-title{
        font-size: 1.2rem;
    }
.hotrofb-pc, .hotrozl-pc {
    display: none;
}
.page-title.shop-page-title.product-page-title .page-title-inner{
    min-height: unset;
}
.hotline-bar {
    height: 30px;
    width: auto;
    line-height: 30px;
    left: 35px;
    bottom: 35px;
    text-indent: 20px;
}
.hotline-bar a, .hotline-bar a:hover {
    font-size: 14px;
}
}
.zalo-container img {
    max-width: 100%;
    height: auto;
  }
  
  .zalo-container {
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 190px;
    z-index: 9999999;
  }
  
  .zalo-container:not(.right) { 
    left: 25px; 
  }
  
  .zalo-container.right {
    right: 2.5rem;
  }
  
  .zalo-container a {
      display: block;
  }
  
  .zalo-container span {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #1182FC;
    position: relative;
  }
  
  @keyframes zoomIn_zalo {
      from {
          opacity: 0;
          transform: scale3d(.3, .3, .3);
      }
      50% {
          opacity: 1;
      }
  }
  
  .zoomIn_zalo {
    animation-name: zoomIn_zalo;
  }
  
  .animated_zalo {
    animation-duration: 1s;
    animation-fill-mode: both;
  }
  
  .animated_zalo.infinite {
    animation-iteration-count: infinite;
  } 

.cmoz-alo-circle {
    width: 50px;
    height: 50px;
    top: -5px;
    right: -5px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(17, 130, 252, .8);
    opacity: .1;
    border-color: #1182FC;
    opacity: .5;
  }
  
  .cmoz-alo-circle-fill {
    width: 60px;
    height: 60px;
    top: -10px;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: rgba(17, 130, 252, 0.45);
    opacity: .75;
    right: -10px;
  }
  
  @-webkit-keyframes pulse_zalo {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
  @keyframes pulse_zalo {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
  .pulse_zalo {
    -webkit-animation-name: pulse_zalo;
    animation-name: pulse_zalo;
  }