* {
    box-sizing: border-box
}

.column {
    float: left;
    width: 33.33%;
    padding: 5px
}

.row::after {
    content: "";
    clear: both;
    display: table
}

.sc_player_container1 {
    display: inline
}

.sc_player_container2 {
    max-width: 56em
}

.mejs-offscreen {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal
}

.mejs-container {
    background: #000;
    font-family: Helvetica, Arial, serif;
    position: relative;
    text-align: left;
    text-indent: 0;
    vertical-align: top
}

    .mejs-container,
    .mejs-container * {
        box-sizing: border-box
    }

        .mejs-container video::-webkit-media-controls,
        .mejs-container video::-webkit-media-controls-panel,
        .mejs-container video::-webkit-media-controls-panel-container,
        .mejs-container video::-webkit-media-controls-start-playback-button {
            -webkit-appearance: none;
            display: none !important
        }

.mejs-fill-container,
.mejs-fill-container .mejs-container {
    height: 100%;
    width: 100%
}

.mejs-fill-container {
    background: transparent;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.mejs-container:focus {
    outline: none
}

.mejs-iframe-overlay {
    height: 100%;
    position: absolute;
    width: 100%
}

.mejs-embed,
.mejs-embed body {
    background: #000;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.mejs-fullscreen {
    overflow: hidden !important
}

.mejs-container-fullscreen {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

    .mejs-container-fullscreen .mejs-mediaelement,
    .mejs-container-fullscreen video {
        height: 100% !important;
        width: 100% !important
    }

.mejs-background,
.mejs-mediaelement {
    left: 0;
    position: absolute;
    top: 0
}

.mejs-mediaelement {
    height: 100%;
    width: 100%;
    z-index: 0
}

.mejs-poster {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

:root .mejs-poster-img {
    display: none
}

.mejs-poster-img {
    border: 0;
    padding: 0
}

.mejs-overlay {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0
}

.mejs-layer {
    z-index: 1
}

.mejs-overlay-play {
    cursor: pointer
}

.mejs-overlay-button {
    background: url(mejs-controls.svg) no-repeat;
    background-position: 0 -39px;
    height: 80px;
    width: 80px
}

.mejs-overlay:hover > .mejs-overlay-button {
    background-position: -80px -39px
}

.mejs-overlay-loading {
    height: 80px;
    width: 80px
}

.mejs-overlay-loading-bg-img {
    -webkit-animation: a 1s linear infinite;
    animation: a 1s linear infinite;
    background: transparent url(mejs-controls.svg) -160px -40px no-repeat;
    display: block;
    height: 80px;
    width: 80px;
    z-index: 1
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.mejs-controls {
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0 10px;
    position: absolute;
    width: 100%;
    z-index: 3
}

    .mejs-controls:not([style*="display: none"]) {
        background: rgba(255, 0, 0, .7);
        background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .35));
        background: linear-gradient(transparent, rgba(0, 0, 0, .35))
    }

.mejs-button,
.mejs-time,
.mejs-time-rail {
    font-size: 10px;
    height: 40px;
    line-height: 10px;
    margin: 0;
    width: 32px
}

    .mejs-button > button {
        background: transparent url(mejs-controls.svg);
        border: 0;
        cursor: pointer;
        display: block;
        font-size: 0;
        height: 20px;
        line-height: 0;
        margin: 10px 6px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        text-decoration: none;
        width: 20px
    }

        .mejs-button > button:focus {
            outline: 1px dotted #999
        }

.mejs-container-keyboard-inactive [role=slider],
.mejs-container-keyboard-inactive [role=slider]:focus,
.mejs-container-keyboard-inactive a,
.mejs-container-keyboard-inactive a:focus,
.mejs-container-keyboard-inactive button,
.mejs-container-keyboard-inactive button:focus {
    outline: 0
}

.mejs-time {
    box-sizing: content-box;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    height: 24px;
    overflow: hidden;
    padding: 16px 6px 0;
    text-align: center;
    width: auto
}

.mejs-play > button {
    background-position: 0 0
}

.mejs-pause > button {
    background-position: -20px 0
}

.mejs-replay > button {
    background-position: -160px 0
}

.mejs-time-rail {
    direction: ltr;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 40px;
    margin: 0 10px;
    padding-top: 10px;
    position: relative
}

.mejs-time-buffering,
.mejs-time-current,
.mejs-time-float,
.mejs-time-float-corner,
.mejs-time-float-current,
.mejs-time-hovered,
.mejs-time-loaded,
.mejs-time-marker,
.mejs-time-total {
    border-radius: 2px;
    cursor: pointer;
    display: block;
    height: 10px;
    position: absolute
}

.mejs-time-total {
    background: hsla(0, 0%, 100%, .3);
    margin: 5px 0 0;
    width: 100%
}

.mejs-time-buffering {
    -webkit-animation: b 2s linear infinite;
    animation: b 2s linear infinite;
    background: -webkit-linear-gradient(135deg, hsla(0, 0%, 100%, .4) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .4) 0, hsla(0, 0%, 100%, .4) 75%, transparent 0, transparent);
    background: linear-gradient(-45deg, hsla(0, 0%, 100%, .4) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .4) 0, hsla(0, 0%, 100%, .4) 75%, transparent 0, transparent);
    background-size: 15px 15px;
    width: 100%
}

@-webkit-keyframes b {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 30px 0
    }
}

@keyframes b {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 30px 0
    }
}

.mejs-time-loaded {
    background: hsla(0, 0%, 100%, .3)
}

.mejs-time-current,
.mejs-time-handle-content {
    background: hsla(0, 0%, 100%, .9)
}

.mejs-time-hovered {
    background: hsla(0, 0%, 100%, .5);
    z-index: 10
}

    .mejs-time-hovered.negative {
        background: rgba(0, 0, 0, .2)
    }

.mejs-time-buffering,
.mejs-time-current,
.mejs-time-hovered,
.mejs-time-loaded {
    left: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in;
    width: 100%
}

