/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

@import url("http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic");
@import url("https://fonts.googleapis.com/css?family=Cinzel:400,700,900");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Clearfix */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

html {
    font-size: 58%;
}

body {
    color: #b98a85;
    font-family: "Lato";
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

*:not(html) {
    font-size: 16px;
    font-size: 1.6rem;
}

h1 {
    color: #d4a9a1;
    font-family: "Cinzel", serif;
    font-size: 82px;
    font-size: 8.2rem;
    font-weight: 500;
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.9);
}

h2 {
    color: #d4a9a1;
    font-family: "Cinzel", serif;
    font-size: 60px;
    font-size: 6rem;
    font-weight: 700;
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.9);
}

h3 {
    color: #be6f67;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 900;
    margin-bottom: 15px;
    text-transform: uppercase;
}

h4 {
    color: #969696;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
}

h5 {
    color: #b98a85;
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: 500;
}

h6 {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 20px;
    line-height: 2rem;
    text-transform: uppercase;
}

p {
    color: #b98a85;
    font-size: 21px;
    font-size: 2.2rem;
    line-height: 25px;
    line-height: 2.5rem;
}

a {
    color: #aaaaaa;
    font-size: inherit;
    transition: color 0.3s;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    color: rgba(170, 170, 170, 0.7);
}

span {
    font-size: inherit;
}

em,
i {
    font-style: italic;
}

b,
strong {
    color: #000;
    font-weight: bold;
}

.margin--bot5 {
    margin-bottom: 5px;
}

.margin--bot25 {
    margin-bottom: 25px;
}

html,
body {
    font-smoothing: antialiased;
    height: 100%;
    text-size-adjust: 100%;
    width: 100%;
}

body {
    background: url("../../images/bg-pattern.jpg"), #090913;
    min-width: 1100px;
    margin: 0;
    padding: 0;
}

img {
    width: 100%;
}

.content {
    position: relative;
    width: 100%;
    z-index: 3;
}

.content__contain {
    margin: 0 auto;
    max-width: 1100px;
}

