.inf-banner-container {
    background-color: #17193f;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#1376a6), to(#17193f));
    background-image: linear-gradient(0deg, #1376a6, #17193f)
}

.inf-banner-container div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.inf-banner-block {
    position: relative;
    height: 500px;
    height: 80vh
}

.inf-banner-content {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 12;
    color: #fff;
    text-align: center;
    padding-top: 120px;
    padding-top: 10vh;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-font-smoothing: antialiased
}

.inf-banner-title {
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 30px
}

@media screen and (max-width:480px) {
    .inf-banner-title {
        font-size: 32px
    }
}

.inf-banner-subtitle {
    font-size: 21px;
    font-weight: 300;
    margin-bottom: 75px;
    color: hsla(0, 0%, 100%, .8)
}

@media screen and (max-width:480px) {
    .inf-banner-subtitle {
        font-size: 17px;
        margin-bottom: 45px
    }
}

.inf-banner-btn-caption {
    font-size: 17px;
    font-weight: 300;
    margin-top: 30px;
    color: hsla(0, 0%, 100%, .7)
}

.inf-banner-btn,
.inf-banner-btn--alt {
    color: #333;
    background-color: #fedd32;
    border-color: #fedd32;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 200px;
    padding: 15px 30px;
    margin: 15px 0;
    font-size: 19px;
    font-weight: 600;
    border-radius: 30px;
    cursor: pointer;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0 10px 25px transparent;
    box-shadow: 0 10px 25px transparent;
    -webkit-transition: background .3s ease, color .2s ease, border-radius .2s ease, -webkit-transform .3s ease, -webkit-box-shadow .5s ease;
    transition: background .3s ease, color .2s ease, border-radius .2s ease, -webkit-transform .3s ease, -webkit-box-shadow .5s ease;
    transition: background .3s ease, transform .3s ease, box-shadow .5s ease, color .2s ease, border-radius .2s ease;
    transition: background .3s ease, transform .3s ease, box-shadow .5s ease, color .2s ease, border-radius .2s ease, -webkit-transform .3s ease, -webkit-box-shadow .5s ease;
    -webkit-transition-delay: 0, 1s, 0, 0, 0;
    transition-delay: 0, 1s, 0, 0, 0
}

.focus.inf-banner-btn--alt,
.inf-banner-btn--alt:focus,
.inf-banner-btn.focus,
.inf-banner-btn:focus {
    color: #333;
    background-color: #fcd301;
    border-color: #b09301
}

.active.inf-banner-btn--alt,
.inf-banner-btn--alt:active,
.inf-banner-btn--alt:hover,
.inf-banner-btn.active,
.inf-banner-btn:active,
.inf-banner-btn:hover,
.open>.dropdown-toggle.inf-banner-btn--alt,
.open>.inf-banner-btn.dropdown-toggle {
    color: #333;
    background-color: #fcd301;
    border-color: #f2cb01
}

.active.focus.inf-banner-btn--alt,
.active.inf-banner-btn--alt:focus,
.active.inf-banner-btn--alt:hover,
.inf-banner-btn--alt:active.focus,
.inf-banner-btn--alt:active:focus,
.inf-banner-btn--alt:active:hover,
.inf-banner-btn.active.focus,
.inf-banner-btn.active:focus,
.inf-banner-btn.active:hover,
.inf-banner-btn:active.focus,
.inf-banner-btn:active:focus,
.inf-banner-btn:active:hover,
.open>.dropdown-toggle.focus.inf-banner-btn--alt,
.open>.dropdown-toggle.inf-banner-btn--alt:focus,
.open>.dropdown-toggle.inf-banner-btn--alt:hover,
.open>.inf-banner-btn.dropdown-toggle.focus,
.open>.inf-banner-btn.dropdown-toggle:focus,
.open>.inf-banner-btn.dropdown-toggle:hover {
    color: #333;
    background-color: #d8b501;
    border-color: #b09301
}

.active.inf-banner-btn--alt,
.inf-banner-btn--alt:active,
.inf-banner-btn.active,
.inf-banner-btn:active,
.open>.dropdown-toggle.inf-banner-btn--alt,
.open>.inf-banner-btn.dropdown-toggle {
    background-image: none
}

.disabled.focus.inf-banner-btn--alt,
.disabled.inf-banner-btn--alt:focus,
.disabled.inf-banner-btn--alt:hover,
.inf-banner-btn.disabled.focus,
.inf-banner-btn.disabled:focus,
.inf-banner-btn.disabled:hover,
.inf-banner-btn[disabled].focus,
.inf-banner-btn[disabled]:focus,
.inf-banner-btn[disabled]:hover,
[disabled].focus.inf-banner-btn--alt,
[disabled].inf-banner-btn--alt:focus,
[disabled].inf-banner-btn--alt:hover,
fieldset[disabled] .focus.inf-banner-btn--alt,
fieldset[disabled] .inf-banner-btn--alt:focus,
fieldset[disabled] .inf-banner-btn--alt:hover,
fieldset[disabled] .inf-banner-btn.focus,
fieldset[disabled] .inf-banner-btn:focus,
fieldset[disabled] .inf-banner-btn:hover {
    background-color: #fedd32;
    border-color: #fedd32
}

.inf-banner-btn--alt .badge,
.inf-banner-btn .badge {
    color: #fedd32;
    background-color: #333
}

@media screen and (min-width:479px) {
    .inf-banner-btn,
    .inf-banner-btn--alt {
        border-radius: 0 30px 30px 0
    }
}

.inf-banner-btn,
.inf-banner-btn--alt,
.inf-banner-btn--alt:focus,
.inf-banner-btn--alt:hover,
.inf-banner-btn:focus,
.inf-banner-btn:hover {
    border: none
}

.inf-banner-btn--alt:hover,
.inf-banner-btn:hover {
    color: #000;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 35px rgba(0, 0, 0, .3);
    box-shadow: 0 10px 35px rgba(0, 0, 0, .3)
}

.inf-banner-btn--alt {
    color: #333;
    background-color: #febb32;
    border-color: #febb32;
    border-radius: 30px
}

.inf-banner-btn--alt.focus,
.inf-banner-btn--alt:focus {
    color: #333;
    background-color: #fca901;
    border-color: #b07601
}

.inf-banner-btn--alt.active,
.inf-banner-btn--alt:active,
.inf-banner-btn--alt:hover,
.open>.inf-banner-btn--alt.dropdown-toggle {
    color: #333;
    background-color: #fca901;
    border-color: #f2a301
}

.inf-banner-btn--alt.active.focus,
.inf-banner-btn--alt.active:focus,
.inf-banner-btn--alt.active:hover,
.inf-banner-btn--alt:active.focus,
.inf-banner-btn--alt:active:focus,
.inf-banner-btn--alt:active:hover,
.open>.inf-banner-btn--alt.dropdown-toggle.focus,
.open>.inf-banner-btn--alt.dropdown-toggle:focus,
.open>.inf-banner-btn--alt.dropdown-toggle:hover {
    color: #333;
    background-color: #d89201;
    border-color: #b07601
}

.inf-banner-btn--alt.active,
.inf-banner-btn--alt:active,
.open>.inf-banner-btn--alt.dropdown-toggle {
    background-image: none
}

.inf-banner-btn--alt.disabled.focus,
.inf-banner-btn--alt.disabled:focus,
.inf-banner-btn--alt.disabled:hover,
.inf-banner-btn--alt[disabled].focus,
.inf-banner-btn--alt[disabled]:focus,
.inf-banner-btn--alt[disabled]:hover,
fieldset[disabled] .inf-banner-btn--alt.focus,
fieldset[disabled] .inf-banner-btn--alt:focus,
fieldset[disabled] .inf-banner-btn--alt:hover {
    background-color: #febb32;
    border-color: #febb32
}

.inf-banner-btn--alt .badge {
    color: #febb32;
    background-color: #333
}

@media screen and (min-width:479px) {
    .inf-banner-btn--alt {
        border-radius: 30px 0 0 30px
    }
}

.inf-banner-btn--alt:hover {
    color: #000;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 35px rgba(0, 0, 0, .3);
    box-shadow: 0 10px 35px rgba(0, 0, 0, .3)
}

.inf-banner {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    z-index: 9;
    text-align: center;
    overflow: hidden
}

@media screen and (max-width:677px) {
    .inf-banner {
        height: 100%;
    }
}

.inf-banner #banner-content {
    height: 100%;
    max-height: 100%;
    display: inline
}

