/*
Theme Name: Flatsome Child
Description: NamKiem developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.11.3
*/


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



p {margin-bottom: 10px;}
th:first-child, td:first-child {padding-left: 7px !important;}
img.alignleft {float: left;margin: 0px 15px 0px 0;}
.tien-ich p {margin-bottom: 10px;font-size: 18px;}
.bao-hanh img {object-fit: contain;}
blockquote.mat-troi {
	padding: 10px 20px;
	margin: 0 0 20px;
	border-left: 5px solid #eeeeee;
	font-size: 22px;
}
blockquote.mat-troi:hover {color: #79ad4b;border-color: #79ad4b;}
#top-bar .header-contact li a{text-transform:none; font-family: "Open Sans", sans-serif;}
.lightbox-content .product-gallery-slider img{border-top-left-radius:15px; border-bottom-left-radius:15px}
.lightbox-content{border-radius:15px}
.product-lightbox .price .amount{color:red; font-size:20px;}
.product-lightbox .price del span{color:gray !important; font-size:16px !important;}
a.added_to_cart{padding:8px 15px; color:white}
.variations td {padding: 0;vertical-align: top;font-size: 16px;}
.product-main .flickity-viewport {/*height: 350px !important;*/}
table.variations tr:last-child .alg-wc-civs-attribute {margin-bottom: 0;}
.dang-ky {
	background: url(/wp-content/uploads/2020/01/icon-phone-1.png) left top no-repeat;
	padding: 0 5px 0 52px;
	margin: 0px;
	text-align: justify;
	font-weight: 400;
	font-size: 14px;
	color: white;
	margin-bottom: 11px;
}
.form-dien-thoai {
	margin-top: 12px;
	background: #006cc2;
	padding: 15px;
	border-radius: 5px;
}
.form-sdt {
	width: 100%;
	display: inline-block;
}
.form-dien-thoai .left {
	float: left;
	width: 85%;
	display: inline-block;
}
.form-dien-thoai .right {
	float: right;
	width: 15%;
	display: inline-block;
}
.form-dien-thoai input.wpcf7-form-control.wpcf7-submit {
	margin: 0;
	padding: 0 10px;
}
.form-dien-thoai form {
	margin: 0;
	line-height: 0;
}
.form-dien-thoai .left span {display: inline;}
.form-dien-thoai div.wpcf7 {display: inline;}
.tieu-chi img {object-fit: contain;}
.ve-chung-toi {position: relative;}
.col.tab-right {
	position: absolute;
	right: 1.2505%;
	max-width: 65%;
}
.tab-ve-chung-toi .nav.nav-vertical {flex-flow: wrap;}
.tab-ve-chung-toi .nav.nav-vertical li.tab.has-icon {background: #5c5c5c;border: 1px solid #fff;}
.tab-ve-chung-toi .nav.nav-vertical li.tab.active.has-icon, .tab-ve-chung-toi .nav.nav-vertical li.tab.has-icon:hover {
	background: #007de1;
}
.tab-ve-chung-toi .nav.nav-vertical li.tab.active.has-icon a {/*color: #fff;*/}
.tab-ve-chung-toi .nav.nav-vertical li.tab.has-icon a {color: #fff;padding:15px 0;font-size: 18px;}
.tab-ve-chung-toi .nav.nav-vertical li.tab.has-icon a:hover {color: #111;}
.col.tab-right .panel {text-align: left;}
.col.tab-right .panel h5 {font-size: -webkit-xxx-large;}
.col.tab-right .panel p {text-align: justify !important;}
/*===================Css Phone====================*/
.suntory-alo-phone {
	background-color: transparent;
	cursor: pointer;
	height: 160px;
	position: fixed;
	transition: visibility 0.5s ease 0s;
	width: 120px;
	z-index: 200000 !important;
}
.suntory-alo-phone.suntory-alo-phone-0 {left: 0; bottom: 0;}
.suntory-alo-phone.suntory-alo-phone-1 {right: 0px; bottom: 0px;}
.suntory-alo-ph-circle {
	animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;
	background-color: transparent;
	border: 2px solid rgba(30, 30, 30, 0.4);
	border-radius: 100%;
	height: 160px;
	width: 160px;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0.1;
	transform-origin: 50% 50% 0;
	transition: all 0.5s ease 0s;
}
.suntory-alo-ph-circle-fill {
	animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;
	border: 2px solid transparent;
	border-radius: 100%;
	width: 100px;
	height: 100px;
	position: absolute;
	left: 30px;
	top: 30px;
	transform-origin: 50% 50% 0;
	transition: all 0.5s ease 0s;
}
.suntory-alo-ph-img-circle {
	animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
	border: 2px solid transparent;
	border-radius: 100%;
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50px;
	top: 50px;
	opacity: 1;
	transform-origin: 50% 50% 0;
	z-index: 1;
}
img.phone {
	position: relative;
	height: 40px;
	left: 7px;
	bottom: -8px;
}
.suntory-alo-phone.suntory-alo-hover, .suntory-alo-phone:hover { opacity: 1;}
.suntory-alo-phone.suntory-alo-active .suntory-alo-ph-circle {
	animation: 1.1s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important;
}
.suntory-alo-phone.suntory-alo-static .suntory-alo-ph-circle {
	animation: 2.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important;
}
.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone:hover .suntory-alo-ph-circle {
	border-color: #00aff2;
	opacity: 0.5;
}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle {
	border-color: #1c63b8;
	opacity: 1;
}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle {
	border-color: #e6140f69;
	opacity: 1;
}
.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone:hover .suntory-alo-ph-circle-fill {
	background-color: rgba(0, 175, 242, 0.9);
}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle-fill { background-color: #1c63b8;}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill { background-color: #e6140f;} /* màu đỏ */

.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone:hover .suntory-alo-ph-img-circle { background-color: #00aff2;}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-img-circle { background-color: #1c63b8;} /* màu xanh lá */
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle { background-color: #e6140f;} /* màu đỏ */
@keyframes suntory-alo-circle-anim {
	0% {
		opacity: 0.1;
		transform: rotate(0deg) scale(0.5) skew(1deg);
	}
	30% {
		opacity: 0.5;
		transform: rotate(0deg) scale(0.6) skew(1deg);
	}
	100% {
		opacity: 0.6;
		transform: rotate(0deg) scale(0.7) skew(1deg);
	}
}
@keyframes suntory-alo-circle-img-anim {
	0% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
	10% {
		transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
}
@keyframes suntory-alo-circle-fill-anim {
	0% {
		opacity: 0.2;
		transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	50% {
		opacity: 0.2;
		transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
		opacity: 0.2;
		transform: rotate(0deg) scale(0.7) skew(1deg);
	}
}
.suntory-alo-ph-img-circle i {
	animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
	font-size: 40px!important;
	line-height: 58px!important;
	padding-left: 10px;
	color: #fff;
}
.phone-pc {
	background: #e6140f;
	color: #fff;
	padding: 5px;
	font-size: 16px;
	font-weight: 600;
	top: 65px;
	left: 98px;
	position: relative;
	width: 125px;
	text-align: center;
	border-radius: 0 10px 10px 0;
	transition: 0.3s;
	opacity: 1;
	visibility: visible;

}
.suntory-alo-phone:hover .phone-pc { background: #1c63b8;}
.alg-wc-civs-term:not(.disabled).active {color: #e51313;
	border-color: #e51313;box-shadow:none; margin:0}
.variations td .label{margin:0 4px}
.star-rating:before, .star-rating span:before{color: #FFC107 !important;}
.header-nav li a{font-weight: 500;color: black;}
.icon-search:before {color: #ccc;}
.category-section .col.large-12{padding-bottom:0;text-align: center;}
.list-product .product-small .box-text, .archive .product-small .box-text{padding-bottom:0}
.cart-item .header-button a{color:white; padding-left:10px !important; padding-right:10px !important}
.header-button a{    font-size: 15px !important;
	color: white !important;
	font-weight: bold !important;}
.searchform-wrapper input:not([type="submit"]){font-size: 13px;    height: 40px;
	border: 1px solid #362b5b;}
#top-bar .nav>li.html{font-size:13px; color:rgba(255,255,255,0.8)}
.section-title-center span:after {
	content: "";
	display: table;
	clear: both;
	background: url(/wp-content/uploads/2019/09/line.png);
	width: 100%;
	height: 20px;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: bottom;
	padding-top: 0px;
}
.section-title b{background:#00000000}
.list-product .product-small .box-text, .archive .product-small .box-text{padding-left:0;padding-right:0}
.list-product .product-small .price, .archive .product-small {font-family:"oswald", sans-serif}
.list-product .product-small:hover .add-to-cart-button a, .archive .product-small:hover .add-to-cart-button a{background:rgb(202, 0, 0)}
.nhan-xet .icon-box h5{font-size: 19px;color: #2196F3;}
.nhan-xet .icon-box span, .nhan-xet .icon-box p {color: #fff;}
.section-title-center span{color:#4267b2 !important;}
.nut-xem-them{font-size: 15px;
	font-weight: normal;
	letter-spacing: 0;}
.nhan-xet .icon-box .icon-box-img img{    border-radius: 99%;
	padding-top: 0;
	border: 2px solid #ba0000;}
.nhan-xet .col, .tieu-chi .col, .footer-section .col{padding-bottom:0}
.tieu-chi h3{margin-bottom:0}
.tieu-chi p{margin-bottom:0; font-size:15px}.archive .product-small .product-title{height:auto !important}
.list-product .product-small .price, .archive .product-small .price{margin-bottom:10px}
.cart_totals .product-name{text-transform:none; letter-spacing:0; font-weight:normal; color:black; font-size:15px}
.woocommerce-checkout .col{padding-bottom:0}
.woocommerce-cart .cart-container, .woocommerce-checkout .cart-container{padding-bottom:0; padding:20px; background: white;
	box-shadow: 2px 2px 80px #0000001f;
	margin-bottom: 30px;
	border-radius: 15px;max-width: 1100px;
}a.remove, a.icon-remove{color: #ababab;    border: 1px solid currentColor;}
.shop_table button{text-transform:none; border-radius:4px; font-weight:normal; letter-spacing:0}
.coupon input[type='submit']{    margin-bottom: 0;
	border-radius: 5px;
	font-size: 15px;
	letter-spacing: 0;}
.coupon input[type='text']{border-radius:5px; font-size:15px}
.cart_item .product-name a{color:black}
.woocommerce-Price-amount {font-weight:normal !important; font-size:16px}
.order-total span{color:red; font-weight:bold; font-size:20px}
.product-subtotal span{color:red}
.shop_table thead th{    text-transform: none;
	font-weight: normal;
	letter-spacing: 0;
	color: black;
	font-size: 15px;}
.list-product .product-small .add-to-cart-button a, .archive .product-small .add-to-cart-button a{margin:0; font-family:"open sans",sans-serif;      background: #676767; border-radius: 20px;
	text-transform: none;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0;}
.list-product .product-small .price .amount, .archive .product-small .price .amount{color:#e51313; font-size:19px; font-weight:normal}
.list-product .product-small .price del span, .archive .product-small .price del span{color:gray !important; font-size:15px !important}
.list-product .badge-container .badge-inner{
	border-radius: 99%;
	background: #e51313;
	font-weight: normal;
	font-size: 14px;
}
.banner-section .col{padding-bottom:0;}
.widget .is-divider, .related .badge-container{display:none}
.related .product-small .box-image{/*height: 200px !important;*/}
.widget_shopping_cart .button {
	width: 100%;
	margin: .5em 0 0;
	color: white;
	text-transform: none;
	border-radius: 5px;
}p.form-row-first, p.form-row-last {
	width: 100%;
	float: left;
}
.grid-tools a{    display: inline-block;
	padding: 8px 25px !important;
	border-radius: 20px;
	width: auto;
	background-color: #7d7d7d;
	text-transform: none;
	font-weight: normal;
	font-size: 13px;
}
.product-lightbox .badge-container .badge-inner{border-radius:99%; }
.product-lightbox .badge-container{margin:10px}
.product-small:hover .grid-tools a{background:red}
.archive .product-small .image-tools{    margin-top: 4px !important}

.button-continue-shopping, .cart_totals .button, #place_order{width: 100%;
	background: #e51313; border-radius:5px; text-transform: none;
	letter-spacing: 0;
	font-weight: normal;}
.product-small .devvn_woocommerce_price_suffix{color: #e51313;
	padding-right: 6px;
	font-size: 18px;}
.product-small .devvn_woocommerce_price_prefix{color: #e51313;
	padding-right: 6px;
	font-size: 18px;}
.woocommerce-notice {font-size:15px}
.woocommerce-input-wrapper input{font-size:15px; border-radius:5px; box-shadow:none}
.related .product-small .price del span{font-size:16px !important}
.single-product .accordion-inner {
	padding: 20px 0;}
.nav-dropdown{padding:20px; border:none !important;min-width: 550px;}
li.current-dropdown>.nav-dropdown{left: -200px;}
.nav-dropdown li {
	display: inline-block;
	margin: 0;
	vertical-align: top;
	position: relative;
	width: 255px;
	float: left;
}
span.widget-title {    font-size: 19px;
	text-transform: none;
	letter-spacing: 0;
	font-weight: normal;
	display: block;
	color: #c30000;
	margin-bottom: 10px;
}
.nav-dropdown li a{font-size:15px}
.nav-dropdown li a:hover{color:#e51313}
.nav-dropdown>li:last-child:not(.nav-dropdown-col)>a {border-bottom: 1px solid #ececec !important;}
.list-product .badge-container, .archive .badge-container{margin:10px; display:none}
.widget .product-categories li a{font-size:15px}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content{width:300px}
.product_list_widget li a{font-size:14px}
.single-product .product-main .badge-container .badge-inner{background:#e51313; border-radius:99%; font-weight:normal}
.single_add_to_cart_button{background: #e51313 !important;
	border-radius: 20px;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0;}
.single-product .cart{margin-bottom:0}.product_meta>span {

	font-size: 15px;
}
.related .product-small .product-title{height:20px; overflow:hidden}
.related .product-small .product-title a{    color: black;}
.related .product-small .add-to-cart-button a{    margin: 0;
	border-radius: 20px;
	text-transform: none;
	font-weight: normal;
	letter-spacing: 0;
	background: gray;}
.related .product-small .box-text{padding-left:0; padding-right:0}
.single-product .share-icons a{border:none !important; min-width:24px }
.related .product-small .price .amount{font-size:18px !important}
.single-product .price del span{font-size:20px !important; color:gray !important}
.single-product .product-info .price .amount{color:red; font-size:20px; font-family:"oswald", sans-serif; font-weight:normal}
.single-product .product-main .badge-container{margin:10px;}
.single-product .product-gallery .is-sticky-column {    border: 1px solid #dddddd;    border-radius: 5px;}
.archive .nav-pagination>li>a{background: black;
	color: white;
	border: 2px solid black;}
.widget_price_filter .price_slider_amount .button {

	font-size: 15px;
	text-transform: none;
	font-weight: normal;
}
.box-image img {padding:10px}
.list-product .product-small .box-image, .archive .product-small .box-image {    border: 1px solid #e6e6e6;}
.list-product .product-small .product-title a, .archive .product-small .product-title a{font-family:"open sans", sans-serif !important; font-size: 15px;
	color: #2f2f2f;
	margin-bottom: 5px;}.section-title-center span{font-weight:500}.product-small .box-image:hover::before{
		-webkit-animation:shine .75s;animation:shine .75s
}
@-webkit-keyframes shine{
	100%{left:125%}
}
@keyframes shine{
	100%{left:125%}
}
.product-small .box-image::before{
	position:absolute;
	top:0;
	left:-75%;
	z-index:2;
	display:block;
	content:'';
	width:50%;
	height:100%;
	background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
	-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}
.footer-section .button.youtube:not(.is-outline){
	color: #c33223 !important;
	margin-bottom: 13px;
}.footer-secondary {
	padding: 0;
}
.footer-section input[type='submit']{margin: 0;
	text-transform: none;
	font-weight: normal;
	letter-spacing: 0;
	font-size: 14px;

}
.blog-archive .post-item .post-title{font-size: 19px; margin-bottom:8px;
	font-weight: normal;
	font-family: "open sans", sans-serif;}.box-blog-post .is-divider, .is-divider{display:none}.entry-header-text {
		padding: 0;
}
.absolute-footer{font-size:13px}
.footer-section input[type='email']{font-size:14px !important}
.blog-archive .large-9 .badge{display:none}
.header-nav .icon-angle-down{display:none}
.woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
	box-shadow: 0 0 0 2px rgb(229, 19, 19);
}.variable-item:not(.radio-variable-item) {
	width: 40px;
	height: 30px;
}.woo-variation-swatches-style-squared .button-variable-item {
	min-width: 30px;
}
.woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).selected{    color: #e51313;    box-shadow: 0 0 0 2px rgb(229, 19, 19);}
#top-bar ul li a{font-family: "Open Sans", sans-serif; font-size:13px}
.product-info .devvn_woocommerce_price_suffix{    color: red;
	font-size: 25px;
	font-family: "oswald", sans-serif;
	font-weight: normal;}
.related .devvn_woocommerce_price_prefix, .related .devvn_woocommerce_price_suffix{font-size:18px !important}
a.back-to-top{background:gray !important; color:white !important; border:none !important}
#breadcrumbs{text-align:left; font-size: 15px;
	border-bottom: 1px solid #ececec;
	padding-bottom: 6px;}
.page-right-sidebar .large-9{border-right:none}
.page-right-sidebar .large-3{padding-left:0}
.mr-half .badge-inner{border-radius:99%}
.page-right-sidebar ul{margin-left:20px}
.bai-viet-section .col{padding-bottom:0}
.list-post .post-item .post-title{margin-bottom: 7px;
	font-size: 18px;
	font-weight: 500;}
.list-post .post-item .post-title:hover{color:red}.blog-single .entry-meta {
	text-transform: none;
	font-size: 14px;
	letter-spacing: 0;
	color: gray;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	padding: 10px 0;
	background: #f9f9f9;
}.danh-muc {
	margin-bottom: 15px;
}.danh-muc span.title, .the-tim-kiem span.title {
	background: #0f61a7;
	padding: 4px 10px;
	color: white;
	margin-right: 5px;
}.danh-muc a, .the-tim-kiem a {
	margin-bottom: 10px;
	padding: 4px 10px;
	background: #b5b5b5;
	color: white;
}.danh-muc a:hover, .the-tim-kiem a:hover {
	background: gray;
}
.blog-archive .page-title{text-align:left}
.gioi-thieu-section .col{padding-bottom:0;padding:0}
.product-info .devvn_woocommerce_price_prefix{    color: #e51313;
	font-size: 25px;
	font-family: "oswald", sans-serif;
	font-weight: normal;padding-right: 10px;}

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


	.col.tab-right {
		position: relative;
		right: 0;
		max-width: 100%;
		padding: 15px !important;
		flex-basis: 100%;
	}
	.col.tab-right .panel {text-align: justify;}
	.col.tab-right .panel h5 {font-size: 25px;}
	.list-product .product-small .product-title a, .archive .product-small .product-title a, .list-product .product-small .add-to-cart-button a, .archive .product-small .add-to-cart-button a{font-size:13px}
	.nhan-xet .icon-box {margin-bottom:20px}.has-border {
		padding: 15px;
	}
	.tieu-chi .col{padding-bottom:15px}
	.footer-section .col{flex-basis:100%; max-width:100%}.related .product-small .box-image {
		height: 170px !important;
	}.related .product-small .product-title {
		height: 35px;
	}
	.product-lightbox .cart{margin-bottom:0 !important}

	.product-lightbox-inner{padding:15px !important}
	.lightbox-content .product-gallery-slider img{border-bottom-left-radius:0; border-top-left-radius:15px; border-top-right-radius:15px}
	.product-small .image-tools{display:block !important}
	.footer-section .col{padding-bottom:20px}
	.footer-section .col ul{margin-bottom:0}

}