.mejs-time-buffering {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.mejs-time-hovered {
    -webkit-transition: height .1s cubic-bezier(.44, 0, 1, 1);
    transition: height .1s cubic-bezier(.44, 0, 1, 1)
}

    .mejs-time-hovered.no-hover {
        -webkit-transform: scaleX(0) !important;
        -ms-transform: scaleX(0) !important;
        transform: scaleX(0) !important
    }

.mejs-time-handle,
.mejs-time-handle-content {
    border: 4px solid transparent;
    cursor: pointer;
    left: 0;
    position: absolute;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    z-index: 11
}

.mejs-time-handle-content {
    border: 4px solid hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    height: 10px;
    left: -7px;
    top: -4px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    width: 10px
}

.mejs-time-rail .mejs-time-handle-content:active,
.mejs-time-rail .mejs-time-handle-content:focus,
.mejs-time-rail:hover .mejs-time-handle-content {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.mejs-time-float {
    background: #eee;
    border: 1px solid #333;
    bottom: 100%;
    color: #111;
    display: none;
    height: 17px;
    margin-bottom: 9px;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 36px
}

.mejs-time-float-current {
    display: block;
    left: 0;
    margin: 2px;
    text-align: center;
    width: 30px
}

.mejs-time-float-corner {
    border: 5px solid #eee;
    border-color: #eee transparent transparent;
    border-radius: 0;
    display: block;
    height: 0;
    left: 50%;
    line-height: 0;
    position: absolute;
    top: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0
}

.mejs-long-video .mejs-time-float {
    margin-left: -23px;
    width: 64px
}

.mejs-long-video .mejs-time-float-current {
    width: 60px
}

.mejs-broadcast {
    color: #fff;
    height: 10px;
    position: absolute;
    top: 15px;
    width: 100%
}

.mejs-fullscreen-button > button {
    background-position: -80px 0
}

.mejs-unfullscreen > button {
    background-position: -100px 0
}

.mejs-mute > button {
    background-position: -60px 0
}

.mejs-unmute > button {
    background-position: -40px 0
}

.mejs-volume-button {
    position: relative
}

    .mejs-volume-button > .mejs-volume-slider {
        -webkit-backface-visibility: hidden;
        background: rgba(50, 50, 50, .7);
        border-radius: 0;
        bottom: 100%;
        display: none;
        height: 115px;
        left: 50%;
        margin: 0;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 25px;
        z-index: 1
    }

    .mejs-volume-button:hover {
        border-radius: 0 0 4px 4px
    }

.mejs-volume-total {
    background: hsla(0, 0%, 100%, .5);
    height: 100px;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 8px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2px
}

.mejs-volume-current {
    left: 0;
    margin: 0;
    width: 100%
}

.mejs-volume-current,
.mejs-volume-handle {
    background: hsla(0, 0%, 100%, .9);
    position: absolute
}

.mejs-volume-handle {
    border-radius: 1px;
    cursor: ns-resize;
    height: 6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 16px
}

.mejs-horizontal-volume-slider {
    display: block;
    height: 36px;
    position: relative;
    vertical-align: middle;
    width: 56px
}

.mejs-horizontal-volume-total {
    background: rgba(50, 50, 50, .8);
    height: 8px;
    top: 16px;
    width: 50px
}

.mejs-horizontal-volume-current,
.mejs-horizontal-volume-total {
    border-radius: 2px;
    font-size: 1px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute
}

.mejs-horizontal-volume-current {
    background: hsla(0, 0%, 100%, .8);
    height: 100%;
    top: 0;
    width: 100%
}

.mejs-horizontal-volume-handle {
    display: none
}

.mejs-captions-button,
.mejs-chapters-button {
    position: relative
}

    .mejs-captions-button > button {
        background-position: -140px 0
    }

    .mejs-chapters-button > button {
        background-position: -180px 0
    }

    .mejs-captions-button > .mejs-captions-selector,
    .mejs-chapters-button > .mejs-chapters-selector {
        background: rgba(50, 50, 50, .7);
        border: 1px solid transparent;
        border-radius: 0;
        bottom: 100%;
        margin-right: -43px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        right: 50%;
        visibility: visible;
        width: 86px
    }

    .mejs-chapters-button > .mejs-chapters-selector {
        margin-right: -55px;
        width: 110px
    }

.mejs-captions-selector-list,
.mejs-chapters-selector-list {
    list-style-type: none !important;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.mejs-captions-selector-list-item,
.mejs-chapters-selector-list-item {
    color: #fff;
    cursor: pointer;
    display: block;
    list-style-type: none !important;
    margin: 0 0 6px;
    overflow: hidden;
    padding: 0 10px
}

    .mejs-captions-selector-list-item:hover,
    .mejs-chapters-selector-list-item:hover {
        background-color: #c8c8c8 !important;
        background-color: hsla(0, 0%, 100%, .4) !important
    }

.mejs-captions-selector-input,
.mejs-chapters-selector-input {
    clear: both;
    float: left;
    left: -1000px;
    margin: 3px 3px 0 5px;
    position: absolute
}

.mejs-captions-selector-label,
.mejs-chapters-selector-label {
    cursor: pointer;
    float: left;
    font-size: 10px;
    line-height: 15px;
    padding: 4px 0 0
}

.mejs-captions-selected,
.mejs-chapters-selected {
    color: #21f8f8
}

.mejs-captions-translations {
    font-size: 10px;
    margin: 0 0 5px
}

.mejs-captions-layer {
    bottom: 0;
    color: #fff;
    font-size: 16px;
    left: 0;
    line-height: 20px;
    position: absolute;
    text-align: center
}

    .mejs-captions-layer a {
        color: #fff;
        text-decoration: underline
    }

    .mejs-captions-layer[lang=ar] {
        font-size: 20px;
        font-weight: 400
    }

.mejs-captions-position {
    bottom: 15px;
    left: 0;
    position: absolute;
    width: 100%
}

.mejs-captions-position-hover {
    bottom: 35px
}

.mejs-captions-text,
.mejs-captions-text * {
    background: hsla(0, 0%, 8%, .5);
    box-shadow: 5px 0 0 hsla(0, 0%, 8%, .5), -5px 0 0 hsla(0, 0%, 8%, .5);
    padding: 0;
    white-space: pre-wrap
}

.mejs-container.mejs-hide-cues video::-webkit-media-text-track-container {
    display: none
}

.mejs-overlay-error {
    position: relative
}

    .mejs-overlay-error > img {
        left: 0;
        position: absolute;
        top: 0;
        z-index: -1
    }

.mejs-cannotplay,
.mejs-cannotplay a {
    color: #fff;
    font-size: .8em
}

.mejs-cannotplay {
    position: relative
}

    .mejs-cannotplay a,
    .mejs-cannotplay p {
        display: inline-block;
        padding: 0 15px;
        width: 100%
    }

.wp-playlist-caption,
.wp-playlist-current-item .wp-playlist-item-artist,
.wp-playlist-current-item .wp-playlist-item-title,
.wp-playlist-item-album {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mejs-container {
    clear: both;
    max-width: 100%
}

    .mejs-container * {
        font-family: Helvetica, Arial
    }

    .mejs-container,
    .mejs-container .mejs-controls,
    .mejs-embed,
    .mejs-embed body {
        background: #222
    }

.mejs-time {
    font-weight: 400;
    word-wrap: normal
}

.mejs-controls a.mejs-horizontal-volume-slider {
    display: table
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #fff
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #0073aa
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-time-rail .mejs-time-total {
    background: rgba(255, 255, 255, .33)
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-time-rail span {
    border-radius: 0
}

.mejs-overlay-loading {
    background: 0 0
}

.mejs-controls button:hover {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.me-cannotplay {
    width: auto !important
}

.media-embed-details .wp-audio-shortcode {
    display: inline-block;
    max-width: 400px
}

.audio-details .embed-media-settings {
    overflow: visible
}

.media-embed-details .embed-media-settings .setting span {
    max-width: 400px;
    width: auto
}

.media-embed-details .embed-media-settings .checkbox-setting span {
    display: inline-block
}

.media-embed-details .embed-media-settings {
    padding-top: 0;
    top: 28px
}

.media-embed-details .instructions {
    padding: 16px 0;
    max-width: 600px
}

.media-embed-details .setting .remove-setting,
.media-embed-details .setting p {
    color: #a00;
    font-size: 10px;
    text-transform: uppercase
}

.media-embed-details .setting .remove-setting {
    padding: 0
}

.media-embed-details .setting a:hover {
    color: #dc3232
}

.media-embed-details .embed-media-settings .checkbox-setting {
    float: none;
    margin: 0 0 10px
}

.wp-video {
    max-width: 100%;
    height: auto
}

.wp_attachment_holder .wp-audio-shortcode,
.wp_attachment_holder .wp-video {
    margin-top: 18px
}

.wp-video-shortcode video,
video.wp-video-shortcode {
    max-width: 100%;
    display: inline-block
}

.video-details .wp-video-holder {
    width: 100%;
    max-width: 640px
}

.wp-playlist {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 12px 0 18px;
    font-size: 14px;
    line-height: 1.5
}

.wp-admin .wp-playlist {
    margin: 0 0 18px
}

.wp-playlist video {
    display: inline-block;
    max-width: 100%
}

.wp-playlist audio {
    display: none;
    max-width: 100%;
    width: 400px
}

.wp-playlist-caption,
.wp-playlist-item-meta {
    display: block;
    font-size: 14px;
    line-height: 1.5
}

.wp-playlist .mejs-container {
    margin: 0;
    max-width: 100%
}

.wp-playlist .mejs-controls .mejs-button button {
    outline: 0
}

.wp-playlist-light {
    background: #fff;
    color: #000
}

.wp-playlist-dark {
    color: #fff;
    background: #000
}

.wp-playlist-caption {
    max-width: 88%
}

.wp-playlist-item .wp-playlist-caption {
    text-decoration: none;
    color: #000;
    max-width: -webkit-calc(100% - 40px);
    max-width: calc(100% - 40px)
}

.wp-playlist-item-title {
    font-size: 14px;
    line-height: 1.5
}

.wp-playlist-item-album {
    font-style: italic
}

.wp-playlist-item-artist {
    font-size: 12px;
    text-transform: uppercase
}

.wp-playlist-item-length {
    position: absolute;
    right: 3px;
    top: 0;
    font-size: 14px;
    line-height: 1.5
}

.rtl .wp-playlist-item-length {
    left: 3px;
    right: auto
}

.wp-playlist-tracks {
    margin-top: 10px
}

.wp-playlist-item {
    position: relative;
    cursor: pointer;
    padding: 0 3px;
    border-bottom: 1px solid #ccc
}

    .wp-playlist-item:last-child {
        border-bottom: 0
    }

.wp-playlist-light .wp-playlist-caption {
    color: #333
}

.wp-playlist-dark .wp-playlist-caption {
    color: #ddd
}

.wp-playlist-playing {
    font-weight: 700;
    background: #f7f7f7
}

.wp-playlist-light .wp-playlist-playing {
    background: #fff;
    color: #000
}

.wp-playlist-dark .wp-playlist-playing {
    background: #000;
    color: #fff
}

.wp-playlist-current-item {
    overflow: hidden;
    margin-bottom: 10px;
    height: 60px
}

.wp-playlist .wp-playlist-current-item img {
    float: left;
    max-width: 60px;
    height: auto;
    margin-right: 10px;
    padding: 0;
    border: 0
}

.rtl .wp-playlist .wp-playlist-current-item img {
    float: right;
    margin-left: 10px;
    margin-right: 0
}

.wp-audio-playlist .me-cannotplay span {
    padding: 5px 15px
}

.mejs-container,
.mejs-container .mejs-controls,
.mejs-embed,
.mejs-embed body {
    background: #131313 !important
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #720039 !important
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #d20169 !important
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-time-rail .mejs-time-total {
    background: #ffffff1a !important
}

.mejs-time {
    color: #d20169 !important
}

.mejs-time-float {
    background: #d20169 !important
}

.mejs-time-hovered {
    background: #ff007b54 !important
}

.mejs-time-current,
.mejs-time-handle-content {
    background: #630634 !important
}

.mejs-time-handle-content {
    border: 4px solid #630634 !important
}

#RSText {
    font-family: "In-Game Font";
    color: #d20169;
    font-size: 165%;
    margin-top: 4%
}

#RSSongTitle {
    font-family: "In-Game Font";
    text-align: left;
    margin-bottom: 1.5%;
    margin-top: 3%;
    color: #26b7ab;
    font-size: 135%
}

#RSTextLink {
    color: #26b7ab
}

    #RSTextLink:visited {
        color: #26b7ab
    }

.CookiesFooter {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #0d0203ad;
    color: #fff;
    text-align: center;
    z-index: 99;
    font-family: "In-Game Font";
    font-size: 120%;
    color: #d20169
}

#CookiesButton {
    background-color: #d20169;
    color: #0d0203;
    border-radius: 4px;
    padding: 0 18px;
    font-family: "In-Game Font";
    font-size: 1.4rem;
    margin-top: .5%;
    margin-bottom: .85vh;
    border: 3px solid #9a004d;
    line-height: 1 !important
}

#Cookiesp {
    padding-bottom: .85vh
}

#policyText {
    font-family: "In-Game Font";
    width: 100%;
    text-align: justify;
    color: #26b7ab;
    padding-top: 1%;
    padding-bottom: 1%
}

#policyTextContainer {
    width: 100%;
    background-color: #0d0203;
    padding: 3%
}