.inf-banner [id*=background-layer] {
    display: none
}

.inf-banner [id*=star-] {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: star 5s infinite;
    animation: star 5s infinite
}

.inf-banner [id*=sun] {
    -webkit-animation: space-rotate 40s infinite cubic-bezier(.41, .42, .69, .58);
    animation: space-rotate 40s infinite cubic-bezier(.41, .42, .69, .58);
    -webkit-transform-origin: 30% 70%;
    transform-origin: 30% 70%
}

.inf-banner [id*=planet] {
    -webkit-animation: space-rotate 240s infinite cubic-bezier(.48, .36, .52, .66);
    animation: space-rotate 240s infinite cubic-bezier(.48, .36, .52, .66);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.inf-banner [id*=objects-layer] {
    -webkit-animation: bg-rotate 120s infinite cubic-bezier(.5, .3, .57, .78);
    animation: bg-rotate 120s infinite cubic-bezier(.5, .3, .57, .78)
}

.inf-banner [id*=meteor] {
    -webkit-animation: meteor 3s infinite ease-out;
    animation: meteor 3s infinite ease-out
}

.inf-banner line[id*=meteor_10] {
    -webkit-animation-delay: 200s;
    animation-delay: 200s
}

.inf-banner line[id*=meteor_9] {
    -webkit-animation-delay: 180s;
    animation-delay: 180s
}

.inf-banner line[id*=meteor_8] {
    -webkit-animation-delay: 160s;
    animation-delay: 160s
}

.inf-banner line[id*=meteor_7] {
    -webkit-animation-delay: 140s;
    animation-delay: 140s
}

.inf-banner line[id*=meteor_6] {
    -webkit-animation-delay: 120s;
    animation-delay: 120s
}

.inf-banner line[id*=meteor_5] {
    -webkit-animation-delay: 100s;
    animation-delay: 100s
}

.inf-banner line[id*=meteor_4] {
    -webkit-animation-delay: 80s;
    animation-delay: 80s
}

.inf-banner line[id*=meteor_3] {
    -webkit-animation-delay: 60s;
    animation-delay: 60s
}

.inf-banner line[id*=meteor_2] {
    -webkit-animation-delay: 40s;
    animation-delay: 40s
}

.inf-banner line[id*=meteor_1] {
    -webkit-animation-delay: 20s;
    animation-delay: 20s
}

@-webkit-keyframes star {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes star {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes star-glow {
    0% {
        opacity: .5
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .5
    }
}

@keyframes star-glow {
    0% {
        opacity: .5
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .5
    }
}

@-webkit-keyframes space-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes space-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes bg-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transform-origin: 45% 55%;
        transform-origin: 45% 55%
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
}

@keyframes bg-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transform-origin: 45% 55%;
        transform-origin: 45% 55%
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
}

@-webkit-keyframes meteor {
    0% {
        -webkit-transform: translate3d(-1000px, -1000px, 0);
        transform: translate3d(-1000px, -1000px, 0);
        opacity: .5
    }
    to {
        -webkit-transform: translate3d(1000px, 1000px, 0);
        transform: translate3d(1000px, 1000px, 0);
        opacity: 1
    }
}

@keyframes meteor {
    0% {
        -webkit-transform: translate3d(-1000px, -1000px, 0);
        transform: translate3d(-1000px, -1000px, 0);
        opacity: .5
    }
    to {
        -webkit-transform: translate3d(1000px, 1000px, 0);
        transform: translate3d(1000px, 1000px, 0);
        opacity: 1
    }
}

._access-icon {
    line-height: 0 !important;
    font-size: 0 !important;
}
/*# sourceMappingURL=styles.css.map*/