/* Page content transition
    ----------------------------------------------------------- */

    body #container_inner {
        transition: opacity 600ms ease-in-out;
        -webkit-transition: opacity 600ms ease-in-out;
        opacity: 1;
    }
    body.content-load-waiting #container_inner {
        opacity: 0;
        transition: none;
        -webkit-transition: none;
    }
    body.page-transition #container_inner {
        opacity: 0;
    }


    /* Splash screen and loader
    ----------------------------------------------------------- */

    #preloader {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 10000;
        display: none;
    }
        .cms-toolbar-active #preloader {
            top: 28px;
        }
        body.loader-active #preloader {
            display: block;
        }
        body.first-load-complete.loader-active #preloader {
            display: block !important;
        }
        body.first-load-complete #preloader {
            bottom: auto;
            height: auto;
            display: none !important;
        }
        #preloader #preloader_mask {
            display: none;
        }
        #preloader #loader_logo {
            display: none;
        }
        body #preloader #loader {
            height: 4px;
            position: fixed;
            left: 0;
            width: 0;
            background: #A8D3EF;
            transition: width 800ms ease-in-out, height 500ms cubic-bezier(.87,.17,.18,.85);
            -webkit-transition: width 800ms ease-in-out, height 500ms cubic-bezier(.87,.17,.18,.85);
        }
            body.first-load-complete #preloader #loader {
                background: #A8D3EF;
                top: 0;
                transition: width 400ms ease-in-out;
                -webkit-transition: width 400ms ease-in-out;
            }
            body.first-load-complete.cms-frontend-toolbar-active #preloader #loader {
                top: 28px;
            }

        body.ajax-loading-complete #preloader {
            opacity: 0;
            transition: opacity 400ms ease-in-out;
            -webkit-transition: opacity 400ms ease-in-out;
        }
        body.ajax-loading.ajax-initial-loading #preloader #loader {
            width: 35%;
            transition: width 2000ms ease-in-out;
            -webkit-transition: width 2000ms ease-in-out;
        }
        body.first-load-complete #preloader #loader_wrapper {
            display: block;
        }
        

        /* Splash screen
        ----------------------------------------------------------- */

            body.splash-loader-active #preloader.loading-start {
                display: block;
            }
                body.splash-loader-active #preloader #preloader_mask {
                    display: block;
                    background: #fff;
                    opacity: 0;
                    position: fixed;
                    top: 0;
                    left: 0;
                    right: 0;
                    height: 0;
                    z-index: 10050;
                    transition: opacity 500ms cubic-bezier(.87,.17,.18,.85);
                    -webkit-transition: opacity 500ms cubic-bezier(.87,.17,.18,.85);
                }
                    body.splash-loader-active #preloader.loading-start #preloader_mask {
                        height: 100%;
                        opacity: 1;
                    }
                    body.splash-loader-active #preloader.splash-screen-out #preloader_mask {
                        opacity: 0 !important; /* this wasn't always so !important */
                    }

                body.splash-loader-active #preloader.loading-start #loader_wrapper {
                    left: 30%;
                    right: 30%;
                    position: fixed;
                    top: 50%;
                    margin-top: 0;
                    z-index: 10100;
                    height: 4px;
                    background: rgba(0,0,0,0.08);
                    transition: opacity 500ms cubic-bezier(.87,.17,.18,.85);
                    -webkit-transition: opacity 500ms cubic-bezier(.87,.17,.18,.85);
                }
                    body.splash-loader-active #preloader #loader {
                        background: #A8D3EF;
                        width: 5%;
                        transition: width 3000ms ease-in-out;
                        -webkit-transition: width 3000ms ease-in-out;
                    }
                    body.splash-loader-active #preloader.loading-start #loader {
                        height: 4px;
                        position: absolute;
                        top: 0;
                        width: 15%;
                        z-index: 10100;
                    }
                    body.splash-loader-active #preloader.loading-start.loading-complete #loader {
                        /* Speed up the bar when loading has completed */
                        transition: width 400ms ease-in-out;
                        -webkit-transition: width 400ms ease-in-out;
                    }
                    body.splash-loader-active #preloader.loading-start.loading-bar-end #loader {
                        width: 100%;
                    }
                    body.splash-loader-active #preloader.loading-start.splash-screen-out #loader_wrapper {
                        opacity: 0;
                    }
                    
                body.splash-loader-active #preloader #loader_logo {
                    
                }