#policyHeader {
    font-family: "In-Game Font";
    padding-top: 6%;
    width: 100%;
    text-align: justify;
    color: #d20169
}

@media (min-width:1200px) {
    #policyTextContainer {
        padding: 3% 25%
    }

    #policyHeader {
        padding-top: 4%
    }
}

#policylink {
    color: #ff0380
}

    #policylink:visited {
        color: #ff0380
    }

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 1;
    filter: alpha(opacity=80);
    border-right: 15px solid #000;
    background-color: rgba(0, 0, 0, 0.8)
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

    .mfp-preloader a {
        color: #CCC
    }

        .mfp-preloader a:hover {
            color: #FFF
        }

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

    .mfp-close:hover,
    .mfp-close:focus {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .mfp-close:active {
        top: 1px
    }

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

    .mfp-arrow:active {
        margin-top: -54px
    }

    .mfp-arrow:hover,
    .mfp-arrow:focus {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .mfp-arrow:before,
    .mfp-arrow:after,
    .mfp-arrow .mfp-b,
    .mfp-arrow .mfp-a {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent
    }

    .mfp-arrow:after,
    .mfp-arrow .mfp-a {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px
    }

    .mfp-arrow:before,
    .mfp-arrow .mfp-b {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: .7
    }

.mfp-arrow-left {
    left: 0
}

    .mfp-arrow-left:after,
    .mfp-arrow-left .mfp-a {
        border-right: 17px solid #FFF;
        margin-left: 31px
    }

    .mfp-arrow-left:before,
    .mfp-arrow-left .mfp-b {
        margin-left: 25px;
        border-right: 27px solid #3F3F3F
    }

.mfp-arrow-right {
    right: 0
}

    .mfp-arrow-right:after,
    .mfp-arrow-right .mfp-a {
        border-left: 17px solid #FFF;
        margin-left: 39px
    }

    .mfp-arrow-right:before,
    .mfp-arrow-right .mfp-b {
        border-left: 27px solid #3F3F3F
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 1200px
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #000
    }

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #444
    }

    .mfp-figure small {
        color: #BDBDBD;
        display: block;
        font-size: 12px;
        line-height: 14px
    }

    .mfp-figure figure {
        margin: 0
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
header,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

main {
    display: block
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

    a:active,
    a:hover {
        outline-width: 0
    }

b {
    font-weight: inherit;
    font-weight: 700
}

video {
    display: inline-block
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    overflow: visible
}

button {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner,
    button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring,
    [type=reset]:-moz-focusring,
    [type=submit]:-moz-focusring,
    button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-cancel-button,
    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.clear:after,
.clear:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-header:after,
.site-header:before {
    content: "";
    display: table;
    table-layout: fixed
}

.clear:after,
.entry-content:after,
.site-content:after,
.site-header:after {
    clear: both
}

body,
button,
input {
    color: #333;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.66
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    line-height: 1.4;
    margin: 0 0 .75em;
    padding: 1.5em 0 0
}

    h1:first-child,
    h2:first-child,
    h3:first-child,
    h4:first-child,
    h5:first-child,
    h6:first-child {
        padding-top: 0
    }

h1 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300
}

h2 {
    color: #666;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300
}

h3 {
    color: #333;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 300
}

h4 {
    color: #333;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 800
}

h5 {
    color: #767676;
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase
}

h6 {
    color: #333;
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 800
}

p {
    margin: 0 0 1.5em;
    padding: 0
}

i {
    font-style: italic
}

address {
    margin: 0 0 1.5em
}

var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: .9375rem
}

big {
    font-size: 125%
}

q {
    quotes: "“""”""‘""’"
}

:focus {
    outline: 0
}

html[lang=ar] body,
html[lang=ar] button,
html[lang=ar] input,
html[lang=ary] body,
html[lang=ary] button,
html[lang=ary] input,
html[lang=azb] body,
html[lang=azb] button,
html[lang=azb] input,
html[lang=fa-IR] body,
html[lang=fa-IR] button,
html[lang=fa-IR] input,
html[lang=haz] body,
html[lang=haz] button,
html[lang=haz] input,
html[lang=ps] body,
html[lang=ps] button,
html[lang=ps] input,
html[lang=ur] body,
html[lang=ur] button,
html[lang=ur] input {
    font-family: Tahoma, Arial, sans-serif
}

html[lang=ar] h1,
html[lang=ar] h2,
html[lang=ar] h3,
html[lang=ar] h4,
html[lang=ar] h5,
html[lang=ar] h6,
html[lang=ary] h1,
html[lang=ary] h2,
html[lang=ary] h3,
html[lang=ary] h4,
html[lang=ary] h5,
html[lang=ary] h6,
html[lang=azb] h1,
html[lang=azb] h2,
html[lang=azb] h3,
html[lang=azb] h4,
html[lang=azb] h5,
html[lang=azb] h6,
html[lang=fa-IR] h1,
html[lang=fa-IR] h2,
html[lang=fa-IR] h3,
html[lang=fa-IR] h4,
html[lang=fa-IR] h5,
html[lang=fa-IR] h6,
html[lang=haz] h1,
html[lang=haz] h2,
html[lang=haz] h3,
html[lang=haz] h4,
html[lang=haz] h5,
html[lang=haz] h6,
html[lang=ps] h1,
html[lang=ps] h2,
html[lang=ps] h3,
html[lang=ps] h4,
html[lang=ps] h5,
html[lang=ps] h6,
html[lang=ur] h1,
html[lang=ur] h2,
html[lang=ur] h3,
html[lang=ur] h4,
html[lang=ur] h5,
html[lang=ur] h6 {
    font-weight: 700
}

html[lang^=zh-] body,
html[lang^=zh-] button,
html[lang^=zh-] input {
    font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif
}

html[lang=zh-CN] body,
html[lang=zh-CN] button,
html[lang=zh-CN] input {
    font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif
}

html[lang^=zh-] h1,
html[lang^=zh-] h2,
html[lang^=zh-] h3,
html[lang^=zh-] h4,
html[lang^=zh-] h5,
html[lang^=zh-] h6 {
    font-weight: 700
}

html[lang=bg-BG] body,
html[lang=bg-BG] button,
html[lang=bg-BG] input,
html[lang=ru-RU] body,
html[lang=ru-RU] button,
html[lang=ru-RU] input,
html[lang=uk] body,
html[lang=uk] button,
html[lang=uk] input {
    font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif
}

html[lang=bg-BG] h1,
html[lang=bg-BG] h2,
html[lang=bg-BG] h3,
html[lang=bg-BG] h4,
html[lang=bg-BG] h5,
html[lang=bg-BG] h6,
html[lang=ru-RU] h1,
html[lang=ru-RU] h2,
html[lang=ru-RU] h3,
html[lang=ru-RU] h4,
html[lang=ru-RU] h5,
html[lang=ru-RU] h6,
html[lang=uk] h1,
html[lang=uk] h2,
html[lang=uk] h3,
html[lang=uk] h4,
html[lang=uk] h5,
html[lang=uk] h6 {
    font-weight: 700;
    line-height: 1.2
}

html[lang=bn-BD] body,
html[lang=bn-BD] button,
html[lang=bn-BD] input,
html[lang=hi-IN] body,
html[lang=hi-IN] button,
html[lang=hi-IN] input,
html[lang=mr-IN] body,
html[lang=mr-IN] button,
html[lang=mr-IN] input {
    font-family: Arial, sans-serif
}

html[lang=bn-BD] h1,
html[lang=bn-BD] h2,
html[lang=bn-BD] h3,
html[lang=bn-BD] h4,
html[lang=bn-BD] h5,
html[lang=bn-BD] h6,
html[lang=hi-IN] h1,
html[lang=hi-IN] h2,
html[lang=hi-IN] h3,
html[lang=hi-IN] h4,
html[lang=hi-IN] h5,
html[lang=hi-IN] h6,
html[lang=mr-IN] h1,
html[lang=mr-IN] h2,
html[lang=mr-IN] h3,
html[lang=mr-IN] h4,
html[lang=mr-IN] h5,
html[lang=mr-IN] h6 {
    font-weight: 700
}

html[lang=el] body,
html[lang=el] button,
html[lang=el] input {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

html[lang=el] h1,
html[lang=el] h2,
html[lang=el] h3,
html[lang=el] h4,
html[lang=el] h5,
html[lang=el] h6 {
    font-weight: 700;
    line-height: 1.3
}

html[lang=gu-IN] body,
html[lang=gu-IN] button,
html[lang=gu-IN] input {
    font-family: Arial, sans-serif
}

html[lang=gu-IN] h1,
html[lang=gu-IN] h2,
html[lang=gu-IN] h3,
html[lang=gu-IN] h4,
html[lang=gu-IN] h5,
html[lang=gu-IN] h6 {
    font-weight: 700
}

html[lang=he-IL] body,
html[lang=he-IL] button,
html[lang=he-IL] input {
    font-family: "Arial Hebrew", Arial, sans-serif
}

html[lang=he-IL] h1,
html[lang=he-IL] h2,
html[lang=he-IL] h3,
html[lang=he-IL] h4,
html[lang=he-IL] h5,
html[lang=he-IL] h6 {
    font-weight: 700
}

html[lang=ja] body,
html[lang=ja] button,
html[lang=ja] input {
    font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif
}

html[lang=ja] h1,
html[lang=ja] h2,
html[lang=ja] h3,
html[lang=ja] h4,
html[lang=ja] h5,
html[lang=ja] h6 {
    font-weight: 700
}

html[lang=ko-KR] body,
html[lang=ko-KR] button,
html[lang=ko-KR] input {
    font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif
}

html[lang=ko-KR] h1,
html[lang=ko-KR] h2,
html[lang=ko-KR] h3,
html[lang=ko-KR] h4,
html[lang=ko-KR] h5,
html[lang=ko-KR] h6 {
    font-weight: 600
}

html[lang=th] h1,
html[lang=th] h2,
html[lang=th] h3,
html[lang=th] h4,
html[lang=th] h5,
html[lang=th] h6 {
    line-height: 1.65;
    font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif
}

html[lang=th] body,
html[lang=th] button,
html[lang=th] input {
    line-height: 1.8;
    font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif
}

html[lang=ar] *,
html[lang=ary] *,
html[lang=azb] *,
html[lang=bg-BG] *,
html[lang=bn-BD] *,
html[lang=el] *,
html[lang=gu-IN] *,
html[lang=haz] *,
html[lang=he-IL] *,
html[lang=hi-IN] *,
html[lang=ja] *,
html[lang=ko-KR] *,
html[lang=mr-IN] *,
html[lang=ps] *,
html[lang=ru-RU] *,
html[lang=th] *,
html[lang=uk] *,
html[lang^=zh-] * {
    letter-spacing: 0 !important
}

label {
    color: #333;
    display: block;
    font-weight: 800;
    margin-bottom: .5em
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
    color: #666;
    background: #fff;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    padding: .7em;
    width: 100%
}

    input[type=color]:focus,
    input[type=date]:focus,
    input[type=datetime-local]:focus,
    input[type=datetime]:focus,
    input[type=email]:focus,
    input[type=month]:focus,
    input[type=number]:focus,
    input[type=password]:focus,
    input[type=range]:focus,
    input[type=search]:focus,
    input[type=tel]:focus,
    input[type=text]:focus,
    input[type=time]:focus,
    input[type=url]:focus,
    input[type=week]:focus {
        color: #222;
        border-color: #333
    }

input[type=checkbox],
input[type=radio] {
    margin-right: .5em
}

    input[type=checkbox] + label,
    input[type=radio] + label {
        font-weight: 400
    }

button,
input[type=button],
input[type=submit] {
    background-color: #222;
    border: 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 800;
    line-height: 1;
    padding: 1em 2em;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s
}

input + button,
input + input[type=button],
input + input[type=submit] {
    padding: .75em 2em
}

input[type=reset] {
    background-color: #ddd;
    color: #222
}

    input[type=reset]:focus,
    input[type=reset]:hover {
        background: #bbb
    }

::-webkit-input-placeholder {
    color: #333;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif
}

:-moz-placeholder {
    color: #333;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif
}

::-moz-placeholder {
    color: #333;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
    opacity: 1
}

:-ms-input-placeholder {
    color: #333;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif
}

hr {
    background-color: #bbb;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em
}

ul {
    margin: 0 0 1.5em;
    padding: 0;
    list-style: disc
}

li > ul {
    margin-bottom: 0;
    margin-left: 1.5em
}

a {
    color: #222;
    text-decoration: none
}

    a:focus {
        outline: thin dotted
    }

    a:active,
    a:hover {
        color: #000;
        outline: 0
    }

.entry-content a,
.entry-summary a {
    -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
    box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
    -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out
}

.entry-meta a,
.entry-title a,
.site-info a {
    -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
    text-decoration: none;
    -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out
}

    .entry-content a:focus,
    .entry-content a:hover,
    .entry-meta a:focus,
    .entry-meta a:hover,
    .entry-summary a:focus,
    .entry-summary a:hover,
    .entry-title a:focus,
    .entry-title a:hover,
    .site-info a:focus,
    .site-info a:hover {
        color: #000;
        -webkit-box-shadow: inset 0 0 0 transparent, 0 3px 0 rgba(0, 0, 0, 1);
        box-shadow: inset 0 0 0 transparent, 0 3px 0 rgba(0, 0, 0, 1)
    }

.entry-content a img {
    -webkit-box-shadow: 0 0 0 8px #fff;
    box-shadow: 0 0 0 8px #fff
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit
}

body {
    background: #fff
}

#page {
    position: relative;
    word-wrap: break-word
}

.site-header {
    background-color: #fafafa;
    position: relative
}

.site-title {
    clear: none;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: .08em;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

    .site-title,
    .site-title a {
        color: #222;
        opacity: 1
    }

body.has-header-image .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title,
body.has-header-video .site-title a {
    color: #fff
}

.site-description {
    color: #666;
    font-size: 13px;
    font-size: .8125rem;
    margin-bottom: 0
}

body.has-header-image .site-description,
body.has-header-video .site-description {
    color: #fff;
    opacity: .8
}

.site-content {
    padding: 2.5em 0 0
}

.page-title {
    color: #222;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase
}

.entry-header .entry-title {
    margin-bottom: .25em
}

.entry-title a {
    color: #333;
    text-decoration: none;
    margin-left: -2px
}

.entry-title:not(:first-child) {
    padding-top: 0
}

.entry-meta {
    color: #767676;
    font-size: 11px;
    font-size: .6875rem;
    font-weight: 800;
    letter-spacing: .1818em;
    padding-bottom: .25em;
    text-transform: uppercase
}

    .entry-meta a {
        color: #767676
    }

.search .site-main > article {
    padding-bottom: 2em
}

.page-header {
    padding-bottom: 2em
}

.search .page-content .search-form {
    margin-bottom: 3em
}

.site-info {
    font-size: 14px;
    font-size: .875rem;
    margin-bottom: 1em
}

    .site-info a {
        color: #666
    }

.form-submit {
    text-align: right
}

.search-form {
    position: relative
}

    .search-form .search-submit {
        bottom: 3px;
        padding: .5em 1em;
        position: absolute;
        right: 3px;
        top: 3px
    }

        .search-form .search-submit .icon {
            height: 24px;
            top: -2px;
            width: 24px
        }

img,
video {
    height: auto;
    max-width: 100%
}

embed,
iframe,
object {
    margin-bottom: 1.5em;
    max-width: 100%
}

p > embed:only-child,
p > iframe:only-child,
p > object:only-child {
    margin-bottom: 0
}

.icon {
    display: inline-block;
    fill: currentColor;
    height: 1em;
    position: relative;
    top: -.0625em;
    vertical-align: middle;
    width: 1em
}

@media screen and (min-width:30em) {

    body,
    button,
    input {
        font-size: 18px;
        font-size: 1.125rem
    }

    h1 {
        font-size: 30px;
        font-size: 1.875rem
    }

    h2 {
        font-size: 26px;
        font-size: 1.625rem
    }

    h3 {
        font-size: 22px;
        font-size: 1.375rem
    }

    h4 {
        font-size: 18px;
        font-size: 1.125rem
    }

    h5 {
        font-size: 13px;
        font-size: .8125rem
    }

    h6 {
        font-size: 16px;
        font-size: 1rem
    }
}

@media screen and (min-width:48em) {

    body,
    button,
    input {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1
    }

    .site-title {
        font-size: 36px;
        font-size: 2.25rem
    }

    .site-description {
        font-size: 16px;
        font-size: 1rem
    }

    .site-content {
        padding: 5.5em 0 0
    }

    .page .entry-title {
        font-size: 26px;
        font-size: 1.625rem
    }

    .search .site-main > article {
        padding-bottom: 4em
    }

    .site-info {
        float: left;
        padding: .7em 0 0;
        width: 58%
    }
}

@media print {

    .header-image,
    .icon-thumb-tack,
    .site-info,
    button,
    form,
    input {
        display: none !important
    }

    body {
        font-size: 12pt
    }

    h1 {
        font-size: 24pt
    }

    h2 {
        font-size: 22pt
    }

    h3 {
        font-size: 17pt
    }

    h4 {
        font-size: 12pt
    }

    h5 {
        font-size: 11pt
    }

    h6 {
        font-size: 12pt
    }

    .page-title {
        font-size: 10pt
    }

    .site-header {
        background: 0 0;
        padding: 0
    }

    .site-title {
        font-size: 25pt
    }

    .site-description {
        font-size: 12pt;
        opacity: 1
    }

    .entry-meta {
        font-size: 9pt
    }

    .site,
    body {
        background: 0 0 !important
    }

    .site-title a,
    a,
    body {
        color: #222 !important
    }

    .entry-meta,
    .entry-meta a,
    .site-description,
    h2,
    h5 {
        color: #777 !important
    }
}

a,
address,
article,
b,
big,
body,
div,
embed,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
label,
li,
object,
p,
q,
s,
section,
u,
ul,
var {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: top
}

article,
header,
section {
    display: block
}

body {
    line-height: 1
}

ul {
    list-style: none
}

q {
    quotes: none
}

    q:after,
    q:before {
        content: '';
        content: none
    }

a,
a:link,
a:visited {
    color: #ff0380;
    color: inherit;
    text-decoration: inherit
}

::-webkit-scrollbar {
    width: 10px !important
}

::-webkit-scrollbar-track {
    background: #0d0203 !important
}

::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
    background: #d2016982 !important
}

    ::-webkit-scrollbar-thumb:hover {
        background: #d20169 !important
    }

@font-face {
    font-family: "In-Game Font";
    src: url(../font/monogram_extended.ttf) format("truetype")
}

* {
    font-family: "In-Game Font"
}

html {
    background-color: #0d0203;
    color: #0d0203;
    font-family: 'Verlag A', 'Verlag B', Verlag;
    font-weight: 300;
    font-style: normal;
    text-align: center;
    font-size: 20px
}

.section {
    color: #0d0203
}

p > a:link,
p > a:visited {
    color: #ff0380;
    text-decoration: underline;
    transition: color .2s
}

p > a:hover {
    color: #fff
}

body {
    position: relative;
    overflow-y: auto !important
}

h1,
h2,
h3,
h4 {
    text-transform: uppercase
}

s {
    opacity: .8;
    position: relative;
    text-decoration: none
}

    s:before {
        position: absolute;
        content: "";
        left: -3px;
        top: 50%;
        right: -3px;
        border-top: 2px solid;
        box-shadow: 0 1px 1px #0d0203;
        border-color: #973700;
        -webkit-transform: rotate(-4deg);
        -moz-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        -o-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

.keyart,
.keyart_layer {
    height: 1000px
}

#parallax {
    display: none
}

#nonparallax {
    display: block;
    background-image: url(../images/keyart-mobile.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%
}

.keyart {
    position: relative;
    z-index: 10;
    overflow-x: hidden
}

.keyart_layer {
    background-position: bottom center;
    background-size: auto 1038px;
    background-repeat: repeat-x;
    width: 100%;
    position: absolute;
    will-change: transform
}

    .keyart_layer.parallax {
        position: fixed
    }

.keyart_layer_Background {
    position: fixed;
    height: 45px;
    z-index: 11;
    overflow-x: hidden
}

.keyart_layer_LogoHP {
    position: fixed;
    height: 45px;
    width: 273px;
    z-index: 12;
    overflow-x: hidden
}

.keyart_layer_Steam {
    position: relative;
    float: right;
    height: 45px;
    width: 273px;
    z-index: 12;
    overflow-x: hidden
}

#keyart-0 {
    background-image: url(../images/NetherWorldParallaxWeb0.png)
}

#keyart-1 {
    background-image: url(../images/NetherWorldParallaxWeb1.png)
}