.header {
    min-height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.header-container {
    margin: 0 5em 0 5em;
}

.header--bg {
    background: url("../../images/header_background.jpg") center top;
    background-size: cover;
}

.header__media {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.header__loop {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.header__continue {
    position: absolute;
    right: 80px;
    top: 40px;
    z-index: 5;
}

.header__info {
    padding-top: 15em;
    text-align: center;
}

.header__play {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/btn-play-red.png")
        center top;
    display: inline-block;
    height: 212px;
    position: relative;
    width: 212px;
}

.header__click {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/btn-play-red.png")
        center bottom;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.3s;
    width: 100%;
    z-index: 3;
}

.header__click:hover {
    opacity: 1;
}

.header__title {
    padding: 15px 0;
    text-align: center;
}

.header__shadow {
    box-shadow: inset 0 -60px 150px 50px rgba(8, 3, 5, 0.9);
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.continue__patch {
    position: relative;
    top: 40px;
    z-index: 5;
    background: rgba(87, 20, 40, 0.7);
    color: rgb(194, 194, 194);
    border-radius: 25px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6),
        inset 0 1px 1px rgba(255, 255, 255, 0.1);
    top: 20px;
    padding: 15px 20px 15px 20px;
    margin: 0 auto;
    max-width: 1024px;
}

.continue__patch:hover {
    background: rgba(121, 30, 57, 0.7);
    color: white;
}

.apex__media {
    padding: 80px 0 0 0;
    text-align: center;
}

.apex__tube {
    background: #2c2129;
    display: inline-block;
    height: 540px;
    position: relative;
    width: 960px;
}

.apex__tube:hover .apex__shade {
    opacity: 0.8;
}

.apex__play {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/btn-play-blue.png")
        center center no-repeat;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: background 0.4s;
    width: 100%;
    z-index: 3;
}

.apex__control {
    display: none;
}

.apex__control--selected {
    display: block;
}

.apex__holder {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.apex__video {
    width: 100%;
}

.apex__shade {
    background: #12090d;
    box-shadow: inset 0 0 80px 20px #571428;
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    transition: opacity 0.4s;
    width: 100%;
    z-index: 1;
}

.apex__frame {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/ui-frame-vid.png")
        center center no-repeat;
    height: 623px;
    left: -51px;
    position: absolute;
    top: -50px;
    width: 1062px;
    z-index: 2;
}

.apex__bar {
    font-size: 0;
    text-align: center;
}

.apex__item {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: inline-block;
    padding: 15px 15px 25px 15px;
}

.apex__item--selected {
    background: #2c2129;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1);
}

.apex__btn {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/icon-ability.jpg")
        no-repeat;
    box-shadow: 0 0 5px 2px rgba(87, 20, 40, 0);
    cursor: pointer;
    display: block;
    height: 90px;
    position: relative;
    transition: all;
    width: 90px;
}

.apex__btn--1 {
    background-position: left center;
}

.apex__btn--2 {
    background-position: -90px center;
}

.apex__btn--3 {
    background-position: -180px center;
}

.apex__btn--4 {
    background-position: -270px center;
}

.apex__btn--5 {
    background-position: right center;
}

.apex__border {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/ui-frame-icon.png")
        no-repeat;
    background-size: contain;
    height: 100px;
    left: -5px;
    position: absolute;
    top: -5px;
    width: 100px;
}

.apex__info {
    background: #2c2129;
    border-radius: 15px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    display: none;
    padding: 60px 80px;
    width: 100%;
}

.apex__info--selected {
    display: block;
}

.apex__graphic {
    margin: 0 auto;
}

.apex__graphic--a {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/bg-sketch-adrenaline.png")
        center center no-repeat;
    height: 428px;
    width: 828px;
}

.apex__graphic--b {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/bg-sketch-eye.png")
        center center no-repeat;
    height: 184px;
    width: 210px;
}

.apex .avatar {
    text-align: center;
}

.apex .avatar__contain {
    font-size: 0;
    padding-bottom: 70px;
}

.apex .avatar__holder {
    background: #151922;
    display: inline-block;
    height: 636px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s;
    vertical-align: top;
    width: 33.3%;
}

.apex .avatar__holder--active {
    box-shadow: 0 0 12px 4px rgba(18, 10, 6, 0.5),
        inset 0 0 7px rgba(255, 255, 255, 0.2);
    cursor: default;
    transform: scale(1.1, 1.1);
    z-index: 3;
}

.apex .avatar__bord {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/ui-frame-loop.png")
        center center no-repeat;
    height: 644px;
    left: -8px;
    position: absolute;
    top: -5px;
    width: 380px;
    z-index: 2;
}

.apex .avatar__video {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.apex .avatar__ui {
    box-shadow: inset 0 0 50px 20px rgba(0, 0, 0, 0.7);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.apex .avatar__info {
    background: linear-gradient(to top, #151922, rgba(65, 35, 32, 0));
    bottom: 0;
    left: 0;
    padding: 120px 0 30px 0;
    position: absolute;
    width: 100%;
}

.color--gold {
    color: #c7af82;
    margin-right: 15px;
}

.color--blue {
    color: transparent;
    text-shadow: 0 0 4px #1c30ed;
}

.color--red {
    color: transparent;
    text-shadow: 0 0 4px #ed1c1c;
}

.color--green {
    color: transparent;
    text-shadow: 0 0 4px #22d43b;
}

.color--silver {
    color: #bfbfbf;
}

.price {
    padding-top: 15px;
}

.ability__bullets {
    list-style-position: outside;
    padding-left: 20px;
    padding-top: 0.6em;
}

.ability__note {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 25px;
    line-height: 2.5rem;
    list-style-type: disc;
    padding-bottom: 15px;
}

.apex__comic {
    position: relative;
}

.apex__comic .contain {
    margin: 0 auto;
    max-width: 1024px;
    padding-bottom: 60px;
    padding-top: 20px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.apex__comic .contain__book {
    background: #27161b;
    box-sizing: border-box;
    position: relative;
    width: 100%;
}

.apex__comic .contain__book .strip {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/comic-strip.jpg")
        no-repeat;
    height: 757px;
    transition: background-position 0.6s ease-out;
    width: 100%;
}

.apex__comic .contain__book .strip--a {
    background-position: left center;
}

.apex__comic .contain__book .strip--b {
    background-position: -1024px center;
}

.apex__comic .contain__book .strip--c {
    background-position: -2048px center;
}

.apex__comic .contain__book .strip--d {
    background-position: -3072px center;
}

.apex__comic .contain__book .strip--e {
    background-position: -4096px center;
}

.apex__comic .contain__book .strip--f {
    background-position: -5120px center;
}

.apex__comic .contain__book .strip--g {
    background-position: -6144px center;
}

.apex__comic .contain__book .strip--h {
    background-position: -7168px center;
}

.apex__comic .contain__book .strip--i {
    background-position: -8192px center;
}

.apex__comic .contain__book .strip--j {
    background-position: right center;
}

.apex__comic .contain__book .frame {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/holiday15/comic-frame.png")
        center center no-repeat;
    height: 758px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.apex__comic .contain__navi {
    position: relative;
}

.apex__comic .contain__navi .thumb {
    background: #27161b;
    font-size: 0;
    padding: 20px 0;
    text-align: center;
    user-select: none;
    width: 100%;
}

.apex__comic .contain__navi .thumb__tab {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0),
        0 0 15px rgba(39, 22, 27, 0);
    cursor: pointer;
    display: inline-block;
    margin: 0 0.4%;
    opacity: 0.6;
    padding: 5px 4px;
    transition: all 0.3s;
}

.apex__comic .contain__navi .thumb__tab .pic {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/comic-thumbs.jpg");
    height: 88px;
    width: 108px;
}

.apex__comic .contain__navi .thumb__tab .pic--a {
    background-position: left top;
}

.apex__comic .contain__navi .thumb__tab .pic--b {
    background-position: -108px top;
}

.apex__comic .contain__navi .thumb__tab .pic--c {
    background-position: -216px top;
}

.apex__comic .contain__navi .thumb__tab .pic--d {
    background-position: -324px top;
}

.apex__comic .contain__navi .thumb__tab .pic--e {
    background-position: -432px top;
}

.apex__comic .contain__navi .thumb__tab .pic--f {
    background-position: -540px top;
}

.apex__comic .contain__navi .thumb__tab .pic--g {
    background-position: -648px top;
}

.apex__comic .contain__navi .thumb__tab .pic--h {
    background-position: -756px top;
}

.apex__comic .contain__navi .thumb__tab .pic--i {
    background-position: -864px top;
}

.apex__comic .contain__navi .thumb__tab .pic--j {
    background-position: right top;
}

.apex__comic .contain__navi .thumb__tab .desc {
    font-size: 16px;
    font-size: 1.6rem;
    padding-top: 5px;
}

.apex__comic .contain__navi .thumb__tab:hover {
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0),
        0 0 15px rgba(39, 22, 27, 0);
    opacity: 0.9;
}

.apex__comic .contain__navi .thumb__tab--selected {
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2),
        inset 0 0 9px rgba(159, 54, 85, 0.7), 0 0 15px rgba(0, 0, 0, 0.4);
    opacity: 1;
}

.apex__comic .contain__navi .thumb__tab--selected:hover {
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2),
        inset 0 0 9px rgba(159, 54, 85, 0.7), 0 0 15px rgba(0, 0, 0, 0.4);
    opacity: 1;
}

.apex__comic .contain__navi .thumb__arrow {
    background-color: rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1),
        inset 0 0 9px rgba(159, 54, 85, 0);
    cursor: pointer;
    height: 100%;
    padding: 0 12px;
    position: absolute;
    top: 0;
    transition: all 0.3s;
}

.apex__comic .contain__navi .thumb__arrow--left {
    left: 0;
}

.apex__comic .contain__navi .thumb__arrow--right {
    right: 0;
}

.apex__comic .contain__navi .thumb__arrow .wrap {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/comic-arrows.png")
        no-repeat;
    height: 100%;
    width: 41px;
}

.apex__comic .contain__navi .thumb__arrow .wrap--a {
    background-position: left center;
}

.apex__comic .contain__navi .thumb__arrow .wrap--b {
    background-position: right center;
}

.apex__comic .contain__navi .thumb__arrow:hover {
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1),
        inset 0 0 9px rgba(159, 54, 85, 0.7);
}

.apex__comic .contain__navi .bar {
    position: absolute;
}

.apex__comic .contain__navi .bar--bottom {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/holiday15/bar-topbot.jpg")
        center bottom no-repeat;
    bottom: 0;
    height: 8px;
    left: 0;
    width: 100%;
    z-index: 1;
}

.apex__comic .contain__navi .bar--left,
.apex__comic .contain__navi .bar--right {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/holiday15/bar-vert.jpg")
        repeat-y;
    bottom: 0;
    height: 100%;
    width: 8px;
}

.apex__comic .contain__navi .bar--left {
    background-position: left bottom;
    left: 0;
}

.apex__comic .contain__navi .bar--right {
    background-position: right bottom;
    right: 0;
}

.spacer {
    padding: 40px 0;
}

.spacer__img {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/ui-spacer.png")
        center center no-repeat;
    height: 100px;
    width: 100%;
}

.featured {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/bg-sketch-tri.png")
        center top no-repeat;
    padding-top: 40px;
    text-align: center;
}

.featured__rank {
    padding: 120px 0 50px 0;
    text-align: center;
}

.featured__icon {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/image-rank.png")
        center center no-repeat;
    display: inline-block;
    height: 260px;
    width: 234px;
}

.featured__list {
    font-size: 0;
    padding: 40px 0 120px 0;
}

.featured__item {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/icon-rank.png")
        center center no-repeat;
    background-size: 600% 100%;
    display: inline-block;
    margin: 0 12px;
    height: 140px;
    position: relative;
    transition: all 0.3s;
    vertical-align: top;
    width: 112px;
}

.featured__item--1 {
    background-position: left center;
}

.featured__item--2 {
    background-position: -112px center;
}

.featured__item--3 {
    background-position: -224px center;
}

.featured__item--4 {
    background-position: -336px center;
}

.featured__item--5 {
    background-position: -448px center;
}

.featured__item--6 {
    background-position: right center;
}

.featured__item:hover {
    transform: scale(1.07, 1.07);
}

.featured__note {
    bottom: -28px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 900;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.featured__wrapper {
    font-size: 0;
    padding: 20px 0 60px 0;
}

.featured__img {
    display: inline-block;
    height: 330px;
    position: relative;
    vertical-align: middle;
    width: 560px;
}

.featured__img--a {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/image-featured-a.jpg")
        center center no-repeat;
}

.featured__img--b {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/image-featured-b.jpg")
        center center no-repeat;
}

.featured__frame {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/ui-frame-img.png")
        center center no-repeat;
    height: 340px;
    left: -9px;
    position: absolute;
    top: -5px;
    width: 578px;
    z-index: 1;
}

.featured__txt {
    display: inline-block;
    padding: 0 40px;
    text-align: left;
    vertical-align: middle;
    width: 460px;
}

.rework {
    padding-top: 100px;
    text-align: center;
}

.rework__slider {
    position: relative;
}

.rework__slider .change {
    margin: 0 auto;
    max-width: 1024px;
    padding-top: 20px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.rework__slider .change__slide {
    background: #27161b;
    box-sizing: border-box;
    position: relative;
    width: 100%;
}

.rework__slider .change__slide .ano {
    animation: bounce 1.2s infinite;
    opacity: 0;
    transition: opacity 0.6s;
    position: absolute;
}

.rework__slider .change__slide .ano--a {
    left: 400px;
    top: 500px;
    padding-top: 220px;
}

.rework__slider .change__slide .ano--b {
    left: 300px;
    top: 200px;
}

.rework__slider .change__slide .ano--c {
    left: 250px;
    top: 120px;
    padding-top: 220px;
}

.rework__slider .change__slide .ano--d {
    left: 525px;
    top: 250px;
    padding-top: 220px;
}

.rework__slider .change__slide .ano--e {
    left: 100px;
    top: 500px;
}

.rework__slider .change__slide .ano--f {
    left: 350px;
    top: 500px;
    padding-top: 220px;
}

.rework__slider .change__slide .ano--selected {
    opacity: 1;
}

.rework__slider .change__slide .ano__top {
    background: #221119;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1);
    max-width: 150px;
    padding: 18px 6px 18px 6px;
    position: relative;
    z-index: 2;
}

.rework__slider .change__slide .ano__bot {
    border-right: 46px solid transparent;
    border-top: 25px solid #221119;
    bottom: -25px;
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
    z-index: 1;
}

.rework__slider .change__slide .roll {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/clip-strip.jpg")
        no-repeat;
    height: 757px;
    transition: background-position 0.6s ease-out;
    width: 100%;
}

.rework__slider .change__slide .roll--a {
    background-position: left center;
}

.rework__slider .change__slide .roll--b {
    background-position: -1024px center;
}

.rework__slider .change__slide .roll--c {
    background-position: -2048px center;
}

.rework__slider .change__slide .roll--d {
    background-position: -3072px center;
}

.rework__slider .change__slide .roll--e {
    background-position: -4096px center;
}

.rework__slider .change__slide .roll--f {
    background-position: -5120px center;
}

.rework__slider .change__slide .roll--g {
    background-position: -6144px center;
}

.rework__slider .change__slide .roll--h {
    background-position: -7168px center;
}

.rework__slider .change__slide .roll--i {
    background-position: -8192px center;
}

.rework__slider .change__slide .roll--j {
    background-position: -9216px center;
}

.rework__slider .change__slide .frame {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/holiday15/comic-frame.png")
        center center no-repeat;
    height: 758px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.rework__slider .change__navi {
    position: relative;
}

.rework__slider .change__navi .clip {
    background: #27161b;
    font-size: 0;
    padding: 20px 0;
    text-align: center;
    user-select: none;
    width: 100%;
}

.rework__slider .change__navi .clip__tab {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0),
        0 0 15px rgba(39, 22, 27, 0);
    cursor: pointer;
    display: inline-block;
    margin: 0 0.4%;
    opacity: 0.6;
    padding: 5px 4px;
    transition: all 0.3s;
}

.rework__slider .change__navi .clip__tab .pic {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/clip-thumbs.jpg");
    height: 88px;
    width: 108px;
}

.rework__slider .change__navi .clip__tab .pic--a {
    background-position: left top;
}

.rework__slider .change__navi .clip__tab .pic--b {
    background-position: -108px top;
}

.rework__slider .change__navi .clip__tab .pic--c {
    background-position: -216px top;
}

.rework__slider .change__navi .clip__tab .pic--d {
    background-position: -324px top;
}

.rework__slider .change__navi .clip__tab .pic--e {
    background-position: -432px top;
}

.rework__slider .change__navi .clip__tab .pic--f {
    background-position: -540px top;
}

.rework__slider .change__navi .clip__tab .pic--g {
    background-position: -648px top;
}

.rework__slider .change__navi .clip__tab .pic--h {
    background-position: -756px top;
}

.rework__slider .change__navi .clip__tab .pic--i {
    background-position: -864px top;
}

.rework__slider .change__navi .clip__tab .pic--j {
    background-position: right top;
}

.rework__slider .change__navi .clip__tab .desc {
    font-size: 16px;
    font-size: 1.6rem;
    padding-top: 5px;
}

.rework__slider .change__navi .clip__tab:hover {
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0),
        0 0 15px rgba(39, 22, 27, 0);
    opacity: 0.9;
}

.rework__slider .change__navi .clip__tab--selected {
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2),
        inset 0 0 9px rgba(159, 54, 85, 0.7), 0 0 15px rgba(0, 0, 0, 0.4);
    opacity: 1;
}

.rework__slider .change__navi .clip__tab--selected:hover {
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2),
        inset 0 0 9px rgba(159, 54, 85, 0.7), 0 0 15px rgba(0, 0, 0, 0.4);
    opacity: 1;
}

.rework__slider .change__navi .clip__arrow {
    background-color: rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1),
        inset 0 0 9px rgba(159, 54, 85, 0);
    cursor: pointer;
    height: 100%;
    padding: 0 12px;
    position: absolute;
    top: 0;
    transition: all 0.3s;
}

.rework__slider .change__navi .clip__arrow--left {
    left: 0;
}

.rework__slider .change__navi .clip__arrow--right {
    right: 0;
}

.rework__slider .change__navi .clip__arrow .wrap {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/comic-arrows.png")
        no-repeat;
    height: 100%;
    width: 41px;
}

.rework__slider .change__navi .clip__arrow .wrap--a {
    background-position: left center;
}

.rework__slider .change__navi .clip__arrow .wrap--b {
    background-position: right center;
}

.rework__slider .change__navi .clip__arrow:hover {
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1),
        inset 0 0 9px rgba(159, 54, 85, 0.7);
}

