﻿.loader_bar .loader_bar_slider {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #FA5C5C;
    -webkit-animation: loader-left 0.8s cubic-bezier(0.55, 0.45, 0.55, 0.45) infinite,loader-right 0.8s cubic-bezier(0.45, 0.55, 0.45, 0.55) infinite;
    -moz-animation: loader-left 0.8s cubic-bezier(0.55, 0.45, 0.55, 0.45) infinite,loader-right 0.8s cubic-bezier(0.45, 0.55, 0.45, 0.55) infinite;
    -ms-animation: loader-left 0.8s cubic-bezier(0.55, 0.45, 0.55, 0.45) infinite,loader-right 0.8s cubic-bezier(0.45, 0.55, 0.45, 0.55) infinite;
    animation: loader-left 0.8s cubic-bezier(0.55, 0.45, 0.55, 0.45) infinite,loader-right 0.8s cubic-bezier(0.45, 0.55, 0.45, 0.55) infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    -ms-animation-direction: alternate;
    animation-direction: alternate;
}

.loader_bar {
    position: relative;
    height: 2px;
}

.loading_lightbox .loader_outer {
    margin: 20px;
    font-size: 16px;
    color: #606060;
}

.loading_lightbox .loader_label {
    padding: 0 20px 5px 20px;
}

.lightbox, .goal_banner_widget, .purchase_banner, .payment_warning_banner, .above_game_banner, .game_layout .goal_banner_widget {
    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

    .lightbox.animated {
        -webkit-animation: popin 0.2s ease-in-out;
        -moz-animation: popin 0.2s ease-in-out;
        -ms-animation: popin 0.2s ease-in-out;
        animation: popin 0.2s ease-in-out;
    }

.lightbox {
    margin-bottom: 60px;
    z-index: 10101011112;
    background: white;
    box-shadow: 0 0 0 2px #dadada, 0 0 0 4px white;
    position: absolute;
    left: 50%;
    top: 80px;
    border-radius: 2px;
}


@-webkit-keyframes loader-left {
    from {
        left: 0
    }

    to {
        left: 90%
    }
}

@-moz-keyframes loader-left {
    from {
        left: 0
    }

    to {
        left: 90%
    }
}

@-ms-keyframes loader-left {
    from {
        left: 0
    }

    to {
        left: 90%
    }
}

@keyframes loader-left {
    from {
        left: 0
    }

    to {
        left: 90%
    }
}


@-webkit-keyframes loader-right {
    from {
        right: 90%
    }

    to {
        right: 0
    }
}

@-moz-keyframes loader-right {
    from {
        right: 90%
    }

    to {
        right: 0
    }
}

@-ms-keyframes loader-right {
    from {
        right: 90%
    }

    to {
        right: 0
    }
}

@keyframes loader-right {
    from {
        right: 90%
    }

    to {
        right: 0
    }
}


@-webkit-keyframes popin {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }

    75% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes popin {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }

    75% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-ms-keyframes popin {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }

    75% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes popin {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }

    75% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}


body.lightbox_open #lightbox_container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    padding-bottom: 40px;
}

#lightbox_container {
    z-index: 1001;
}

    #lightbox_container:before, #lightbox_container:after {
        content: " ";
        display: table;
    }

    #lightbox_container:after {
        clear: both;
    }

    #lightbox_container:before, #lightbox_container:after {
        content: " ";
        display: table;
    }
