.container {
    width: 1000px;
    background: #fff;
    position: relative;
    z-index: 2;
}

.page-wrapper {
    position: absolute;
    width: 100%;
}

.page-wrapper .page-bg {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.page-wrapper .page-bg .page-bg-images {
    position: relative;
    display: block;
    height: 1358px;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    33% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    33% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    66% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    66% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@media (max-width: 980px) {
    .page-wrapper {
        position: static;
    }
    .container {
        width: 100%;
    }
}

@media (min-width: 1101px) and (max-width: 1650px) {
    .page-bg {
        background: url(0f6f6562dcc1df806db0ddf19bb7d8275bf41e6b.jpg)  center top no-repeat;
    }

    .page-bg .page-bg-images {
        background: url(b6bebbbd52d4dc537fa98c3ead63f5679a016d24.jpg)  center top no-repeat;
    }
}

@media (min-width: 1651px) {
    .page-bg {
        background: url(30df082765c57b214ce5a699e75a5bf84d0c64c3.jpg)  center top no-repeat;
    }

    .page-bg .page-bg-images {
        height: 1358px;
        background: url(0f91838fd29d2efcd60c21498bc70cc71a1d59fa.jpg)  center top no-repeat;
    }
}

.page-wrapper .container {
    margin: 50px auto 0 auto;
}

div#topBtnContainer {
    z-index: 2;
}