.rework__slider .change__navi .bar {
    position: absolute;
}

.rework__slider .change__navi .bar--bottom {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/holiday15/bar-topbot.jpg")
        center bottom no-repeat;
    bottom: 0;
    height: 8px;
    left: 0;
    width: 100%;
    z-index: 1;
}

.rework__slider .change__navi .bar--left,
.rework__slider .change__navi .bar--right {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/holiday15/bar-vert.jpg")
        repeat-y;
    bottom: 0;
    height: 100%;
    width: 8px;
}

.rework__slider .change__navi .bar--left {
    background-position: left bottom;
    left: 0;
}

.rework__slider .change__navi .bar--right {
    background-position: right bottom;
    right: 0;
}

.rework__info {
    background: #27161b;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    box-sizing: border-box;
    display: none;
    margin: 0 auto;
    max-width: 1024px;
    padding: 40px 150px;
    width: 100%;
    text-align: left;
}

.rework__info--1 {
    display: block;
}

.rework .mode__box,
.rework .report__box,
.rework .store__box {
    font-size: 0;
    margin: 0 auto;
    max-width: 960px;
    padding-top: 140px;
}

.rework .mode__txtcol,
.rework .report__txtcol,
.rework .store__txtcol {
    box-sizing: border-box;
    display: none;
    padding: 50px 40px 0 40px;
    vertical-align: top;
    width: 50%;
    text-align: left;
}

