.vnt-loading{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 102;
	-webkit-transition: all 0.6s linear 5s;
	-o-transition: all 0.6s linear 5s;
	transition: all 0.6s linear 5s;
}
.vnt-loading:before{
	content: "";
	position: absolute;
	top: 0;
	bottom:0;
	left: 0;
	width: 50%;
	background: #1e2329;
	-webkit-transition: all 0.6s linear 5s;
	-o-transition: all 0.6s linear 5s;
	transition: all 0.6s linear 5s;
}
.vnt-loading:after{
	content: "";
	position: absolute;
	bottom: 0;
	top:0;
	right: 0;
	width: 50%;
	background: #1e2329;
	-webkit-transition: all 0.6s linear 5s;
	-o-transition: all 0.6s linear 5s;
	transition: all 0.6s linear 5s;
} 
.vnt-loading .img{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
    z-index: 1;
    max-width: 90%;
    text-align: center;
    -webkit-transition: all 0.6s linear 5s;
    -o-transition: all 0.6s linear 5s;
    transition: all 0.6s linear 5s;
}
.vnt-loading .img svg{
	max-width: 100%;
	width: 500px;
}
.vnt-loading .img svg path.text-trust{
	stroke:#ffffff;
	stroke-dasharray: 1000 1000;
    stroke-dashoffset: 1000;
    stroke-width: 1px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1.5s linear, fill 1s linear 1.5s;
    -o-transition: stroke-dashoffset 1.5s linear, fill 1s linear 1.5s;
    transition: stroke-dashoffset 1.5s linear, fill 1s linear 1.5s;
}
.vnt-loading .img svg path.text-vn{
	stroke:#ffffff;
	stroke-dasharray: 1000 1000;
    stroke-dashoffset: 1000;
    stroke-width: 1px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s linear 0.2s, fill 1s linear 1.4s;
    -o-transition: stroke-dashoffset 1s linear 0.2s, fill 1s linear 1.4s;
    transition: stroke-dashoffset 1s linear 0.2s, fill 1s linear 1.4s;
}
.vnt-loading .img svg path.text-dot{
	stroke:rgb(135, 135, 135);
	stroke-dasharray: 1000 1000;
    stroke-dashoffset: 1000;
    stroke-width: 0.216px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s linear 0.4s, fill 1s linear 0.4s;
    -o-transition: stroke-dashoffset 1s linear 0.4s, fill 1s linear 0.4s;
    transition: stroke-dashoffset 1s linear 0.4s, fill 1s linear 0.4s;
}
.vnt-loading .img svg path.bg-xanh,
.vnt-loading .img svg path.bg-cam,
.vnt-loading .img svg path.bg-dot {
    -webkit-transition: fill 1s linear;
    -o-transition: fill 1s linear;
    transition: fill 1s linear;
    fill:transparent;
}
.vnt-loading .img svg path.bg-cam{
	-webkit-transition-delay: 2.6s;
	-o-transition-delay: 2.6s;
	transition-delay: 2.6s;
}
.vnt-loading .img svg path.bg-xanh{
	-webkit-transition-delay: 2.65s;
	-o-transition-delay: 2.65s;
	transition-delay: 2.65s;
}
.vnt-loading .img svg path.bg-dot{
	-webkit-transition-delay: 2.7s;
	-o-transition-delay: 2.7s;
	transition-delay: 2.7s;
}
/*===================================================================================*/
/*===================================================================================*/
/*===================================================================================*/
/*===================================================================================*/
body.animsition.show-load .vnt-loading{
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
}
body.animsition.show-load.show-loading .vnt-loading .img{
	-webkit-transform: translate(-50%,50%) scale(1.5);
	-ms-transform: translate(-50%,50%) scale(1.5);
	-o-transform: translate(-50%,50%) scale(1.5);
	transform: translate(-50%,50%) scale(1.5);
	opacity: 0;
}
body.animsition.show-load .vnt-loading:after,
body.animsition.show-load .vnt-loading:before{
	width: 0;
	opacity: 0;
}
body.animsition.show-load .vnt-loading .img svg path.text-trust,
body.animsition.show-load .vnt-loading .img svg path.text-vn{
	stroke-dashoffset: 0;
	fill: #ffffff;
}
body.animsition.show-load .vnt-loading .img svg path.text-dot{
	stroke-dashoffset: 0;
	fill: rgb(135, 135, 135);
}
body.animsition.show-load .vnt-loading .img svg path.bg-xanh{
	fill: rgb(188, 208, 47);
}
body.animsition.show-load .vnt-loading .img svg path.bg-cam{
	fill: rgb(251, 114, 36);
}
body.animsition.show-load .vnt-loading .img svg path.bg-dot{
	fill: rgb(255, 255, 255);
}