/* START LOADER CSS */
.fullpage-loader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    z-index: 9999;
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}
.fullpage-loader .fullpage-loader__logo {
    position: relative;
}
.fullpage-loader .fullpage-loader__logoasasd:after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: shine 2.5s infinite cubic-bezier(0.42, 0, 0.58, 1);
    animation: shine 2.5s infinite cubic-bezier(0.42, 0, 0.58, 1);
    background: rgba(255, 255, 255, 0.8);
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
    /* IE6-9 */
}

@-webkit-keyframes shine {
    0% {
        -webkit-transform: translateX(-100%) skew(-30deg);
        transform: translateX(-100%) skew(-30deg);
    }
    100% {
        -webkit-transform: translateX(200%) skew(-30deg);
        transform: translateX(200%) skew(-30deg);
    }
}

@keyframes shine {
    0% {
        -webkit-transform: translateX(-100%) skew(-30deg);
        transform: translateX(-100%) skew(-30deg);
    }
    100% {
        -webkit-transform: translateX(200%) skew(-30deg);
        transform: translateX(200%) skew(-30deg);
    }
}
.fullpage-loader--invisible {
    opacity: 0;
}

/* END LOADER CSS */
code {
    padding: 0 .5ch;
}

.loader-img {
    max-width: 100%;
}