/*
Theme Name: Waytech Company
Theme URI: https://waytech.vn/
Template: waytech
Author: Waytech
Author URI: https://waytech.vn/
Description: The clean, fast, search engine optimize, secure and responsive theme was made by Waytech for personal or small business website.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: waytech, personal website, small business website
Text Domain: waytech
*/

/** HTML, BODY **/

html {
	font-size: 10px;
}
body {
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.5;
}

/** HEADER **/
body:not(.home) #top-bar {
	box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
	position: relative;
}
.top-bar__logo {
	padding: 25px 5px;
	background: #ffffff;
}
.top-bar__logo img {
	width: 100px;
	height: auto;
}
body:not(.home) .top-bar__navigation-toggler--light span,
body:not(.home) .top-bar__navigation-toggler--light span:after,
body:not(.home) .top-bar__navigation-toggler--light span:before {
	background-color: #999;
}
.breadcrumb-section {
	background: #f1f1f1;
	padding: 10px 0;
}
.breadcrumb-section p {
	margin: 0;
}

/** Start Screen **/

.vegas-overlay,
.vegas-slide,
.vegas-slide-inner,
.vegas-timer,
.vegas-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	border: none;
	padding: 0;
	margin: 0;
}
.vegas-overlay {
	opacity: 0.5;
	background: url(overlays/02.png) center center;
}
.vegas-timer {
	top: auto;
	bottom: 0;
	height: 2px;
}
.vegas-timer-progress {
	width: 0;
	height: 100%;
	background: #fff;
	-webkit-transition: width ease-out;
	transition: width ease-out;
}
.vegas-timer-running .vegas-timer-progress {
	width: 100%;
}
.vegas-slide,
.vegas-slide-inner {
	margin: 0;
	padding: 0;
	background: center center no-repeat;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
body .vegas-container {
	overflow: hidden !important;
	position: relative;
}
.vegas-video {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
}
body.vegas-container {
	overflow: auto;
	position: static;
	z-index: -2;
}
body.vegas-container > .vegas-overlay,
body.vegas-container > .vegas-slide,
body.vegas-container > .vegas-timer {
	position: fixed;
	z-index: -1;
}
:root body.vegas-container > .vegas-overlay,
:root body.vegas-container > .vegas-slide,
_::full-page-media,
_:future {
	bottom: -76px;
}
.vegas-transition-blur,
.vegas-transition-blur2 {
	opacity: 0;
	-webkit-filter: blur(32px);
	filter: blur(32px);
}
.vegas-transition-blur-in,
.vegas-transition-blur2-in {
	opacity: 1;
	-webkit-filter: blur(0);
	filter: blur(0);
}
.vegas-transition-blur2-out {
	opacity: 0;
}
.vegas-transition-burn,
.vegas-transition-burn2 {
	opacity: 0;
	-webkit-filter: contrast(1000%) saturate(1000%);
	filter: contrast(1000%) saturate(1000%);
}
.vegas-transition-burn-in,
.vegas-transition-burn2-in {
	opacity: 1;
	-webkit-filter: contrast(100%) saturate(100%);
	filter: contrast(100%) saturate(100%);
}
.vegas-transition-burn2-out {
	opacity: 0;
	-webkit-filter: contrast(1000%) saturate(1000%);
	filter: contrast(1000%) saturate(1000%);
}
.vegas-transition-fade,
.vegas-transition-fade2 {
	opacity: 0;
}
.vegas-transition-fade-in,
.vegas-transition-fade2-in {
	opacity: 1;
}
.vegas-transition-fade2-out {
	opacity: 0;
}
.vegas-transition-flash,
.vegas-transition-flash2 {
	opacity: 0;
	-webkit-filter: brightness(25);
	filter: brightness(25);
}
.vegas-transition-flash-in,
.vegas-transition-flash2-in {
	opacity: 1;
	-webkit-filter: brightness(1);
	filter: brightness(1);
}
.vegas-transition-flash2-out {
	opacity: 0;
	-webkit-filter: brightness(25);
	filter: brightness(25);
}
.vegas-transition-negative,
.vegas-transition-negative2 {
	opacity: 0;
	-webkit-filter: invert(100%);
	filter: invert(100%);
}
.vegas-transition-negative-in,
.vegas-transition-negative2-in {
	opacity: 1;
	-webkit-filter: invert(0);
	filter: invert(0);
}
.vegas-transition-negative2-out {
	opacity: 0;
	-webkit-filter: invert(100%);
	filter: invert(100%);
}
.vegas-transition-slideDown,
.vegas-transition-slideDown2 {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
.vegas-transition-slideDown-in,
.vegas-transition-slideDown2-in {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.vegas-transition-slideDown2-out {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
.vegas-transition-slideLeft,
.vegas-transition-slideLeft2 {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}
.vegas-transition-slideLeft-in,
.vegas-transition-slideLeft2-in {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.vegas-transition-slideLeft2-out,
.vegas-transition-slideRight,
.vegas-transition-slideRight2 {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}
.vegas-transition-slideRight-in,
.vegas-transition-slideRight2-in {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.vegas-transition-slideRight2-out {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}
.vegas-transition-slideUp,
.vegas-transition-slideUp2 {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
.vegas-transition-slideUp-in,
.vegas-transition-slideUp2-in {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.vegas-transition-slideUp2-out {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
.vegas-transition-swirlLeft,
.vegas-transition-swirlLeft2 {
	-webkit-transform: scale(2) rotate(35deg);
	transform: scale(2) rotate(35deg);
	opacity: 0;
}
.vegas-transition-swirlLeft-in,
.vegas-transition-swirlLeft2-in {
	-webkit-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0);
	opacity: 1;
}
.vegas-transition-swirlLeft2-out,
.vegas-transition-swirlRight,
.vegas-transition-swirlRight2 {
	-webkit-transform: scale(2) rotate(-35deg);
	transform: scale(2) rotate(-35deg);
	opacity: 0;
}
.vegas-transition-swirlRight-in,
.vegas-transition-swirlRight2-in {
	-webkit-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0);
	opacity: 1;
}
.vegas-transition-swirlRight2-out {
	-webkit-transform: scale(2) rotate(35deg);
	transform: scale(2) rotate(35deg);
	opacity: 0;
}
.vegas-transition-zoomIn,
.vegas-transition-zoomIn2 {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
}
.vegas-transition-zoomIn-in,
.vegas-transition-zoomIn2-in {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.vegas-transition-zoomIn2-out,
.vegas-transition-zoomOut,
.vegas-transition-zoomOut2 {
	-webkit-transform: scale(2);
	transform: scale(2);
	opacity: 0;
}
.vegas-transition-zoomOut-in,
.vegas-transition-zoomOut2-in {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.vegas-transition-zoomOut2-out {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
}
.vegas-animation-kenburns {
	-webkit-animation: kenburns ease-out;
	animation: kenburns ease-out;
}
@-webkit-keyframes kenburns {
	0% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes kenburns {
	0% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
.vegas-animation-kenburnsDownLeft {
	-webkit-animation: kenburnsDownLeft ease-out;
	animation: kenburnsDownLeft ease-out;
}
@-webkit-keyframes kenburnsDownLeft {
	0% {
		-webkit-transform: scale(1.5) translate(10%, -10%);
		transform: scale(1.5) translate(10%, -10%);
	}
	100% {
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0);
	}
}
@keyframes kenburnsDownLeft {
	0% {
		-webkit-transform: scale(1.5) translate(10%, -10%);
		transform: scale(1.5) translate(10%, -10%);
	}
	100% {
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0);
	}
}
.vegas-animation-kenburnsDownRight {
	-webkit-animation: kenburnsDownRight ease-out;
	animation: kenburnsDownRight ease-out;
}
@-webkit-keyframes kenburnsDownRight {
	0% {
		-webkit-transform: scale(1.5) translate(-10%, -10%);
		transform: scale(1.5) translate(-10%, -10%);
	}
	100% {
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0);
	}
}
@keyframes kenburnsDownRight {
	0% {
		-webkit-transform: scale(1.5) translate(-10%, -10%);
		transform: scale(1.5) translate(-10%, -10%);
	}
	100% {
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0);
	}
}
.vegas-animation-kenburnsDown {
	-webkit-animation: kenburnsDown ease-out;
	animation: kenburnsDown ease-out;
}
@-webkit-keyframes kenburnsDown {
	0% {
		-webkit-transform: scale(1.5) translate(0, -10%);
		transform: scale(1.5) translate(0, -10%);
	}
	100% {
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0);
	}
}
@keyframes kenburnsDown {
	0% {
		-webkit-transform: scale(1.5) translate(0, -10%);
		transform: scale(1.5) translate(0, -10%);
	}
	100% {
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0);
	}
}
.vegas-animation-kenburnsLeft {
	-webkit-animation: kenburnsLeft ease-out;
	animation: kenburnsLeft ease-out;
}
@-webkit-keyframes kenburnsLeft {
	0% {
		-webkit-transform: scale(1.5) translate(10%, 0);
		transform: scale(1.5) translate(10%, 0);
	}
	100% {
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0);
	}
}
@keyframes kenburnsLeft {
	0% {
		-webkit-transform: scale(1.5) translate(10%, 0);
		transform: scale(1.5) translate(10%, 0);
	}
	100% {
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0);
	}
}
.vegas-animation-kenburnsRight {
	-webkit-animation: kenburnsRight ease-out;
	animation: kenburnsRight ease-out;
}
@-webkit-keyframes kenburnsRight {
	0% {
		-webkit-transform: scale(1.5) translate(-10%, 0);
		transform: scale(1.5) translate(-10%, 0);
	}
	100% {
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0);
	}
}
@keyframes kenburnsRight {
	0% {
		-webkit-transform: scale(1.5) translate(-10%, 0);
		transform: scale(1.5) translate(-10%, 0);
	}
	100% {
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0);
	}
}
.vegas-animation-kenburnsUpLeft {
	-webkit-animation: kenburnsUpLeft ease-out;
	animation: kenburnsUpLeft ease-out;
}
@-webkit-keyframes kenburnsUpLeft {
	0% {
		-webkit-transform: scale(1.5) translate(10%, 10%);
		transform: scale(1.5) translate(10%, 10%);
	}
	100% {
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0);
	}
}
@keyframes kenburnsUpLeft {
	0% {
		-webkit-transform: scale(1.5) translate(10%, 10%);
		transform: scale(1.5) translate(10%, 10%);
	}
	100% {
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0);
	}
}
.vegas-animation-kenburnsUpRight {
	-webkit-animation: kenburnsUpRight ease-out;
	animation: kenburnsUpRight ease-out;
}
@-webkit-keyframes kenburnsUpRight {
	0% {
		-webkit-transform: scale(1.5) translate(-10%, 10%);
		transform: scale(1.5) translate(-10%, 10%);
	}
	100% {
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0);
	}
}
@keyframes kenburnsUpRight {
	0% {
		-webkit-transform: scale(1.5) translate(-10%, 10%);
		transform: scale(1.5) translate(-10%, 10%);
	}
	100% {
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0);
	}
}
.vegas-animation-kenburnsUp {
	-webkit-animation: kenburnsUp ease-out;
	animation: kenburnsUp ease-out;
}
@-webkit-keyframes kenburnsUp {
	0% {
		-webkit-transform: scale(1.5) translate(0, 10%);
		transform: scale(1.5) translate(0, 10%);
	}
	100% {
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0);
	}
}
@keyframes kenburnsUp {
	0% {
		-webkit-transform: scale(1.5) translate(0, 10%);
		transform: scale(1.5) translate(0, 10%);
	}
	100% {
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0);
	}
}
#vegas-slider
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
}

