/*
Theme Name: Flatsome Child HN
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/


/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Inter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Inter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:wght@300..700&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:wght@300..700&display=swap');*/
	.header-nav.header-nav-main.nav-left{
		justify-content: center !important;
	}
	.nav>li>a{
		font-family: "Inter", sans-serif!important;
		font-size: 14px !important;
/*		font-size: 16px !important;*/
		font-weight: 500 !important;
/*		font-weight: 400 !important;*/
/*		line-height: 19.36px !important;*/
	}
	.cart-img-icon{
		    max-width: 20px!important;
	}
	.woocommerce-Price-amount{

	}
	.nav-line-bottom>li>a:before, 
	.nav-line-grow>li>a:before, 
	.nav-line>li>a:before{
		height: 2px !important;
	}
	.header:not(.transparent) 
	.header-nav-main.nav > li > a:hover, 
	.header:not(.transparent) .header-nav-main.nav > li.active > a, 
	.header:not(.transparent) .header-nav-main.nav > li.current > a, 
	.header:not(.transparent) .header-nav-main.nav > li > a.active, 
	.header:not(.transparent) .header-nav-main.nav > li > a.current{
		font-weight: 600 !important;
	}
	.nav-dropdown{
		min-width: 345px!important;
		box-shadow: 0px 28.47px 66.42px 0px #A7AEBA29!important;
		border-radius: 0px 0px 5px 5px!important;
		border: 1px solid #A7AEBA29!important;
	}
	.nav-dropdown>li>a{
		font-family: "Inter", sans-serif!important;
		font-size: 13px!important;
		font-weight: 400!important;
		line-height: 1.2!important;
/* 		text-align: left!important; */
		color: var(--fs-experimental-link-color) !important;
/* 		min-height: 35px!important; */
/* 		margin-left: 0!important; */
/* 		margin-right: 0!important; */
text-transform: uppercase;
	}
	.nav-dropdown>li:hover>a, 
	.nav-dropdown>li>a:hover{
		background: (--fs-experimental-link-color);1A!important;
		color: (--fs-experimental-link-color); !important;
/* 		border-radius: 0!important; */
		
	}
    
/*}*/
.sub-menu.children{
	display: block !important;
	left: auto !important;
    opacity: 1 !important;
    padding-bottom: 30px !important;
    position: relative !important;
    transform: translateX(0)!important;
}
.mfp-bg.off-canvas{
/*	opacity: 0 !important;*/
}
.shake-horizontal-3 {
	-webkit-animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 3s both;
   animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 3s both;
}
@-webkit-keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
10%,
30%,
50%,
70% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
}
20%,
40%,
60% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}
80% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}
90% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
}
}
@keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
10%,
30%,
50%,
70% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
}
20%,
40%,
60% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}
80% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}
90% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
}
}