.rework .mode__txtcol--show,
.rework .report__txtcol--show,
.rework .store__txtcol--show {
    display: inline-block;
}

.rework .mode__tabcol,
.rework .report__tabcol,
.rework .store__tabcol {
    box-sizing: border-box;
    display: inline-block;
    padding: 50px 40px 0 40px;
    vertical-align: top;
    width: 50%;
}

.rework .mode__squares,
.rework .report__squares,
.rework .store__squares {
    font-size: 0;
    text-align: center;
}

.rework .mode__tab,
.rework .report__tab,
.rework .store__tab {
    border-radius: 15px;
    cursor: pointer;
    display: inline-block;
    height: 90px;
    margin: 0 5px;
    opacity: 0.6;
    transition: all 0.3s;
    width: 90px;
}

.rework .mode__tab--a,
.rework .report__tab--a,
.rework .store__tab--a {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/icons-mode.jpg")
        no-repeat;
}

.rework .mode__tab--b,
.rework .report__tab--b,
.rework .store__tab--b {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/icons-report.jpg")
        no-repeat;
}

.rework .mode__tab--c,
.rework .report__tab--c,
.rework .store__tab--c {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/icons-store.jpg")
        no-repeat;
}

.rework .mode__tab--1,
.rework .report__tab--1,
.rework .store__tab--1 {
    background-position: left center;
}

.rework .mode__tab--2,
.rework .report__tab--2,
.rework .store__tab--2 {
    background-position: -90px center;
}

.rework .mode__tab--3,
.rework .report__tab--3,
.rework .store__tab--3 {
    background-position: -180px center;
}

.rework .mode__tab--4,
.rework .report__tab--4,
.rework .store__tab--4 {
    background-position: right center;
}

.rework .mode__tab:hover,
.rework .report__tab:hover,
.rework .store__tab:hover {
    opacity: 0.8;
}