#keyart-2 {
    background-image: url(../images/NetherWorldParallaxWeb2.png)
}

#keyart-3 {
    background-image: url(../images/NetherWorldParallaxWeb3.png)
}

#keyart-4 {
    background-image: url(../images/NetherWorldParallaxWeb4.png)
}

#keyart-5 {
    background-image: url(../images/NetherWorldParallaxWeb5.png)
}

#keyart-6 {
    background-image: url(../images/NetherWorldParallaxWeb6.png)
}

#keyart-7 {
    background-image: url(../images/NetherWorldParallaxWeb7.png)
}

#keyart-8 {
    background-image: url(../images/NetherWorldParallaxWeb8.png)
}

#keyart-9 {
    background-image: url(../images/NetherWorldParallaxWeb9.png)
}

#keyart-10 {
    background-image: url(../images/NetherWorldParallaxWeb10.png)
}

#keyart-11 {
    background-image: url(../images/NetherWorldParallaxWeb11.png)
}

#keyart-TopNav {
    background-image: url(../images/NetherBar.png);
    width: 100%;
    height: 45px
}

#maincontain {
    background-color: #0d0203;
    position: relative;
    z-index: 98
}

#PresskitButton {
    background-color: #d20169;
    color: #0d0203;
    border-radius: 4px;
    padding: 0 18px;
    font-family: "In-Game Font";
    font-size: 2.001rem;
    margin-top: 13.5%;
    border: 3px solid #9a004d;
    line-height: 1 !important
}