.off-canvas{
/*	mfp-container mfp-s-ready mfp-inline-holder{*/
		.mfp-content{
			background-color: transparent !important;
    		box-shadow: none !important;
    		min-width: 300px;
    		.mobile-sidebar{
    			    margin-top: 70px !important;
				    background: (--fs-experimental-link-color); !important;
				    opacity: 1 !important;
				    box-shadow: 0px 2px 2px 0px #00000040 !important;
				    border-radius: 5px !important;
				    /*.nav-sidebar.nav-vertical>li+li{
				    	border-top: none !important;
				    }
				    .off-canvas .nav-vertical>li>a{

				    }*/
				    .nav-vertical>li+li{
					    	border-top: none !important;
					    }
				    /*.nav-sidebar{

				    }*/
				    .nav-vertical{
				    	li{
				    		a{
/*				    			font-family: Inter;*/
/*font-family: "Inter", sans-serif;*/
								font-size: 15px !important;
								font-weight: 600 !important;
								line-height: 15px !important;
								text-align: left !important;
								text-transform: uppercase !important;
								color: #FFFFFF !important;
								padding-top: 7.5px !important;
                        		padding-bottom: 7.5px !important;
				    		}
				    		
				    	}
				    	.sub-menu {
				    		padding-bottom: 0 !important;
				    			li{
				    				a{
				    					
/*				    					font-family: Inter;*/
/*font-family: "Inter", sans-serif;*/
										font-size: 12px!important;
										font-weight: 400!important;
										line-height: 30px!important;
										text-align: left!important;
										padding-top: 0 !important;
                            			padding-bottom: 0 !important;

				    				}
				    			}
				    		}
				    	li:hover a,
				    	li a:hover{
				    		

				    	}
				    	li.menu-item.active, 
				    	li.menu-item:hover{
				    		background-color: transparent!important;
/*				    		color: #0b1c2f!important;*/
				    	}
				    	li.menu-item.active > a, 
				    	li.menu-item:hover > a{
/*				    		background-color: transparent!important;*/
				    		color: #0b1c2f!important;
				    	}
				    }
    		}
		}
/*	}*/
}
.header-block-block-2{
	position: fixed;
    right: 0;
    top: 80px;
    z-index: 1999;
    .img{
    	.img-inner {
    		img{
    			max-width: 200px;
    		}
    	}
    }
    -webkit-animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 3s both;
   animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 3s both;
}
#search-lightbox{
	.search-field{
			border-radius: 8px!important;
			background: #F4F4F4!important;
			border-color: #F4F4F4!important;
			color: rgb(30 30 30 / 30%)!important;
		}
		.search-field::placeholder {
		  color: rgb(30 30 30 / 30%)!important;
		}
		.icon-search{
			color: var(--fs-experimental-link-color) !important;
		}
}
.search-name{
	font-size: 12px!important;
}
.searchform-wrapper .autocomplete-suggestions{
	color: white !important;

}
.search-price span.amount{
	color: #fff !important;
}
#wide-nav.header-bottom{
	height: 0;
    padding: 0;
    min-height: 0;
}
.footer-widgets {
	.qZjcib{
/*		font-family: "Inter", sans-serif!important;*/
		font-size: 16px!important;
		font-weight: 700!important;
		line-height: 24px!important;
		text-align: left!important;
		color: #0b1c2f!important;
		margin-bottom: 5px!important;
	}
	.mltuyU{
/*		font-family: Inter;*/
		font-family: "Inter", sans-serif!important;
		font-size: 13px!important;
		font-weight: 500!important;
		line-height: 15.73px!important;
		text-align: left!important;
		color: #0b1c2f!important;
		margin-bottom: 20px!important;
	}
	.zyrRtT,
	.OEYXYA,
	.YWFsFf{
		align-items: center;
		        margin-bottom: 15px;
	}
	.zyrRtT .icon-box-img,
	.OEYXYA .icon-box-img,
	.YWFsFf .icon-box-img{
		    max-width: 13px!important;
	}
	.zyrRtT .icon-box-img .icon-inner,
	.OEYXYA .icon-box-img .icon-inner,
	.YWFsFf .icon-box-img .icon-inner{
		    line-height: 1!important;
	}
	.zyrRtT .icon-box-text ,
	.OEYXYA .icon-box-text ,
	.YWFsFf .icon-box-text {
		padding-left: 10px!important;
	}
	.zyrRtT .icon-box-text p,
	.OEYXYA .icon-box-text p,
	.YWFsFf .icon-box-text p{
		margin-bottom: 0!important;
	}
	.zyrRtT .icon-box-text p, .zyrRtT .icon-box-text a,
	.OEYXYA .icon-box-text p, .OEYXYA .icon-box-text a,
	.YWFsFf .icon-box-text p, .YWFsFf .icon-box-text a{
		font-family: "Inter", sans-serif!important;
		font-size: 13px!important;
		font-weight: 400!important;
		line-height: 13px!important;
		text-align: left!important;
		color: #0b1c2f!important;

	}
	.zbKVlF{
/*		font-family: "Inter", sans-serif!important;*/
		font-size: 14px!important;
		font-weight: 700!important;
		line-height: 21px!important;
		text-align: left!important;
		color: #0b1c2f!important;
		margin-bottom: 5px!important;
	}
	.QVhghp{
		font-family: "Inter", sans-serif!important;
		font-size: 13px!important;
		font-weight: 500!important;
		line-height: 15.73px!important;
		text-align: left!important;
		color: #0b1c2f!important;
		margin-bottom: 19px!important;
	}
}
#wpcf7-f205-o1,
#wpcf7-f205-p7381-o1,
#wpcf7-f205-p7350-o1,
#wpcf7-f205-o2 {
	p:has(.wpcf7-form-control-wrap){
		display: flex;
    	flex-direction: column;
	}
	.wpcf7-form-control-wrap{
		display: inline!important;
    	margin-right: 10px!important;
	}
	.wpcf7-tel{
		max-width: 289px;
		/*		width: Fixed (289px)px;*/
		/*height: Hug (39px)px;*/
		/*top: 4327px;*/
		/*left: 40px;*/
		padding: 10px;
		/*gap: 10px;*/
		border-radius: 4px;
		border: 1px solid #DFE1E3;
		/*border: 1px 0px 0px 0px;*/
		/*opacity: 0px;*/
		background: #FFFFFF!important;
		border: 1px solid #DFE1E3;
		font-family: "Inter", sans-serif!important;
		font-size: 16px!important;
		font-weight: 400!important;
		line-height: 20px!important;
		text-align: left!important;
		color: #B0A6BD!important;

	}
	.wpcf7-submit{
		width: 160px!important;
		height: 40px!important;
		/*top: 4376px;*/
		/*left: 40px;*/
		/*gap: 0px;*/
		border-radius: 5px!important ;
		/*opacity: 0px;*/
		background: #0b1c2f;
		font-family: "Inter", sans-serif!important;
		font-size: 14px!important;
		font-weight: 500!important;
		line-height: 40px!important;
		text-align: center!important;
		color: #FFFFFF!important;

	}
	.wpcf7-spinner{
		position: absolute;
	}
	.wpcf7-form{
		margin-bottom: 0!important;
	}
}
.wJPfrC{
	.col{
		padding-right: 0px !important;
		padding-bottom: 0;
	}
	.col .col-inner a{
		max-width: 24px !important;
	}
}
#block_widget-2{
	margin-bottom: 0!important;
	.section{
		padding-bottom: 0!important;
	}
}
.absolute-footer{
	padding: 16px 0px!important;
	border-top: 1px solid #fed7aa!important;
	.footer-secondary{
		display: none;
	}
	.copyright-footer{
		font-family: "Inter", sans-serif!important;
		font-size: 14px!important;
		font-weight: 400!important;
		line-height: 16px!important;
/*		text-align: left;*/
		color: #0b1c2f!important;

	}

}
.jLeCkW,
.dSoTuw,
.gZFMWM{
	.flickity-page-dots{
		.dot{
			border: 1px solid #0b1c2f!important;
			background: var(--fs-experimental-link-color) !important;
			width: 10px!important;
			height: 10px!important;
			opacity: 1!important;
			border-radius: 50% !important;
		}
		.dot.is-selected{
			background: #0b1c2f!important;
		}
	}
}
/*.jLeCkW,*/
.dSoTuw,
.gZFMWM{
.flickity-page-dots{
	bottom: 0px!important;
}
}
.section-heading{
	h2{
		display: flex;
    	justify-content: center;
    	align-items: center;

		strong{
			font-family: "Inter", sans-serif!important;
			font-size: 18px!important;
			font-weight: 700!important;
			line-height: 20px!important;
/*			text-align: center;*/

			color: var(--fs-experimental-link-color) !important;

			display: flex;
		    align-items: center;
		    justify-content: center;
		    margin-left: 15px;
		    margin-right: 15px;

		    text-align: center;
		}
		img{
			
    height: 24px;
		}
	}
	.section-title,
	.section-title a{
		justify-content: center;
		font-family: "Inter", sans-serif!important;
		font-size: 14px;
		font-weight: 500;
		line-height: 17px;
		text-align: left;
		color: #0b1c2f;

	}
}
.tIYKYO{
	.cPHCDk{
/*		font-family: "Inter", sans-serif!important;*/
		font-size: 18px;
		font-weight: 700;
		line-height: 27px;
		text-align: left;
		color: #0b1c2f;
		margin-bottom: 5px!important;
	}
	.kWIRQG{
		font-family: "Inter", sans-serif!important;
		font-size: 13px;
		font-weight: 500;
		line-height: 16px;
		text-align: left;
		color: #0b1c2f;
		margin-bottom: 10px!important;

	}
}
.GRrPSD{
	.UokBld{
		order: 2;
		.vzKqdC{
				font-family: "Inter", sans-serif !important;
				font-size: 18px;
				font-weight: 500;
				line-height: 21.78px;
				text-align: left;
				color: #383838!important;

			}
			.hkoFjm{
/*				font-family: "Inter", sans-serif !important;*/
				font-size: 13px;
				font-weight: 400;
				line-height: 18px;
				text-align: justified;
				color: #697586!important;


			}
	}
	.vvYRTI{
		order: 1;
		.col-inner{


			
		}
	}
}
.WRIqeT{
	.post-item{
		.blog-post-inner{
			.button{
				width: 100%;
				height: 40px;
/*				top: 3266px;*/
/*				left: 48px;*/
/*				gap: 0px;*/
				border-radius: 5px !important;
/*				border: 1px 0px 0px 0px;*/
/*				opacity: 0px;*/
				border: 1px solid var(--fs-experimental-link-color) !important;
				font-family: "Inter", sans-serif !important;
				font-size: 16px!important;
				font-weight: 400!important;
				line-height: 40px!important;
				text-align: center;
				color: var(--fs-experimental-link-color) !important;
				background: #FFFFFF!important;


			}
			.button:hover{
				background: var(--fs-experimental-link-color) !important;
				color: #FFFFFF!important;
			}
			.post-title{
				font-family: "Inter", sans-serif !important;
font-size: 16px!important;
font-weight: 600!important;
line-height: 22px!important;
/*text-align: left;*/
/*color: var(--fs-experimental-link-color) !important;*/
color: #0b1c2f!important;

			}
			.is-divider{
				display: none;
			}
			.from_the_blog_excerpt {
				font-family: "Inter", sans-serif !important;
font-size: 14px!important;
font-weight: 400!important;
line-height: 18px!important;
/*text-align: left;*/
color: #000000!important;

			}
		}
	}
	.post-item:hover{
		.button{
				background: var(--fs-experimental-link-color) !important;
				color: #FFFFFF!important;
			}
			.post-title{
				color: var(--fs-experimental-link-color) !important;
			}
	}
}
.gZFMWM,
.WRIqeT{

	.row-slider{
		.flickity-prev-next-button{
			width: 40px!important;
	        height: 40px!important;
	        opacity: 1!important;
	        background-color: #0b1c2f !important;
	        color: #fff!important;
	        svg {
		        width: 20px!important;
		    }
		}
	}
}
.QNrxyS{
	.icon-box-img{
		margin-left: 0!important;
	}
	.wVRsTF{
font-family: "Inter", sans-serif !important;
font-size: 16px!important;
font-weight: bold!important;
line-height: 19.36px!important;
text-align: left;
color: var(--fs-experimental-link-color) !important;

	}
	.UGdiLt{
		font-family: "Inter", sans-serif !important;
font-size: 14px!important;
font-weight: 400!important;
line-height: 16.94px!important;
text-align: left!important;
color: var(--fs-experimental-link-color) !important;

	}


}
.tab-panels{
/*	background: #F2FAF3!important;*/
/*    border: 1px solid var(--fs-experimental-link-color) !important;*/
/*    border-radius: 0 0 10px 10px!important;*/
}