.rework .mode__tab--selected,
.rework .report__tab--selected,
.rework .store__tab--selected {
    opacity: 1;
    box-shadow: 0 0 5px 2px #571428;
}

.rework .mode__tab--selected:hover,
.rework .report__tab--selected:hover,
.rework .store__tab--selected:hover {
    opacity: 1;
}

.rework .mode__slide {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/image-featured-mode.jpg")
        no-repeat;
    height: 350px;
    transition: all 0.5s;
    width: 100%;
}

.rework .mode__slide--1 {
    background-position: left center;
}

.rework .mode__slide--2 {
    background-position: center center;
}

.rework .mode__slide--3 {
    background-position: right center;
}

.rework .report__slide {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/image-featured-report.jpg")
        no-repeat;
    height: 350px;
    transition: all 0.5s;
    width: 100%;
}

.rework .report__slide--1 {
    background-position: left center;
}

.rework .report__slide--2 {
    background-position: -960px center;
}

.rework .report__slide--3 {
    background-position: -1920px center;
}

.rework .report__slide--4 {
    background-position: right center;
}

.rework .store__slide {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/image-featured-store.jpg")
        no-repeat;
    height: 540px;
    transition: all 0.5s;
    width: 100%;
}

.rework .store__slide--1 {
    background-position: left center;
}

.rework .store__slide--2 {
    background-position: center center;
}

.rework .store__slide--3 {
    background-position: right center;
}

.rework .mod {
    padding-bottom: 100px;
}

.rework .mod__box {
    font-size: 0;
    margin: 0 auto;
    max-width: 960px;
    padding-top: 20px;
    text-align: center;
}

.rework .mod__rect {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/image-featured-mod.jpg")
        no-repeat;
    box-shadow: inset 0 0 5px 2px rgba(87, 20, 40, 0);
    display: inline-block;
    height: 454px;
    margin: 1%;
    position: relative;
    transition: all 0.3s;
    vertical-align: top;
    width: 30%;
}

.rework .mod__rect--1 {
    background-position: left center;
}

.rework .mod__rect--2 {
    background-position: center center;
}

.rework .mod__rect--3 {
    background-position: right center;
}

.rework .mod__rect:hover {
    box-shadow: inset 0 0 12px 3px #571428;
}

.rework .mod__rect:hover .mod__click {
    opacity: 1;
}

.rework .mod__play {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/btn-play-red.png")
        center top;
    display: inline-block;
    height: 212px;
    left: 50%;
    margin-left: -106px;
    margin-top: -106px;
    position: absolute;
    top: 50%;
    width: 212px;
}

.rework .mod__click {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/apex/btn-play-red.png")
        center bottom;
    height: 100%;
    left: 50%;
    margin-left: -106px;
    margin-top: -106px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: opacity 0.3s;
    width: 100%;
    z-index: 1;
}

.rework .mod__name {
    bottom: -60px;
    left: 0;
    position: absolute;
    width: 100%;
}

.patch {
    padding-top: 80px;
    text-align: center;
    width: 100%;
}

.patch__title {
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 1024px;
    padding: 0 100px 40px 100px;
    position: relative;
    width: 100%;
}

.patch__icons {
    margin: 0 auto;
    max-width: 1024px;
    padding-bottom: 60px;
    width: 100%;
}

.patch__icons--smaller {
    box-sizing: border-box;
    padding: 0 60px 30px 60px;
}

.patch__icons .icon {
    background: rgba(44, 33, 41, 0);
    border-radius: 4px 4px 0 0;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0);
    cursor: pointer;
    display: inline-block;
    height: 110px;
    margin: 10px 0 0 0;
    padding: 8px 4px 25px 4px;
    text-align: center;
    transition: all 0.2s;
    width: 80px;
    vertical-align: top;
}

.patch__icons .icon.icon--active {
    background: #2c2129;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2);
}

.patch__icons .icon__image {
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.9),
        inset 0 1px 2px rgba(87, 20, 40, 0.9),
        inset 0 0 12px 2px rgba(87, 20, 40, 0);
    box-sizing: border-box;
    height: 70px;
    margin: 0 auto 5px auto;
    transition: all 0.3s;
    width: 74px;
}

.patch__icons .icon__image--1 {
    background-position: left top;
}

.patch__icons .icon__image--2 {
    background-position: -74px top;
}

.patch__icons .icon__image--3 {
    background-position: -148px top;
}

.patch__icons .icon__image--4 {
    background-position: -222px top;
}

.patch__icons .icon__image--5 {
    background-position: -296px top;
}

.patch__icons .icon__image--6 {
    background-position: -370px top;
}

.patch__icons .icon__image--7 {
    background-position: -444px top;
}

.patch__icons .icon__image--8 {
    background-position: -518px top;
}

.patch__icons .icon__image--9 {
    background-position: -592px top;
}

.patch__icons .icon__image--10 {
    background-position: -666px top;
}

.patch__icons .icon__image--11 {
    background-position: -740px top;
}

.patch__icons .icon__image--12 {
    background-position: left -74px;
}

.patch__icons .icon__image--13 {
    background-position: -74px -74px;
}

.patch__icons .icon__image--14 {
    background-position: -148px -74px;
}

.patch__icons .icon__image--15 {
    background-position: -222px -74px;
}

.patch__icons .icon__image--16 {
    background-position: -296px -74px;
}

.patch__icons .icon__image--17 {
    background-position: -370px -74px;
}

.patch__icons .icon__image--18 {
    background-position: -444px -74px;
}

.patch__icons .icon__image--19 {
    background-position: -518px -74px;
}

.patch__icons .icon__image--20 {
    background-position: -592px -74px;
}

.patch__icons .icon__image--21 {
    background-position: -666px -74px;
}

.patch__icons .icon__image--22 {
    background-position: -740px -74px;
}

.patch__icons .icon__image--23 {
    background-position: left -148px;
}

.patch__icons .icon__image--24 {
    background-position: -74px -148px;
}

.patch__icons .icon__image--25 {
    background-position: -148px -148px;
}

.patch__icons .icon__image--26 {
    background-position: -222px -148px;
}

.patch__icons .icon__image--27 {
    background-position: -296px -148px;
}