#main {
    top: 80px;
    max-width: 900px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
    z-index: 99;
    position: relative;
    background-color: #0d0203
}

hr.hr0 {
    margin-top: 8%;
    margin-bottom: 3.33%
}

hr.hr1 {
    margin-top: 8%;
    margin-bottom: 6.6%
}

hr.hr2 {
    margin-top: 7.6%;
    margin-bottom: 8%
}

hr.hr3 {
    margin-top: 2%;
    margin-bottom: 6.6%
}

#Jump {
    float: right;
    margin: 0 auto;
    height: 115px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    z-index: 90;
    position: relative;
    background-color: #0d0203
}

#NetherStaff {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
    position: relative;
    background-color: #0d0203
}

#StaffName {
    font-family: "In-Game Font";
    line-height: 80%;
    font-size: 250%;
    margin-bottom: 1%;
    color: #26b7ab
}

#Job {
    white-space: nowrap;
    font-family: "In-Game Font";
    font-size: 250%;
    color: #d20169;
    height: 25%;
    margin-top: 1%
}

#JobDown {
    white-space: nowrap;
    font-family: "In-Game Font";
    font-size: 250%;
    color: #d20169;
    height: 25%;
    margin-top: 4%
}

#NetherNetwork {
    width: 100%;
    padding-left: 25%;
    padding-right: 25%;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
    position: relative;
    background-color: #0d0203
}