.nav-tabs>li>a{
	border-left: 1px solid var(--fs-experimental-link-color) !important;
    border-right: 1px solid var(--fs-experimental-link-color) !important;
    border-top: 1px solid var(--fs-experimental-link-color) !important;
    border-radius: 0!important;

    font-family: "Inter", sans-serif !important;
	font-size: 14px;
	font-weight: 500;
	line-height: 16.8px;
	text-align: center;
	color: var(--fs-experimental-link-color) !important;

}
.nav-tabs>li:first-child>a{
    border-radius: 5px 5px 0px 0px!important;
}
.nav-tabs>li.active>a{
	background-color: var(--fs-experimental-link-color) !important;
	color: #FFFFFF!important;

}


#gom-all-in-one .button-contact {
    transition: 1.6s all;
    -moz-transition: 1.6s all;
    -webkit-transition: 1.6s all
}

#button-contact-vr.active #gom-all-in-one .button-contact {
    margin-left: -100%
}

#all-in-one-vr .phone-bar {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    color: #fff;
    padding: 5px 15px 5px 48px;
    border-radius: 50px;
    margin-left: -64px;
    width: max-content;
    cursor: pointer
}

#instagram-vr .phone-vr-circle-fill,
#phone-vr .phone-vr-circle-fill,
#zalo-vr .phone-vr-circle-fill{
  box-shadow: 0 0 0 0 (--fs-experimental-link-color);;
  background-color: transparent;
  width: 60px;
  height: 60px;
  top: 0!important;
}
#instagram-vr .phone-vr-img-circle,
#phone-vr .phone-vr-img-circle,
#zalo-vr .phone-vr-img-circle{
  /* background-color:(--fs-experimental-link-color);; */
  background-color: var(--fs-experimental-link-color) !important;
  border: 3px solid #FFFFFF;
  width: 60px;
  height: 60px;
  top: 0px!important;
}
#button-contact-vr .button-contact{
  margin-top: 15px!important;
}
#quickcallbutton{
  right: 30px !important;
  left: auto!important;
  position: fixed!important;
  bottom: 30px!important;
  top: auto!important;
}
.call-now-button a .quick-alo-phone-img-circle{
  /* background-color:var(--fs-experimental-link-color) !important; */
  background-color: rgba(152, 202, 62, 1)!important;
  border: 3px solid rgba(255, 255, 255, 1);
  width: 60px;
  height: 60px;

}
.call-now-button .phone-vr-circle-fill{
  top: 0px!important;
  left: 0!important;
  width: 60px!important;
  height: 60px!important;
  /* box-shadow: 0 0 0 0 rgba(152, 202, 62, 1)!important; */
  /* background-color: rgba(152, 202, 62, 1)!important; */


  box-shadow: 0 0 0 0 rgba(152, 202, 62, 1);
  background-color: rgba(152, 202, 62, 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;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animuiion: zoom 1.3s infinite;
  animation: zoom 1.3s infinite
}
.quick-call-button{
  display: block !important;
}

#button-contact-vr {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 199;
}
#button-contact-vr {
    position: fixed;
    bottom: 20px;
    z-index: 99999
}