.patch__icons .icon__image--28 {
    background-position: -370px -148px;
}

.patch__icons .icon__image--29 {
    background-position: -444px -148px;
}

.patch__icons .icon__image--30 {
    background-position: -518px -148px;
}

.patch__icons .icon__image--31 {
    background-position: -592px -148px;
}

.patch__icons .icon__image--32 {
    background-position: -666px -148px;
}

.patch__icons .icon__image--33 {
    background-position: -740px -148px;
}

.patch__icons .icon__image--34 {
    background-position: left -222px;
}

.patch__icons .icon__image--35 {
    background-position: -74px -222px;
}

.patch__icons .icon__image--36 {
    background-position: -148px -222px;
}

.patch__icons .icon__image--37 {
    background-position: -222px -222px;
}

.patch__icons .icon__image--38 {
    background-position: -296px -222px;
}

.patch__icons .icon__image--39 {
    background-position: -370px -222px;
}

.patch__icons .icon__image--40 {
    background-position: -444px -222px;
}

.patch__icons .icon__image--41 {
    background-position: -518px -222px;
}

.patch__icons .icon__image--42 {
    background-position: -592px -222px;
}

.patch__icons .icon__image--43 {
    background-position: -666px -222px;
}

.patch__icons .icon__image--44 {
    background-position: -740px -222px;
}

.patch__icons .icon__image--45 {
    background-position: left -296px;
}

.patch__icons .icon__image--46 {
    background-position: -74px -296px;
}

.patch__icons .icon__image--47 {
    background-position: -148px -296px;
}

.patch__icons .icon__image--48 {
    background-position: -222px -296px;
}

.patch__icons .icon__image--49 {
    background-position: -296px -296px;
}

.patch__icons .icon__image--50 {
    background-position: -370px -296px;
}

.patch__icons .icon__image--51 {
    background-position: -444px -296px;
}

.patch__icons .icon__image--52 {
    background-position: -518px -296px;
}

.patch__icons .icon__image--53 {
    background-position: -592px -296px;
}

.patch__icons .icon__image--54 {
    background-position: -666px -296px;
}

.patch__icons .icon__image--55 {
    background-position: -740px -296px;
}

.patch__icons .icon__image--56 {
    background-position: left -370px;
}

.patch__icons .icon__image--57 {
    background-position: -74px -370px;
}

.patch__icons .icon__image--58 {
    background-position: -148px -370px;
}

.patch__icons .icon__image--59 {
    background-position: -222px -370px;
}

.patch__icons .icon__image--60 {
    background-position: -296px -370px;
}

.patch__icons .icon__image--61 {
    background-position: -370px -370px;
}

.patch__icons .icon__image--62 {
    background-position: -444px -370px;
}

.patch__icons .icon__image--63 {
    background-position: -518px -370px;
}

.patch__icons .icon__image--64 {
    background-position: -592px -370px;
}

.patch__icons .icon__image--65 {
    background-position: -666px -370px;
}

.patch__icons .icon__image--66 {
    background-position: -740px -370px;
}

.patch__icons .icon__image--67 {
    background-position: left -444px;
}

.patch__icons .icon__image--68 {
    background-position: -74px -444px;
}

.patch__icons .icon__image--69 {
    background-position: -148px -444px;
}

.patch__icons .icon__image--70 {
    background-position: -222px -444px;
}

.patch__icons .icon__image--71 {
    background-position: -296px -444px;
}

.patch__icons .icon__image--72 {
    background-position: -370px -444px;
}

.patch__icons .icon__image--73 {
    background-position: -444px -444px;
}

.patch__icons .icon__image--74 {
    background-position: -518px -444px;
}

.patch__icons .icon__image--75 {
    background-position: -592px -444px;
}

.patch__icons .icon__image--76 {
    background-position: -666px -444px;
}

.patch__icons .icon__image--77 {
    background-position: -740px -444px;
}

.patch__icons .icon__image--78 {
    background-position: left -518px;
}

.patch__icons .icon__image--79 {
    background-position: -74px -518px;
}

.patch__icons .icon__image--80 {
    background-position: -148px -518px;
}

.patch__icons .icon__image--81 {
    background-position: -222px -518px;
}

.patch__icons .icon__image--82 {
    background-position: -296px -518px;
}

.patch__icons .icon__image--83 {
    background-position: -370px -518px;
}

.patch__icons .icon__image--84 {
    background-position: -444px -518px;
}

.patch__icons .icon__image--85 {
    background-position: -518px -518px;
}

.patch__icons .icon__image--86 {
    background-position: -592px -518px;
}

.patch__icons .icon__image--87 {
    background-position: -666px -518px;
}

.patch__icons .icon__image--88 {
    background-position: -740px -518px;
}

.patch__icons .icon__image--89 {
    background-position: left -592px;
}

.patch__icons .icon__image--90 {
    background-position: -74px -592px;
}

.patch__icons .icon__image--91 {
    background-position: -148px -592px;
}

.patch__icons .icon__image--92 {
    background-position: -222px -592px;
}

.patch__icons .icon__image--93 {
    background-position: -296px -592px;
}

.patch__icons .icon__image--94 {
    background-position: -370px -592px;
}

.patch__icons .icon__image--95 {
    background-position: -444px -592px;
}

.patch__icons .icon__image--96 {
    background-position: -518px -592px;
}

.patch__icons .icon__image--97 {
    background-position: -592px -592px;
}

.patch__icons .icon__image--98 {
    background-position: -666px -592px;
}

.patch__icons .icon__image--99 {
    background-position: -740px -592px;
}

.patch__icons .icon__image--100 {
    background-position: left -666px;
}

.patch__icons .icon__image--101 {
    background-position: -74px -666px;
}

.patch__icons .icon__image--102 {
    background-position: -148px -666px;
}

.patch__icons .icon__image--103 {
    background-position: -222px -666px;
}

.patch__icons .icon__image--104 {
    background-position: -296px -666px;
}

.patch__icons .icon__image--105 {
    background-position: -370px -666px;
}

.patch__icons .icon__image--106 {
    background-position: -444px -666px;
}

