/**
 * Sticky Admin - Preloading CSS
 *
 * @version 1.0.0
 * @copyright 2015
 * @author Dorian Tudorache
 * @link www.stickyadmin.net
 *
 * @license See Licensing folder
 *
 * @package Sticky Admin
 *
 */
#overlay {
    position: fixed;
    top: 112px;
    bottom: 0;
    right: 0;
    z-index: 26;
    opacity: 0;
    -webkit-transition: visibility .5s ease-in-out, opacity .25s ease-in-out, background-color .25s ease-in-out, top .15s ease-in-out;
       -moz-transition: visibility .5s ease-in-out, opacity .25s ease-in-out, background-color .25s ease-in-out, top .15s ease-in-out;
         -o-transition: visibility .5s ease-in-out, opacity .25s ease-in-out, background-color .25s ease-in-out, top .15s ease-in-out;
            transition: visibility .5s ease-in-out, opacity .25s ease-in-out, background-color .25s ease-in-out, top .15s ease-in-out;
}
#overlay:before {
    background-size: 300% 300%;
}
body.mobile #overlay {
    left: 0;
}
body.s_nav_right #overlay {
    left:0!important;
}
body.no-js #overlay {
    display: none;
}
body.modal-open #overlay {
    display: none;
}
body.vc_editor #overlay {
    left: 0!important;
    top: 56px!important;
}
#overlay .loader-icon {
    width: 64px;
    height: 64px;
}
body.header-small #overlay,
body.header-small .wrap > .theme-overlay {
    top: 94px;
}
body.wpab-closed.header-small #overlay,
body.wpab-closed.header-small .wrap > .theme-overlay {
    top: 50px;
}
body.wpab-closed #overlay,
body.wpab-closed .wrap > .theme-overlay {
    top: 0px;
}
body.wpab-closed.header-sticky #overlay,
body.wpab-closed.header-sticky .wrap > .theme-overlay {
    top: 68px;
}
body.wpab-minimized #overlay,
body.wpab-minimized .wrap > .theme-overlay {
    top: 72px;
}
body.wpab-minimized.header-small #overlay,
body.wpab-minimized.header-small .wrap > .theme-overlay {
    top: 54px;
}
body.is_loading:not(.no-js) {
    overflow: hidden;
}
body.is_loading:not(.no-js) #overlay {
    opacity: 1;
    visibility: visible!important;
    z-index: 30;
}
body.is_loading #overlay:before {
    -webkit-animation: sticky-load-bg 0s ease infinite;
       -moz-animation: sticky-load-bg 0s ease infinite;
         -o-animation: sticky-load-bg 0s ease infinite;
            animation: sticky-load-bg 0s ease infinite;
}
#overlay .loader-icon.shrinking-cog {
    -webkit-animation: shrinking-cog .3s 1 ease forwards;
       -moz-animation: shrinking-cog .3s 1 ease forwards;
         -o-animation: shrinking-cog .3s 1 ease forwards;
            animation: shrinking-cog .3s 1 ease forwards;
}
body.modal-open,
body.sidepanel_open {
    overflow: hidden;
    padding-right: 2px;
}
body.sidepanel_open #overlay {
    opacity: .75;
    visibility: visible!important;
    display: block!important;
    z-index: 30;
}
#overlay #sticky_preloader {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
#overlay .loader-icon {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
    font-size: 32px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
       -moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
         -o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
            transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
}
body.is_loading:not(.no-js) #overlay .loader-icon {
    visibility: visible;
    opacity: .95;
}
body.is_loading:not(.no-js) .postbox {
    -webkit-transform: translateY(25px);
       -moz-transform: translateY(25px);
        -ms-transform: translateY(25px);
         -o-transform: translateY(25px);
            transform: translateY(25px);
    opacity: 0;
}
#overlay .loader-icon.spinning-cog {
    -webkit-animation: spinning-cog 1.3s infinite ease;
    -moz-animation: spinning-cog 1.3s infinite ease;
    -o-animation: spinning-cog 1.3s infinite ease;
    animation: spinning-cog 1.3s infinite ease;
}
@-webkit-keyframes spinning-cog {
    0% {
        -webkit-transform: rotate(0deg)
    }
    20% {
        -webkit-transform: rotate(-45deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}
@-moz-keyframes spinning-cog {
    0% {
        -moz-transform: rotate(0deg)
    }
    20% {
        -moz-transform: rotate(-45deg)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}
@-o-keyframes spinning-cog {
    0% {
        -o-transform: rotate(0deg)
    }
    20% {
        -o-transform: rotate(-45deg)
    }
    100% {
        -o-transform: rotate(360deg)
    }
}
@keyframes spinning-cog {
    0% {
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg)
    }
    20% {
        -webkit-transform: rotate(-45deg);
           -moz-transform: rotate(-45deg);
             -o-transform: rotate(-45deg);
                transform: rotate(-45deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
           -moz-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg)
    }
}
@-webkit-keyframes shrinking-cog {
    0% {
        -webkit-transform: scale(1)
    }
    20% {
        -webkit-transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(0)
    }
}
@-moz-keyframes shrinking-cog {
    0% {
        -moz-transform: scale(1)
    }
    20% {
        -moz-transform: scale(1.2)
    }
    100% {
        -moz-transform: scale(0)
    }
}
@-o-keyframes shrinking-cog {
    0% {
        -o-transform: scale(1)
    }
    20% {
        -o-transform: scale(1.2)
    }
    100% {
        -o-transform: scale(0)
    }
}
@keyframes shrinking-cog {
    0% {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1)
    }
    20% {
        -webkit-transform: scale(1.2);
           -moz-transform: scale(1.2);
             -o-transform: scale(1.2);
                transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(0);
           -moz-transform: scale(0);
             -o-transform: scale(0);
                transform: scale(0)
    }
}


@-webkit-keyframes sticky-load-bg {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes sticky-load-bg {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes sticky-load-bg { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}