#button-contact-vr .button-contact {
    position: relative;
    margin-top: -5px
}

#button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 90px;
    height: 60px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block
}

.phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 25px;
    position: absolute;
/*    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;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: 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%;
    overflow: hidden;
    display: flex;
    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-height: 72px;
    max-width: 72px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%)
}

/*#instagram-vr .phone-vr-circle-fill {
    background: rgb(17,143,253);
    background: linear-gradient(160deg,rgba(17,143,253,1) 20%,rgba(188,60,218,1) 50%,rgba(253,223,5,1) 80%);
    background-size: contain;
    box-shadow: 0 0 0 0 #c840c9;
    background-color: rgb(79 103 254);
    border: 0
}

#instagram-vr .phone-vr-img-circle {
    background: transparent
}

#telegram-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2c9fd8;
    background-color: rgb(44 159 216 / 74%)
}

#telegram-vr .phone-vr-img-circle {
    background: #2c9fd8
}*/

@-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% {
        transform: scale(.9)
    }

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

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

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

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

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

.phone-bar a {
    position: absolute;
    margin-top: -65px;
    left: 30px;
    z-index: -1;
    color: #fff;
    font-size: 16px;
    padding: 7px 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 {
    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 {
    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 {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33,150,243,0.7)
}

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

div#whatsapp-vr .phone-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #1fd744;
    background-color: rgb(35 217 72 / 70%)
}

div#whatsapp-vr .phone-vr .phone-vr-img-circle {
    background: #1cd741
}