.patch__icons .icon__image--107 {
    background-position: -518px -666px;
}

.patch__icons .icon__image--108 {
    background-position: -592px -666px;
}

.patch__icons .icon__image--109 {
    background-position: -666px -666px;
}

.patch__icons .icon__image--110 {
    background-position: -740px -666px;
}

.patch__icons .icon__image--111 {
    background-position: left -740px;
}

.patch__icons .icon__image--112 {
    background-position: -74px -740px;
}

.patch__icons .icon__image--113 {
    background-position: -148px -740px;
}

.patch__icons .icon__image--114 {
    background-position: -222px -740px;
}

.patch__icons .icon__image--115 {
    background-position: -296px -740px;
}

.patch__icons .icon__image--116 {
    background-position: -370px -740px;
}

.patch__icons .icon__image--117 {
    background-position: -444px -740px;
}

.patch__icons .icon__image--118 {
    background-position: -518px -740px;
}

.patch__icons .icon__image--119 {
    background-position: -592px -740px;
}

.patch__icons .icon__image--120 {
    background-position: -666px -740px;
}

.patch__icons .icon__image--121 {
    background-position: -740px -740px;
}

.patch__icons .icon__image--122 {
    background-position: left -814px;
}

.patch__icons .icon__image--123 {
    background-position: -74px -814px;
}

.patch__icons .icon__image--124 {
    background-position: -148px -814px;
}

.patch__icons .icon__image--125 {
    background-position: -222px -814px;
}

.patch__icons .icon__image--126 {
    background-position: -296px -814px;
}

.patch__icons .icon__image--127 {
    background-position: -370px -814px;
}

.patch__icons .icon__image--128 {
    background-position: -444px -814px;
}

.patch__icons .icon__image--129 {
    background-position: -518px -814px;
}

.patch__icons .icon__image--130 {
    background-position: -592px -814px;
}

.patch__icons .icon__image--131 {
    background-position: -666px -814px;
}

.patch__icons .icon__image--132 {
    background-position: -740px -814px;
}

.patch__icons .icon__image--133 {
    background-position: left -888px;
}

.patch__icons .icon__image--134 {
    background-position: -74px -888px;
}

.patch__icons .icon__image--135 {
    background-position: -148px -888px;
}

.patch__icons .icon__image--136 {
    background-position: -222px -888px;
}

.patch__icons .icon__image--137 {
    background-position: -296px -888px;
}

.patch__icons .icon__image--138 {
    background-position: -370px -888px;
}

.patch__icons .icon__image--139 {
    background-position: -444px -888px;
}

.patch__icons .icon__image--140 {
    background-position: -518px -888px;
}

.patch__icons .icon__image--141 {
    background-position: -592px -888px;
}

.patch__icons .icon__image--142 {
    background-position: -666px -888px;
}

.patch__icons .icon__image--143 {
    background-position: -740px -888px;
}

.patch__icons .icon__image--144 {
    background-position: left -962px;
}

.patch__icons .icon__image--145 {
    background-position: -74px -962px;
}

.patch__icons .icon__image--146 {
    background-position: -148px -962px;
}

.patch__icons .icon__image--147 {
    background-position: -222px -962px;
}

.patch__icons .icon__image--148 {
    background-position: -296px -962px;
}

.patch__icons .icon__image--149 {
    background-position: -370px -962px;
}

.patch__icons .icon__image--150 {
    background-position: -444px -962px;
}

.patch__icons .icon__image--151 {
    background-position: -518px -962px;
}

.patch__icons .icon__image--152 {
    background-position: -592px -962px;
}

.patch__icons .icon__image--153 {
    background-position: -666px -962px;
}

.patch__icons .icon__image--154 {
    background-position: -740px -962px;
}

.patch__icons .icon__image--155 {
    background-position: left -1036px;
}

.patch__icons .icon__image--156 {
    background-position: -74px -1036px;
}

.patch__icons .icon__image--157 {
    background-position: -148px -1036px;
}

.patch__icons .icon__image--158 {
    background-position: -222px -1036px;
}

.patch__icons .icon__image--159 {
    background-position: -296px -1036px;
}

.patch__icons .icon__image--160 {
    background-position: -370px -1036px;
}

.patch__icons .icon__image--161 {
    background-position: -444px -1036px;
}

.patch__icons .icon__image--162 {
    background-position: -518px -1036px;
}

.patch__icons .icon__image--163 {
    background-position: -592px -1036px;
}

.patch__icons .icon__image--164 {
    background-position: -666px -1036px;
}

.patch__icons .icon__image--165 {
    background-position: -740px -1036px;
}

.patch__icons .icon__image--166 {
    background-position: left -1110px;
}

.patch__icons .icon__image--167 {
    background-position: -74px -1110px;
}

.patch__icons .icon__image--168 {
    background-position: -148px -1110px;
}

.patch__icons .icon__image--169 {
    background-position: -222px -1110px;
}

.patch__icons .icon__image--170 {
    background-position: -296px -1110px;
}

.patch__icons .icon__image--171 {
    background-position: -370px -1110px;
}

.patch__icons .icon__image--172 {
    background-position: -444px -1110px;
}

.patch__icons .icon__image--173 {
    background-position: -518px -1110px;
}

.patch__icons .icon__image--174 {
    background-position: -592px -1110px;
}

.patch__icons .icon__image--175 {
    background-position: -666px -1110px;
}

.patch__icons .icon__image--176 {
    background-position: -740px -1110px;
}

.patch__icons .icon__image--177 {
    background-position: left -1184px;
}

.patch__icons .icon__image--178 {
    background-position: -74px -1184px;
}

.patch__icons .icon__image--179 {
    background-position: -148px -1184px;
}

.patch__icons .icon__image--180 {
    background-position: -222px -1184px;
}

.patch__icons .icon__image--glow {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4),
        inset 0 1px 3px rgba(255, 255, 255, 0.4),
        inset 0 0 0 4px rgba(224, 183, 119, 0.9);
}

.patch__icons .icon__text {
    color: #b98a85;
    font-size: 14px;
    font-size: 1.6rem;
    font-weight: 700;
}

