html, body { scroll-behavior:smooth!important;}
/*body::after, body::before {*/
/*    !* these are the 2 half blocks which cover the content once the animation is triggered *!*/
/*    height: 50vh;*/
/*    width: 100%;*/
/*    position: fixed;*/
/*    left: 0;*/
/*}*/
/*body::before {*/
/*    top: 0;*/
/*    transform: translateY(-100%);*/
/*}*/
/*body::after {*/
/*    bottom: 0;*/
/*    transform: translateY(100%);*/
/*}*/
/*body.page-is-changing::after, body.page-is-changing::before {*/
/*    transform: translateY(0);*/
/*}*/
/*.cd-loading-bar {*/
/*    !* this is the loading bar - visible while switching from one page to the following one *!*/
/*    position: fixed;*/
/*    height: 2px;*/
/*    width: 90%;*/
/*}*/
/*.cd-loading-bar::before {*/
/*    !* this is the progress bar inside the loading bar *!*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    z-index: 99999;*/
/*    transform: scaleX(0);*/
/*    -webkit-transform-origin: 50%;*/
/*    transform-origin: 50%;*/
/*    -webkit-transition-property: transform;*/
/*    transition-property: transform;*/
/*    -webkit-transition-duration: 0.5s;*/
/*    transition-duration: 0.5s;*/
/*    -webkit-transition-timing-function: ease-out;*/
/*    transition-timing-function: ease-out;*/
/*}*/
/*.page-is-changing .cd-loading-bar::before {*/
/*    transform: scaleX(1);*/
/*}*/

.vjs-loading-spinner{
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto;
    background: url("/static/img/loading_c.png") round;
    animation:rotating 2s linear infinite;
}

a:hover{
    text-decoration:none!important;
}

.loading_c{
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto;
    background: url("/static/img/loading_c.png") round;
    animation:rotating 2s linear infinite;
}
.el-loading-text{
    color:#fff!important;
    text-shadow: 2px 2px 2px #000!important;
}

.header:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #333;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.header.change:before{
    transform: scaleX(1)
}