div#whatsapp-vr .phone-vr .phone-vr-img-circle img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%
}

#fanpage-vr img {
    max-width: 35px;
    max-height: 35px
}

#fanpage-vr .phone-vr-img-circle {
    background-color: #1877f2
}

#fanpage-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 rgb(24 119 242 / 65%);
    background-color: rgb(24 119 242 / 70%)
}

#gom-all-in-one .button-contact {
    transition: 1.6s all;
    -moz-transition: 1.6s all;
    -webkit-transition: 1.6s all
}

#button-contact-vr.active #gom-all-in-one .button-contact {
    margin-left: -100%
}

#all-in-one-vr .phone-bar {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    color: #fff;
    padding: 5px 15px 5px 48px;
    border-radius: 50px;
    margin-left: -64px;
    width: max-content;
    cursor: pointer
}

#popup-showroom-vr,div#popup-form-contact-vr {
    display: none
}

#popup-showroom-vr.active,div#popup-form-contact-vr.active {
    display: block;
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 99999
}

.bg-popup-vr {
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(51 51 51 / 50%);
    width: 100%;
    height: 100vh
}

.content-popup-vr {
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 95%;
    border-radius: 5px;
    box-shadow: 0 0 14px 5px rgb(0 0 0 / 49%);
    max-width: 600px;
    display: flex
}