.patch__icons .desc {
    background: #2c2129;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
    display: none;
    width: 100%;
}

.patch__icons .desc__box {
    box-sizing: border-box;
    padding: 15px 40px 20px;
    text-align: left;
    transition: all 0.4s ease 0.15s;
    width: 100%;
}

.patch__icons .desc__box .wrap {
    padding: 20px;
}

.patch__icons .desc__box .wrap p {
    padding-top: 20px;
}

.patch__icons .cat {
    box-sizing: border-box;
    padding: 25px 10px;
    width: 100%;
}

.patch__icons .cat__sub {
    border-bottom: 2px solid rgba(186, 214, 240, 0.1);
    border-top: 2px solid rgba(186, 214, 240, 0.1);
    display: inline-block;
    margin-top: 20px;
    padding: 8px 20px;
}

.patch__icons .cat__sub--pad {
    padding: 20px 10px 0px 10px;
}

.patch__icons .cat__sub--subPad {
    padding: 0px 10px;
}

.patch__icons .cat__key {
    font-size: 0;
    padding-top: 15px;
    width: 100%;
}

.patch__icons .cat__key .filter {
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 28px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1),
        inset 0 1px 0 rgba(0, 0, 0, 0.8);
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    padding: 8px 20px;
    transition: all 0.3s;
}

.patch__icons .cat__key .filter--selected {
    background-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.nav {
    background: linear-gradient(to top, #151418 50%, #251d24 50%);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.4),
        inset 0 1px 1px rgba(255, 255, 255, 0.1);
    position: relative;
    width: 100%;
}

.nav--sticky {
    left: 0;
    position: fixed;
    top: 0;
    z-index: 99;
}

.nav__contain {
    margin: 0 auto;
    max-width: 1100px;
}

.nav__bar {
    font-size: 0;
    width: 100%;
}

.nav__item {
    display: inline-block;
    text-align: center;
    width: 25%;
}

.nav__item--active {
    background: rgba(87, 20, 40, 0.7);
    color: #c5867c;
}

.nav__item--active:hover {
    background: rgba(87, 20, 40, 0.7);
    color: #c5867c;
}

.nav__btn {
    background: rgba(87, 20, 40, 0);
    border-left: 1px solid rgba(0, 0, 0, 0.4);
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    box-sizing: border-box;
    color: #91635c;
    display: block;
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: 700;
    padding: 18px 0;
    transition: all 0.3s;
    width: 100%;
}

.nav__btn--first {
    border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.nav__btn:hover {
    background: rgba(87, 20, 40, 0.3);
    color: #c5867c;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

@keyframes bounce {
    from {
        top: 16%;
        animation-timing-function: ease-out;
    }
    50% {
        top: 17%;
        animation-timing-function: ease-in;
    }
    to {
        top: 16%;
        animation-timing-function: ease-out;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -50%, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

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

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 20%, 0);
    }
    80% {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

.os-animation {
    opacity: 0;
}

.os-animation.animated {
    opacity: 1;
}

.footer {
    max-width: 960px;
    margin: 0 auto;
    padding: 100px 0;
    position: relative;
    text-align: center;
}

.footer .footer__content {
    font-size: 0;
    text-align: center;
    width: 100%;
}

.footer .footer__content .footer__inline {
    display: inline-block;
    vertical-align: middle;
    width: 33.33%;
}

.footer .footer__content .footer__inline--frostburn {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/paragon/images/frostburn-logo.png")
        left center no-repeat;
    height: 42px;
    width: 207px;
}

.footer .footer__content .footer__inline--hon {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/paragon/images/hon-logo-icon.png")
        center center no-repeat;
    background-size: contain;
    height: 90px;
    margin: 0 120px;
    width: 90px;
}

.footer .footer__content .footer__inline--social {
    font-size: 0;
    text-align: left;
    width: 207px;
}

.footer .footer__content .footer__inline--social .footer__social {
    background: url("https://naeu-icb2.s3.amazonaws.com/splash/social-icons.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 32px;
    opacity: 0.4;
    transition: opacity 0.3s;
}

.footer .footer__content .footer__inline--social .footer__social--facebook {
    background-position: left center;
    width: 15px;
}

.footer .footer__content .footer__inline--social .footer__social--twitter {
    background-position: -15px 0;
    margin: 0 20px;
    width: 31px;
}

.footer .footer__content .footer__inline--social .footer__social--youtube {
    background-position: right center;
    width: 33px;
}

.footer .footer__content .footer__inline--social .footer__social:hover {
    opacity: 0.6;
}

.footer .footer__cr {
    color: rgba(255, 255, 255, 0.4);
    padding-top: 22px;
}

/* style inputs and link buttons */
input,
.btn {
    width: 100%;
    padding: 12px 0px 12px 0px;
    border: none;
    border-radius: 4px;
    margin: 5px 0;
    opacity: 0.85;
    display: inline-block;
    font-size: 17px;
    line-height: 20px;
    text-decoration: none; /* remove underline from anchors */
}

/* Login Window */
.login-window {
    position: relative;
    left: 2em;
    top: 2em;
}

.login-window-header {
    font-size: 2.2em;
    color: #d7f0d7;
}

/* style the submit button */
/* style inputs and link buttons */
input,
.btn {
    padding: 12px;
    border: none;
    border-radius: 4px;
    margin: 5px 0;
    opacity: 0.85;
    display: inline-block;
    font-size: 17px;
    line-height: 20px;
    text-decoration: none; /* remove underline from anchors */
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

input:hover,
.btn:hover {
    opacity: 1;
}

/* style the submit button */
input[type="submit"] {
    background-color: #4caf50;
    color: white;
    cursor: pointer;
    font-size: 1.5em;
}

input[type="submit"]:hover {
    background-color: #45a049;
}

/* style the Forgot username/password button */
.forgot-username-pass-btn {
    background-color: rgba(119, 19, 49, 0.7);
    color: white;
    cursor: pointer;
    font-size: 1.1em;
}

.forgot-username-pass-btn:hover {
    background-color: rgba(134, 26, 59, 0.7);
    color: white;
}

.is-center {
    align-items: center;
    justify-content: center;
}