html {
    margin-top: 0 !important;
}

#wpadminbar {
    opacity: 0.5;
}

body.loading {
    overflow: hidden !important;
}

.loader-div {
    /*display: block !important;*/
}

.loader-div.show-x {
    display: none !important;
}

.loader-x {
    display: none !important;
}

.loader-x.show-x {
    display: flex !important;
}

body.loading .loader-div,
body.loading-inline .loader-div {
display: block !important;
}
body,html {
    /*overflow-x: hidden;*/
    margin: 0;
    padding: 0;
}
.body {
    position:relative;
}
.loader-div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000000;
    background: #ff5000;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*animation:hideLoader 2s ease-in-out forwards;*/
    /*animation-delay: 5s;*/
    /*overflow: hidden;*/
}

body.loading-inline .loader-div {
    background: rgba(255, 80, 0,0.5) !important;
}

.loader-default {
    /*display: none;*/
    position: fixed;

    top:50%;
    left: 50%;
    width: 20px;
    height: 20px;
    border: 3px solid #0b0b0b;
    border-bottom-color: transparent;
    margin-left: -10px;
    margin-top: -10px;
    border-radius: 50%;

    -webkit-animation: rotateloader 1200ms 0s ease-in-out infinite;
    -ms-animation: rotateloader 1200ms 0s ease-in-out infinite;
    animation: rotateloader 1200ms 0s ease-in-out infinite;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.loader-x {
    position: fixed;
    z-index: 1000000001;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1A1A20;
    animation:hideLoader 2s ease-in-out forwards;
    animation-delay: 5s;
    overflow: hidden;
}

.loader-x .container {
    height: 500px;
    width: auto;
    position: relative;
    overflow: hidden;
}

.logo {
    height: 498px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

@media screen and (max-width: 768px){
    .loader-x .container {
        height: 210px;
    }

    .logo {
        height: 208px;
    }

    .loader-x .container:before {
        height:300px;
    }
}

.loader-x .container:before {
    content:"";
    position:absolute;
    width:700px;
    height:800px;
    background:#1A1A20;
    left:50%;
    transform:translateX(-50%);
    border-radius:40%;
    animation:fill 5s ease-in-out forwards;
    z-index:2;
    margin-top: -20px;
}

@keyframes fill {
    from {
        top:-50px;
        transform:translateX(-50%) rotate(0deg);
    }
    to {
        top:-780px;
        transform:translateX(-50%) rotate(360deg);
    }
}

@keyframes hideLoader {
    from {
        height: 100%;
    }
    to {
        height: 0;
    }
}

/*.loader-div .loader {*/
/*position: fixed;*/
/*top: 50%;*/
/*left: 50%;*/
/*border-radius: 100%;*/
/*border: 2px solid #000;*/
/*border-left-color: transparent !important;*/
/*height: 36px;*/
/*width: 36px;*/
/*margin-left: -18px;*/
/*margin-top: -18px;*/
/*background: 0 0 !important;*/
/*-webkit-animation: rotateloader 500ms 0s linear infinite;*/
/*-ms-animation: rotateloader 500ms 0s linear infinite;*/
/*animation: rotateloader 500ms 0s linear infinite;*/
/*-webkit-box-sizing: border-box;*/
/*-moz-box-sizing: border-box;*/
/*box-sizing: border-box;*/

/*}*/

@-webkit-keyframes rotateloader{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-ms-keyframes rotateloader{0%{-ms-transform:rotate(0);transform:rotate(0)}50%{-ms-transform:rotate(180deg);transform:rotate(180deg)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes rotateloader{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}