.content-popup-vr input,.content-popup-vr textarea {
    width: 100%;
    max-height: 100px;
    min-height: 38px;
    border: 1px solid #b1b1b1;
    margin-bottom: 10px;
    padding: 0 7px;
    background: #fff
}

.content-popup-vr label {
    width: 100%
}

.content-popup-vr input.wpcf7-form-control.wpcf7-submit {
    max-width: fit-content;
    padding: 5px 32px 2px;
    background: #2196f3;
    border: 0;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    margin: 10px auto 0;
    display: block;
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 29%);
    font-weight: 400;
    min-height: auto;
    line-height: 30px
}

.content-popup-vr input.wpcf7-form-control.wpcf7-submit:hover {
    opacity: 0.7
}

.content-popup-vr .close-popup-vr {
/*    font-family: sans-serif;*/
    width: 23px;
    height: 23px;
    background: black;
    position: absolute;
    top: -10px;
    right: -10px;
    color: #fff;
    text-align: center;
    line-height: 23px;
    font-size: 17px;
    border-radius: 50%;
    cursor: pointer
}

.content-popup-vr .close-popup-vr:hover {
    background: #b50000
}

.content-popup-vr .content-popup-div-vr {
    width: 100%;
    padding: 25px
}

.content-popup-vr .content-popup-img-vr {
    width: 100%;
    max-width: 45%;
    border-radius: 10px 0 0 10px;
    overflow: hidden
}

#loco-top,#loco-bottom {
    display: block
}

#loco-top .content-popup-img-vr,div#popup-form-contact-vr #loco-bottom .content-popup-img-vr {
    max-width: 100%;
    text-align: center
}

#contact-showroom.no-event a {
    pointer-events: none
}

.content-popup-vr .content-popup-div-vr ul {
    color: #333;
    list-style: none;
    font-size: 15px
}

@media(max-width: 673px) {
    div#popup-form-contact-vr .content-popup-vr {
        display:block
    }

    div#popup-form-contact-vr .content-popup-vr .content-popup-img-vr {
        max-width: 100%;
        display: none
    }
}

