/*!
Theme Name: Làng Chài Xưa Việt Nam
Theme URI: 
Author: Làng Chài Xưa Việt Nam
Author URI: 
Description: Làng Chài Xưa Việt Nam
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: langchaixuavn
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
.home-store .col-right{max-height: 425px;}
.list-product .product .product-title {	
	min-height: 40px;
}
.entry .wp-caption{
	max-width: 100%;
}
.entry ul{
	font-size: 16.5px;
}
@media(max-width: 575px){
	.entry figure img{
		width: 100%;
	}
	.entry figure{
		min-height: 225px;
	}
}
/* Image with 'data' attribute is hidden */
img[data-lazy-src] {
	/* we set the opacity to 0 */
	opacity: 0;
}
[data-lazy-src]::before {
	content: '';
	display: block;
	padding-top: 56.25%;
}
/*Image without 'data' attribute is (or becomes) visible */
img.lazyloaded {
	/* prepare the future animation */
	-webkit-transition: opacity .5s linear 0.2s;
	-moz-transition: opacity .5s linear 0.2s;
	transition: opacity .5s linear 0.2s;
	opacity: 1;
}
/*CLS Fixed Homepage*/

section[class*="home-"] .list-product {
	margin: 0 -15px;
}
/*action hotline*/
.phonering-alo-phone {
	position:fixed;
	visibility:hidden;
	background-color:transparent;
	width:75px;
	height:75px;
	cursor:pointer;
	z-index:20!important;
	display:block;
	-webkit-backface-visibility:hidden;
	-webkit-transform:translateZ(0);
	transition:visibility .5s;
	right:11px;
	bottom:25px
}
.phonering-alo-phone.phonering-alo-show {
	visibility:visible
}
.phonering-alo-phone.phonering-alo-static {
	opacity:.6
}
.phonering-alo-phone.phonering-alo-hover,
.phonering-alo-phone:hover {
	opacity:1
}
.phonering-alo-ph-circle {
	width:70px;
	height:70px;
	top:0;
	left:0;
	position:absolute;
	background-color:transparent;
	border-radius:100%;
	border:2px solid rgba(30,30,30,.4);
	opacity:.1;
	animation:e 1.2s infinite ease-in-out;
	transition:all .5s;
	transform-origin:50% 50%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
	animation:e 1.1s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
	animation:e 2.2s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,
.phonering-alo-phone:hover .phonering-alo-ph-circle {
	border-color:#00aff2;
	opacity:.5
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
	border-color:#272d6b;
	opacity:.5
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
	border-color:red;
	opacity:.5
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
	border-color:#ccc;
	opacity:.5
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
	border-color:#75eb50;
	opacity:.5
}
.phonering-alo-ph-circle-fill {
	width:50px;
	height:50px;
	top:10px;
	left:10px;
	position:absolute;
	background-color:#000;
	border-radius:100%;
	border:2px solid transparent;
	animation:f 2.3s infinite ease-in-out;
	transition:all .5s;
	transform-origin:50% 50%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
	animation:f 1.7s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
	animation:f 2.3s infinite ease-in-out!important;
	opacity:0!important
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
	background-color:rgba(39,45,107,.5);
	opacity:.75!important
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
	background-color:rgba(242,0,0,.5)
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
	background-color:hsla(0,0%,80%,.5);
	opacity:.75!important
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
	background-color:rgba(117,235,80,.5);
	opacity:.75!important
}
.phonering-alo-ph-img-circle {
	width:30px;
	height:30px;
	top:20px;
	left:20px;
	position:absolute;
	background:rgba(30,30,30,.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat 50%;
	border-radius:100%;
	border:2px solid transparent;
	animation:g 1s infinite ease-in-out;
	transform-origin:50% 50%;
	background-size:26px 26px
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
	animation:g 1s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
	animation:g 0 infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
	background-color:#00aff2
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
	background-color:#272d6b
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
	background-color:red
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
	background-color:#ccc
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
	background-color:#75eb50
}
.imsg-chat {
	position:fixed;
	background-color:transparent;
	width:35px;
	height:35px;
	cursor:pointer;
	z-index:20!important;
	display:block;
	right:33px;
	bottom:110px
}
.imsg-chat svg {
	width:100%;
	height:100%;
	color:#0080ff
}
.zalo-chat {
	position:fixed;
	background-color:#0068ff;
	width:35px;
	height:35px;
	cursor:pointer;
	z-index:20!important;
	display:block;
	right:33px;
	bottom:170px;
	border-radius:5px
}
.zalo-chat a {
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center
}
.zalo-chat svg {
	width:90%;
	height:90%;
	color:#fff
}
@keyframes e {
	0% {
		transform:rotate(0) scale(.5) skew(1deg);
		opacity:.1
	}
	30% {
		transform:rotate(0) scale(.7) skew(1deg);
		opacity:.5
	}
	to {
		transform:rotate(0) scale(1) skew(1deg);
		opacity:.1
	}
}
@keyframes f {
	0% {
		transform:rotate(0) scale(.7) skew(1deg);
		opacity:.2
	}
	50% {
		transform:rotate(0) scale(1) skew(1deg);
		opacity:.2
	}
	to {
		transform:rotate(0) scale(.7) skew(1deg);
		opacity:.2
	}
}
@keyframes g {
	0% {
		transform:rotate(0) 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(0) scale(1) skew(1deg)
	}
	to {
		transform:rotate(0) scale(1) skew(1deg)
	}
}
/*end action hotline*/


@media(min-width: 1366px){
	.home-slider{
		min-height: 350px;
		max-height: 500px;
		overflow: hidden;
	}
}
@media(max-width: 575px){
	.home-slider{
		min-height: 0px;
	}
	.home-gift {
	background: #112145;
}
}
.bottom-bar .btn{
	width: 122px;
	font-size: 12px;
}
@media(min-width: 1440px){
	.home-slider{
		min-height: 380px;
		
	}
}

@media (max-width: 575px){
	.header-right .mini-cart {
		left: 15px;
	}
}

.youtube {
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 30px;
 height: 0;
 overflow: hidden
 }

.youtube iframe, .youtube object, .youtube embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%
 }