#NetworkContent {
    margin-top: 2%;
    float: left;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    font-size: 12px;
    width: 25%;
    height: 100%
}

#MailUs {
    margin-top: 5%;
    margin-bottom: 0;
    text-align: center;
    width: 100%;
    height: 50%;
    font-family: "In-Game Font";
    font-size: 170%;
    color: #26b7ab;
    z-index: 100
}

#NetworkSquare {
    margin: 0 auto;
    width: 50px;
    height: 50px;
    z-index: 999
}

#NetherLogo {
    height: 150px;
    padding-left: 0;
    padding-right: 0;
    z-index: 0;
    position: relative;
    background-color: #0d0203;
    margin: 0 auto 20px
}

#BozkyStaffGif {
    width: 35%;
    padding-right: 10px
}

#NetherChimpImg {
    height: 25%;
    padding-left: 0;
    padding-right: 0;
    z-index: 0;
    position: relative;
    background-color: #0d0203;
    margin: 60px auto 0
}

#NetherDb {
    width: 260px;
    height: 50px;
    padding-left: 0;
    padding-right: 0;
    z-index: 0;
    position: relative;
    background-color: #0d0203;
    margin: 49px auto 30px
}

#NetherDbImg {
    filter: hue-rotate(245deg) saturate(240%)
}