#ftiktok-vr .phone-vr-img-circle {
    background-color: #020202;
}

#tiktok-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 rgb(2 2 2 / 55%);
    background-color: rgb(2 2 2 / 60%);
}

#tiktok-vr .phone-vr-img-circle img {
    max-width: 90%;
    max-height: 90%;
}

#tiktok-vr .phone-vr-img-circle {
    background: #020202;
}

#messenger-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #6a4ffe;
    background-color: rgb(106 79 254 / 50%);
}

#messenger-vr .phone-vr-img-circle {
    background-color: #6a4ffe;
}

#messenger-vr .phone-vr-img-circle img {
    max-width: 100%;
    max-height: 100%;
}


.qgCHUN{
	/*	font-family: Inter;*/
/*	font-family: "Inter", sans-serif;*/
	font-size: 24px !important; 
	font-weight: 700 !important;
	line-height: 36px !important;
	/*text-align: left ;*/
	color: #0b1c2f !important;
	margin-bottom: 10px !important;
}
.beNLwy{
	font-family: "Inter", sans-serif!important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 16.94px !important;
	text-align: left;
	margin-bottom: 28px !important;
	color: #0b1c2f !important;

}
.SyMSHA,
.SyMSHA a{
	font-family: "Inter", sans-serif!important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 18.15px !important;
	text-align: left;
	color: #0b1c2f !important;
	margin-bottom: 15px !important;
}
.SyMSHA img{
	margin-bottom: 0!important;
}
.woocommerce-Price-amount.amount{
	 /* color: #EA5253 !important; */
}
.product-container{
	.product-summary {
		.breadcrumbs{
			text-align: left !important;
		}
		.breadcrumbs a,
		.breadcrumbs .divider{
				font-family: "Inter", sans-serif!important;
			    font-size: 16px !important;
			    font-weight: 400 !important;
			    line-height: 22.4px !important;
			    text-align: left !important;
			    color: #0b1c2f !important;
			    opacity: 1 !important;
		}
		.product-title{
			font-family: "Inter", sans-serif!important;
			font-size: 30px !important;
			font-weight: 700 !important;
			line-height: 42px !important;
			text-align: left !important;
			color: #0b1c2f !important;

		}
		.is-divider{
			max-width: 100%!important;
		    height: 2px!important;
		    background: #0b1c2f!important;
		    opacity: 0.2!important;
		}
		.price-wrapper{
			text-align: left;
		}
		.amount{
			font-family: "Inter", sans-serif!important;
			font-size: 30px !important;
			font-weight: 600;
			line-height: 36.31px !important;
			text-align: left !important;
			/* color: #EA5253 !important; */
/*			color: #0b1c2f !important;*/

		}
		.product-short-description{
/*			font-family: "Inter", sans-serif!important;*/
			font-size: 17px!important;
			font-weight: 500!important;
			line-height: 30.6px!important;
			text-align: left!important;
			color: #0b1c2f!important;

		}
		.product_meta,
		.social-icons{
			display: none !important;
		}

		.ux-quantity__button {
			display: none !important;
		}
		.input-text.qty{
			width: 60px!important;
			height: 60px!important;
			/*top: 1525px;*/
			/*left: 934px;*/
			/*gap: 0px;*/
			border-radius: 5px!important;
			/*border: 2px 0px 0px 0px;*/
			/*opacity: 0px;*/
			border: 2px solid var(--fs-experimental-link-color) !important;
			/*font-family: "Inter", sans-serif!important;*/
			font-size: 22px!important;
			font-weight: 500!important;
			line-height: 60px!important;
			text-align: center!important;
			color: #0b1c2f!important;


		}
		.single_add_to_cart_button{
			min-width: 240px!important;
			height: 60px!important;
			/*top: 1525px;*/
			/*left: 1013px;*/
			/*gap: 0px;*/
			border-radius: 5px!important;
			/*border: 1px 0px 0px 0px;*/
			/*opacity: 0px;*/
			background: var(--fs-experimental-link-color) !important;
			border: 1px solid var(--fs-experimental-link-color) !important;

			font-family: "Inter", sans-serif!important;
			font-size: 18px!important;
			font-weight: 500!important;
			line-height: 60px!important;
			text-align: center!important;
			color: #FFFFFF!important;

		}
		.cart{
			justify-content: flex-start!important;
		}
	}
	
}
.header, .header-wrapper{
	z-index: 1999 !important;
}
.product{
	.box-text{
		padding-left: 0!important;
    	padding-right: 0!important;
    	.add-to-cart-button{
    		.add_to_cart_button{
    			padding: 0 .2em!important;
    		}
    		
    	}
    	.product-title{
    		min-height: 42px;
    	}
	}
}
/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
    /* ...  */
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.section-heading{
	h2{


		strong{
			font-size: 24px!important;
			line-height: 30px!important;
		}
		
	}
	.section-title,
	.section-title a{
		font-size: 16px;
		line-height: 20px;
	}
}
.gZFMWM,
.WRIqeT{

	.row-slider{
		.flickity-prev-next-button{
			margin-top: -20px!important;
	        svg {
		       
		        padding: 0!important;
		    }
		}
	}
}
#wpcf7-f205-o1,
#wpcf7-f205-p7381-o1,
#wpcf7-f205-p7350-o1,
#wpcf7-f205-o2 {
	p:has(.wpcf7-form-control-wrap){
		flex-direction: row;
	}
}
   .GRrPSD{
	.UokBld{
		order: 1;
		
	}
	.OKbZQn{
		order: 2;
		
	}
	.vvYRTI{
		order: 3;
		.col-inner{


			
		}
	}
} 
.QNrxyS{
	.col-divided{
	border-right: none!important;
	padding-right: 80px !important;
}
.col-border+.col, 
.col-divided+.col{
padding-left: 80px !important;
}
	.col-divided::after {
    content: "";
    position: absolute;
    top: 34px; /* khoảng cách từ trên cùng của phần tử cha */
    right: 0;
    width: 3px; /* độ rộng của border */
    height: 90px; /* chiều cao của border */
    background-color: var(--fs-experimental-link-color) !important; /* màu sắc của border */
}
}