#vegas-slider .vegas-control__btn {
	display: none;
	position: absolute;
	top: 50%;
	line-height: 1;
	font-size: 1.5rem;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	padding: 5px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
	z-index: 3;
}

#vegas-slider .vegas-control__btn:hover { color: #f1cf69; }

#vegas-control__prev { left: -10px; }
#vegas-control__next { right: -10px; }

#vegas-slider .vegas-dots {
	position: absolute;
	bottom: 20px;
	right: 10px;
	line-height: 0;
	text-align: center;
	z-index: 3;
}

/** PAGES **/

#page-content-gioi-thieu .section--custom-01 {
	background-size: 0;
}

/** FOOTER **/

body:not(.home) #footer {
	background: #f1f1f1;
}
.footer--style-1 .site-logo {
	margin-top: 0 !important;
	max-width: 100px;
}

@media (min-width: 576px)
{
	#vegas-slider .vegas-dots
	{
		top: 50%;
		right: 20px;
		bottom: auto;
	}
}

#vegas-slider .vegas-dots a
{
	display: block;
	width: 12px;
	height: 12px;
	margin: 6px 0 6px auto;
	cursor: pointer;
	background-color: transparent;
	border: 2px solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	-webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, width 0.3s ease-in-out, border-radius 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, width 0.3s ease-in-out, border-radius 0.3s ease-in-out;
	-ms-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, width 0.3s ease-in-out, border-radius 0.3s ease-in-out;
	-o-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, width 0.3s ease-in-out, border-radius 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, width 0.3s ease-in-out, border-radius 0.3s ease-in-out;
}