#NetherChimp {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
    position: relative;
    background-color: #0d0203
}

#mc_embed_signup {
    background: #0d0203;
    clear: left;
    font-family: "In-Game Font";
    font-size: 150%;
    color: #26b7ab;
    width: 100%
}

#mc_embed_signup_scroll_Label_Input {
	padding : 26px 0.4em !important;
}

#NetChimp {
    display: block !important
}

#mc_embed_signup_scroll_Label {
    font-size: 150% !important;
    font-weight: 400 !important;
    color: #26b7ab !important
}

#mc-embedded-subscribe {
    background-color: #d20169 !important;
    color: #0d0203 !important;
    font-family: "In-Game Font" !important;
    font-size: 100% !important;
    border: 3px solid #9a004d !important;
    height: auto !important
}

#mc_embed_signup_scroll_Label_Input {
    color: #0d0203 !important;
    font-family: "In-Game Font" !important;
    font-size: 119% !important;
    border: 0 solid #dcf5f3 !important;
    background-color: #a6dad6 !important;
    width: 40% !important;
    text-align: center !important
}

input {
    text-align: center
}

#mc_embed_signup_scroll_Label_Input::placeholder {
    color: #4d4d4d !important;
    font-family: "In-Game Font" !important;
    font-size: 100% !important
}

#Bozky {
    height: 250px;
    width: 100%;
    max-width: 900px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
    position: relative;
    background-color: #0d0203
}

#RightBozkyDiv {
    float: right;
    height: 100%;
    width: 65%
}

#left,
#right {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    font-size: 12px
}

#left {
    width: 25%;
    background: #00f
}

#right {
    width: 25%;
    background: #ff0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #d20169;
    background-color: #fff0;
    padding: 0
}

#DanBarreno {
    margin-left: 0%;
    padding-right: 0;
    padding-left: 3%;
    margin-top: 0;
    float: left;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    font-size: 12px;
    width: 25%;
    height: 50%
}

#AlbertSerra {
    padding-left: 3%;
    margin-top: 0;
    float: left;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    font-size: 12px;
    width: 25%;
    height: 50%
}

#AlexFarina {
    padding-left: 3%;
    margin-top: 0;
    float: left;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    font-size: 12px;
    width: 25%;
    height: 50%
}

#XaviFarre {
    padding-left: 1%;
    margin-top: 0;
    float: left;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    font-size: 12px;
    width: 25%;
    height: 50%
}

#IsAText {
    font-family: "In-Game Font";
    width: 100%;
    text-align: justify;
    color: #26b7ab;
    padding-top: 0%;
    padding-bottom: 0%;
    margin-top: 0%;
}

#FirstBozkyNormalText {
    font-family: "In-Game Font";
    font-size: 140%;
    margin-top: 12%;
    color: #d20169
}

#BozkyNormalTextNote {
    font-family: "In-Game Font";
    font-size: 200%;
    margin-top: 1vw;
    color: #d20169
}

#BozkyBigerText {
    font-family: "In-Game Font";
    font-size: 200%;
    margin-top: 1%;
    color: #26b7ab
}

#BozkyBigText {
    font-family: "In-Game Font";
    font-size: 162%;
    margin-top: 2%;
    color: #26b7ab
}

#BozkyBigTurText {
    font-family: "In-Game Font";
    font-size: 170%;
    margin-top: 3%;
    color: #d20169
}

#BozkySmallText {
    font-family: "In-Game Font";
    font-size: 50%;
    margin-top: 2%;
    color: #26b7ab
}

#ImgOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none !important;
    opacity: 0
}

#FakeGifContainer {
    font-family: "In-Game Font";
    font-size: 50%;
    position: relative;
    text-align: center
}

.ImgFloatText {
    opacity: 1 !important;
    font-size: 800%;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #d20169;
    transition-property: color;
    transition-duration: .5s
}