.header-block-block-2{
/*	position: absolute;*/
/*    right: 0;*/
    top: 100px;
    .img{
    	.img-inner {
    		img{
/*    			max-width: 168px;*/
    		}
    	}
    }
}


.header-nav.header-nav-main.nav-right{
	flex-wrap: nowrap!important;
	.header-search-form{
		.search-field{
			border-radius: 8px!important;
			background: #F4F4F4!important;
			border-color: #F4F4F4!important;
			color: rgb(30 30 30 / 30%)!important;
		}
		.search-field::placeholder {
		  color: rgb(30 30 30 / 30%)!important;
		}
		.icon-search{
			color: var(--fs-experimental-link-color) !important;
		}
	}

	.searchform .flex-row{
		min-width: 260px;
	}
	.cart-item {
		min-width: 55px;
	}
}
.search-name{
	font-size: 14px!important;
}
.searchform-wrapper .autocomplete-suggestions{
	color: (--fs-experimental-link-color); !important;

}
.search-price span.amount{
	color: (--fs-experimental-link-color); !important;
}
.tabbed-content .nav-tabs>li{
	margin-bottom: 0!important;
}
.tab-panels{
/*	background: #F2FAF3!important;*/
/*    border: 1px solid var(--fs-experimental-link-color) !important;*/
    border-radius: 10px!important;
}
.nav-tabs>li>a{
    border-radius: 5px 5px 0px 0px!important;
}
.tabbed-content .nav{
	padding-left: 20px;
}

.product{
	.box-text{
		padding-left: 10px!important;
    	padding-right: 10px!important;
    	.add-to-cart-button{
    		.add_to_cart_button{
    			padding: 0 1.2em!important;
    		}
    		
    	}
	}
}

}
/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    /* ...  */
}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
     /* ...  */
}