/*
Theme Name: VinaWebsite.VN
Description: Templates develop by vinahost.vn
Author: VINAHOST.VN
Template: flatsome
Support: website@vinahost.vn
Version: 1.0
*/

/* add font Roboto */
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto/Roboto-Black.ttf);
	font-weight: 900;
}
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto/Roboto-BlackItalic.ttf);
	font-weight: 900;
	font-style: italic;
}
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto/Roboto-Bold.ttf);
	font-weight: 700;
}
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto/Roboto-BoldItalic.ttf);
	font-weight: 700;
	font-style: italic;
}
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto/Roboto-Italic.ttf);
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto/Roboto-Light.ttf);
	font-weight: 300;
}
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto/Roboto-LightItalic.ttf);
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto/Roboto-Medium.ttf);
	font-weight: 500;
}
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto/Roboto-MediumItalic.ttf);
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto/Roboto-Regular.ttf);
	font-weight: 400;
}
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto/Roboto-Thin.ttf);
	font-weight: 100;
}
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto/Roboto-ThinItalic.ttf);
	font-weight: 100;
	font-style: italic;
}
/* add font RobotoCondensed */
@font-face {
	font-family: Roboto Condensed;
	src: url(assets/fonts/RobotoCondensed/RobotoCondensed-Bold.ttf);
	font-weight: 700;
}
@font-face {
	font-family: Roboto Condensed;
	src: url(assets/fonts/RobotoCondensed/RobotoCondensed-BoldItalic.ttf);
	font-weight: 700;
	font-style: italic;
}
@font-face {
	font-family: Roboto Condensed;
	src: url(assets/fonts/RobotoCondensed/RobotoCondensed-Italic.ttf);
	font-style: italic;
}
@font-face {
	font-family: Roboto Condensed;
	src: url(assets/fonts/RobotoCondensed/RobotoCondensed-Light.ttf);
	font-weight: 300;
}
@font-face {
	font-family: Roboto Condensed;
	src: url(assets/fonts/RobotoCondensed/RobotoCondensed-LightItalic.ttf);
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: Roboto Condensed;
	src: url(assets/fonts/RobotoCondensed/RobotoCondensed-Regular.ttf);
	font-weight: 400;
}
:root
{
	--Roboto: Roboto;
	--RobotoCondensed: Roboto Condensed;
}
@keyframes phone_color
{
	0% {
	    color: #F8CD0A;
	}
	50% {
	    color: #fff;
	}
	100% {
	    color: #F8CD0A;
	}
}
@keyframes marquee
{
	0% {
	    transform: translateX(100%);
	}
	100% {
	    transform: translateX(-100%);
	}
}
@keyframes zoomIn
{
	0% {
	    opacity: 0;
	    -webkit-transform: scale3d(.3, .3, .3);
	    transform: scale3d(.3, .3, .3);
	}
	50% {
	    opacity: 1;
	}
}
@keyframes pulse
{
	0% {
	    -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);
	}
	100% {
	    -webkit-transform: scale3d(1, 1, 1);
	    transform: scale3d(1, 1, 1);
	}
}
@keyframes rubberBand
{
	0% {
	    -webkit-transform: scale3d(1, 1, 1);
	    transform: scale3d(1, 1, 1);
	}
	30% {
	    -webkit-transform: scale3d(1.25, 0.75, 1);
	    transform: scale3d(1.25, 0.75, 1);
	}
	40% {
	    -webkit-transform: scale3d(0.75, 1.25, 1);
	    transform: scale3d(0.75, 1.25, 1);
	}
	50% {
	    -webkit-transform: scale3d(1.15, 0.85, 1);
	    transform: scale3d(1.15, 0.85, 1);
	}
	65% {
	    -webkit-transform: scale3d(.95, 1.05, 1);
	    transform: scale3d(.95, 1.05, 1);
	}
	75% {
	    -webkit-transform: scale3d(1.05, .95, 1);
	    transform: scale3d(1.05, .95, 1);
	}
	100% {
	    -webkit-transform: scale3d(1, 1, 1);
	    transform: scale3d(1, 1, 1);
	}
}