.vnt-loading {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    -webkit-transition: all 1s ease 1.5s;
    -o-transition: all 1s ease 1.5s;
    transition: all 1s ease 1.5s;
}
.vnt-loading .load_bg {
    display: block;
    width: 100%;
    height: 100%;
}
.vnt-loading .load_bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 25%;
    height: 100%;
    background: #2c2c2c;
    -webkit-transition: all 1s ease-in-out 3s;
    -o-transition: all 1s ease-in-out 3s;
    transition: all 1s ease-in-out 3s;
}
.vnt-loading .load_bg:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 75%;
    width: 25%;
    height: 100%;
    background: #2c2c2c;
    -webkit-transition: all 1s ease-in-out 3s;
    -o-transition: all 1s ease-in-out 3s;
    transition: all 1s ease-in-out 3s;
}
.vnt-loading:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 25%;
    height: 100%;
    background: #2c2c2c;
    -webkit-transition: all 1s ease-in-out 3s;
    -o-transition: all 1s ease-in-out 3s;
    transition: all 1s ease-in-out 3s;
}
.vnt-loading:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 25%;
    width: 25%;
    height: 100%;
    background: #2c2c2c;
    -webkit-transition: all 1s ease-in-out 3s;
    -o-transition: all 1s ease-in-out 3s;
    transition: all 1s ease-in-out 3s;
}
.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%;
    width: 100%;
    text-align: center;
    -webkit-transition: all 1s ease 2.5s;
    -o-transition: all 1s ease 2.5s;
    transition: all 1s ease 2.5s;
}
.vnt-loading .img svg {
    max-width: 50%;
}
.vnt-loading .img svg path,
.vnt-loading .img svg polygon {
    -webkit-transition: stroke-dashoffset 1.5s linear, stroke-dasharray 1.5s linear,
        fill 0.3s 1.5s linear, opacity 0.3s linear;
    -o-transition: stroke-dashoffset 1.5s linear, stroke-dasharray 1.5s linear,
        fill 0.3s 1.5s linear, opacity 0.3s linear;
    transition: stroke-dashoffset 1.5s linear, stroke-dasharray 1.5s linear,
        fill 0.3s 1.5s linear, opacity 0.3s linear;
    stroke: #99897b;
    stroke-dashoffset: 1000;
    stroke-dasharray: 1000;
    stroke-width: 1px;
    fill: transparent;
    opacity: 0;
}
/*===================================================================================*/
/*===================================================================================*/
/*===================================================================================*/
/*===================================================================================*/
body.animsition.show-load .vnt-loading {
    pointer-events: none;
}
body.animsition.show-load .vnt-loading:after,
body.animsition.show-load .vnt-loading:before,
body.animsition.show-load .vnt-loading .load_bg:after,
body.animsition.show-load .vnt-loading .load_bg:before {
    /* width: 0; */
    height: 0;
}
body.animsition.show-load .vnt-loading .img svg path,
body.animsition.show-load .vnt-loading .img svg polygon {
    stroke-dashoffset: 0;
    /* fill: #99897b; */
    opacity: 1;
}
body.animsition.show-load .vnt-loading .img svg .sst0 {
    fill: #99897b;
}
body.animsition.show-load .vnt-loading .img svg .st2 {
    fill: #ddb926;
}
body.animsition.show-load .vnt-loading .img {
    opacity: 0;
    visibility: hidden;
}