.ImgFloatSmallTextLive {
    opacity: 1 !important;
    white-space: nowrap;
    font-size: 239%;
    position: absolute;
    top: 63%;
    left: 50%;
    transform: translate(-51.5%, -50%);
    color: #74e7dd;
    transition-property: color;
    transition-duration: .5s
}

.ImgFloatSmallTextMeet {
    opacity: 1 !important;
    white-space: nowrap;
    font-size: 220%;
    position: absolute;
    top: 63%;
    left: 50%;
    transform: translate(-51.5%, -50%);
    color: #74e7dd;
    transition-property: color;
    transition-duration: .5s
}

.ImgFloatSmallTextDiscover {
    opacity: 1 !important;
    white-space: nowrap;
    font-size: 251%;
    position: absolute;
    top: 63%;
    left: 50%;
    transform: translate(-50.5%, -50%);
    color: #74e7dd;
    transition-property: color;
    transition-duration: .5s
}

.ImgFloatSmallTextFight {
    opacity: 1 !important;
    white-space: nowrap;
    font-size: 241%;
    position: absolute;
    top: 63%;
    left: 50%;
    transform: translate(-51.5%, -50%);
    color: #74e7dd;
    transition-property: color;
    transition-duration: .5s
}

#FakeGifContainer:hover .ImgFloatSmallTextLive {
    color: #ffffff00
}

#FakeGifContainer:hover .ImgFloatSmallTextFight {
    color: #ffffff00
}

#FakeGifContainer:hover .ImgFloatSmallTextDiscover {
    color: #ffffff00
}

#FakeGifContainer:hover .ImgFloatSmallTextMeet {
    color: #ffffff00
}

#FakeGifContainer:hover .ImgFloatText {
    color: #d2016957
}

.section li > a:hover h3 {
    background-color: #04ffff
}

.videocontain {
    position: relative;
    padding-bottom: 56.1%;
    height: 0;
    overflow: hidden
}

    .videocontain iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.section.screenshots .thumbnails li {
    display: inline-block;
    width: 46%;
    margin-bottom: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    opacity: .85;
    transition: opacity .2s
}

    .section.screenshots .thumbnails li:hover {
        opacity: 1
    }

    .section.screenshots .thumbnails li img {
        width: 46%;
        height: auto
    }

    .section.screenshots .thumbnails li:nth-child(odd) {
        margin-right: 5.5%
    }

@media (max-width:1000px) {
    hr.hr0 {
        margin-top: 12%;
        margin-bottom: 7.33%
    }

    hr.hr1 {
        margin-top: 12%;
        margin-bottom: 8.5%
    }

    hr.hr2 {
        margin-top: 10%;
        margin-bottom: 11%
    }

    hr.hr3 {
        margin-top: 4.6%;
        margin-bottom: 5.6%
    }

    #IsAText {
        font-family: "In-Game Font";
        width: 100%;
        text-align: justify;
        color: #26b7ab;
        padding-top: 0%;
        padding-bottom: 0%;
        font-size: 12px;
    }
}

@media (max-width:880px) {
    .section.screenshots .thumbnails li {
        width: 85%;
        height: auto;
        margin-bottom: 6.6%
    }

        .section.screenshots .thumbnails li:nth-child(odd) {
            margin-right: 0
        }

    #mc_embed_signup_scroll_Label_Input {
        width: 70% !important
    }

    #mc-embedded-subscribe {
        font-size: 90% !important;
        width: 50% !important
    }

    .ImgFloatSmallTextLive {
        top: 59%
    }

    .ImgFloatSmallTextMeet {
        top: 59%
    }

    .ImgFloatSmallTextDiscover {
        top: 59%
    }

    .ImgFloatSmallTextFight {
        top: 59%
    }
}

@media (max-width:821px) {
    #Job {
        font-size: 3.3vw;
        margin-top: .5vw
    }

    #JobDown {
        font-size: 3.3vw;
        margin-top: .15vw
    }

    #StaffName {
        font-size: 4.95vw
    }
}

@media (min-width:601px) {
    #nonparallax {
        display: none
    }

    #parallax {
        display: block
    }
}

@media (max-width:600px) {
    #nonparallax {
        display: block
    }

    #parallax {
        display: none
    }

    .ImgFloatSmallTextLive {
        top: 66.5%
    }

    .ImgFloatSmallTextMeet {
        top: 66.5%
    }

    .ImgFloatSmallTextDiscover {
        top: 66.5%
    }

    .ImgFloatSmallTextFight {
        top: 66.5%
    }

    #keyart-TopNav {
        width: 100%;
        height: 35px;
        overflow: hidden
    }

    #Jump {
        height: 50px
    }

    #Bozky {
        height: 190px
    }

    #BozkyBigerText {
        font-size: 172%
    }

    #BozkyBigText {
        font-size: 128%
    }

    #BozkyBigTurText {
        font-size: 138%
    }

    #BozkySmallText {
        font-size: 30%;
        margin-top: 4%
    }

    #BozkyNormalTextNote {
        font-size: 162%
    }

    #FirstBozkyNormalText {
        font-size: 90%;
        margin-top: 12%;
        padding-left: 5px
    }

    #BozkyStaffGif {
        width: 57%;
        padding-right: 10px
    }

    #RightBozkyDiv {
        float: right;
        height: 100%;
        width: 43%
    }

    #NetherNetwork {
        padding-left: 5%;
        padding-right: 5%
    }

    #main {
        top: 5%;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 70px
    }

    #mc_embed_signup_scroll_Label_Input {
        width: 70% !important
    }

    #mc-embedded-subscribe {
        font-size: 90% !important;
        width: 50% !important
    }

    #PresskitButton {
        margin-top: 19.5%
    }

    #NetherDb {
        margin-top: 0
    }
}

@media only screen and (max-device-width:450px) {
    .section.screenshots .thumbnails li {
        opacity: 1
    }

    .ImgFloatSmallTextLive {
        top: 67.5%
    }

    .ImgFloatSmallTextMeet {
        top: 67.5%
    }

    .ImgFloatSmallTextDiscover {
        top: 67.5%
    }

    .ImgFloatSmallTextFight {
        top: 67.5%
    }

    #mc_embed_signup_scroll_Label_Input {
        font-family: "In-Game Font" !important;
        font-size: 100% !important
    }

        #mc_embed_signup_scroll_Label_Input::placeholder {
            font-size: 80% !important
        }

    #mc-embedded-subscribe {
        font-size: 76% !important;
        width: 50% !important
    }

    .keyart,
    .keyart_layer {
        height: 550px
    }

    .keyart_layer {
        position: absolute;
        background-size: auto 600px
    }
}

@media (max-width:321px) {
    #MailUs {
        font-size: 158%
    }

    #mc-embedded-subscribe {
        font-size: 70% !important
    }

    .ImgFloatSmallTextLive {
        top: 69.5%
    }

    .ImgFloatSmallTextMeet {
        top: 69.5%
    }

    .ImgFloatSmallTextDiscover {
        top: 69.5%
    }

    .ImgFloatSmallTextFight {
        top: 69.5%
    }
}