#vegas-slider .vegas-dots a:hover,
#vegas-slider .vegas-dots a.active
{
	width: 25px;
	border-radius: 30px;
}

#vegas-slider .vegas-dots a.active
{
	background-color: #fff;
	border-color: #fff;
	cursor: default;
}

#start-screen_content-container
{
	position: relative;
	height: 100%
}

.start-screen__content
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	padding-top: 100px;
	padding-bottom: 50px;
	visibility: hidden;
	opacity: 0;
	text-align: center;
	color: #fff;
	-webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.start-screen__content.active
{
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity .5s ease-in-out .2s,visibility .3s ease-in-out;
	-moz-transition: opacity .5s ease-in-out .2s,visibility .3s ease-in-out;
	-ms-transition: opacity .5s ease-in-out .2s,visibility .3s ease-in-out;
	-o-transition: opacity .5s ease-in-out .2s,visibility .3s ease-in-out;
	transition: opacity .5s ease-in-out .2s,visibility .3s ease-in-out;
}

.start-screen__content .title,
.start-screen__content .subtitle
{
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
}

.start-screen__content .title
{
	line-height: 1;
	font-size: 45px;
	font-weight: 700;
	letter-spacing: 5px;
	margin-bottom: 0;
}

.start-screen__content .subtitle
{
	line-height: 1.2;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.start-screen__content p
{
	margin-top: 20px;
	margin-bottom: 20px;
}

.start-screen__content p:first-child { margin-top: 0; }
.start-screen__content p:last-child { margin-bottom: 0; }

.start-screen__content .custom-btn.primary
{
	background-color: #f1cf69;
	color: #504935;
}

.start-screen__content .custom-btn.primary:hover,
.start-screen__content .custom-btn.primary:focus
{
	background-color: #444;
	border-color: #444;
	color: #fff;
}

/* first slide */
.start-screen__content-first { }
.start-screen__content-first .title { }
.start-screen__content-first .subtitle {}

/* second slide */
.start-screen__content-second { }
.start-screen__content-second .title { }
.start-screen__content-second .subtitle {}

/* third slide */
.start-screen__content-third { }
.start-screen__content-third .title { color: #282828; }
.start-screen__content-third .subtitle {}

#bg-img-1
{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

@media only screen and (min-width: 576px)
{
	#vegas-control__prev { left: 0px; }
	#vegas-control__next { right: 0px; }

	.start-screen__content { text-align: inherit; }

	.start-screen__content .title
	{
		line-height: 0.8;
		font-size: 80px;
		letter-spacing: 10px;
	}

	.start-screen__content .subtitle { font-size: 20px; }

	.start-screen__content p
	{
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.start-screen__content-third .title { line-height: 0.6; }
}

@media only screen and (min-width: 768px)
{
	.start-screen__content
	{
		padding-top: 120px;
		padding-bottom: 80px;
	}

	.start-screen__content .title
	{
		font-size: 110px;
		letter-spacing: 15px;
	}

	.start-screen__content .subtitle { font-size: 25px; }
}

@media only screen and (min-width: 992px)
{
	.start-screen__content
	{
		padding-top: 120px;
		padding-bottom: 120px;
	}

	.start-screen__content .title
	{
		font-size: 130px;
		letter-spacing: 20px;
	}
}

@media only screen and (min-width: 1200px)
{
	.start-screen__content .title
	{
		font-size: 150px;
		letter-spacing: 30px;
	}
}

/** PAGE **/
#page-content-lien-he .fit-frame > iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}
#page-content-lien-he .fit-frame {
	min-height: 100vw;
}
#page-content-lien-he > section {
	position: relative;
	z-index: 1;
}
#page-content-lien-he .contact-background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}
#page-content-lien-he .company-contacts p {
	color: #FFF;
}
#page-content-lien-he .company-contacts h4 {
	color: #fcdb5a;
}

/** Single Post **/
.post-section {
	padding: 30px 0;
}
.post-title {
	font-size: 3rem;
	margin: 0 0 30px 0 !important;
}

/** Pagination **/
.pagination {
	display: block;
	width: 100%;
	font-size: 0;
	text-align: center;
}
.pagination > li {
	display: inline-block;
	font-size: 1.4rem;
}
.pagination > li > * {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 28px;
	border: 1px solid #eaeaea;
	margin: 0 3px;
}
.pagination > li > .current {
	background: #baa245;
	color: #FFF;
	border-color: #baa245;
}