@charset "UTF-8";
.loader {
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    opacity: 1;
    -webkit-transition: all 1s ease-out .7s;
    transition: all 1s ease-out .7s
}

.loader-logo {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all .7s ease-out;
    transition: all .7s ease-out;
    -webkit-transform: translate(0, -60%);
    -ms-transform: translate(0, -60%);
    transform: translate(0, -60%)
}

.bubblingG {
    text-align: center;
    width: 80px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all .7s ease-out;
    transition: all .7s ease-out;
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%)
}

.bubblingG span {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin: 25px auto;
    background: #000;
    border-radius: 50px;
    -webkit-animation: bubblingG .7s infinite alternate;
    animation: bubblingG .7s infinite alternate
}

#bubblingG_1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

#bubblingG_2 {
    -webkit-animation-delay: .21s;
    animation-delay: .21s
}

#bubblingG_3 {
    -webkit-animation-delay: .42s;
    animation-delay: .42s
}

@-webkit-keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: #000;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        width: 24px;
        height: 24px;
        background-color: #FFF;
        -webkit-transform: translateY(-21px);
        transform: translateY(-21px)
    }
}

@keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: #000;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        width: 24px;
        height: 24px;
        background-color: #FFF;
        -webkit-transform: translateY(-21px);
        transform: translateY(-21px)
    }
}

.loader--loading .logo {
    opacity: 1
}

.loader--loading .nav-left,
.loader--loading .nav-right,
.loader--loading .nav-social,
.loader--loading .site-wrapper {
    -webkit-transition: none;
    transition: none
}

/*
.loader--loading .site-wrapper {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.loader--animation.loader--loading .site-wrapper {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}
*/
.loader--loading .nav-left {
    -webkit-transform: translate(-200%, -50%);
    -ms-transform: translate(-200%, -50%);
    transform: translate(-200%, -50%)
}

.loader--loading .nav-right {
    -webkit-transform: translate(200%, -50%);
    -ms-transform: translate(200%, -50%);
    transform: translate(200%, -50%)
}

.loader--loading .nav-social {
    -webkit-transform: translateY(200%);
    -ms-transform: translateY(200%);
    transform: translateY(200%)
}

.loader--loaded .loader {
    opacity: 0
}

.loader--loaded .loader-logo {
    -webkit-transform: translate(0, -600%);
    -ms-transform: translate(0, -600%);
    transform: translate(0, -600%)
}

.loader--animation.loader--loaded .loader-logo {
    -webkit-transform: translate(0, -60%);
    -ms-transform: translate(0, -60%);
    transform: translate(0, -60%)
}

.loader--animation.loader--loaded .bubblingG {
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%)
}

.loader--animation.loader--loaded .bubblingG,
.loader--animation.loader--loaded .loader-logo {
    opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(Opacity=0)"
}

.loader--loaded .bubblingG {
    -webkit-transform: translate(0, 1500%);
    -ms-transform: translate(0, 1500%);
    transform: translate(0, 1500%)
}

.loader--loaded .site-wrapper {
    -webkit-transition: all 1s ease-in 1.2s;
    transition: all 1s ease-in 1.2s
}

.loader--loaded .nav-left,
.loader--loaded .nav-right,
.loader--loaded .nav-social {
    -webkit-transition: all 1s ease-out 1.7s;
    transition: all 1s ease-out 1.7s
}

.loader--loaded .nav-social,
.loader--loaded .site-wrapper {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.loader--loaded .nav-left,
.loader--loaded .nav-right {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media only screen and (max-width:1219px) {
    .loader--loading .nav-left,
    .loader--loading .nav-right {
        -webkit-transform: translateY(-200%);
        -ms-transform: translateY(-200%);
        transform: translateY(-200%)
    }
    .loader--loaded .nav-left,
    .loader--loaded .nav-right {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}