@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/
/* Table of contents
ÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇô
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/
/* Grid
ÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇô */
.container { position: relative; width: 100%; max-width: 960px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }

.column, .columns { width: 100%; float: left; box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) { .container { width: 85%; padding: 0; } }
/* For devices larger than 550px */
@media (min-width: 550px) { .container { width: 80%; }
  .column, .columns { margin-left: 4%; }
  .column:first-child, .columns:first-child { margin-left: 0; }
  .one.column, .one.columns { width: 4.66666666667%; }
  .two.columns { width: 13.3333333333%; }
  .three.columns { width: 22%; }
  .four.columns { width: 30.6666666667%; }
  .five.columns { width: 39.3333333333%; }
  .six.columns { width: 48%; }
  .seven.columns { width: 56.6666666667%; }
  .eight.columns { width: 65.3333333333%; }
  .nine.columns { width: 74.0%; }
  .ten.columns { width: 82.6666666667%; }
  .eleven.columns { width: 91.3333333333%; }
  .twelve.columns { width: 100%; margin-left: 0; }
  .one-third.column { width: 30.6666666667%; }
  .two-thirds.column { width: 65.3333333333%; }
  .one-half.column { width: 48%; }
  /* Offsets */
  .offset-by-one.column, .offset-by-one.columns { margin-left: 8.66666666667%; }
  .offset-by-two.column, .offset-by-two.columns { margin-left: 17.3333333333%; }
  .offset-by-three.column, .offset-by-three.columns { margin-left: 26%; }
  .offset-by-four.column, .offset-by-four.columns { margin-left: 34.6666666667%; }
  .offset-by-five.column, .offset-by-five.columns { margin-left: 43.3333333333%; }
  .offset-by-six.column, .offset-by-six.columns { margin-left: 52%; }
  .offset-by-seven.column, .offset-by-seven.columns { margin-left: 60.6666666667%; }
  .offset-by-eight.column, .offset-by-eight.columns { margin-left: 69.3333333333%; }
  .offset-by-nine.column, .offset-by-nine.columns { margin-left: 78.0%; }
  .offset-by-ten.column, .offset-by-ten.columns { margin-left: 86.6666666667%; }
  .offset-by-eleven.column, .offset-by-eleven.columns { margin-left: 95.3333333333%; }
  .offset-by-one-third.column, .offset-by-one-third.columns { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column, .offset-by-two-thirds.columns { margin-left: 69.3333333333%; }
  .offset-by-one-half.column, .offset-by-one-half.columns { margin-left: 52%; } }
/* Base Styles
ÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇô */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html { font-size: 62.5%; }

body { font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */ line-height: 1.6; font-weight: 400; font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #222; }

/* Typography
ÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇô */
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 2rem; font-weight: 300; }

h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem; }

h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }

h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; }

h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }

h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; }

h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) { h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; } }
p { margin-top: 0; }

/* Links
ÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇô */
a { color: #1EAEDB; }

a:hover { color: #0FA0CE; }

/* Buttons
ÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇô */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; height: 38px; padding: 0 30px; color: #555; text-align: center; font-size: 11px; font-weight: 600; line-height: 38px; letter-spacing: .1rem; text-transform: uppercase; text-decoration: none; white-space: nowrap; background-color: transparent; border-radius: 4px; border: 1px solid #bbb; cursor: pointer; box-sizing: border-box; }

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus { color: #333; border-color: #888; outline: 0; }

.button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary { color: #FFF; background-color: #33C3F0; border-color: #33C3F0; }

.button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus { color: #FFF; background-color: #1EAEDB; border-color: #1EAEDB; }

/* Forms
ÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇô */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select { height: 38px; padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */ background-color: #fff; border: 1px solid #D1D1D1; border-radius: 4px; box-shadow: none; box-sizing: border-box; }

/* Removes awkward default styles on some inputs for iOS */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

textarea { min-height: 65px; padding-top: 6px; padding-bottom: 6px; }

input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border: 1px solid #33C3F0; outline: 0; }

label, legend { display: block; margin-bottom: .5rem; font-weight: 600; }

fieldset { padding: 0; border-width: 0; }

input[type="checkbox"], input[type="radio"] { display: inline; }

label > .label-body { display: inline-block; margin-left: .5rem; font-weight: normal; }

/* Lists
ÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇô */
ul { list-style: circle inside; }

ol { list-style: decimal inside; }

ol, ul { padding-left: 0; margin-top: 0; }

ul ul, ul ol, ol ol, ol ul { margin: 1.5rem 0 1.5rem 3rem; font-size: 90%; }

li { margin-bottom: 1rem; }

/* Code
ÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇô */
code { padding: .2rem .5rem; margin: 0 .2rem; font-size: 90%; white-space: nowrap; background: #F1F1F1; border: 1px solid #E1E1E1; border-radius: 4px; }

pre > code { display: block; padding: 1rem 1.5rem; white-space: pre; }

/* Tables
ÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇô */
th, td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #E1E1E1; }

th:first-child, td:first-child { padding-left: 0; }

th:last-child, td:last-child { padding-right: 0; }

/* Spacing
ÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇô */
button, .button { margin-bottom: 1rem; }

input, textarea, select, fieldset { margin-bottom: 1.5rem; }

pre, blockquote, dl, figure, table, p, ul, ol, form { margin-bottom: 2.5rem; }

/* Utilities
ÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇô */
.u-full-width { width: 100%; box-sizing: border-box; }

.u-max-full-width { max-width: 100%; box-sizing: border-box; }

.u-pull-right { float: right; }

.u-pull-left { float: left; }

/* Misc
ÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇô */
hr { margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; border-top: 1px solid #E1E1E1; }

/* Clearing
ÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇô */
/* Self Clearing Goodness */
.container:after, .row:after, .u-cf { content: ""; display: table; clear: both; }

/* Media Queries
ÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇôÔÇô */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
/* Larger than mobile */
/* Larger than phablet (also point when grid becomes active) */
/* Larger than tablet */
/* Larger than desktop */
/* Larger than Desktop HD */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }

.sf-menu li { position: relative; }

.sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }

.sf-menu > li { float: left; }

.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; }

.sf-menu a { display: block; position: relative; }

.sf-menu ul ul { top: 0; left: 100%; }

/*** DEMO SKIN ***/
.sf-menu { float: left; margin-bottom: 1em; }

.sf-menu ul { box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); min-width: 12em; /* allow long menu items to determine submenu width */ *width: 12em; /* no auto sub width for IE7, see white-space comment below */ }

.sf-menu a { border-left: 1px solid #fff; border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */ border-top: 1px solid rgba(255, 255, 255, 0.5); padding: .75em 1em; text-decoration: none; zoom: 1; /* IE7 */ }

.sf-menu a { color: #13a; }

.sf-menu li { background: #BDD2FF; white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ -webkit-transition: background .2s; transition: background .2s; }

.sf-menu ul li { background: #AABDE6; }

.sf-menu ul ul li { background: #9AAEDB; }

.sf-menu li:hover, .sf-menu li.sfHover { background: #CFDEFF; /* only transition out, not in */ -webkit-transition: none; transition: none; }

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul { padding-right: 2.5em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ }

/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255, 255, 255, 0.5); }

.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour */ }

/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255, 255, 255, 0.5); }

.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; }

.icons-sprite, .icons-fb, .icons-insta, .icons-reddit, .icons-twitch, .icons-twitter, .icons-yt { background-image: url('../images/icons-s5498dc6689.png'); background-repeat: no-repeat; }

.icons-fb { background-position: 0 0; height: 34px; width: 34px; }

.icons-insta { background-position: 0 -34px; height: 34px; width: 34px; }

.icons-reddit { background-position: 0 -68px; height: 34px; width: 34px; }

.icons-twitch { background-position: 0 -102px; height: 34px; width: 34px; }

.icons-twitter { background-position: 0 -136px; height: 34px; width: 34px; }

.icons-yt { background-position: 0 -170px; height: 34px; width: 34px; }

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: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

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

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

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

a img { border: none; }

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

* { box-sizing: border-box; margin: 0; }

body, html { height: 100%; }

body { font-size: 14px; font-weight: normal !important; font-family: "Open Sans", sans-serif; background-color: #ececec; color: #686868; }

/*Change skeleton width*/
.container { max-width: 1140px !important; }

#mainContent { margin-top: 93px; }

a { color: #d30000; text-decoration: none; }
a:hover { color: #000000; }

.errors { padding: 20px 0; }

textarea, input { font-weight: normal; }
textarea.error, input.error { border: 1px solid red !important; }

.wrapper { min-height: 100%; height: auto !important; margin: 0 auto -210px; }

#footer, .push { min-height: 210px; }

.create-news-item textarea { height: 500px; }

.read-news-item .post .post-image { padding-bottom: 20px; }

.pagination li { display: inline-block; padding: 0 5px; }

.translation { background-color: #f0f0f0; }

input, select { border: 1px solid #000000; border-radius: 0; }

.clear { clear: both; }

button, .button { background: #d30000; border: none !important; color: #fff !important; font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 35px; height: 38px; line-height: 38px; text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
button .button-wrap, .button .button-wrap { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }

h2, .h2, h1, .h1, h2, .news-read .article-header .title, h3, .h3, .cd-hero .slide .text, #newsIndex .featured .post .title, #newsIndex .post-list .post .title { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; font-size: 28px; font-weight: bold; text-transform: uppercase; }

h1, .h1, h2, .h2, h1, h3, .h3, .cd-hero .slide .text, #newsIndex .featured .post .title, #newsIndex .post-list .post .title, .news-read .article-header .title { color: #d30000; font-size: 36px; font-weight: normal; }

h3, .h3, .cd-hero .slide .text, #newsIndex .featured .post .title, #newsIndex .post-list .post .title { font-size: 20px; }

.contentHeaderContain { margin: 0 auto; display: inline-block; width: 100%; margin-top: 40px; }
.contentHeaderContain h2, .contentHeaderContain p { color: #d30000; margin: 0 auto; margin-top: -9px; margin-bottom: 40px; font-size: 25px; text-transform: uppercase; text-align: center; }
.contentHeaderContain h2 { margin-top: -18px; font-size: 25px; }
.contentHeaderContain p { margin-top: -9px; font-size: 15px; }
.contentHeaderContain .contentHeaderLines { margin-top: 25px; width: 34%; float: left; height: 3px; margin: 0 auto; border-top: 1px solid #d30000; border-bottom: 1px solid #d30000; }
.contentHeaderContain .contentFooterLines { margin-top: 30px; width: 44%; float: left; }
.contentHeaderContain .contentLineRight { float: right; }
.contentHeaderContain .lotusLogo { height: 48px; width: 83px; margin: 0 auto; margin-top: -33px; margin-bottom: 50px; background-repeat: no-repeat; background-image: url("../images/redLotus.png"); }

.container.errors { position: relative; z-index: 50; top: 160px; background: #cc0000; color: white; padding: 30px; }

#fullScreenDownArrow { -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; position: fixed; bottom: 20px; left: 50%; z-index: 10; background: #111; width: 10em; height: 10em; padding: 4em 2em; border-radius: 50%; font-size: 0.5em; display: block; box-shadow: 0px 0px 5px 0px #333; }
@media (max-width: 600px) { #fullScreenDownArrow { left: 43%; } }
#fullScreenDownArrow .arrow { float: left; position: relative; width: 0px; height: 0px; border-style: solid; border-width: 3em 3em 0 3em; border-color: #ffffff transparent transparent transparent; -webkit-transform: rotate(360deg); }
#fullScreenDownArrow .arrow:after { content: ''; position: absolute; top: -3.2em; left: -3em; width: 0px; height: 0px; border-style: solid; border-width: 3em 3em 0 3em; border-color: #111 transparent transparent transparent; -webkit-transform: rotate(360deg); }

@-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); transform: translateY(0); }
  40% { -moz-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -moz-transform: translateY(-15px); transform: translateY(-15px); } }
@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } }
@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px); } }
.cd-hero { position: relative; }
.cd-hero.slider { border-bottom: 6px solid #d30000; }
.cd-hero.slider .slide { max-height: 600px; }
.cd-hero.slider .slide img { min-width: 100%; }
.cd-hero .slider-nav { position: absolute; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; bottom: 0px; height: 34px; z-index: 10; }
.cd-hero .slider-nav::before, .cd-hero .slider-nav::after { content: ''; display: inline-block; vertical-align: bottom; }
.cd-hero .slider-nav::before { width: 0; height: 0; border-bottom: 36px solid #d30000; border-left: 36px solid transparent; }
.cd-hero .slider-nav::after { width: 0; height: 0; border-right: 36px solid transparent; border-bottom: 36px solid #d30000; }
.cd-hero .slider-nav ul { display: inline-block; background-color: #d30000; height: 36px; margin: 0px -4px; }
.cd-hero .slider-nav ul li { display: inline-block; -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); width: 14px; height: 14px; border: 2px solid #ffffff; margin: 12px 20px 0 20px; color: transparent; cursor: pointer; list-style: none; }
.cd-hero .slider-nav ul li.selected { z-index: 5 !important; }
.cd-hero .slider-nav ul li.selected::before { content: ''; position: absolute; display: block; width: 100%; height: 100%; background-color: #ffffff; border: 3px solid #d30000; border-radius: 50%; box-sizing: border-box; }
.cd-hero .slide.selected { z-index: 5 !important; }
.cd-hero .slide .text { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; color: #ffffff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; text-align: left; }
.cd-hero .slide .text video { z-index: -1; position: absolute; top: -80px; min-height: 521px; left: 50%; transform: translate(-50%, 0); min-width: 1920px; width: 100%; }
.cd-hero .slide .text .slide-content { height: 100%; }
.cd-hero .slide .text .slide-content img { min-width: 0; margin-bottom: 20px; }
.cd-hero .slide .text .slide-content p { font-family: "Open Sans", sans-serif; margin: 0; font-size: 14px; text-transform: none; line-height: 1em; padding-bottom: 20px; word-spacing: 0; }
.cd-hero .slide .text .slide-content a { text-decoration: underline; }
.cd-hero .slide .text .slide-content a:hover { color: #d30000; }
.cd-hero .slide-template { position: absolute; }
.cd-hero .slide-template.top-left { top: 0; left: 0; }
.cd-hero .slide-template.top-right { top: 0; right: 0; }
.cd-hero .slide-template.bottom-left { bottom: 0; left: 0; }
.cd-hero .slide-template.bottom-right { bottom: 0; right: 0; }

/*Forms*/
form label[for="email"], form label[for="email_confirm"], form label[for="email_confirm"], form label[for="alias"], form label[for="password"], form label[for="password_confirm"], form label[for="password_confirm"] { display: none; }
form fieldset .form-text { border: 1px solid #d9d9d9; border-radius: 0; background-color: #e9e9e9; height: 50px; width: 100%; margin-bottom: 15px; }
form fieldset input[type="checkbox"] { position: relative; float: left; margin-right: 9px; top: 4px; }
form fieldset label.error { color: red; margin-bottom: 10px; }
form [data-tip] { position: relative; }
form [data-tip]:before, form [data-tip]:after { display: none; position: absolute; top: 0; }
form [data-tip]:before { content: ''; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-right: 14px solid #1a1a1a; right: -14px; z-index: 8; font-size: 0; line-height: 0; width: 0; height: 0; }
form [data-tip]:after { content: attr(data-tip); right: -230px; width: 200px; padding: 5px 8px; background: #1a1a1a; color: #fff; z-index: 9; font-size: 0.75em; line-height: 18px; word-wrap: normal; height: auto; text-align: center; }
form [data-tip]:hover:before, form [data-tip]:hover:after { display: block; }

@media (max-width: 1250px) { body.news_index #mainContent, body #mainContent { margin-top: 45px !important; } }
@media (max-width: 1200px) { .contentHeaderLines { width: 29% !important; }
  .contentFooterLines { width: 42% !important; } }
@media (max-width: 900px) { .contentHeaderLines { width: 22% !important; }
  .contentFooterLines { width: 40% !important; } }
@media (max-width: 700px) { .contentHeaderLines { width: 16% !important; }
  .contentFooterLines { width: 37% !important; } }
@media (max-width: 480px) { .contentHeaderLines { width: 12% !important; }
  .contentFooterLines { width: 32% !important; } }
#colorbox { /*Colorbox*/ }
#colorbox #cboxTopLeft, #colorbox #cboxTopCenter, #colorbox #cboxTopRight, #colorbox #cboxMiddleLeft, #colorbox #cboxMiddleRight, #colorbox #cboxBottomLeft, #colorbox #cboxBottomCenter, #colorbox #cboxBottomRight, #colorbox #cboxClose { width: 0 !important; height: 0 !important; display: none !important; }
#colorbox #cboxContent { background: none !important; }
#colorbox #cboxLoadedContent { border: 1px solid #000000; background: #ffffff; margin: 0 !important; }
#colorbox #cboxLoadedContent .inner { padding: 20px; }

.alert { position: absolute; z-index: 10; width: 500px; left: 39%; padding: 20px; background: rgba(255, 255, 255, 0.7); color: black; font-weight: bold; text-transform: uppercase; margin-top: 15px; }
.alert .close { position: absolute; top: 5px; right: 5px; cursor: pointer; color: #000; font-size: 17px; }
.alert.alert-success { color: #6DB4CB; border-bottom: 4px solid #6DB4CB; }
.alert.alert-danger { color: #d30000; border-bottom: 4px solid #d30000; }
@media (max-width: 875px) { .alert { width: 100%; left: 0; top: 120px; } }
@media (min-width: 875px) and (max-width: 1250px) { .alert { margin-top: 55px; } }

.h-center { position: absolute; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; }

/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-header { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 50px; background-color: #21272c; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

@media only screen and (min-width: 768px) { .cd-header { height: 70px; background-color: transparent; } }
#cd-logo { float: left; margin: 13px 0 0 5%; }

#cd-logo img { display: block; }

@media only screen and (min-width: 768px) { #cd-logo { margin: 23px 0 0 5%; } }
.cd-primary-nav { /* mobile first - navigation hidden by default, triggered by tap/click on navigation icon */ float: right; margin-right: 5%; width: 44px; height: 100%; background: url("../assets/cd-icon-menu.svg") no-repeat center center; }

.cd-primary-nav ul { position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }

.cd-primary-nav ul.is-visible { box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); }

.cd-primary-nav a { display: block; height: 50px; line-height: 50px; padding-left: 5%; background: #21272c; border-top: 1px solid #333c44; color: #ffffff; }

@media only screen and (min-width: 768px) { .cd-primary-nav { /* reset navigation values */ width: auto; height: auto; background: none; }
  .cd-primary-nav ul { position: static; width: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); line-height: 70px; }
  .cd-primary-nav ul.is-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  .cd-primary-nav li { display: inline-block; margin-left: 1em; }
  .cd-primary-nav a { display: inline-block; height: auto; font-weight: 600; line-height: normal; background: transparent; padding: .6em 1em; border-top: none; } }
/* -------------------------------- 

Slider

-------------------------------- */
.cd-hero { position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.cd-hero-slider { position: relative; height: 521px; overflow: hidden; }

.cd-hero-slider li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }

.cd-hero-slider li.selected { /* this is the visible slide */ position: relative; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

.cd-hero-slider li.move-left { /* slide hidden on the left */ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }

.cd-hero-slider li.is-moving, .cd-hero-slider li.selected { /* the is-moving class is assigned to the slide which is moving outside the viewport */ -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; }

/* -------------------------------- 

Single slide style

-------------------------------- */
.cd-hero-slider li { background-position: center center; background-size: cover; background-repeat: no-repeat; }

.cd-hero-slider li:first-of-type { background-color: #2c343b; }

.cd-hero-slider li:nth-of-type(2) { background-color: #3d4952; background-image: url("../assets/tech-1-mobile.jpg"); }

.cd-hero-slider li:nth-of-type(3) { background-color: #586775; background-image: url("../assets/tech-2-mobile.jpg"); }

.cd-hero-slider li:nth-of-type(4) { background-color: #2c343b; background-image: url("../assets/video-replace-mobile.jpg"); }

.cd-hero-slider li:nth-of-type(5) { background-color: #2c343b; background-image: url(../assets/img.jpg); }

.cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0; /* this padding is used to align the text */ padding-top: 100px; text-align: center; /* Force Hardware Acceleration in WebKit */ -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }

.cd-hero-slider .cd-img-container { /* hide image on mobile device */ display: none; }

.cd-hero-slider .cd-img-container img { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.cd-hero-slider .cd-bg-video-wrapper { /* hide video on mobile device */ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }

.cd-hero-slider .cd-bg-video-wrapper video { /* you won't see this element in the html, but it will be injected using js */ display: block; min-height: 100%; min-width: 100%; max-width: none; height: auto; width: auto; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.cd-hero-slider h2, .cd-hero-slider p { text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); line-height: 1.2; margin: 0 auto 14px; color: #ffffff; width: 90%; max-width: 400px; }

.cd-hero-slider h2 { font-size: 2.4rem; }

.cd-hero-slider p { font-size: 1.4rem; line-height: 1.4; }

.cd-hero-slider .cd-btn.secondary { background-color: rgba(22, 26, 30, 0.8); }

.cd-hero-slider .cd-btn:nth-of-type(2) { margin-left: 1em; }

@media only screen and (min-width: 768px) { .cd-hero-slider li:nth-of-type(2) { background-image: none; }
  .cd-hero-slider li:nth-of-type(3) { background-image: none; }
  .cd-hero-slider li:nth-of-type(4) { background-image: none; }
  .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { padding-top: 100px; }
  .cd-hero-slider .cd-bg-video-wrapper { display: block; }
  .cd-hero-slider .cd-half-width { width: 45%; }
  .cd-hero-slider .cd-half-width:first-of-type { left: 5%; }
  .cd-hero-slider .cd-half-width:nth-of-type(2) { right: 5%; left: auto; }
  .cd-hero-slider .cd-img-container { display: block; }
  .cd-hero-slider h2, .cd-hero-slider p { max-width: 520px; }
  .cd-hero-slider h2 { font-size: 2.4em; font-weight: 300; }
  .cd-hero-slider .cd-btn { font-size: 1.4rem; } }
@media only screen and (min-width: 1170px) { .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { padding-top: 160px; }
  .cd-hero-slider h2, .cd-hero-slider p { margin-bottom: 20px; }
  .cd-hero-slider h2 { font-size: 3.2em; }
  .cd-hero-slider p { font-size: 1.6rem; } }
/* -------------------------------- 

Single slide animation

-------------------------------- */
@media only screen and (min-width: 768px) { .cd-hero-slider .cd-half-width { opacity: 0; -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); }
  .cd-hero-slider .move-left .cd-half-width { -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); }
  .cd-hero-slider .selected .cd-half-width { /* this is the visible slide */ opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
  .cd-hero-slider .is-moving .cd-half-width { /* this is the slide moving outside the viewport
wait for the end of the transition on the <li> parent before set opacity to 0 and translate to 40px/-40px */ -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s; -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s; transition: opacity 0s 0.5s, transform 0s 0.5s; }
  .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2), .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type { /* this is the selected slide - different animation if it's entering from left or right */ -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s; -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s; transition: opacity 0.4s 0.2s, transform 0.5s 0.2s; }
  .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type, .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) { /* this is the selected slide - different animation if it's entering from left or right */ -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s; -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s; transition: opacity 0.4s 0.4s, transform 0.5s 0.4s; }
  .cd-hero-slider .selected .cd-full-width h2, .cd-hero-slider .selected .cd-full-width p { /* this is the visible slide */ opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
  .cd-hero-slider li.is-moving .cd-full-width h2, .cd-hero-slider li.is-moving .cd-full-width p { /* this is the slide moving outside the viewport
wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */ -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s; -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s; transition: opacity 0s 0.5s, transform 0s 0.5s; }
  .cd-hero-slider li.selected h2 { -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s; -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s; transition: opacity 0.4s 0.2s, transform 0.5s 0.2s; }
  .cd-hero-slider li.selected p { -webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s; -moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s; transition: opacity 0.4s 0.3s, transform 0.5s 0.3s; } }
/* -------------------------------- 

Main content

-------------------------------- */
.cd-main-content { width: 90%; max-width: 768px; margin: 0 auto; padding: 2em 0; }

.cd-main-content p { font-size: 1.4rem; line-height: 1.8; color: #999999; margin: 2em 0; }

@media only screen and (min-width: 1170px) { .cd-main-content { padding: 3em 0; }
  .cd-main-content p { font-size: 1.6rem; } }
/* -------------------------------- 

Javascript disabled

-------------------------------- */
.no-js .cd-hero-slider li { display: none; }

.no-js .cd-hero-slider li.selected { display: block; }

.no-js .cd-slider-nav { display: none; }

.containWrap { background-color: #FFFFFF; position: fixed; z-index: 200; width: 100%; top: 0px; height: 45px; }

.fullWidthNav { min-width: 875px; }

.header { height: 45px; }
.header .navHeader::after { background: url("../images/mainSiteAssets/nav/dropDownIcon.png") no-repeat; height: 17px; width: 17px; border: none; top: 9px; right: 9px; }
.header .logoMenu .mainLogo, .header .logoMenu .ul.nav-links { float: left; }
.header .logoMenu .mainLogo { margin: 10px 0 0 20px; }
.header .logoMenu .mainLogo img { height: 28px; }
.header .logoMenu ul.nav-links { font-size: 13px; font-weight: bold; z-index: 3; margin: 7px 0 0 20px; }
.header .logoMenu ul.nav-links li { background: none; }
.header .logoMenu ul.nav-links li a { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; text-transform: uppercase; color: black; border: none; font-size: 12px; }
.header .logoMenu ul.nav-links li ul { border-top: 3px solid #d30000; box-shadow: none; background-color: #f2f2f2; background-color: rgba(242, 242, 242, 0.9); }
.header .logoMenu ul.nav-links li ul li { font-weight: normal; border-top: 1px solid #CFD0D0; }
.header .logoMenu ul.nav-links li ul li a { font-family: "Open Sans", sans-serif; word-spacing: 2px; }
.header .logoMenu ul.nav-links li ul li:hover { background-color: #f5f9f8; }
.header .logoMenu .menuRight { float: right; height: 45px; }
.header .logoMenu .menuRight .languages, .header .logoMenu .menuRight .loginMenu, .header .logoMenu .menuRight .headerSignup { display: inline-block; }
.header .logoMenu .menuRight .languages select { height: 99%; border: none; margin-bottom: 0px; }
.header .logoMenu .menuRight .loginMenu, .header .logoMenu .menuRight .headerSignup { display: inline-block; text-align: center; padding: 0px 35px 9px 25px; border-left: 1px solid white; font-size: 13px; float: none; margin: 0; position: relative; }
.header .logoMenu .menuRight .loginMenu .headerLoginText, .header .logoMenu .menuRight .headerSignup .headerLoginText { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; display: block; color: black; text-transform: uppercase; font-weight: bold; position: relative; }
.header .logoMenu .menuRight ul.loginMenu .sf-with-ul { position: relative; top: 9px; }
.header .logoMenu .menuRight ul.loginMenu a { padding: 0; }
.header .logoMenu .menuRight ul.loginMenu a::after { display: none; }
.header .logoMenu .menuRight ul.loginMenu ul { top: 30px; }
.header .logoMenu .menuRight ul.loginMenu ul li a { padding: .75em 1em; }
.header .logoMenu .menuRight ul.loginMenu .headerLoginText::after { content: ''; background: url("../images/mainSiteAssets/nav/dropRightIcon.png") no-repeat; height: 17px; width: 17px; border: none; top: -2px; right: -27px; position: absolute; display: block; }
.header .logoMenu .menuRight ul.loginMenu .headerLoginText.signed_in::after { background: url("../images/mainSiteAssets/nav/dropDownIcon.png") no-repeat; }
.header .logoMenu .menuRight ul.loginMenu .headerUser { display: none; }
.header .logoMenu .menuRight .headerSignup { background-color: #d30000; padding: 16px; padding-bottom: 26px; height: 45px; }
.header .logoMenu .menuRight .headerSignup .headerLoginText { color: white; }
.header .logoMenu .menuRight .headerSignup .headerDownloadImg { display: none; }

.storeBar { background-color: #000000; width: 100%; text-transform: uppercase; display: block; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; }
.storeBar a { color: #a1a1a1; float: left; margin-top: 9px; margin-left: 10px; }
.storeBar .goldText { color: #c99037; }
.storeBar img { float: left; }
.storeBar .storeBarLink { width: 33.33%; float: left; text-align: center; padding: 7px 0; }
.storeBar .storeBarLink .storeLinkCenter { display: inline-block; }

.noVault .storeBarLink { width: 50%; }
.noVault .vaultLink { display: none; }

.vaultLink a { margin-top: 4px; }
.vaultLink .vaultTimer { position: absolute; bottom: 11px; color: white; left: 46%; text-transform: uppercase; font-size: 10px; font-family: "Open Sans", sans-serif; }

.mobileHeader { display: none; min-height: 80px; }
.mobileHeader .tealBar { height: 35px; background-color: #14445b; position: relative; z-index: 201; }
.mobileHeader .tealBar .hamburgerMenu { width: 20px; height: 20px; cursor: pointer; position: absolute; top: 5px; left: 10px; }
.mobileHeader .tealBar .hamburgerMenu .patty { height: 3px; width: 100%; background-color: #5d9dc1; margin-top: 4px; position: relative; }
.mobileHeader .tealBar .loginSignup { display: block; margin-right: 10px; padding-top: 10px; float: right; text-transform: uppercase; }
.mobileHeader .tealBar .loginSignup a { color: #5d9dc1; font-size: 11px; }
.mobileHeader .tealBar .languages { float: left; margin-left: 80px; }
.mobileHeader .tealBar .languages select { margin-left: 0px; height: 28px; font-size: 10px; margin-top: 4px; }
.mobileHeader .mobileLogo { text-align: center; background-color: #FFFFFF; width: 100%; position: fixed; z-index: 200; padding-top: 10px; padding-bottom: 20px; }
.mobileHeader .mobileLogo img { width: 90%; max-width: 452px; }
.mobileHeader .mobileNav { position: fixed; top: -120%; width: 100%; height: 100vh; padding: 15px; text-transform: uppercase; color: #FFFFFF; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; z-index: 1000; background: #14445b; /* Old browsers */ background: -moz-linear-gradient(-45deg, #14445b 1%, #2689b8 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #14445b 1%, #2689b8 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #14445b 1%, #2689b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14445b', endColorstr='#2689b8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.mobileHeader .mobileNav img { margin: 30px 0; }
.mobileHeader .mobileNav p { margin-top: 10px; }
.mobileHeader .mobileNav a { color: #FFFFFF; }
.mobileHeader .mobileNav ul li { border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 17px 0; text-align: center; }
.mobileHeader .mobileNav ul li ul { display: none; }

@media (max-width: 875px) { .fullWidthNav { display: none; }
  .mobileHeader { display: block; }
  .mobileHeader .mobileLogo { border-bottom: 1px solid #E1E1E1; }
  .containWrap { position: relative; background-color: rgba(255, 255, 255, 0); }
  .containWrap .tealBar { position: fixed; top: 0; }
  .wrapper { margin-top: 35px; }
  .languages .navHeader { color: #5d9dc1; background: #14445b; }
  .languages li, .languages li > a { color: #5d9dc1; border: none; background: #ffffff; } }
@media (min-width: 875px) and (max-width: 1250px) { .header .logoMenu ul.nav-links { margin: 11px 0 0 20px; }
  .header .logoMenu ul.nav-links li a { font-size: 11px; }
  .header .logoMenu .menuRight ul.loginMenu ul { left: -88px; }
  .header .logoMenu .menuRight ul.languages ul { min-width: inherit; }
  .header .logoMenu .menuRight .headerSignup { font-size: 10px; padding-top: 10px; }
  .header .logoMenu .menuRight .headerSignup .headerLoginText { display: none; }
  .header .logoMenu .menuRight .headerSignup .headerDownloadImg { display: block; background: url("/images/mainSiteAssets/nav/downloadIcon.png") no-repeat; width: 28px; height: 28px; }
  .header .logoMenu .menuRight .loginMenu { padding-left: 15px; padding-right: 15px; }
  .header .logoMenu .menuRight .loginMenu .sf-with-ul { top: 11px !important; }
  .header .logoMenu .menuRight .loginMenu.signed_in { padding-right: 20px; }
  .header .logoMenu .menuRight .loginMenu.signed_in .sf-with-ul { top: 0 !important; }
  .header .logoMenu .menuRight .loginMenu.signed_in::after { content: ''; background: url("/images/mainSiteAssets/nav/dropDownIcon.png") no-repeat; height: 11px; width: 11px; border: none; top: 11px; right: 5px; position: absolute; display: block; background-size: 100% 100%; }
  .header .logoMenu .menuRight .loginMenu .headerLoginText.signed_in { max-width: 135px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .header .logoMenu .menuRight .loginMenu .headerLoginText.signed_in::after { display: none; }
  .header .logoMenu .menuRight .loginMenu a { top: 0 !important; }
  .header .logoMenu .menuRight .loginMenu .headerLoginText { display: none; }
  .header .logoMenu .menuRight .loginMenu .headerUser { display: block !important; width: 28px; height: 28px; }
  .header .logoMenu .menuRight .loginMenu .headerUser.inactive { background: url("/images/mainSiteAssets/nav/userInactive.png") no-repeat; }
  .header .logoMenu .menuRight .loginMenu .headerUser.active { background: url("/images/mainSiteAssets/nav/userActive.png") no-repeat; }
  .header .navHeader::after, .header .header .logoMenu .menuRight ul.loginMenu .headerLoginText::after { height: 11px; width: 11px; background-size: 100% 100%; } }
#footer { background-color: #FFFFFF; border-bottom: 6px solid #d30000; padding-top: 10px; padding-bottom: 30px; border-top: 2px solid #e9e9e9; position: relative; z-index: 10; margin-bottom: -17px; }
#footer .footerSocial { text-align: center; margin-bottom: 10px; }
#footer .footerSocial a { display: inline-block; margin-right: 7px; margin-top: 5px; }
#footer .footerContain { margin: 0 auto; }
#footer .footerContain .footerlinkSection { line-height: 20px; }
#footer .footerContain .footerlinkSection:first-child { margin-left: 0px; }
#footer .footerContain .footerlinkSection h4 { font-family: "Open Sans", sans-serif; color: black; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; letter-spacing: 0px; }
#footer .footerContain .footerlinkSection ul li { margin-bottom: 4px; }
#footer .footerContain .footerlinkSection ul li a { color: #959595; }
#footer .footerContain .footerLogoLegal { float: right; }
#footer .footerContain .footerLogoLegal .consoleLogos img { margin-right: 3px; }
#footer .footerContain .footerLogoLegal .esrbTerms { margin-top: 10px; }
#footer .footerContain .footerLogoLegal .esrbTerms .termsContain { float: left; }
#footer .footerContain .footerLogoLegal .esrbTerms p { max-width: 250px; font-size: 11px; }
#footer .footerMobile { display: none; text-align: center; }
#footer .footerMobile .footerMobileContain { margin-bottom: 15px; }
#footer .footerMobile .footerMobileContain h4 { font-family: "Open Sans", sans-serif; color: black; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; letter-spacing: 0px; }
#footer .footerMobile .footerMobileContain ul li { margin-bottom: 4px; }
#footer .footerMobile .footerMobileContain ul li a { color: #959595; }
#footer .footerMobile p { text-align: center; font-size: 10px; }
@media (max-width: 875px) { #footer .footerMain { display: none; }
  #footer .footerMobile { display: block; } }

body.landing .containWrap { background-color: rgba(255, 255, 255, 0.4); }
body.landing .containWrap .storeBar { display: none !important; }
body.landing #mainContent { margin-top: 0px; }
body.landing #colorbox #cboxTopLeft, body.landing #colorbox #cboxTopCenter, body.landing #colorbox #cboxTopRight, body.landing #colorbox #cboxMiddleLeft, body.landing #colorbox #cboxMiddleRight, body.landing #colorbox #cboxBottomLeft, body.landing #colorbox #cboxBottomCenter, body.landing #colorbox #cboxBottomRight, body.landing #colorbox #cboxClose { display: none; }
body.landing #colorbox #cboxContent { background: none; }
body.landing .languages select { background: none; }
body.landing.lang-de .playFreeNow h3, body.landing.lang-ru .playFreeNow h3, body.landing.lang-fr .playFreeNow h3, body.landing.lang-es .playFreeNow h3, body.landing.lang-pt-br .playFreeNow h3, body.landing.lang-tr .playFreeNow h3 { font-size: 14px !important; }
body.landing.lang-ru .playFreeNow h3, body.landing.lang-fr .playFreeNow h3, body.landing.lang-es .playFreeNow h3, body.landing.lang-pt-br .playFreeNow h3, body.landing.lang-tr .playFreeNow h3 { padding-top: 20px !important; }
body.landing.lang-de .playFreeNow h3 { padding-top: 10px !important; }

#splashpage { position: relative; z-index: 2; /* KEYART */ /* MAIN/MOBILE FEATURE BUTTONS */ /* SIGNUP */ }
#splashpage #bgvid { width: 100%; z-index: 2; position: absolute; left: 0; top: -19px; }
#splashpage #keyart { background-image: url("../images/mainSiteAssets/splashPage/neaHeaderFlat.jpg"); background-repeat: no-repeat; text-align: center; background-color: #92abb2; position: relative; background-position: top; width: 100%; height: 0; padding-top: 58%; max-height: 1079px; }
#splashpage #keyart .landingLogo { background: url("../images/mainSiteAssets/splashPage/LandingLogo.png") center center no-repeat; max-width: 1710px; width: 100%; height: 100%; z-index: 9; position: absolute; top: 32%; margin-left: auto; margin-right: auto; left: 20px; right: 0; max-height: 552px; }
#splashpage #keyart .featureBar { position: absolute; bottom: 110px; width: 100%; display: table-cell; vertical-align: middle; }
#splashpage #keyart .downloadNow { background: #d30000; border: none !important; color: #fff !important; font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 35px; height: 38px; line-height: 38px; text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); margin-top: -8%; position: relative; z-index: 9; }
#splashpage #keyart .downloadNow span { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
#splashpage #featureScroll { position: relative; z-index: 20; }
#splashpage #featureScroll .container { width: 875px; }
#splashpage #featureScroll .container .trailerGif { background-image: url("../images/mainSiteAssets/splashPage/warframeTrailer.gif"); width: 288px; height: 165px; margin: 0 auto 0 291px; border: 1px solid #d30000; cursor: pointer; }
#splashpage #featureScroll .container a { float: left; display: block; margin-right: 3px; }
#splashpage #featureScroll .container a h3 { color: white; letter-spacing: 0px; font-size: 17px; padding-top: 16px; text-align: center; font-weight: bold; }
#splashpage #featureScroll .container a.featureWarframes, #splashpage #featureScroll .container a.playFreeNow, #splashpage #featureScroll .container a.featureTrailer { width: 288px; height: 50px; background-repeat: no-repeat; }
#splashpage #featureScroll .container a.featureWarframes { background-image: url("../images/mainSiteAssets/splashPage/landingWarframesBtn.png"); }
#splashpage #featureScroll .container a.playFreeNow { background-image: url("../images/mainSiteAssets/splashPage/playFreeNowBTN.png"); }
#splashpage #featureScroll .container a.playFreeNow h3 { position: relative; }
#splashpage #featureScroll .container a.featureTrailer { background-color: #d30000; }
#splashpage #featureScroll .container a.featureTrailer h3 { position: relative; bottom: 4px; }
#splashpage #featureScroll .container a.featureTrailer h3 img { position: relative; top: 3px; left: -5px; }
#splashpage .btn-callouts-item-wrap { width: 100%; height: 100%; position: relative; background-size: cover; }
#splashpage .btn-callouts-item-wrap:hover { background-color: white !important; }
#splashpage .btn-callout-item-hover { width: 100%; height: 100%; text-align: center; }
#splashpage #mobileFeatureBtns { display: none; width: 100%; }
#splashpage #mobileFeatureBtns .warframesFeature:hover, #splashpage #mobileFeatureBtns .factionsFeature:hover, #splashpage #mobileFeatureBtns .mediaFeature:hover { background-color: #ffffff; }
#splashpage #mobileFeatureBtns .warframesFeature:hover h3, #splashpage #mobileFeatureBtns .factionsFeature:hover h3, #splashpage #mobileFeatureBtns .mediaFeature:hover h3 { color: #d30000 !important; }
#splashpage #mobileFeatureBtns .warframesFeature, #splashpage #mobileFeatureBtns .factionsFeature, #splashpage #mobileFeatureBtns .mediaFeature { border-top: 1px solid white; }
#splashpage #mobileFeatureBtns .warframesFeature .btn-callouts-item-wrap, #splashpage #mobileFeatureBtns .factionsFeature .btn-callouts-item-wrap, #splashpage #mobileFeatureBtns .mediaFeature .btn-callouts-item-wrap { background-color: #d30000; }
#splashpage #mobileFeatureBtns .btn-callouts-item { height: 60px; }
#splashpage #mobileFeatureBtns .btn-callouts-item-wrap { height: 100%; }
#splashpage #mobileFeatureBtns h3 { top: 50%; position: relative; letter-spacing: 0.05em; font-weight: lighter; margin: 0px auto; line-height: 0px; color: #fff; }
#splashpage #story { background: url("../images/mainSiteAssets/splashPage/vorBG.jpg") center center no-repeat; background-attachment: fixed; background-size: cover; z-index: 2; position: relative; margin-top: -53px; border-top: 1px solid #e9e9e9; padding-bottom: 60px; min-height: 500px; }
#splashpage #story .vorpng { background: url("../images/mainSiteAssets/splashPage/vorLandingPage.png") center top no-repeat; width: 808px; height: 766px; position: absolute; z-index: 2; bottom: -170px; left: -230px; background-size: 100%; }
#splashpage #story .container .story-copy { color: #fff; position: relative; text-align: left; padding-top: 6%; padding-bottom: 0; }
#splashpage #story .container .story-copy h2 { margin: 0 auto; margin-top: -30px; margin-bottom: 40px; font-size: 40px; text-transform: uppercase; }
#splashpage #story .container .story-copy h3 { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; color: #FFFFFF; text-transform: uppercase; letter-spacing: 0.2em; font-size: 19px; margin-bottom: 34px; font-weight: bold; }
#splashpage #story .container .story-copy p { font-size: 16px; line-height: 27px; font-weight: 300; margin-bottom: 38px; letter-spacing: 0.04em; text-align: left; }
#splashpage #story .container .story-copy .contentHeaderContain h2 { color: #FFFFFF; }
#splashpage #story .container .story-copy .contentHeaderContain .contentHeaderLines { border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }
#splashpage #story .container .story-copy .contentHeaderContain .lotusLogo { background-image: url("../images/mainSiteAssets/splashPage/whiteLotus.png"); }
#splashpage #sign-up { background: url("../images/mainSiteAssets/splashPage/signUpBG.jpg") center top no-repeat; background-size: cover; position: relative; background-attachment: fixed; border-top: 1px solid #e9e9e9; z-index: 5; }
#splashpage #sign-up .row .consoleLogin { position: relative; z-index: 8; }
#splashpage #sign-up .row .consoleLogin .consoleLoginBtns { text-align: center; }
#splashpage #sign-up .row .consoleLogin .consoleLoginBtns a { max-width: 220px; display: inline-block; }
#splashpage #sign-up .row .consoleLogin .consoleLoginBtns a button { padding: 0 30px; }
#splashpage #sign-up .row .consoleLogin .consoleLoginBtns a.ps4Btn button { background: #034169; }
#splashpage #sign-up .row .consoleLogin .consoleLoginBtns a.ps4Btn button .button-wrap { background-image: url("../images/account/ps4Login.jpg"); width: 160px; height: 38px; }
#splashpage #sign-up .row .consoleLogin .consoleLoginBtns a.xb1Btn button { background: #005400; }
#splashpage #sign-up .row .consoleLogin .consoleLoginBtns a.xb1Btn button .button-wrap { background-image: url("../images/account/xb1Login.jpg"); width: 160px; height: 37px; }
#splashpage #sign-up .container .row .sign-up-form-wrap { position: relative; margin: 20px 0; color: #686868; background-color: #fff; background-color: rgba(255, 255, 255, 0.9); padding: 23px; z-index: 4; }
#splashpage #sign-up .container .row .sign-up-form-wrap .contentHeaderContain { margin-top: 0; }
#splashpage #sign-up .container .row .sign-up-form-wrap .contentHeaderContain .contentHeaderLines { border-top: 1px solid #999; border-bottom: 1px solid #999; margin-top: 0; width: 40%; }
#splashpage #sign-up .container .row .sign-up-form-wrap .contentHeaderContain .contentHeaderText { text-align: center; text-transform: uppercase; font-weight: bold; position: relative; bottom: 9px; }
#splashpage #sign-up .container .row .sign-up-form-wrap h4 { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; color: #d30000; font-size: 25px; text-align: center; margin-bottom: 20px; text-transform: uppercase; }
#splashpage #sign-up .container .row .sign-up-form-wrap #submit-btn { margin-top: 30px; margin-left: 0; }
#splashpage #sign-up .container .row .sign-up-form-wrap #submit-btn button::after { content: ''; border-top: 38px solid #d30000; border-right: 25px solid transparent; position: absolute; right: -25px; top: 0; }
#splashpage #sign-up .container .row .sign-up-form-wrap #submit-btn button, #splashpage #sign-up .container .row .sign-up-form-wrap #submit-btn .button-wrap { -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -webkit-transform: skewX(0deg); transform: skewX(0deg); }
#splashpage #sign-up .voltpng { background: url("../images/mainSiteAssets/splashPage/voltSignup.png") center top no-repeat; width: 920px; height: 847px; position: absolute; z-index: 2; bottom: 0; right: 0; }
#splashpage #sign-up .signupContent { top: 0; padding: 0; width: 100%; }
#splashpage #sign-up .signupContent h1 { display: none; }
#splashpage #sign-up .signupContent [type="checkbox"] { margin-bottom: 40px; }
@media (max-width: 1650px) { #splashpage #keyart .trailerGif { display: none; } }
@media (max-width: 1800px) { #splashpage .downloadLanding { top: 51% !important; }
  #splashpage .downloadLanding h1 { font-size: 35px !important; }
  #splashpage .downloadLanding .playBtn { height: 80px !important; width: 80px !important; }
  #splashpage .downloadLanding .playBtn::after { top: 100px !important; } }
@media (max-width: 600px) { #splashpage #keyart { background-size: cover; }
  #splashpage #keyart video, #splashpage #keyart .landingLogo { display: none; }
  #splashpage #story .container .story-copy h2 { margin: 0 auto; margin-top: -21px; margin-bottom: 23px; font-size: 29px; }
  #splashpage #story .container .story-copy h3 { font-size: 19px; text-align: center; }
  #splashpage #story .container .story-copy p { font-size: 14px; line-height: 20px; }
  #splashpage #sign-up { background: none !important; }
  #splashpage #sign-up .container .row .six.columns { width: auto !important; }
  #splashpage #sign-up .container .row .sign-up-form-wrap form fieldset label { font-size: 12px; }
  #splashpage form [data-tip]:before { display: none !important; }
  #splashpage form [data-tip]:after { position: relative; display: block; left: 0; width: auto; top: -15px; background-color: #14445B; }
  #splashpage .warframesFeature { border-left: none; }
  #splashpage .voltpng, #splashpage .vorpng { display: none !important; } }
@media (max-width: 875px) { #splashpage #keyart { padding-top: 52%; }
  #splashpage #keyart .landingLogo { background-size: 100%; }
  #splashpage .btn-callout-item-hover { display: block !important; }
  #splashpage #story { margin-top: 0 !important; }
  #splashpage #story .vorpng { display: none; }
  #splashpage #story .story-copy { width: 100%; }
  #splashpage #featureScroll { display: none; }
  #splashpage #mobileFeatureBtns { display: block; z-index: 10; position: relative; } }
@media (min-width: 875px) and (max-width: 1250px) { #splashpage #keyart .landingLogo { top: 12%; }
  #splashpage #featureScroll { top: 50px; }
  #splashpage #story .container .story-copy { text-align: center; }
  #splashpage #story .vorpng { width: 678px; height: 736px; left: -210px; background-size: 100%; } }
@media (min-width: 1980px) { #splashpage #keyart { background-size: cover; } }

.media_index { background-attachment: fixed; }
.media_index #colorbox img { max-width: 100%; max-height: 100%; }
.media_index #colorbox .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.media_index #colorbox .video-container iframe, .media_index #colorbox .video-container .video-container object, .media_index #colorbox .video-container .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.media_index #colorbox, .media_index #cboxContent, .media_index #cboxLoadedContent, .media_index #cboxOverlay { z-index: 99999; }

#mediapage { overflow: hidden; }
#mediapage #videos #ratingblockmain { position: absolute; left: -50%; width: 200%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 200; }
#mediapage #videos #ratingblockmain #ratingContain { display: inline-block; margin: 0 auto; background-color: #FFFFFF; margin-top: 70px; }
#mediapage #videos #ratingblockmain #ratingContain .ratingHeader { background-color: black; text-transform: uppercase; padding: 15px; width: 100%; color: #FFFFFF; margin-bottom: 20px; }
#mediapage #videos #ratingblockmain #ratingContain .warningText { width: 311px; padding: 20px; padding-top: 0px; }
#mediapage #videos #ratingblockmain #ratingContain .ageSelect { padding: 20px; }
#mediapage #sliderYoutubeVideo .video { top: -15%; }
#mediapage .container { max-width: 1140px; text-align: center; }
#mediapage .mediaGrid { display: inline-block; margin-bottom: 20px; width: 104.5%; margin-left: -2.25%; }
#mediapage .mediaGrid .gridItem { width: 22.2%; height: auto; display: inline-block; overflow: hidden; margin-bottom: 32px; margin-left: 1%; margin-right: 1%; cursor: pointer; vertical-align: top; text-align: center; opacity: 0; }
#mediapage .mediaGrid .gridItem.videoThumb .fullImage { width: 50%; padding-top: 28.15%; }
#mediapage .mediaGrid .gridItem .bottomTab { margin: 0 auto; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #1d4f70; margin-top: 5px; display: none; }
#mediapage .mediaGrid .gridItem .thumbImg { width: 100%; height: 0; background-size: cover; box-sizing: border-box; border: 1px solid #c8d3d5; padding-top: 56.91%; position: relative; }
#mediapage .mediaGrid .gridItem .thumbImg:hover { border: 1px solid #d30000; }
#mediapage .mediaGrid .gridItem .thumbImg .hoverDiv { vertical-align: top; display: none; width: 100%; height: 100%; box-sizing: border-box; background-color: #2f5a7a; background-color: rgba(47, 90, 122, 0.8); padding: 44px 10px 0px 10px; text-align: center; color: white; text-transform: uppercase; position: absolute; top: 0px; }
#mediapage .mediaGrid .gridItem .gridItemDetails { position: absolute; top: auto; left: 0; height: 0; background-color: #1d4f70; width: 200%; margin-left: -50%; margin-top: 20px; overflow: hidden; cursor: default; }
#mediapage .mediaGrid .gridItem .gridItemDetails .fullImage { background-size: contain; background-color: #000000; position: relative; margin: 35px auto; width: 50%; max-width: 1130px; }
#mediapage .mediaGrid .gridItem .gridItemDetails .fullImage iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#mediapage .btnCenter { text-align: center; }
#mediapage .mediaFilter { float: right; margin-right: 6px; }
#mediapage .mediaFilter label { display: inline-block; margin-right: 10px; }
@media (max-width: 600px) { #mediapage .contentHeaderContain h2 { margin-top: -15px; font-size: 23px; } }
@media (max-width: 1250px) { #mediapage .slider { display: none !important; } }
@media (max-width: 900px) { #mediapage .hoverDiv { padding-top: 20px !important; } }
@media (max-width: 700px) { #mediapage .hoverDiv { padding-top: 20px !important; font-size: 10px !important; } }
@media (max-width: 480px) { #mediapage .hoverDiv { padding-top: 10px !important; font-size: 8px !important; }
  #mediapage .mediaGrid .gridItem { width: 47%; } }
@media (max-width: 450px) { #mediapage .cd-hero .slider-nav ul li { margin: 12px 10px 0 10px; } }
@media (max-width: 400px) { #mediapage .fullImage { max-width: 42.5% !important; } }
@media (max-width: 1250px) { #mediapage #screenshots { margin-top: 40px; } }

body.game { overflow-x: hidden; }

#gamepage { /* KEYART */ }
#gamepage .seven.columns { width: 48.66667%; }
#gamepage h2 { color: #FFFFFF; }
#gamepage #keyart { background-image: url("../images/mainSiteAssets/gamePage/GamePage_Download_V3.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center -9px; text-align: center; overflow: hidden; background-color: #92abb2; height: 87%; position: relative; display: table; }
#gamepage #keyart .container { padding-top: 11% !important; }
#gamepage #keyart .container h2 { text-align: center !important; }
#gamepage #keyart h2 { color: #d30000; margin-top: -50px !important; margin-bottom: 20px !important; text-align: center; }
#gamepage #keyart h3 { font-size: 16px !important; color: #666; text-align: center; }
#gamepage #keyart p { color: #666; text-align: center !important; }
#gamepage #quickstart { background: url("../images/mainSiteAssets/gamePage/quickstartBG.jpg") center center no-repeat; }
#gamepage #quickstart .rightText { width: 550px; }
#gamepage #warframes { background: url("../images/mainSiteAssets/gamePage/GamesPageHeader.jpg") center center no-repeat; }
#gamepage #warframes .container { padding-top: 16% !important; }
#gamepage #warframes h2 { color: #d30000; margin-top: 0px !important; margin-bottom: 20px !important; }
#gamepage #warframes p { color: #666; }
#gamepage #factions { height: auto !important; padding-bottom: 0 !important; }
#gamepage #factions .container { padding-top: 7% !important; float: right; }
#gamepage #factions .container h2 { line-height: 37px; }
#gamepage #factions .factionContain, #gamepage #factions .factionControls { overflow: hidden; width: 100%; }
#gamepage #factions #factionTweenContain { position: relative; }
#gamepage #factions .factionControls { position: absolute; width: 100%; z-index: 20; }
#gamepage #factions .factionControls #factionArrows { top: 45%; position: relative; padding: 20px; }
#gamepage #factions .factionControls #factionArrows .previousFaction { width: 69px; height: 138px; float: left; background-position: 0px -138px; background-image: url("../images/mainSiteAssets/gamePage/Arrows.png"); background-repeat: no-repeat; cursor: pointer; }
#gamepage #factions .factionControls #factionArrows .nextFaction { width: 69px; height: 138px; float: right; background-image: url("../images/mainSiteAssets/gamePage/Arrows.png"); background-repeat: no-repeat; cursor: pointer; }
#gamepage #factions .grineer { background: url("../images/mainSiteAssets/gamePage/FactionsGrineer.jpg") center center no-repeat; }
#gamepage #factions .corpus { background: url("../images/mainSiteAssets/gamePage/FactionsCorpusBG.jpg") center center no-repeat; }
#gamepage #factions .infested { background: url("../images/mainSiteAssets/gamePage/Factions_Infested.jpg") center center no-repeat; }
#gamepage #factions .sentient { background: url("../images/mainSiteAssets/gamePage/Factions_Sentient.jpg") center center no-repeat; }
#gamepage #factions .grineer, #gamepage #factions .corpus, #gamepage #factions .infested, #gamepage #factions .sentient { background-attachment: fixed; height: 100%; background-size: cover; }
#gamepage .whitebacker { padding: 20px; background-color: rgba(255, 255, 255, 0.7); color: white; }
#gamepage #keyart, #gamepage #quickstart, #gamepage #warframes { background-attachment: fixed; }
#gamepage #keyart, #gamepage #quickstart, #gamepage #warframes, #gamepage #factions { background-size: cover; height: 100%; padding-bottom: 19%; }
#gamepage #keyart .container, #gamepage #quickstart .container, #gamepage #warframes .container, #gamepage #factions .container { color: #fff; position: relative; text-align: center; padding-top: 10%; }
#gamepage #keyart .container h2, #gamepage #quickstart .container h2, #gamepage #warframes .container h2, #gamepage #factions .container h2 { margin: 0 auto; margin-top: 50px; margin-bottom: 40px; font-size: 40px; text-transform: uppercase; text-align: left; }
#gamepage #keyart .container h3, #gamepage #quickstart .container h3, #gamepage #warframes .container h3, #gamepage #factions .container h3 { font-family: 'Open Sans', sans-serif !important; text-transform: uppercase; letter-spacing: 0.2em; font-size: 27px; margin-bottom: 34px; }
#gamepage #keyart .container p, #gamepage #quickstart .container p, #gamepage #warframes .container p, #gamepage #factions .container p { font-size: 16px; line-height: 27px; font-weight: 300; margin-bottom: 18px; letter-spacing: 0.04em; text-align: left; }
#gamepage #quickstart .container button, #gamepage #warframes .container button, #gamepage #factions .container button { float: left; margin-left: 25px; }
#gamepage .rightText { float: right; margin-top: 5%; }
#gamepage .cd-hero.slider { border-bottom: none; }
#gamepage .cd-hero.slider .slide { max-height: 990px; }
#gamepage .cd-hero-slider { height: 990px; }
#gamepage #factionIconContain { position: absolute; width: 100%; text-align: center; }
#gamepage #factionIconContain::after, #gamepage #factionIconContain::before { display: none; }
#gamepage #factionIconContain #factionIcons { position: relative; padding: 20px; margin: 0 auto; display: inline-block; top: -210px; z-index: 30; background-color: transparent; }
#gamepage #factionIconContain #factionIcons .factionIcon { -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; height: 104px; width: 104px; float: left; margin: 10px; cursor: pointer; border: none; }
#gamepage #factionIconContain #factionIcons .factionIcon::before { display: none; }
#gamepage #factionIconContain #factionIcons .factionIcon#grineerIcon.selected .factionIconBG { background-position: -104px -104px; }
#gamepage #factionIconContain #factionIcons .factionIcon#corpusIcon.selected .factionIconBG { background-position: 0px -104px; }
#gamepage #factionIconContain #factionIcons .factionIcon#infestedIcon.selected .factionIconBG { background-position: -207px -104px; }
#gamepage #factionIconContain #factionIcons .factionIcon#sentientIcon.selected .factionIconBG { background-position: -311px -104px; }
#gamepage #factionIconContain #factionIcons .factionIconBG { background-image: url("../images/mainSiteAssets/gamePage/factionIcons.png"); background-repeat: no-repeat; height: 104px; width: 104px; display: block; }
#gamepage #factionIconContain #factionIcons #grineerIcon .factionIconBG { background-position: -104px 0px; }
#gamepage #factionIconContain #factionIcons #corpusIcon .factionIconBG { background-position: 0px 0px; }
#gamepage #factionIconContain #factionIcons #infestedIcon .factionIconBG { background-position: -207px 0px; }
#gamepage #factionIconContain #factionIcons #sentientIcon .factionIconBG { background-position: -311px 0px; }
@media (max-width: 600px) { #gamepage #keyart { background-position: center 0; height: auto !important; background-position-y: 0 !important; }
  #gamepage #keyart .six.columns { margin: 40px 0; }
  #gamepage #keyart .row { position: relative; }
  #gamepage #keyart .keyartCopy h1 { font-size: 32px; }
  #gamepage #keyart .container { background: rgba(255, 255, 255, 0.7); height: 100%; width: 100%; padding: 0 10px; }
  #gamepage #keyart .container p, #gamepage #keyart .container h3 { color: black; }
  #gamepage #keyart .container h2 { margin-top: -10px !important; }
  #gamepage .seven.columns { width: 100%; }
  #gamepage #quickstart .row { position: relative; top: 17%; }
  #gamepage #quickstart .container button { margin-left: -15px; }
  #gamepage #warframes .row { position: relative; margin-top: 22%; }
  #gamepage #warframes .container button { margin-left: -15px; }
  #gamepage #factions .grineer .container, #gamepage #factions .corpus .container, #gamepage #factions .infested .container, #gamepage #factions .sentient .container { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; padding-top: 0 !important; }
  #gamepage #factions .grineer { background: url("../images/mainSiteAssets/gamePage/FactionsGrineer.jpg") -120px center no-repeat; }
  #gamepage #factions .corpus { background: url("../images/mainSiteAssets/gamePage/FactionsCorpusBG.jpg") -330px center no-repeat; }
  #gamepage #factions .infested { background: url("../images/mainSiteAssets/gamePage/Factions_Infested.jpg") -210px center no-repeat; }
  #gamepage #factions .sentient { background: url("../images/mainSiteAssets/gamePage/Factions_Sentient.jpg") -270px center no-repeat; }
  #gamepage #factions #factionIconContain { margin-bottom: 80px; }
  #gamepage #factions #factionIconContain #factionIcons { position: relative; padding: 20px; margin: 0 auto; display: inline-block; z-index: 30; background-color: transparent; bottom: 60px; top: 0; }
  #gamepage #factions #factionIconContain #factionIcons .factionIcon { height: 74px; width: 74px; overflow: hidden; margin: 3px; }
  #gamepage #factions #factionIconContain #factionIcons .factionIcon#grineerIcon.selected .factionIconBG { background-position: -72px -72px; }
  #gamepage #factions #factionIconContain #factionIcons .factionIcon#grineerIcon .factionIconBG { background-position: -72px 0; }
  #gamepage #factions #factionIconContain #factionIcons .factionIcon#corpusIcon.selected .factionIconBG { background-position: 0px -72px; }
  #gamepage #factions #factionIconContain #factionIcons .factionIcon#corpusIcon .factionIconBG { background-position: 0 0; }
  #gamepage #factions #factionIconContain #factionIcons .factionIcon#infestedIcon.selected .factionIconBG { background-position: -145px -72px; }
  #gamepage #factions #factionIconContain #factionIcons .factionIcon#infestedIcon .factionIconBG { background-position: -145px 0; }
  #gamepage #factions #factionIconContain #factionIcons .factionIcon#sentientIcon.selected .factionIconBG { background-position: -217px -72px; }
  #gamepage #factions #factionIconContain #factionIcons .factionIcon#sentientIcon .factionIconBG { background-position: -217px 0; }
  #gamepage #factions #factionIconContain #factionIcons .factionIconBG { background-image: url("../images/mainSiteAssets/gamePage/factionIcons.png") !important; background-repeat: no-repeat; height: 73px; width: 75px; display: block; background-size: 387% !important; overflow: hidden; }
  #gamepage #keyart, #gamepage #quickstart, #gamepage #warframes, #gamepage #factions { background-attachment: inherit; background-position-y: 0 !important; }
  #gamepage #keyart .container p, #gamepage #keyart .container h2, #gamepage #quickstart .container p, #gamepage #quickstart .container h2, #gamepage #warframes .container p, #gamepage #warframes .container h2, #gamepage #factions .container p, #gamepage #factions .container h2 { text-align: center; }
  #gamepage #keyart .container h2, #gamepage #quickstart .container h2, #gamepage #warframes .container h2, #gamepage #factions .container h2 { margin: 0 auto; margin-top: 50px; margin-bottom: 40px; font-size: 42px; text-transform: uppercase; text-align: center; }
  #gamepage #keyart .container h3, #gamepage #quickstart .container h3, #gamepage #warframes .container h3, #gamepage #factions .container h3 { font-family: 'Open Sans', sans-serif !important; text-transform: uppercase; margin-bottom: 34px; }
  #gamepage #keyart .container button, #gamepage #quickstart .container button, #gamepage #warframes .container button, #gamepage #factions .container button { float: none; }
  #gamepage .rightText { float: none; width: auto !important; } }
@media (max-width: 875px) { #gamepage #warframes { background: url("../images/mainSiteAssets/gamePage/GamesPageHeader.jpg") no-repeat; background-position-x: -160px; background-position-y: 0px !important; }
  #gamepage #warframes .container { background: rgba(255, 255, 255, 0.7); height: 100%; width: 100%; }
  #gamepage #warframes .container .seven.columns { width: 100%; padding: 20px; }
  #gamepage #warframes .container .seven.columns p, #gamepage #warframes .container .seven.columns h2 { text-align: center; }
  #gamepage #warframes .container .seven.columns button { float: none; }
  #gamepage #keyart .container { color: #fff; position: relative; text-align: center; }
  #gamepage #keyart .container h2, #gamepage #quickstart .container h2, #gamepage #warframes .container h2, #gamepage #factions .container h2 { font-size: 25px; position: relative; }
  #gamepage #factions { background-attachment: inherit; }
  #gamepage #factions .grineer { background: url("../images/mainSiteAssets/gamePage/FactionsGrineer.jpg") no-repeat; background-position-x: -130px; background-position-y: center !important; }
  #gamepage #factions .corpus { background: url("../images/mainSiteAssets/gamePage/FactionsCorpusBG.jpg") no-repeat; background-position-x: center; background-position-y: 0 !important; }
  #gamepage #factions .infested { background: url("../images/mainSiteAssets/gamePage/Factions_Infested.jpg") no-repeat; background-position-x: -360px; background-position-y: center !important; }
  #gamepage #factions .sentient { background: url("../images/mainSiteAssets/gamePage/Factions_Sentient.jpg") -410px 0px no-repeat; background-position-x: -410px; background-position-y: center !important; } }

body.news_index .storeBar { display: none; }
body.news_index #mainContent { margin-top: 45px; }

#newsIndex { padding-bottom: 70px; }
#newsIndex .sliderNavWrap { position: relative; }
#newsIndex .cd-hero .slider-nav::before { position: absolute; left: -40px; }
#newsIndex .cd-hero .slider-nav::after { position: absolute; top: 0px; right: -39px; }
#newsIndex .slide-content p { font-size: 16px; line-height: 1.25em; }
#newsIndex .slide-content h3 { font-weight: bold; letter-spacing: 1px; }
#newsIndex .slide-content .slider-header { margin-bottom: 15px; }
#newsIndex .slide-content .moreFaq { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; background-color: #d30000; color: #FFFFFF; text-decoration: none; text-transform: uppercase; padding: 7px; font-size: 12px; }
#newsIndex .slide-content .moreFaq::after { content: ''; width: 0; height: 0; border-right: 31px solid transparent; border-bottom: 31px solid #d30000; position: absolute; margin-top: -5px; margin-left: 7px; }
#newsIndex .prime-access-links { background-color: #000; border-bottom: 3px solid #e0e0e0; text-align: center; height: 48px; }
#newsIndex .prime-access-links .link { float: left; width: 33.33%; box-sizing: border-box; padding-top: 5px; }
#newsIndex .prime-access-links .link img { margin-bottom: 5px; display: inline-block; }
#newsIndex .prime-access-links .link .text { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; text-transform: uppercase; color: #a1a1a1; display: inline-block; position: relative; top: -15px; margin-left: 7px; }
#newsIndex .prime-access-links .link.vaultLink .text { top: -21px; }
#newsIndex .prime-access-links .link.palink .text { color: #c99037; }
#newsIndex .noVault .link { width: 50%; }
#newsIndex .noVault .vaultLink { display: none; }
#newsIndex .featured { padding: 0 0 50px 0; border-bottom: 1px solid #a0a0a0; margin-bottom: 40px; }
#newsIndex .featured .post { position: relative; background-color: #ffffff; border-top: 1px solid #d30000; border-bottom: 3px solid #d30000; }
#newsIndex .featured .post .image { position: relative; overflow: hidden; }
#newsIndex .featured .post .image img { width: 100%; }
#newsIndex .featured .post .title { padding: 10px 10px 10px 0; font-size: 17px; }
#newsIndex .featured .post .description { min-height: 50px; padding: 10px; margin-bottom: 20px; }
#newsIndex .featured .post .description .featuredRead { position: absolute; right: 20px; bottom: 10px; }
#newsIndex .featured .post .read-more { position: absolute; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; bottom: -15px; }
#newsIndex .featured .post .read-more .button { background: #d30000; border: none !important; color: #fff !important; font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 35px; height: 38px; line-height: 38px; text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); margin-bottom: 0; }
#newsIndex .featured .post .read-more .button span { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
#newsIndex .categories { display: inline-block; margin: 20px 0; }
#newsIndex .categories .category { display: inline-block; border: 1px solid #666; padding: 6px 18px; margin-right: 10px; background-color: #ebebeb; text-transform: uppercase; font-weight: bold; }
#newsIndex .categories .category.pc { color: #d30000; }
#newsIndex .categories .category.pc:hover { background-color: #d30000; border-color: #d30000; color: #ffffff; }
#newsIndex .categories .category.xbox { color: #005400; }
#newsIndex .categories .category.xbox:hover { background-color: #005400; border-color: #005400; color: #ffffff; }
#newsIndex .categories .category.ps4 { color: #034169; }
#newsIndex .categories .category.ps4:hover { background-color: #034169; border-color: #034169; color: #ffffff; }
#newsIndex .categories .category.blog { color: #730D6A; }
#newsIndex .categories .category.blog:hover { background-color: #730D6A; border-color: #730D6A; color: #ffffff; }
#newsIndex .categories .category.active { background-color: #d30000; border-color: #d30000; color: #ffffff; }
#newsIndex .search { display: inline-block; margin-top: 14px; float: right; }
#newsIndex .search img { position: relative; top: 7px; right: 10px; }
#newsIndex .search .form-text { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; width: 300px; height: 30px; background-color: #ffffff; }
#newsIndex .search input[type="submit"] { display: none; position: absolute; top: 0; right: 0; }
#newsIndex .post-list { position: relative; }
#newsIndex .post-list .post { line-height: 2em; background-color: #FFFFFF; margin-bottom: 10px; padding: 10px; cursor: pointer; }
#newsIndex .post-list .post:hover { background-color: #f5f5f5; }
#newsIndex .post-list .post img { max-width: 100%; }
#newsIndex .post-list .post .title { font-size: 17px; font-weight: bold; }
#newsIndex .post-list .post .title a { line-height: 20px; }
#newsIndex .post-list .post .date { font-size: 12px; }
#newsIndex .post-list .post .description { border-top: 1px solid #a0a0a0; padding: 5px 0; }
#newsIndex .post-list .post .read-more { text-decoration: underline; }
#newsIndex .twitter-widget iframe .timeline-Tweet-text { color: #6B6B6B; }
#newsIndex .load-more { position: absolute; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; }
#newsIndex .buildTracker { position: fixed; bottom: 100px; z-index: 1001; width: 74px; height: auto; text-align: center; text-transform: uppercase; font-size: 10px; cursor: pointer; }
#newsIndex .buildTracker .platformWrap { background-color: white; background-color: rgba(255, 255, 255, 0.8); height: 100%; float: left; padding-right: 5px; padding-left: 5px; padding-top: 8px; }
#newsIndex .buildTracker .platformWrap hr { margin-top: 12px; margin-bottom: 5px; }
#newsIndex .buildTracker .platformWrap .pcContain { color: #d30000; }
#newsIndex .buildTracker .platformWrap .ps4Contain { color: #034169; }
#newsIndex .buildTracker .platformWrap .xb1Contain { color: #005400; }
#newsIndex .buildTracker .platformWrap .trackerLogoPC { background-image: url("../images/mainSiteAssets/updateTracker/pc.png"); }
#newsIndex .buildTracker .platformWrap .trackerLogoPS4 { background-image: url("../images/mainSiteAssets/updateTracker/ps4.png"); margin-left: 11px; }
#newsIndex .buildTracker .platformWrap .trackerLogoXB1 { background-image: url("../images/mainSiteAssets/updateTracker/xb1.png"); margin-left: 11px; }
#newsIndex .buildTracker .platformWrap .trackerLogoPC, #newsIndex .buildTracker .platformWrap .trackerLogoPS4, #newsIndex .buildTracker .platformWrap .trackerLogoXB1 { margin: 0 auto; height: 44px; width: 44px; background-repeat: no-repeat; background-size: cover; }
#newsIndex .buildTracker .platformWrap .trackerbar { background-color: #a7a7a7; height: 7px; width: 60px; margin: 0 auto; margin-top: 5px; margin-bottom: 5px; position: relative; }
#newsIndex .buildTracker .platformWrap .trackerbar .trackerFill { height: 7px; }
#newsIndex .buildTracker .platformWrap .trackerbar .pcFillLive { background-color: #d30000; }
#newsIndex .buildTracker .platformWrap .trackerbar .ps4FillLive { background-color: #034169; }
#newsIndex .buildTracker .platformWrap .trackerbar .xb1FillLive { background-color: #005400; }
#newsIndex .buildTracker .platformWrap .trackerbar .trackerTick { height: 10px; width: 1px; background-color: #000000; position: absolute; bottom: -1px; }
#newsIndex .buildTracker .platformWrap .trackerbar .pcTick { left: 30px; }
#newsIndex .buildTracker .platformWrap .trackerbar .consoleTick1 { left: 20px; }
#newsIndex .buildTracker .platformWrap .trackerbar .consoleTick2 { left: 40px; }
#newsIndex .buildTracker .trackerTabContain { float: right; width: 15px; height: 100%; position: absolute; right: -15px }
#newsIndex .buildTracker .trackerTabContain .beforeSlant { width: 0; height: 0; border-top: 10px solid transparent; border-left: 15px solid #d30000; }
#newsIndex .buildTracker .trackerTabContain .afterSlant { width: 0; height: 0; border-bottom: 10px solid transparent; border-left: 15px solid #d30000; }
#newsIndex .buildTracker .trackerTabContain .trackerTab { width: 15px; height: 94%; background-color: #d30000; }
#newsIndex .buildTracker .trackerTabContain .trackerTab p { width: 793%; position: absolute; top: 145px; left: -53px; color: #FFFFFF; font-size: 10px; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
@media (max-width: 875px) { #newsIndex .prime-access-links .container { width: 100%; }
  #newsIndex .prime-access-links .link { min-width: 184px; }
  #newsIndex .prime-access-links .link .text { font-size: 12px; }
  #newsIndex .featured .post { margin-bottom: 40px; }
  #newsIndex .featured .post .read-more { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; left: 50%; width: 100%; bottom: inherit; }
  #newsIndex .featured .post .read-more .button { -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -webkit-transform: skewX(0deg); transform: skewX(0deg); padding: 0 0; Width: 100%; }
  #newsIndex .featured .post .read-more .button span { -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -webkit-transform: skewX(0deg); transform: skewX(0deg); }
  #newsIndex .featured .post .title { font-size: 13px; }
  #newsIndex .search { float: none; display: block; }
  #newsIndex .search input[type="text"] { width: 95%; } }
@media (max-width: 600px) { #newsIndex .row.featured .post { margin-bottom: 30px; }
  #newsIndex .search input[type="text"] { width: 92%; }
  #newsIndex .buildTracker { display: none; }
  #newsIndex .post-list { width: 100%; }
  #newsIndex .featured .post .image img { width: 100%; border-bottom: 2px solid white; }
  #newsIndex .categories .category { padding: 6px 17px; margin-right: 1px; }
  #newsIndex .cd-hero-slider { height: 351px; }
  #newsIndex .cd-hero .slider-nav::after, #newsIndex .cd-hero .slider-nav::before { display: none; }
  #newsIndex .cd-hero .slider-nav ul { padding: 0 10px; }
  #newsIndex .cd-hero .slider-nav ul li { margin: 12px 10px 0 10px; }
  #newsIndex .cd-hero .text { background: rgba(0, 0, 0, 0.8); color: white; text-align: center; }
  #newsIndex .cd-hero .text .container { width: 100%; }
  #newsIndex .cd-hero .text .slide-content { margin-top: 40px !important; }
  #newsIndex .cd-hero .text .slide-content#tennoConSlideReal img { display: none; }
  #newsIndex .cd-hero .text .slide-content img { width: 70%; }
  #newsIndex .cd-hero .text .slide-content p, #newsIndex .cd-hero .text .slide-content h3, #newsIndex .cd-hero .text .slide-content h2 { width: auto !important; max-width: inherit; }
  #newsIndex .cd-hero .text .slide-content .inner { bottom: inherit; top: 40px; margin-left: 0 !important; width: 100%; right: 0 !important; margin-top: 0; }
  #newsIndex .cd-hero .text .slide-content .slider-header, #newsIndex .cd-hero .text .slide-content p { color: white !important; }
  #newsIndex .cd-hero .slide-template { position: static; }
  #newsIndex .prime-access-links { display: none; }
  #newsIndex .twitter-widget { display: none; } }

.news_post { background-attachment: fixed; }
@media (max-width: 770px) { .news_post { background-size: cover; } }

.news-read { padding-top: 40px; }
.news-read .article-header .title { margin-bottom: 30px; }
.news-read .row.titlebar { border-bottom: 1px solid #a0a0a0; margin-bottom: 20px; }
.news-read .row.titlebar #share { margin-top: -12px; }
.news-read .post-content { line-height: 2em; margin-bottom: 50px; }
.news-read .post-content p { margin-bottom: 15px !important; line-height: 20px !important; }
.news-read .post-content strong { font-weight: bold !important; }
.news-read .post-content i { font-style: italic !important; }
.news-read .post-content .post-image { margin-bottom: 20px; }
.news-read .post-content .discuss { margin-top: 20px; }
.news-read .post-content img { width: 100% !important; }
.news-read #downloadBtn { display: inline-block; color: white; text-transform: uppercase; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; background-color: #d30000; width: 200px; padding-top: 15px; height: 50px; margin-bottom: 20px; letter-spacing: 1px; font-size: 12px; padding-left: 5px; position: relative; }
.news-read #downloadBtn p { position: absolute; top: 18px; left: 20px; }
.news-read #downloadBtn::after { content: ''; width: 0; height: 0; border-right: 50px solid transparent; border-bottom: 50px solid #d30000; right: -50px; position: absolute; top: 0; }
.news-read .recentNewsHeader { display: inline-block; color: white; text-transform: uppercase; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; background-color: #000000; width: 100%; padding-top: 20px; height: 49px; position: relative; }
.news-read .recentNewsHeader h4 { letter-spacing: 1px; font-size: 12px; position: absolute; top: 18px; left: 20px; }
.news-read .recentPostContain { background-color: #FFFFFF; padding-top: 8px; margin-bottom: 19px; padding-bottom: 1px; }
.news-read .recentPostContain .recentPost { margin-bottom: 10px; width: 100%; word-break: normal; }
.news-read .recentPostContain .recentPost a { display: block; }
.news-read .recentPostContain .recentPost .recentText { width: 100%; }
.news-read .recentPostContain .recentPost .recentText h6 { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; text-transform: uppercase; font-weight: bold; padding: 8px; margin-left: 7px; padding-bottom: 5px; position: relative; }
.news-read .recentPostContain .recentPost .recentText p { color: #686868; font-size: 10px; padding: 8px; padding-top: 0; margin-left: 7px; margin-right: 7px; border-bottom: 1px solid #B7B7B7; }
.news-read .recentPostContain .recentPost .recentImage { margin-left: 7px; }
.news-read .recentPostContain .recentPost .recentImage img { width: 100%; height: auto; }
.news-read .videowrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.news-read .videowrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media (min-width: 875px) and (max-width: 1250px) { .news-read { padding-top: 70px; } }
@media (max-width: 875px) { .news-read { padding-top: 70px; }
  .news-read #mainContent img { Width: 100%; }
  .news-read #downloadBtn { display: none; }
  .news-read .recentImage img { width: 94%; height: auto; }
  .news-read .recentPostContain .recentPost h6 { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; padding: 8px; margin-left: 0; padding-bottom: 5px; font-weight: lighter; } }
@media (max-width: 600px) { .news-read .post-content { width: 100%; }
  .news-read .title { font-size: 25px !important; }
  .news-read #downloadBtn, .news-read .recentNewsHeader, .news-read .recentPostContain { display: none; }
  .news-read .row.titlebar #share { width: auto; margin-top: -32px; } }

body.news_index .categories .category.pc:hover { background-color: #d30000 !important; border-color: #d30000 !important; color: white; }
body.news_index .categories .category.ps4:hover { background-color: #034169 !important; border-color: #034169 !important; color: white; }
body.news_index .categories .category.xbox:hover { background-color: #005400 !important; border-color: #005400 !important; color: white; }
body.news_index .categories .category.blog:hover { background-color: #730D6A !important; border-color: #730D6A !important; color: white; }

body.news_index.ps4 .cd-hero.slider { border-bottom: 6px solid #034169; }
body.news_index.ps4 #newsIndex .categories .category.active { background-color: #034169; border-color: #034169; }
body.news_index.ps4 #newsIndex .featured .post { border-top: 1px solid #034169; border-bottom: 3px solid #034169; }
body.news_index.ps4 #newsIndex .featured .post .title, body.news_index.ps4 #newsIndex .featured .post a { color: #034169; }
body.news_index.ps4 .cd-hero .slider-nav::before, body.news_index.ps4 .cd-hero .slider-nav::after { border-bottom: 36px solid #034169; }
body.news_index.ps4 .cd-hero .slider-nav ul li.selected::before { border: 3px solid #034169; }
body.news_index.ps4 #newsIndex .featured .post .read-more .button, body.news_index.ps4 .button, body.news_index.ps4 .cd-hero .slider-nav ul, body.news_index.ps4 .trackerTab { background: #034169 !important; }
body.news_index.ps4 .beforeSlant, body.news_index.ps4 .afterSlant { border-left: 15px solid #034169 !important; }
body.news_index.ps4 .post-list a { color: #034169 !important; }
body.news_index.xbox .cd-hero.slider { border-bottom: 6px solid #005400; }
body.news_index.xbox #newsIndex .categories .category.active { background-color: #005400; border-color: #005400; }
body.news_index.xbox #newsIndex .featured .post { border-top: 1px solid #005400; border-bottom: 3px solid #005400; }
body.news_index.xbox #newsIndex .featured .post .title, body.news_index.xbox #newsIndex .featured .post a { color: #005400; }
body.news_index.xbox .cd-hero .slider-nav::before, body.news_index.xbox .cd-hero .slider-nav::after { border-bottom: 36px solid #005400; }
body.news_index.xbox .cd-hero .slider-nav ul li.selected::before { border: 3px solid #005400; }
body.news_index.xbox #newsIndex .featured .post .read-more .button, body.news_index.xbox .button, body.news_index.xbox .cd-hero .slider-nav ul, body.news_index.xbox .trackerTab { background: #005400 !important; }
body.news_index.xbox .beforeSlant, body.news_index.xbox .afterSlant { border-left: 15px solid #005400 !important; }
body.news_index.xbox .post-list a { color: #005400; }
body.news_index.blog .cd-hero.slider { border-bottom: 6px solid #730D6A; }
body.news_index.blog #newsIndex .categories .category.active { background-color: #730D6A; border-color: #730D6A; }
body.news_index.blog #newsIndex .featured .post { border-top: 1px solid #730D6A; border-bottom: 3px solid #730D6A; }
body.news_index.blog #newsIndex .featured .post .title, body.news_index.blog #newsIndex .featured .post a { color: #730D6A; }
body.news_index.blog .cd-hero .slider-nav::before, body.news_index.blog .cd-hero .slider-nav::after { border-bottom: 36px solid #730D6A; }
body.news_index.blog .cd-hero .slider-nav ul li.selected::before { border: 3px solid #730D6A; }
body.news_index.blog #newsIndex .featured .post .read-more .button, body.news_index.blog .button, body.news_index.blog .cd-hero .slider-nav ul, body.news_index.blog .trackerTab { background: #730D6A !important; }
body.news_index.blog .beforeSlant, body.news_index.blog .afterSlant { border-left: 15px solid #730D6A !important; }
body.news_index.blog .post-list a { color: #730D6A; }

.signupContent { top: 60px; position: relative; }
.signupContent h1 { margin-bottom: 20px; }

.content { padding: 20px 0; }

#submit-btn { margin: 20px 0 0 20px; }

body.user, body.user-changeAlias { background: white; }
body.user .block, body.user-changeAlias .block { background-color: transparent; border: none; }

@media (max-width: 600px) { body.login .wrapper { background-image: inherit; }
  body.login .wrapper .contentHeaderLines { width: 30% !important; }
  body.login .wrapper #submit-login [type="submit"] { width: 120%; } }

#loginPage.robotCheck p, #mainSignupForm.robotCheck p { text-align: center; font-weight: bold; }
#loginPage .contentHeaderContain .contentHeaderLines, #mainSignupForm .contentHeaderContain .contentHeaderLines { border-bottom: 1px solid #666666; border-top: 1px solid #666666; height: 5px; }
#loginPage .contentHeaderContain p, #mainSignupForm .contentHeaderContain p { color: #666; font-weight: bold; }
#loginPage .loginButtonContainer, #mainSignupForm .loginButtonContainer { text-align: center; }
#loginPage .loginButtonContainer .loginSignupBtn, #mainSignupForm .loginButtonContainer .loginSignupBtn { margin: 0 auto; display: block; padding: 0 35px; }
#loginPage .loginButtonContainer .loginSignupBtn a, #mainSignupForm .loginButtonContainer .loginSignupBtn a { color: white; }
#loginPage .consoleLoginBtns, #mainSignupForm .consoleLoginBtns { text-align: center; }
#loginPage .consoleLoginBtns a, #mainSignupForm .consoleLoginBtns a { max-width: 220px; display: inline-block; }
#loginPage .consoleLoginBtns a button, #mainSignupForm .consoleLoginBtns a button { padding: 0 30px; }
#loginPage .consoleLoginBtns a.ps4Btn button, #mainSignupForm .consoleLoginBtns a.ps4Btn button { background: #034169; }
#loginPage .consoleLoginBtns a.ps4Btn button .button-wrap, #mainSignupForm .consoleLoginBtns a.ps4Btn button .button-wrap { background-image: url("../images/account/ps4Login.jpg"); width: 160px; height: 38px; }
#loginPage .consoleLoginBtns a.xb1Btn button, #mainSignupForm .consoleLoginBtns a.xb1Btn button { background: #005400; }
#loginPage .consoleLoginBtns a.xb1Btn button .button-wrap, #mainSignupForm .consoleLoginBtns a.xb1Btn button .button-wrap { background-image: url("../images/account/xb1Login.jpg"); width: 160px; height: 37px; }
#loginPage form input[type="text"], #loginPage form input[type="email"], #loginPage form input[type="password"], #mainSignupForm form input[type="text"], #mainSignupForm form input[type="email"], #mainSignupForm form input[type="password"] { background-color: #d7d9d9; border: 1px solid #b6b9bb; }
#loginPage form .g-recaptcha, #mainSignupForm form .g-recaptcha { width: 304px; margin: 30px auto; }
#loginPage form #submit-login, #loginPage form #submit-btn, #mainSignupForm form #submit-login, #mainSignupForm form #submit-btn { margin-bottom: 20px; }
#loginPage form #submit-login button, #loginPage form #submit-btn button, #mainSignupForm form #submit-login button, #mainSignupForm form #submit-btn button { padding: 0 15px; margin: 0 auto; display: block; }
#loginPage form #submit-login [type="submit"], #loginPage form #submit-btn [type="submit"], #mainSignupForm form #submit-login [type="submit"], #mainSignupForm form #submit-btn [type="submit"] { border: none; color: white; display: block; font-size: 14px; }

body.signup .wrapper { background-image: url("../images/account/volt_BG.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-position-y: 64px; }
@media (max-width: 875px) { body.signup .wrapper { background-position-y: 129px; } }
@media (max-width: 600px) { body.signup .wrapper { background-image: none; } }
body.signup #signupContain { background-color: rgba(255, 255, 255, 0.4); line-height: 18px; padding: 20px; }

#mainSignupForm { padding-top: 25px; margin-bottom: 80px; }
#mainSignupForm .playBtn { background-image: url("../images/account/playBtn.png"); width: 109px; height: 109px; display: block; margin: 0 auto; cursor: pointer; margin-top: 320px; }
#mainSignupForm .playBtn::after { content: "Watch Trailer"; color: white; position: relative; top: 120px; text-transform: uppercase; }
#mainSignupForm .signupContent.content { top: 0; padding: 0; width: 100% !important; }
#mainSignupForm .signupContent.content h1 { display: none; }
#mainSignupForm .signupContent.content form #submit-btn button { padding: 0 35px; }
@media (max-width: 600px) { #mainSignupForm .playBtn { display: none; } }

body.user_view #mobileUserMenu { display: none; }
body.user_view #mainContent { margin-top: 196px; }
body.user_view #account-manage .accountHeader h1 { text-transform: uppercase; font-size: 22px; }
body.user_view #account-manage .accountOptions { border-top: 1px solid #d1d2d1; margin-top: 45px; }
body.user_view #account-manage .accountOptions ul.accountMenu li { text-transform: uppercase; font-size: 20px; border: 1px solid #d1d2d1; padding: 20px; cursor: pointer; }
body.user_view #account-manage .accountOptions ul.accountMenu li:hover { color: #d30000; }
body.user_view #account-manage .accountOptions ul.accountMenu li.first { border-top: none; }
body.user_view #account-manage .accountOptions ul.accountMenu li.active { color: #d30000; border-right: none; }
body.user_view #account-manage .accountOptions ul.accountMenu li.inactive { background-color: #fdfdfd; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFDFDFD', endColorstr='#FFEDEDED'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(100%, #ededed)); background-image: -moz-linear-gradient(top, #fdfdfd 0%, #ededed 100%); background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #ededed 100%); background-image: linear-gradient(to bottom, #fdfdfd 0%, #ededed 100%); }
body.user_view #account-manage #accountOptionContain { padding-top: 20px; }
body.user_view #account-manage #accountOptionContain .platCost { font-weight: bold; text-transform: uppercase; border-bottom: #a6a7a9; padding-bottom: 15px; }
body.user_view #account-manage #accountOptionContain p { margin-bottom: 35px; line-height: 21px; }
body.user_view #account-manage #accountOptionContain p.gray { color: #949594; }
body.user_view #account-manage #accountOptionContain .btnSubmit { cursor: pointer; }
body.user_view #account-manage #accountOptionContain #accountInfo ul.infoTable li { height: 20px; padding: 20px; border-bottom: #bfc0bf; }
body.user_view #account-manage #accountOptionContain #accountInfo ul.infoTable .accountField { float: left; color: #757675; }
body.user_view #account-manage #accountOptionContain #accountInfo ul.infoTable .accountVal { float: right; font-weight: bold; min-width: 60px; overflow: hidden; text-overflow: ellipsis; width: 60%; }
body.user_view #account-manage #accountOptionContain #accountInfo ul.infoTable .accountVal::after { content: ''; clear: both; }
body.user_view #account-manage #accountOptionContain #accountInfo label.newsletterLabel { display: inline; font-size: 13px; position: relative; top: 4px; left: 4px; }
body.user_view #account-manage #accountOptionContain #accountInfo input#newsletter { margin: 0; }
body.user_view #account-manage #accountOptionContain #accountInfo .btnSubmit { background: #d30000; border: none !important; color: #fff !important; font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 35px; height: 38px; line-height: 38px; text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); float: right; margin-top: 68px; }
body.user_view #account-manage #accountOptionContain #accountInfo .btnSubmit .saveAccount { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
body.user_view #account-manage #accountOptionContain #changePw input[type="password"] { background-color: #d8d9db; display: block; border: 1px solid #aeb1b2; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; padding: 0px 0 0 20px; height: 50px; font-size: 17px; width: 100%; }
body.user_view #account-manage #accountOptionContain #changePw .btnSubmit { background: #d30000; border: none !important; color: #fff !important; font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 35px; height: 38px; line-height: 38px; text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
body.user_view #account-manage #accountOptionContain #changePw .btnSubmit .saveAccount { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
body.user_view #account-manage #accountOptionContain #changeAlias, body.user_view #account-manage #accountOptionContain #changePw, body.user_view #account-manage #accountOptionContain #clanSettings { display: none; }
body.user_view #account-manage #accountOptionContain #changeAlias .columns, body.user_view #account-manage #accountOptionContain #changePw .columns, body.user_view #account-manage #accountOptionContain #clanSettings .columns { padding-left: 20px; }
body.user_view #account-manage #accountOptionContain #changeAlias .btnSubmit, body.user_view #account-manage #accountOptionContain #changePw .btnSubmit, body.user_view #account-manage #accountOptionContain #clanSettings .btnSubmit { background: #d30000; border: none !important; color: #fff !important; font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 35px; height: 38px; line-height: 38px; text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); float: right; }
body.user_view #account-manage #accountOptionContain #changeAlias .btnSubmit a, body.user_view #account-manage #accountOptionContain #changePw .btnSubmit a, body.user_view #account-manage #accountOptionContain #clanSettings .btnSubmit a { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
body.user_view #account-manage #accountOptionContain #changeAlias .btnSubmit a, body.user_view #account-manage #accountOptionContain #changePw .btnSubmit a, body.user_view #account-manage #accountOptionContain #clanSettings .btnSubmit a { color: white; }
body.user_view #account-manage #accountOptionContain #clanSettings button { float: right !important; }
body.user_view #account-manage .hidden { display: none; }
body.user_view #guild-image-dialog button { float: left !important; }
body.user_view .addNewsletterEmailC { background: #d30000; border: none !important; color: #fff !important; font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 35px; height: 38px; line-height: 38px; text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
body.user_view .addNewsletterEmailC .addNewsletterEmail { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
body.user_view .addNewsletterEmailC a { font-size: 11px; color: white; font-weight: bold; }
body.user_view #change-console-email { display: none; }
body.user_view #cboxLoadedContent .consoleEmail { padding: 10px; }
body.user_view #cboxLoadedContent .consoleEmail input[type="text"] { border: 1px solid black; width: 90%; margin: 0 auto; margin-top: 15px; }
body.user_view #cboxLoadedContent .consoleEmail input[type="submit"] { background-color: #d30000; margin-top: 10px; padding: 5px 10px; height: auto; }
body.user_view input { border: none; }
body.user_view [type="submit"] { color: white; }
@media (max-width: 600px) { body.user_view #mainContent { margin-top: 50px !important; }
  body.user_view #accountInfo ul.infoTable li { padding-left: 0px !important; }
  body.user_view #changeAlias .columns, body.user_view #changePw .columns, body.user_view #clanSettings .columns { padding-left: 0 !important; }
  body.user_view .accountMenu { display: none; }
  body.user_view #mobileUserMenu { display: block; width: 100%; } }

#change-alias .accountHeader, #change-clan-name .accountHeader { margin-bottom: 20px; }
#change-alias input[type="text"], #change-clan-name input[type="text"] { width: 100%; }
#change-alias .btnSubmit, #change-clan-name .btnSubmit { background: #d30000; border: none !important; color: #fff !important; font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 35px; height: 38px; line-height: 38px; text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); cursor: pointer; }
#change-alias .btnSubmit .saveAccount, #change-clan-name .btnSubmit .saveAccount { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }

#emblemImagePreview { width: auto; }
#emblemImagePreview .containImg { display: inline-block; background-image: url("../images/account/emblemPreview.jpg"); width: 359px; height: 657px; position: relative; margin: 0 auto; }
#emblemImagePreview .containImg img { top: 180px; position: absolute; left: 60px; width: 90px; height: 90px; }
#emblemImagePreview .previewLinks { margin-top: 20px; }

body.buy_platinum #mainBPPage { padding-top: 50px; }
body.buy_platinum .method { height: 80px; padding: 15px 38px; background-color: #ebebeb; border: 1px solid #c1c1c1; cursor: pointer; min-width: 152px; }
body.buy_platinum .method.active { background-color: #fefffe; }
body.buy_platinum .method .methodIcon { width: 80px; height: 50px; background-repeat: no-repeat; text-align: center; }
body.buy_platinum .method .methodIcon.dRiver-cpgCreditCard, body.buy_platinum .method .methodIcon.xsolla-1380 { background-image: url(../images/paymenticons/creditCards.png); }
body.buy_platinum .method .methodIcon.steam { background-image: url(../images/paymenticons/steam.png); }
body.buy_platinum .method .methodIcon.rixty { background-image: url(../images/paymenticons/rixty.png); }
body.buy_platinum .method .methodIcon.dRiver-cpgPayPal, body.buy_platinum .method .methodIcon.xsolla-24 { background-image: url(../images/paymenticons/paypal.png); }
body.buy_platinum .method .methodIcon.molpay { background-image: url(../images/paymenticons/molpoints.png); }
body.buy_platinum .method .methodIcon.xsolla-1497 { background-image: url(../images/paymenticons/MisterCash.png); }
body.buy_platinum .method .methodIcon.dRiver-cpgPaySafeCard { background-image: url(../images/paymenticons/paysafe.png); }
body.buy_platinum .method .methodIcon.xsolla-1944 { background-image: url(../images/paymenticons/boleto.png); }
body.buy_platinum .method .methodIcon.xsolla-836 { background-image: url(../images/paymenticons/interac-online.png); }
body.buy_platinum .method .methodIcon.xsolla-81 { background-image: url(../images/paymenticons/DaoPay.png); }
body.buy_platinum .method .methodIcon.xsolla-1496 { background-image: url(../images/paymenticons/ideal.png); }
body.buy_platinum .method .methodIcon.xsolla-1909 { background-image: url(../images/paymenticons/przelewy24.png); }
body.buy_platinum .method .methodIcon.xsolla-16 { background-image: url(../images/paymenticons/qiwi.png); }
body.buy_platinum .method .methodIcon.dRiver-cpgYandexMoney, body.buy_platinum .method .methodIcon.xsolla-27 { background-image: url(../images/paymenticons/Yandex_money.png); }
body.buy_platinum .method .methodIcon.xsolla-1852, body.buy_platinum .method .methodIcon.xsolla-390, body.buy_platinum .method .methodIcon.xsolla-1750 { background-image: url(../images/paymenticons/mycard.png); }
body.buy_platinum .method .methodIcon.dRiver-cpgVisaDelta, body.buy_platinum .method .methodIcon.dRiver-cpgVisaElectron { background-image: url(../images/paymenticons/visa-delta-debit.png); }
body.buy_platinum .method .methodIcon.xsolla-749 { background-image: url(../images/paymenticons/gudang.png); }
body.buy_platinum .method .methodIcon.xsolla-132 { background-image: url(../images/paymenticons/cashu.png); }
body.buy_platinum .method .methodIcon.xsolla-226 { background-image: url(../images/paymenticons/toditocash.png); }
body.buy_platinum .method .methodIcon.xsolla-250 { background-image: url(../images/paymenticons/onecard.png); }
body.buy_platinum .method .methodIcon.xsolla-2601 { background-image: url(../images/paymenticons/poli.png); }
body.buy_platinum .method .methodIcon.dRiver-cpgWebMoney, body.buy_platinum .method .methodIcon.xsolla-6 { background-image: url(../images/paymenticons/webmoney.png); }
body.buy_platinum .method .methodIcon.xsolla-1859 { background-image: url(../images/paymenticons/obucks.png); }
body.buy_platinum .method .methodIcon.karmakoin { background-image: url(../images/paymenticons/karmakoin.png); }
body.buy_platinum .method .methodIcon.ycoins { background-image: url(../images/paymenticons/ycoins2.png); }
body.buy_platinum .method .methodIcon.xsolla-2683 { background-image: url(../images/paymenticons/paygarden.png); }
body.buy_platinum .method .methodIcon.xsolla-Other, body.buy_platinum .method .methodIcon.dRiver-cpgSEPADirectDebit { font-weight: bold; }
body.buy_platinum .couponHeader { color: white; text-transform: uppercase; background-color: #d30000; padding: 20px; font-size: 23px; margin-bottom: 30px; text-align: center; }
body.buy_platinum .couponHeader strong { font-weight: bold; font-size: 35px; position: relative; top: 3px; }
body.buy_platinum .packages { margin-top: 25px; min-width: 320px; }
body.buy_platinum .packages .auWarning { display: none; }
body.buy_platinum .packages.steam .auWarning { display: block; background-color: #d30000; color: white; padding: 5px; margin-bottom: 10px; margin-top: -34px; }
body.buy_platinum .package { background-color: #cacaca; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFCACACA', endColorstr='#FFE3E8E8'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhY2FjYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UzZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cacaca), color-stop(100%, #e3e8e8)); background-image: -moz-linear-gradient(top, #cacaca 0%, #e3e8e8 100%); background-image: -webkit-linear-gradient(top, #cacaca 0%, #e3e8e8 100%); background-image: linear-gradient(to bottom, #cacaca 0%, #e3e8e8 100%); margin-bottom: 55px; -moz-box-shadow: 0 0 0 1px #a7a7a7 inset; -webkit-box-shadow: 0 0 0 1px #a7a7a7 inset; box-shadow: 0 0 0 1px #a7a7a7 inset; height: 108px; min-width: 340px; }
body.buy_platinum .package.coupon { height: 130px; }
body.buy_platinum .package .packTitle, body.buy_platinum .package .packTitleMobile { position: relative; width: 100%; top: -24px; text-align: center; margin-bottom: -24px; padding: 5px; z-index: 1; color: white; text-transform: uppercase; }
body.buy_platinum .package .packTitleMobile { display: none; }
body.buy_platinum .package.package0 .packTitle, body.buy_platinum .package.package0 .packTitleMobile { background-color: #d5bc6a; }
body.buy_platinum .package.package0 .platSec .platVal, body.buy_platinum .package.package0 .platSec .platBonus strong { color: #be9e35; }
body.buy_platinum .package.package1 .packTitle, body.buy_platinum .package.package1 .packTitleMobile { background-color: #a4adb7; }
body.buy_platinum .package.package1 .platSec .platVal, body.buy_platinum .package.package1 .platSec .platBonus strong { color: #798795; }
body.buy_platinum .package.package2 .packTitle, body.buy_platinum .package.package2 .packTitleMobile { background-color: #bb7443; }
body.buy_platinum .package.package2 .platSec .platVal, body.buy_platinum .package.package2 .platSec .platBonus strong { color: #83512f; }
body.buy_platinum .package.package3 .bigPlatIcon, body.buy_platinum .package.package4 .bigPlatIcon, body.buy_platinum .package.package5 .bigPlatIcon { bottom: 5px; left: 50px; }
body.buy_platinum .package .bigPlatIcon { background-image: url("../images/buy-plat/bpPlatFeatured.png"); width: 63px; height: 66px; position: absolute; z-index: 5; bottom: -40px; left: 80px; }
body.buy_platinum .package .platSec { float: left; width: 30%; margin-left: 10px; text-transform: uppercase; margin-right: 10px; margin-top: 20px; }
body.buy_platinum .package .platSec .platVal, body.buy_platinum .package .platSec .platWord { text-align: center; }
body.buy_platinum .package .platSec .platVal { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; color: #143e57; font-weight: bold; font-size: 27px; }
body.buy_platinum .package .platSec .platWord { font-size: 12px; color: #696969; margin-top: 2px; }
body.buy_platinum .package .platSec .platBonus { color: #696969; margin-top: 8px; text-align: center; font-size: 12px; }
body.buy_platinum .package .platSec .platBonus strong { color: #143e57; font-weight: bold; }
body.buy_platinum .package .packageInfo { float: left; position: relative; top: -15px; left: -20px; width: 30%; height: 100%; }
body.buy_platinum .package .packageInfo .cards { position: relative; z-index: 2; cursor: pointer; }
body.buy_platinum .package .packageInfo .cards.cardcount3 .modcard.card1 { left: 23px; }
body.buy_platinum .package .packageInfo .cards.cardcount3 .modcard.card2 { left: 46px; }
body.buy_platinum .package .packageInfo .cards.cardcount2 .modcard.card1 { left: 23px; }
body.buy_platinum .package .packageInfo .cards .modcard { position: absolute; background-size: contain !important; background-repeat: no-repeat; width: 85px; height: 143px; }
body.buy_platinum .package .packageInfo .cards .modcard.seekingfury { background-image: url("../images/buy-plat/seekingFury.png"); }
body.buy_platinum .package .packageInfo .cards .modcard.animalinstinct { background-image: url("../images/buy-plat/animalInstinct.png"); }
body.buy_platinum .package .packageInfo .cards .modcard.armoredagility { background-image: url("../images/buy-plat/armoredAgility.png"); }
body.buy_platinum .package .packageInfo .bigCards { display: none; }
body.buy_platinum .package .packageInfo .cardNames { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; text-transform: uppercase; position: absolute; top: 50px; left: 105px; list-style: circle inside; font-size: 10px; font-weight: bold; }
body.buy_platinum .package .packageInfo .cardNames li { margin-bottom: 5px; }
body.buy_platinum .package .packageInfo .packageTitle { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; text-transform: uppercase; font-size: 12px; width: 180px; height: 40px; position: relative; left: 70px; color: white; padding: 7px 0 0 33px; }
body.buy_platinum .package .packageInfo .packageTitle.package0 { background-color: #be9e35; }
body.buy_platinum .package .packageInfo .packageTitle.package1 { background-color: #798795; }
body.buy_platinum .package .packageInfo .packageTitle.package2 { background-color: #83512f; }
body.buy_platinum .package .priceBox { width: 30%; height: 100%; float: right; position: relative; color: white; background-color: #143e57; cursor: pointer; text-align: center; min-width: 105px; }
body.buy_platinum .package .priceBox.package0 { background-color: #be9e35; }
body.buy_platinum .package .priceBox.package0 .buyNowText { background-color: #d5bc6a; }
body.buy_platinum .package .priceBox.package1 { background-color: #798795; }
body.buy_platinum .package .priceBox.package1 .buyNowText { background-color: #a4adb7; }
body.buy_platinum .package .priceBox.package2 { background-color: #83512f; }
body.buy_platinum .package .priceBox.package2 .buyNowText { background-color: #bb7443; }
body.buy_platinum .package .priceBox.package3 .coupon .crossout, body.buy_platinum .package .priceBox.package4 .coupon .crossout, body.buy_platinum .package .priceBox.package5 .coupon .crossout { width: 45px !important; }
body.buy_platinum .package .priceBox .priceNums { display: inline-block; margin: 0 auto; overflow: visible; margin-top: 15px; text-align: left; }
body.buy_platinum .package .priceBox .priceNums .currsign, body.buy_platinum .package .priceBox .priceNums .numbers { font-weight: bold; }
body.buy_platinum .package .priceBox .priceNums .currsign { font-size: 21px; margin-right: -6px; position: relative; top: -8px; }
body.buy_platinum .package .priceBox .priceNums .numbers { font-size: 33px; position: relative; }
body.buy_platinum .package .priceBox .priceNums .numbers .bignum { margin-right: -8px; }
body.buy_platinum .package .priceBox .priceNums .numbers .cents { font-size: 20px; position: relative; top: -10px; }
body.buy_platinum .package .priceBox .priceNums .numbers .currcode { position: absolute; font-size: 11px; right: 2px; bottom: 7px; font-weight: normal; }
body.buy_platinum .package .priceBox .priceNums.coupon .was { text-transform: uppercase; font-size: 12px; position: absolute; left: -20px; top: 48px; }
body.buy_platinum .package .priceBox .priceNums.coupon .crossout { background-image: url("../images/buy-plat/featuredCrossOut.png"); width: 65px; height: 18px; position: absolute; left: 10px; top: 48px; }
body.buy_platinum .package .priceBox .priceNums.coupon .oldPrice { font-size: 22px; position: relative; left: 20px; top: 5px; }
body.buy_platinum .package .priceBox .priceNums.coupon .oldPrice .currsign { font-size: 14px; }
body.buy_platinum .package .priceBox .priceNums.coupon .oldPrice .cents { font-size: 12px; top: -7px; left: 3px; }
body.buy_platinum .package .priceBox .priceNums.coupon .oldPrice .currcode { font-size: 6px; right: 27px; bottom: 0px; }
body.buy_platinum .package .priceBox .buyNowText { background-color: #226a95; text-transform: uppercase; font-size: 24px; text-align: center; font-weight: bold; position: absolute; bottom: 0; width: 100%; padding: 10px 0; }
body.buy_platinum.lang-pl .buyNowText { font-size: 22px !important; }
body.buy_platinum.lang-de .buyNowText, body.buy_platinum.lang-ru .buyNowText, body.buy_platinum.lang-fr .buyNowText, body.buy_platinum.lang-ko .buyNowText, body.buy_platinum.lang-it .buyNowText { font-size: 15px !important; }
body.buy_platinum.lang-es .buyNowText, body.buy_platinum.lang-pt-br .buyNowText, body.buy_platinum.lang-tr .buyNowText { font-size: 13px !important; }
body.buy_platinum.lang-fr .was, body.buy_platinum.lang-pl .was { font-size: 10px !important; }
body.buy_platinum .contentHeaderContain { margin-top: -15px; }
body.buy_platinum #mainBPPage.buyplat1 .coupon .crossout { left: 9px !important; top: 46px !important; }
body.buy_platinum #mainBPPage.buyplat1 .packages.steam .auWarning { position: relative; top: -20px; }
body.buy_platinum #mainBPPage.buyplat2 .couponHeader { width: 68.3%; }
body.buy_platinum #mainBPPage.buyplat2 .packages { margin-top: 0; }
body.buy_platinum #mainBPPage.buyplat2 .package { height: 128px; margin-bottom: 35px; background-image: none; background-color: #f3f4f3 !important; min-width: 500px; }
body.buy_platinum #mainBPPage.buyplat2 .package .platSec { margin-left: 0; height: 85%; border-right: 1px solid #dedfde; width: 135px; padding-top: 2%; }
body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo { width: 225px; left: 0; }
body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .cards { top: -10px; }
body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .cards.cardcount3 .modcard.card1 { left: 12px; top: 9px; }
body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .cards.cardcount3 .modcard.card2 { left: 24px; top: 18px; }
body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .cards.cardcount2 .modcard.card1 { left: 12px; top: 9px; }
body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .cards .modcard { width: 76px; height: 99px; }
body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .platBonus { text-transform: uppercase; font-size: 24px; font-weight: bold; margin-top: 13%; }
body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .platBonus strong { color: #143e57; }
body.buy_platinum #mainBPPage.buyplat2 .package ul.cardNames { width: 160px; top: 70px; left: 90px; font-size: 9px; color: black; }
body.buy_platinum #mainBPPage.buyplat2 .package .packTitle { top: 22px; left: 40px; text-align: left; padding-left: 48px; height: 40px; width: 160px; }
body.buy_platinum #mainBPPage.buyplat2 .package .packTitle::after { content: ''; position: absolute; right: -40px; top: 0; }
body.buy_platinum #mainBPPage.buyplat2 .package .packTitle span { display: block; }
body.buy_platinum #mainBPPage.buyplat2 .package .priceBox { width: 125px; }
body.buy_platinum #mainBPPage.buyplat2 .package.package0 .packTitle::after { width: 0; height: 0; border-right: 40px solid transparent; border-bottom: 40px solid #d5bc6a; }
body.buy_platinum #mainBPPage.buyplat2 .package.package0 .cards .modcard { width: 76px; height: 99px; }
body.buy_platinum #mainBPPage.buyplat2 .package.package1 .packTitle::after { width: 0; height: 0; border-right: 40px solid transparent; border-bottom: 40px solid #a4adb7; }
body.buy_platinum #mainBPPage.buyplat2 .package.package1 .cards .modcard { width: 90px; height: 112px; }
body.buy_platinum #mainBPPage.buyplat2 .package.package2 .packTitle::after { width: 0; height: 0; border-right: 40px solid transparent; border-bottom: 40px solid #bb7443; }
body.buy_platinum #mainBPPage.buyplat2 .package.package2 .cards .modcard { width: 100px; height: 127px; }
body.buy_platinum #mainBPPage.buyplat2 .package.package0 .platSec, body.buy_platinum #mainBPPage.buyplat2 .package.package1 .platSec, body.buy_platinum #mainBPPage.buyplat2 .package.package2 .platSec { padding-top: 3%; height: 83%; margin-top: 2%; }
body.buy_platinum #mainBPPage.buyplat2 .package.package3, body.buy_platinum #mainBPPage.buyplat2 .package.package4, body.buy_platinum #mainBPPage.buyplat2 .package.package5 { height: 86px; }
body.buy_platinum #mainBPPage.buyplat2 .package.package3.coupon, body.buy_platinum #mainBPPage.buyplat2 .package.package4.coupon, body.buy_platinum #mainBPPage.buyplat2 .package.package5.coupon { height: 118px; }
body.buy_platinum #mainBPPage.buyplat2 .package.package3.coupon .platSec, body.buy_platinum #mainBPPage.buyplat2 .package.package4.coupon .platSec, body.buy_platinum #mainBPPage.buyplat2 .package.package5.coupon .platSec { padding-top: 5%; }
body.buy_platinum #mainBPPage.buyplat2 .package.package3 .platSec, body.buy_platinum #mainBPPage.buyplat2 .package.package4 .platSec, body.buy_platinum #mainBPPage.buyplat2 .package.package5 .platSec { padding-top: 2%; height: 77%; margin-top: 2%; }
body.buy_platinum #mainBPPage.buyplat2 .package.package3 .packageInfo, body.buy_platinum #mainBPPage.buyplat2 .package.package4 .packageInfo, body.buy_platinum #mainBPPage.buyplat2 .package.package5 .packageInfo { top: 0; }
body.buy_platinum #mainBPPage.buyplat2 .package.package3 .buyNowText, body.buy_platinum #mainBPPage.buyplat2 .package.package4 .buyNowText, body.buy_platinum #mainBPPage.buyplat2 .package.package5 .buyNowText { background-color: #143e57; font-size: 18px; }
body.buy_platinum #mainBPPage.buyplat2 .buyPlatPromo .primeAccessPromo { width: 100%; height: 545px; }
body.buy_platinum #mainBPPage.buyplat2 .buyPlatPromo .primeAccessPromo img { width: 100%; }
body.buy_platinum #mainBPPage.buyplat2 .buyPlatPromo .promoCodeBtn { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; display: block; position: relative; background-color: black; margin-top: 25px; color: white; text-transform: uppercase; height: 64px; }
body.buy_platinum #mainBPPage.buyplat2 .buyPlatPromo .promoCodeBtn div { position: absolute; top: 19px; left: 39px; border-top: 2px solid #333333; border-bottom: 2px solid #333333; padding: 4px 0; }
body.buy_platinum .contentHeaderContain .contentHeaderLines { border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; }
body.buy_platinum .contentHeaderContain .lotusLogo { background-image: url("../images/greyLotus.png"); margin-bottom: 15px; }
body.buy_platinum #colorbox, body.buy_platinum #cboxOverlay { z-index: 10000; }
body.buy_platinum #colorbox.modCardOverlay #cboxTopLeft, body.buy_platinum #colorbox.modCardOverlay #cboxTopCenter, body.buy_platinum #colorbox.modCardOverlay #cboxTopRight, body.buy_platinum #colorbox.modCardOverlay #cboxMiddleLeft, body.buy_platinum #colorbox.modCardOverlay #cboxMiddleRight, body.buy_platinum #colorbox.modCardOverlay #cboxBottomLeft, body.buy_platinum #colorbox.modCardOverlay #cboxBottomCenter, body.buy_platinum #colorbox.modCardOverlay #cboxBottomRight { display: none; }
body.buy_platinum #colorbox.modCardOverlay #cboxContent { background: none; }
body.buy_platinum #colorbox.modCardOverlay .card { width: 256px; height: 376px; display: inline-block; float: left; color: #fce9be; text-transform: uppercase; position: relative; background-size: contain; background-repeat: no-repeat; }
body.buy_platinum #colorbox.modCardOverlay .card .cardtitle, body.buy_platinum #colorbox.modCardOverlay .card .cardType, body.buy_platinum #colorbox.modCardOverlay .card .cardRarity, body.buy_platinum #colorbox.modCardOverlay .card .cardEffect { position: absolute; text-align: center; width: 100%; }
body.buy_platinum #colorbox.modCardOverlay .card .cardtitle { top: 245px; font-size: 20px; }
body.buy_platinum #colorbox.modCardOverlay .card .cardEffect { top: 270px; }
body.buy_platinum .mobileSelect { display: none; }
body.buy_platinum .mobileSelect select { width: 90%; }
body.buy_platinum .mobileSelect .dd .method { height: auto; }
body.buy_platinum .mobileSelect .dd .ddTitle .ddTitleText { text-align: center; }
body.buy_platinum .mobileSelect .dd .ddChild li { text-align: center; min-height: 61px; }
body.buy_platinum .primeAccessBanner, body.buy_platinum .promoCodeBanner { width: 100%; height: 81px; float: left; margin-bottom: 50px; background-repeat: no-repeat; background-size: 100%; }
body.buy_platinum .primeAccessBanner { background-image: url("../images/prime-access/primeaccessvaubanBG/Vauban_buyPlat_448x81.jpg"); }
body.buy_platinum .promoCodeBanner { background-image: url("../images/buy-plat/promocodesbtn.jpg"); }
@media (min-width: 875px) and (max-width: 1250px) { body.buy_platinum #mainBPPage { padding-top: 90px; }
  body.buy_platinum .package .priceBox .buyNowText { font-size: 20px; } }
@media (min-width: 875px) and (max-width: 1115px) { body.buy_platinum #mainBPPage.buyplat2 .packages { margin-left: 30px; } }
@media (min-width: 875px) and (max-width: 1260px) { body.buy_platinum #mainBPPage.buyplat1 { width: 890px; }
  body.buy_platinum #mainBPPage.buyplat1 .ten.columns { min-width: 668px; }
  body.buy_platinum #mainBPPage.buyplat1 .packageInfo .cards { top: -10px; }
  body.buy_platinum #mainBPPage.buyplat1 .packageInfo .cards.cardcount3 .modcard.card0 { left: 22px; }
  body.buy_platinum #mainBPPage.buyplat1 .packageInfo .cards.cardcount3 .modcard.card1 { left: 34px; }
  body.buy_platinum #mainBPPage.buyplat1 .packageInfo .cards.cardcount3 .modcard.card2 { left: 46px; }
  body.buy_platinum #mainBPPage.buyplat1 .packageInfo .cards.cardcount2 .modcard.card1 { left: 34px; }
  body.buy_platinum #mainBPPage.buyplat1 .packageInfo .cards .modcard { width: 65px; height: 123px; left: 22px; top: 22px; } }
@media (min-width: 1060px) and (max-width: 1270px) { body.buy_platinum #mainBPPage.buyplat2 .buyPlatPromo { margin-left: 16%; } }
@media (max-width: 1060px) { body.buy_platinum #mainBPPage.buyplat2 .buyPlatPromo { display: none; } }
@media (max-width: 875px) { body.buy_platinum .desktopSelect { display: none; }
  body.buy_platinum .mobileSelect { display: block; }
  body.buy_platinum .package .priceBox .buyNowText { font-size: 16px; }
  body.buy_platinum.lang-pl .buyNowText, body.buy_platinum.lang-de .buyNowText, body.buy_platinum.lang-ru .buyNowText, body.buy_platinum.lang-fr .buyNowText, body.buy_platinum.lang-ko .buyNowText, body.buy_platinum.lang-it .buyNowText, body.buy_platinum.lang-es .buyNowText, body.buy_platinum.lang-pt-br .buyNowText, body.buy_platinum.lang-tr .buyNowText { font-size: 13px !important; }
  body.buy_platinum #paymentSelect_msdd { width: 401px !important; }
  body.buy_platinum #paymentSelect_msdd { width: 100% !important; }
  body.buy_platinum #mainBPPage .ten.columns { width: 93%; margin-top: 30px; }
  body.buy_platinum #mainBPPage .packages { width: 100%; margin-left: 0; }
  body.buy_platinum #mainBPPage.buyplat2 .packages { padding-top: 50px; }
  body.buy_platinum #mainBPPage.buyplat2 .buyPlatPromo { display: none; }
  body.buy_platinum #mainBPPage.buyplat2 .package { min-width: inherit; border: none; }
  body.buy_platinum #mainBPPage.buyplat2 .package .platSec { width: 105px; }
  body.buy_platinum #mainBPPage.buyplat2 .package .platSec .platVal { font-size: 19px; }
  body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo { width: 105px; }
  body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .packTitle { top: 15px; left: -10px; padding-left: 19px; width: 130px; }
  body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .cards { top: 30px; }
  body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .cards.cardcount3 .modcard.card1 { left: 20px; top: 0px; }
  body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .cards.cardcount3 .modcard.card2 { left: 40px; top: 0px; }
  body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .cards.cardcount2 .modcard.card1 { left: 20px; top: 0px; }
  body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .cards .modcard { top: 0px; width: 76px !important; height: 99px !important; }
  body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .cardNames { display: none; }
  body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .platBonus { font-size: 17px; margin-top: 19%; }
  body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .priceBox { width: 115px; min-width: 98px; } }
@media (max-width: 600px) { body.buy_platinum #cboxLoadedContent { width: 632px; margin: 0 auto !important; padding-left: 20px; }
  body.buy_platinum .card { width: 200px !important; }
  body.buy_platinum .card .cardtitle { top: 190px !important; }
  body.buy_platinum .card .cardEffect { top: 212px !important; font-size: 11px !important; }
  body.buy_platinum #mainBPPage .ten.columns { width: 100%; }
  body.buy_platinum #mainBPPage.buyplat2 .buyPlatPromo { display: block; }
  body.buy_platinum #mainBPPage.buyplat2 .buyPlatPromo .primeAccessPromo { overflow: hidden; display: block; }
  body.buy_platinum #mainBPPage.buyplat2 .packTitle { display: none; }
  body.buy_platinum #mainBPPage.buyplat2 .packTitleMobile { display: block; } }

body.quickstart { background-attachment: fixed !important; background-image: none !important; }

#quickstartpage .container { max-width: 1140px; padding: 30px; }
#quickstartpage h1, #quickstartpage h2 { margin-bottom: 20px; }
#quickstartpage h1 { font-size: 40px; }
#quickstartpage h2 { font-size: 20px; color: #000000; }
#quickstartpage p { line-height: 20px; margin-bottom: 10px; }
#quickstartpage td { padding: 10px; }
#quickstartpage hr { margin-top: 2rem; margin-bottom: 1.5rem; }
#quickstartpage li { text-transform: uppercase; background-color: #edf1f4; color: #6e6e6e; border: 1px solid #c5c5c5; padding: 12px; margin-top: -1px; }
#quickstartpage li a { color: #6e6e6e; }
#quickstartpage li a:hover { color: #d30000; }
#quickstartpage strong, #quickstartpage .otherbutton { font-weight: bold; }
#quickstartpage .qsConsoleTab { padding: 20px; display: inline-block; color: #FFFFFF; width: 75px; text-align: center; cursor: pointer; }
#quickstartpage #mobileQuick { display: none; }
#quickstartpage .activeQSTab { background-color: rgba(237, 241, 244, 0); border-right: none; }
#quickstartpage .activeQSTab a { color: #d30000; }
#quickstartpage .categories { display: inline-block; margin: 20px 0; }
#quickstartpage .categories .category { display: inline-block; border: 1px solid #666; padding: 6px 18px; margin-right: 10px; background-color: #ebebeb; text-transform: uppercase; font-weight: bold; cursor: pointer; }
#quickstartpage .categories .category.pc { color: #d30000; }
#quickstartpage .categories .category.xbox { color: #005400; }
#quickstartpage .categories .category.ps4 { color: #034169; }
#quickstartpage .categories .category.blog { color: #730D6A; }
#quickstartpage #pcQStab:hover, #quickstartpage .pcactive { background-color: #d30000 !important; border-color: #d30000 !important; color: #ffffff !important; }
#quickstartpage #ps4QStab:hover, #quickstartpage .ps4active { background-color: #034169 !important; border-color: #034169 !important; color: #ffffff !important; }
#quickstartpage #xb1QStab:hover, #quickstartpage .xb1active { background-color: #005400 !important; border-color: #005400 !important; color: #ffffff !important; }
#quickstartpage #quickstartTitle { width: 100%; position: fixed; }
#quickstartpage #quickstartTitle hr { margin-top: 2rem; }
#quickstartpage #quickstartTitle h1 { text-align: left; }
#quickstartpage #qsTitle { float: left; }
#quickstartpage #qsDownloadBtn { float: right; }
#quickstartpage .leftLinks { float: left; width: 16%; position: fixed; top: 156px; }
#quickstartpage .rightContent { float: right; width: 68%; margin-top: 40px; }
#quickstartpage .rightContent .framePic { width: 31.3%; max-height: 242px; margin: 5px; float: left; margin-bottom: 15px; overflow: hidden; }
#quickstartpage .rightContent .framePic img { width: 100%; opacity: 0.9; }
#quickstartpage .rightContent .thumbCenter { width: 100%; text-align: center; }
#quickstartpage .rightContent .thumbCenter .weaponCenter { display: inline-block; }
#quickstartpage .rightContent .weaponContain { height: 125px; width: 200px; margin: 15px; background-image: url("../images/mainSiteAssets/quickstartPage/warframeBack.jpg"); background-repeat: no-repeat; background-size: 100% auto; float: left; position: relative; }
#quickstartpage .rightContent .weaponContain img { width: 100%; height: 100%; }
#quickstartpage .rightContent .qsImg { width: 100%; margin-bottom: 20px; }
#quickstartpage .rightContent .qsImg img { width: 100%; }
@media (max-width: 875px) { #quickstartpage #contentsList li { padding: 8px; }
  #quickstartpage #contentsList li a { font-size: 12px; }
  #quickstartpage #mobileQuick { display: block; width: 80%; position: fixed; z-index: 9; }
  #quickstartpage .leftLinks { display: none; }
  #quickstartpage .rightContent { width: 100%; margin-top: 70px; } }
@media (max-width: 600px) { #quickstartpage .leftLinks { display: none; }
  #quickstartpage .rightContent { width: 100%; }
  #quickstartpage #qsTitle { text-align: center; }
  #quickstartpage #qsDownloadBtn { width: 100%; } }
@media (max-width: 700px) { #quickstartpage .framePic { width: 29.4% !important; } }

body.warframes .warframeContent, body.warframes .primes { margin-top: 80px; }
body.warframes .warframeContent { margin-bottom: 80px; }
body.warframes .lotusLogo { background-image: url("../images/mainSiteAssets/splashPage/whiteLotus.png"); }
body.warframes .warframesContain .wf, body.warframes .warframesContain .primewf { width: 24%; float: left; position: relative; cursor: pointer; display: block; margin-right: 5px; margin-bottom: 40px; }
body.warframes .warframesContain .wf img, body.warframes .warframesContain .primewf img { border-bottom: 1px solid #d30000; width: 100%; height: auto; }
body.warframes .warframesContain .wf .wfTitle, body.warframes .warframesContain .primewf .wfTitle { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; text-transform: uppercase; min-width: 140px; height: 30px; color: white; position: absolute; font-weight: bold; bottom: 0; }
body.warframes .warframesContain .wf .wfTitle .innerWfTitle, body.warframes .warframesContain .primewf .wfTitle .innerWfTitle { padding: 7px 0 0 10px; }
body.warframes .warframesContain .wf .wfTitle::after, body.warframes .warframesContain .primewf .wfTitle::after { content: ''; position: absolute; right: -30px; margin-top: -21px; }
body.warframes .warframesContain .wf .wfTitle { background-color: #d30000; }
body.warframes .warframesContain .wf .wfTitle::after { width: 0; height: 0; border-right: 30px solid transparent; border-bottom: 30px solid #d30000; }
body.warframes .warframesContain .wf:hover .wfTitle { background-color: white; color: #d30000; }
body.warframes .warframesContain .wf:hover .wfTitle::after { width: 0; height: 0; border-right: 30px solid transparent; border-bottom: 30px solid white; }
body.warframes .warframesContain .primewf .wfTitle { background-color: #c79616; }
body.warframes .warframesContain .primewf .wfTitle::after { width: 0; height: 0; border-right: 30px solid transparent; border-bottom: 30px solid #c79616; }
body.warframes .warframesContain .primewf img { border-bottom: 1px solid #c79616; }
body.warframes .warframesContain .primewf:hover .wfTitle { background-color: white; color: #c79616; }
body.warframes .warframesContain .primewf:hover .wfTitle::after { width: 0; height: 0; border-right: 30px solid transparent; border-bottom: 30px solid white; }
@media (min-width: 875px) and (max-width: 1250px) { body.warframes .warframesContain .wfTitle { font-size: 11px; width: 100%; }
  body.warframes .warframesContain .wfTitle::after { display: none !important; } }
@media (max-width: 875px) { body.warframes .warframesContain .wfTitle { font-size: 11px; }
  body.warframes .warframesContain .wfTitle::after { display: none !important; } }
@media (max-width: 600px) { body.warframes .cd-hero .slider-nav ul { display: inline-block; background-color: #d30000; height: 36px; margin: 0 -4px; padding: 0 10px; }
  body.warframes .cd-hero .slider-nav::after, body.warframes .cd-hero .slider-nav::before { display: none; }
  body.warframes .contentHeaderContain h2 { margin-top: -14px; font-size: 21px; }
  body.warframes .warframesContain .wf, body.warframes .warframesContain .primewf { width: 48% !important; }
  body.warframes .wfTitle { text-align: center; bottom: -6px !important; width: 100%; }
  body.warframes .wfTitle .innerWfTitle { padding: 7px 10px !important; font-size: 12px; font-family: 'Open Sans',sans-serif; font-weight: 100; text-align: left; }
  body.warframes .wfTitle::after { display: none; } }

#singleFramePage.prime h2 { color: #c79616; }
#singleFramePage.prime .contentHeaderLines { border-top: 1px solid #c79616; border-bottom: 1px solid #c79616; }
#singleFramePage.prime #mainPic .innerMainPic #stats li .num { color: #c79616; }
#singleFramePage.prime #mainPic .innerMainPic .profileVideo { background: #c79616; border: none !important; color: #fff !important; font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 35px; height: 38px; line-height: 38px; text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
#singleFramePage.prime #mainPic .innerMainPic .profileVideo .innerBtn { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
#singleFramePage.prime .lotusLogo { background-image: url("../images/goldLotus.png"); }
#singleFramePage #mainPic, #singleFramePage #abilities, #singleFramePage #video { margin: 0 auto; }
#singleFramePage #mainPic { background-image: url("../images/warframes/bg/wfSingleMainBG.jpg"); background-size: cover; height: 830px; overflow: hidden; position: relative; }
#singleFramePage #mainPic #wfVideo { position: relative; }
#singleFramePage #mainPic #wfVideo video { position: absolute; left: 50%; transform: translate(-50%, 0); width: 1920px; }
#singleFramePage #mainPic .innerMainPic { position: relative; z-index: 10; padding: 20px; background: rgba(0, 0, 0, 0.6); bottom: -440px; max-width: 500px !important; left: -20%; }
#singleFramePage #mainPic .innerMainPic p { text-transform: uppercase; margin-top: 32px; color: white; line-height: 28px; font-size: 15px; }
#singleFramePage #mainPic .innerMainPic #stats { margin-top: 45px; }
#singleFramePage #mainPic .innerMainPic #stats li { display: inline-block; text-align: center; margin-right: 19px; font-weight: bold; }
#singleFramePage #mainPic .innerMainPic #stats li .num { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; color: #d30000; font-size: 22px; }
#singleFramePage #mainPic .innerMainPic #stats li .name { text-transform: uppercase; color: white; margin-top: 3px; font-size: 11px; }
#singleFramePage #mainPic .innerMainPic .profileVideo { background: #d30000; border: none !important; color: #fff !important; font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 35px; height: 38px; line-height: 38px; text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); margin-top: 25px; margin-left: 80px; }
#singleFramePage #mainPic .innerMainPic .profileVideo .innerBtn { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
#singleFramePage #mainPic .leftWfBtn, #singleFramePage #mainPic .rightWfBtn { position: absolute; background-size: 100%; top: 40%; width: 50px; height: 116px; }
#singleFramePage #mainPic .leftWfBtn { left: 20px; background-image: url("../images/warframes/leftArrow.png"); }
#singleFramePage #mainPic .rightWfBtn { right: 20px; background-image: url("../images/warframes/rightArrow.png"); }
#singleFramePage #abilities { background-color: #ececec; background-size: cover; position: relative; }
#singleFramePage #abilities #powers li { height: 480px; background-color: rgba(0, 0, 0, 0.08); color: #333; position: relative; text-align: center; }
#singleFramePage #abilities #powers li .powerTitle { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; text-transform: uppercase; text-align: center; font-weight: bold; margin-top: 20px; }
#singleFramePage #abilities #powers li p { margin: 5px auto 0 auto; text-align: center; text-transform: uppercase; font-size: 12px; line-height: 17px; }
#singleFramePage #abilities #powers li:last-child { margin-right: 0; }
#singleFramePage #abilities #powers li .ability-splash { max-width: 100%; }
#singleFramePage #abilities #powers li .ability-icon { padding-top: 20px; max-width: 80px; }
#singleFramePage #abilities .contentHeaderContain h2 { font-size: 32px; letter-spacing: 2px; }
#singleFramePage #warframesList .wfChooser { float: right; }
#singleFramePage #warframesList .wfChooser a { color: white; text-transform: uppercase; background-color: #848484; padding: 10px; }
#singleFramePage #warframesList .wfChooser a.wf { margin-right: 10px; }
#singleFramePage #warframesList .wfChooser a.wf.active { background-color: #d30000; }
#singleFramePage #warframesList .wfChooser a.pr.active { background-color: #c79616; }
#singleFramePage #warframesList .miniFrames { margin: 60px 0; }
#singleFramePage #warframesList .miniFrames .miniFrame { width: 95px; float: left; display: block; margin: 0 8px 8px 0; padding: 5px 5px 0 5px; background: rgba(0, 0, 0, 0.1); }
#singleFramePage #warframesList .miniFrames .miniFrame img { width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
#singleFramePage #warframesList .miniFrames .miniFrame.active, #singleFramePage #warframesList .miniFrames .miniFrame:hover { background: rgba(0, 0, 0, 0.3); }
#singleFramePage #warframesList .miniFrames .miniFrame.active img, #singleFramePage #warframesList .miniFrames .miniFrame:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
#singleFramePage #warframesList .miniFrames.primesList { display: none; }
@media (max-width: 875px) { #singleFramePage #mainPic .innerMainPic { left: 0%; } }
@media (max-width: 600px) { #singleFramePage #mainPic { background-position: 50%; }
  #singleFramePage #mainPic .rightWfBtn, #singleFramePage #mainPic .leftWfBtn { display: none; }
  #singleFramePage #mainPic #wfVideo { display: none; }
  #singleFramePage #mainPic .innerMainPic { left: 0; bottom: -360px; }
  #singleFramePage #mainPic .innerMainPic #stats li { display: inline-block; text-align: center; margin-right: 12px; font-weight: bold; }
  #singleFramePage #mainPic .innerMainPic #stats li .num { font-size: 16px; }
  #singleFramePage #mainPic .innerMainPic #stats li .name { font-size: 9px; }
  #singleFramePage #mainPic .innerMainPic p { width: auto; text-transform: uppercase; margin-top: 32px; color: white; line-height: 22px; font-size: 12px; }
  #singleFramePage #mainPic .innerMainPic .profileVideo { margin-left: 20px; }
  #singleFramePage #abilities .contentHeaderContain h2 { font-size: 27px; letter-spacing: 2px; }
  #singleFramePage #abilities #powers li { margin-bottom: 30px; }
  #singleFramePage #abilities #powers li .ability-splash { width: 100%; }
  #singleFramePage #abilities #powers li .ability-icon { max-width: 80px; position: relative; margin-top: -40px; } }

.staticPages_fansites { background-attachment: fixed !important; }

#fansitespage { padding-bottom: 140px; padding-top: 20px; }
#fansitespage .container .boxArt img { width: 100%; }
#fansitespage .container .fansiteText { float: left; width: 55%; margin-left: 5%; }
#fansitespage .container .fansiteText p { margin-top: 20px; margin-bottom: 20px; line-height: 23px; }
#fansitespage .container .fansiteText a.black button { background: black; }
#fansitespage .container .fanGrid { text-align: center; width: 990px; margin: 0 auto 20px auto; }
#fansitespage .container .fanGrid .gridItem { width: 160px; display: inline-block; margin-right: 5px; cursor: pointer; vertical-align: top; padding-top: 5px; padding-bottom: 1px; float: left; height: 215px; text-align: center; }
#fansitespage .container .fanGrid .gridItem .fanIcon { height: 150px; width: 150px; margin: 0 auto; -webkit-box-shadow: 0 0 2px 0 #A9A9A9; box-shadow: 0 0 2px 0 #A9A9A9; margin-bottom: 10px; }
@media (max-width: 875px) { #fansitespage { padding-top: 60px; }
  #fansitespage .container .fanGrid .gridItem { width: 166px; height: 185px; margin-bottom: 32px; overflow: visible; margin-left: 0; margin-right: 0; }
  #fansitespage .container .fansiteText h1 { font-size: 26px; }
  #fansitespage .container .boxArt { float: left; width: 40%; margin-left: -90px; }
  #fansitespage .container .gridItem { width: 166px; height: 185px; } }
@media (max-width: 600px) { #fansitespage h1 { font-size: 25px; }
  #fansitespage .container .boxArt { display: none; }
  #fansitespage .fansiteText { width: 64% !important; float: none !important; margin-left: 0px !important; margin: 0 auto; }
  #fansitespage .fansiteText h1 { font-size: 20px !important; }
  #fansitespage .fansiteText p { width: 276px !important; }
  #fansitespage .fansiteText .button-wrap { font-size: 10px; } }

body.fankit h2 { font-size: 34px; margin-bottom: 25px; }

#community h2 { color: #FFFFFF; }
#community #forums_slide { background-image: url("../images/community/CommunityPage_V3.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center -9px; text-align: center; overflow: hidden; background-color: #92abb2; height: 87%; position: relative; display: table; }
#community #resources_slide { background: url("../images/community/resources_slide.jpg"); }
#community #resources_slide .gameBox { background: url("../images/mainSiteAssets/fansitesPage/gameBox.png") center center no-repeat; width: 656px; height: 576px; margin-left: -210px; margin-right: 40px; background-size: contain; }
#community #resources_slide h2, #community #resources_slide p { color: black; }
#community #resources_slide button { display: inline-block; margin-left: 3px !important; }
#community #resources_slide button.black { background: black; }
#community #referral_slide { background: url("../images/community/referral_slide.png") center center no-repeat; }
#community #referral_slide h2, #community #referral_slide p { color: white; text-align: left !important; }
#community #referral_slide h2 { margin-top: 0px !important; margin-bottom: 20px !important; }
#community #support_slide { background: url("../images/community/support_slide.jpg") center center no-repeat; max-height: 264px !important; }
#community #support_slide .container { padding-top: 70px !important; }
#community #support_slide h2, #community #support_slide p { color: black; text-align: center !important; }
#community #support_slide h2 { margin-top: 0px !important; margin-bottom: 20px !important; }
#community #support_slide button { float: none !important; }
#community #social_slide .contentHeaderContain h2 { color: #d30000; }
#community .whitebacker { padding: 20px; background-color: rgba(255, 255, 255, 0.7); color: white; }
#community #forums_slide, #community #referral_slide { background-attachment: fixed; }
#community #forums_slide, #community #resources_slide, #community #referral_slide, #community #support_slide { background-size: cover; height: 100%; max-height: 826px; padding-bottom: 15%; }
#community #forums_slide .container, #community #resources_slide .container, #community #referral_slide .container, #community #support_slide .container { color: #fff; position: relative; text-align: center; padding-top: 10%; }
#community #forums_slide .container h2, #community #resources_slide .container h2, #community #referral_slide .container h2, #community #support_slide .container h2 { margin: 0 auto; margin-top: 50px; margin-bottom: 40px; font-size: 40px; text-align: left; text-transform: uppercase; }
#community #forums_slide .container h3, #community #resources_slide .container h3, #community #referral_slide .container h3, #community #support_slide .container h3 { font-family: 'Open Sans', sans-serif !important; text-transform: uppercase; letter-spacing: 0.2em; font-size: 27px; margin-bottom: 34px; }
#community #forums_slide .container p, #community #resources_slide .container p, #community #referral_slide .container p, #community #support_slide .container p { font-size: 16px; line-height: 27px; font-weight: 300; margin-bottom: 18px; letter-spacing: 0.04em; text-align: left; }
#community #forums_slide .container button, #community #resources_slide .container button, #community #referral_slide .container button, #community #support_slide .container button { float: left; margin-left: 25px; }
#community #forums_slide .topContain, #community #resources_slide .topContain, #community #referral_slide .topContain, #community #support_slide .topContain { padding-top: 12%; }
#community .rightText { float: right; margin-top: 5%; }
#community #social_slide .stream li { margin: 6px; width: calc(24.95% - 12px) !important; box-shadow: none; }
#community a.anchor { display: block; position: relative; top: -93px; visibility: hidden; }
@media (max-width: 875px) { #community #forums_slide, #community #resources_slide, #community #referral_slide, #community #support_slide { background-position-y: 0 !important; }
  #community #forums_slide { background-position: center 0; }
  #community #forums_slide .keyartCopy h1 { font-size: 32px; }
  #community #resources_slide .container p, #community #resources_slide .container h2, #community #referral_slide .container p, #community #referral_slide .container h2 { text-align: center; }
  #community #resources_slide .container h2, #community #referral_slide .container h2 { font-size: 32px; }
  #community #resources_slide .gameBox { display: none; }
  #community #resources_slide a button.black { margin: 0 auto !important; position: relative; width: 300px; }
  #community #resources_slide .container { position: relative; background: rgba(255, 255, 255, 0.7) !important; width: 100%; height: 100%; padding-top: 1%; }
  #community #resources_slide .container .columns { float: none; width: 90%; margin: auto; }
  #community #resources_slide .container button { margin-left: -15px; }
  #community #referral_slide { background-position-y: 200px !important; }
  #community #referral_slide > .container { position: relative; }
  #community #support_slide .container { background: rgba(255, 255, 255, 0.7) !important; }
  #community #support_slide h2 { font-size: 30px !important; }
  #community #support_slide p { font-size: 13px !important; }
  #community .rightText { float: none; }
  #community #mainContent { margin-top: 0; }
  #community .containWrap { margin-bottom: 0; } }
@media (max-width: 600px) { #community #forums_slide { position: relative; padding-top: 0; display: block; }
  #community #referral_slide > .container { position: relative; padding-top: 40px; padding-bottom: 30px; }
  #community #support_slide .container { padding-top: 50px !important; }
  #community #social_slide { display: none; }
  #community #resources_slide .gameBox { display: none; }
  #community #forums_slide, #community #resources_slide, #community #referral_slide, #community #support_slide { background-attachment: inherit; background-position-y: 0 !important; }
  #community #forums_slide .container, #community #resources_slide .container, #community #referral_slide .container, #community #support_slide .container { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; padding: 15px; padding-top: 16%; }
  #community #forums_slide .container p, #community #forums_slide .container h2, #community #resources_slide .container p, #community #resources_slide .container h2, #community #referral_slide .container p, #community #referral_slide .container h2, #community #support_slide .container p, #community #support_slide .container h2 { text-align: center !important; }
  #community #forums_slide .container h2, #community #resources_slide .container h2, #community #referral_slide .container h2, #community #support_slide .container h2 { font-size: 25px; }
  #community #forums_slide .container button, #community #resources_slide .container button, #community #referral_slide .container button, #community #support_slide .container button { float: none; } }

body.referral { background-attachment: fixed; }

.emailText p { padding: 15px 0; }
.emailText strong { font-weight: bold; }
.emailText .copypasta { font-weight: bold; }

#referralpage #popUp, #referralpage #emailPop { display: none; }
#referralpage #popUp .popTop, #referralpage #emailPop .popTop { background-color: #d30000; }
#referralpage #popUp .popTop h3, #referralpage #emailPop .popTop h3 { padding: 10px; color: #FFFFFF; }
#referralpage .referralHeader { width: 100%; background-image: url("../images/mainSiteAssets/referralPage/referralHeader.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; height: 584px; position: relative; }
#referralpage .referralHeader .referralText { color: #FFFFFF; margin-top: 80px; }
#referralpage .referralHeader h1 { color: #FFFFFF; font-size: 40px; margin-bottom: 5px; letter-spacing: 0.04em; }
#referralpage .referralHeader h2 { color: #FFFFFF; font-size: 20px; margin-bottom: 10px; letter-spacing: 0.04em; }
#referralpage .referralHeader p { font-size: 14px; line-height: 20px; letter-spacing: 0.04em; }
#referralpage #redSteps { height: 106px; width: 1158px; background-image: url("../images/mainSiteAssets/referralPage/referralSteps.png"); background-repeat: no-repeat; position: relative; margin: 0 auto; margin-top: -35px; left: -10px; }
#referralpage #redSteps #referButtons { position: absolute; margin-left: 100px; height: 54px; width: 300px; top: 65px; }
#referralpage #redSteps #referButtons .referBtn { float: left; margin-top: -53px; height: 54px; }
#referralpage #redSteps #referButtons #twitter { background-image: url("../images/mainSiteAssets/referralPage/twitterIconWhite.png"); background-repeat: no-repeat; width: 83px; }
#referralpage #redSteps #referButtons #facebook { background-image: url("../images/mainSiteAssets/referralPage/facebookIconWhite.png"); background-repeat: no-repeat; width: 77px; }
#referralpage #redSteps #referButtons #email { background-image: url("../images/mainSiteAssets/referralPage/emailIconWhite.png"); background-repeat: no-repeat; width: 81px; }
#referralpage #redSteps #referButtons #email-off { background-image: url("../images/mainSiteAssets/referralPage/emailIconWhite.png"); background-repeat: no-repeat; width: 81px; }
#referralpage #redSteps .step { float: left; width: 320px; margin-top: -15px; margin-left: 60px; }
#referralpage #redSteps .step p { font-size: 12px; color: #FFFFFF; }
#referralpage #redSteps .step h1 { color: #FFFFFF; letter-spacing: 0.04em; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; }
#referralpage #redSteps .step h1 span { font-weight: normal; }
#referralpage #redSteps #stepOne { margin-top: 10px; }
#referralpage #redSteps #stepOne h1 { font-size: 26px; margin-left: -8px; line-height: 24px; width: 120px; }
#referralpage #redSteps #stepOne p { margin-top: 20px; margin-left: 10px; }
#referralpage #redSteps #stepTwo { margin-top: 50px; }
#referralpage #redSteps #stepTwo h1 { float: left; font-size: 20px; margin-left: 20px; }
#referralpage #redSteps #stepTwo p { float: left; margin-left: 27px; line-height: 15px; margin-top: 5px; }
#referralpage #redSteps #stepThree { margin-top: 50px; }
#referralpage #redSteps #stepThree h1 { float: left; font-size: 20px; margin-left: 5px; }
#referralpage #redSteps #stepThree p { float: left; margin-left: 27px; line-height: 15px; margin-top: 5px; }
#referralpage .midSection { margin-top: 20px; }
#referralpage .midSection .midHeader { font-size: 30px; margin-bottom: 20px; letter-spacing: 0.04em; }
#referralpage .midSection .barHeader { text-transform: uppercase; color: #000000; font-weight: bold; }
#referralpage .midSection .referProgressBar { width: 100%; height: 45px; margin-top: 5px; margin-bottom: 25px; padding-right: 20px; background-color: #000000; border: 1px solid #A9A9A9; }
#referralpage .midSection .referProgressBar .barFill { background-color: #d30000; width: 0%; height: 43px; }
#referralpage .midSection .referProgressBar .marker { text-align: center; color: #FFFFFF; font-size: 20px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; float: left; margin-top: -14px; margin-left: 31.7%; position: relative; width: 0; height: 20px; background-color: #ooccoo; }
#referralpage .midSection .referProgressBar .marker .markerNum { position: absolute; margin-left: -11px; top: -19px; }
#referralpage .midSection .referProgressBar .marker .marker5 { margin-left: -7px; }
#referralpage .midSection .referProgressBar .marker .notch { width: 5px; height: 11px; background-color: #FFFFFF; margin: 0 auto; margin-top: 5px; }
#referralpage .midSection .tiers { float: left; width: 77%; margin-bottom: 30px; }
#referralpage .midSection .tiers .rewardTier { width: 31%; float: left; margin-left: 3.5%; }
#referralpage .midSection .tiers .rewardTier .rewardHeader { min-height: 62px; display: flex; justify-content: center; flex-direction: column; }
#referralpage .midSection .tiers .rewardTier h2 { font-size: 16px; color: #FFFFFF; padding: 15px; text-align: center; letter-spacing: 0.04em; }
#referralpage .midSection .tiers .rewardTier .rewardImg { position: relative; height: 124px; margin-top: 15px; }
#referralpage .midSection .tiers .rewardTier .rewardImg img { position: absolute; }
#referralpage .midSection .tiers .rewardTier .rewardImg .slotImg { position: absolute; left: -44%; margin-top: -8%; width: 114%; height: 121%; margin-bottom: -5%; background-size: contain; background-repeat: no-repeat; background-image: url("../images/mainSiteAssets/referralPage/emptySlot.png"); }
#referralpage .midSection .tiers .rewardTier .rewardImg .weaponImg { left: 25%; top: 20%; width: 73%; height: 75%; position: absolute; background-size: contain; background-repeat: no-repeat; z-index: 3; background-image: url("../images/mainSiteAssets/referralPage/weapons.png"); }
#referralpage .midSection .tiers .rewardTier .rewardImg .frameImg { right: 10%; width: 173px; height: 80px; bottom: 0; position: absolute; background-size: contain; background-repeat: no-repeat; z-index: 3; background-image: url("../images/mainSiteAssets/referralPage/characters.png"); }
#referralpage .midSection .tiers .rewardTier .tierText { padding-top: 20px; min-height: 53px; }
#referralpage .midSection .tiers .rewardTier .tierText p { text-align: center; margin-bottom: 15px; padding-left: 10px; padding-right: 10px; }
#referralpage .midSection .tiers .firstTier { margin-left: 0px; background-color: #72481b; }
#referralpage .midSection .tiers .firstTier .rewardHeader { background-color: #42230a; }
#referralpage .midSection .tiers .firstTier .tierText { border-top: 1px solid #bf8151; color: #bf8151; }
#referralpage .midSection .tiers .secondTier { background-color: #6a5624; }
#referralpage .midSection .tiers .secondTier .rewardHeader { background-color: #3f2d02; }
#referralpage .midSection .tiers .secondTier .tierText { border-top: 1px solid #c5aa6b; color: #c5aa6b; }
#referralpage .midSection .tiers .thirdTier { background-color: #567181; }
#referralpage .midSection .tiers .thirdTier .rewardHeader { background-color: #051f31; }
#referralpage .midSection .tiers .thirdTier .rewardImg .cardImg { height: 102px; width: 25%; margin-top: 5%; margin-left: 6.5%; float: left; position: relative; background-size: contain; background-repeat: no-repeat; top: -10px; }
#referralpage .midSection .tiers .thirdTier .rewardImg .firestormCardImg { background-image: url("../images/mainSiteAssets/referralPage/Firestorm.png"); }
#referralpage .midSection .tiers .thirdTier .rewardImg .selfDestructCardImg { background-image: url("../images/mainSiteAssets/referralPage/SelfDestruct.png"); }
#referralpage .midSection .tiers .thirdTier .rewardImg .undyingCardImg { background-image: url("../images/mainSiteAssets/referralPage/UndyingWill.png"); }
#referralpage .midSection .tiers .thirdTier .rewardImg .numBox { padding: 5px; color: #FFFFFF; background-color: #172d3b; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#referralpage .midSection .tiers .thirdTier .tierText { border-top: 1px solid #cfe5f3; color: #cfe5f3; }
#referralpage .midSection .tiers .thirdTier .tier3Text { width: 80%; margin: 0 auto; color: #cfe5f3; text-align: center; margin-bottom: 20px; }
#referralpage .midSection .tiers .thirdTier .smallCardContain { width: 50%; margin: 0 auto; margin-bottom: 2%; }
#referralpage .midSection .tiers .thirdTier .undyingWillCardImg { width: 50%; height: 10%; float: left; background-repeat: no-repeat; background-size: contain; background-image: url("../images/mainSiteAssets/referralPage/smallCardUndying.png"); }
#referralpage .midSection .tiers .thirdTier .selfDestructCardImg { width: 50%; height: 10%; float: left; background-repeat: no-repeat; background-size: contain; background-image: url("../images/mainSiteAssets/referralPage/smallCardDestruct.png"); }
#referralpage .midSection .statBarContain { position: relative; margin: -0.4%; }
#referralpage .midSection .statBarContain .statBar { width: 19.5%; float: left; margin-left: 0.4%; background-color: #000000; margin-bottom: 20px; padding: 10px; color: #dadada; }
#referralpage .midSection .statBarContain .statBar .statbox { width: 13px; height: 13px; border: 1px solid #A9A9A9; float: left; margin-right: 10px; }
#referralpage .midSection .statBarContain .statBar .boxFill { background-color: #5B98BD; height: 9px; width: 9px; margin-top: 1px; margin-left: 1px; }
#referralpage .midSection .statBarContain .statBar p { float: left; }
#referralpage .midSection .bonuses { width: 215px; float: right; margin-right: 20px; text-align: center; text-shadow: none; }
#referralpage .midSection .bonuses h1 { position: absolute; margin: 0px; top: 20px; padding: 0px; text-shadow: none; width: 100%; font-size: 23px; }
#referralpage .midSection .bonuses #friendBonus { position: relative; width: 213px; height: 240px; margin-top: 20px; margin-bottom: 25px; border: 1px solid #A9A9A9; float: left; }
#referralpage .midSection .bonuses #friendBonus h1 { text-align: center; color: #000000; }
#referralpage .midSection .bonuses #friendBonus p { text-transform: none; font-size: 14px; font-weight: normal; margin: 0 auto; padding: 0px; width: 80%; color: #000000; text-align: center; margin-top: 45px; }
#referralpage .midSection .bonuses #friendBonus #friendImg { position: relative; background-image: url("../images/mainSiteAssets/referralPage/friendBonus.png"); height: 141px; width: 230px; top: 65px; left: -10px; }
#referralpage .midSection .bonuses #platBonus { position: relative; height: 230px; width: 213px; line-height: 14px; border: 1px solid #A9A9A9; float: left; }
#referralpage .midSection .bonuses #platBonus h1 { color: #000000; }
#referralpage .midSection .bonuses #platBonus #platImg { position: relative; background-image: url("../images/mainSiteAssets/referralPage/platbonus.png"); height: 135px; width: 208px; top: 60px; left: 5px; }
#referralpage .midSection .bonuses #platBonus #platText { margin-left: -20px; }
#referralpage .midSection .bonuses #platBonus #bigBonus { font-size: 35px; line-height: 32px; }
#referralpage .midSection .bonuses #platBonus p { margin-top: 40px; text-align: center; font-size: 11px; color: #000000; }
#referralpage .midSection .bonuses #platBonus #exclamation { font-size: 65px; }
#referralpage #expand { margin-bottom: 25px; }
#referralpage #expand h1 { font-size: 16px; font-weight: bold; font-family: "Open Sans", sans-serif; color: #686868; margin-bottom: 10px; letter-spacing: 0.04em; }
#referralpage #expand h3 { font-size: 14px; font-weight: bold; font-family: "Open Sans", sans-serif; color: #686868; margin-top: 15px; margin-bottom: 5px; text-transform: capitalize; letter-spacing: 0.03em; }
#referralpage #expand p, #referralpage #expand ul { line-height: 20px; }
#referralpage #expand #expandLeft { width: 50%; float: left; }
#referralpage #expand #expandRight { width: 40%; float: right; }
@media (max-width: 1400px) { #referralpage .tiers { width: 100% !important; }
  #referralpage .bonuses { width: 100% !important; margin-bottom: 20px; }
  #referralpage #friendBonus { margin-top: 0px !important; margin-right: 30px; }
  #referralpage #platBonus { height: 240px !important; }
  #referralpage .rewardHeader { height: 62px; }
  #referralpage .tierText { height: 63px; }
  #referralpage .tierText p { font-size: 12px; }
  #referralpage .statBar p { font-size: 12px; }
  #referralpage .bonuses { float: none !important; } }
@media (max-width: 1250px) { #referralpage #redSteps { background: none !important; width: 100%; height: auto; left: 0; }
  #referralpage #redSteps .step { display: block; width: 100%; margin: 0; padding: 10px 0; }
  #referralpage #redSteps #referButtons { position: static; width: auto; margin-left: auto; }
  #referralpage #redSteps #referButtons .referBtn { margin-top: 0; }
  #referralpage #redSteps #stepOne { margin-top: 0; background-color: #d30000; }
  #referralpage #redSteps #stepOne h1 { font-size: 20px; float: left; margin-top: 0; margin-left: 20px; }
  #referralpage #redSteps #stepOne p { float: left; margin-left: 27px; line-height: 15px; margin-top: 5px; }
  #referralpage #redSteps #stepTwo { margin-top: 0; background-color: #a00000; }
  #referralpage #redSteps #stepThree { margin-top: 0; background-color: #6d0000; }
  #referralpage #redSteps #stepThree h1 { margin-left: 20px; }
  #referralpage .midSection .statBarContain .statBar { width: 100%; } }
@media (max-width: 803px) { #referralpage .referralHeader h1 { font-size: 30px; }
  #referralpage .statbar { height: 33px !important; }
  #referralpage .statBar p { font-size: 10px !important; }
  #referralpage .rewardTier h2 { font-size: 14px !important; }
  #referralpage .midSection .tiers .rewardTier .rewardHeader { height: 52px; }
  #referralpage .midSection .tiers .rewardTier .rewardHeader h2 { font-size: 12px !important; padding: 5px; }
  #referralpage .midSection .tiers .rewardTier .rewardImg { height: 75px; }
  #referralpage .midSection .tiers .rewardTier .rewardImg .frameImg { width: 75%; background-position: bottom; }
  #referralpage .midSection .tiers .rewardTier .rewardImg .cardImg { height: 75px; }
  #referralpage .midSection .tiers .rewardTier .tierText { padding-top: 5px; height: 75px; } }

body.referral.lang-ko #redSteps p, body.referral.lang-zh-hans #redSteps p, body.referral.lang-zh-hant #redSteps p { font-size: 11px !important; }
body.referral.lang-ko #stepOne h1, body.referral.lang-zh-hans #stepOne h1, body.referral.lang-zh-hant #stepOne h1 { margin-top: 17px; }
body.referral.lang-de #redSteps p, body.referral.lang-fr #redSteps p, body.referral.lang-tr #redSteps p, body.referral.lang-pl #redSteps p { font-size: 10px !important; }
body.referral.lang-de #stepOne h1, body.referral.lang-fr #stepOne h1, body.referral.lang-tr #stepOne h1, body.referral.lang-pl #stepOne h1 { font-size: 20px !important; }
body.referral.lang-de .statBar p, body.referral.lang-fr .statBar p, body.referral.lang-tr .statBar p, body.referral.lang-pl .statBar p { font-size: 10px; }
body.referral.lang-de .tierText p, body.referral.lang-fr .tierText p, body.referral.lang-tr .tierText p, body.referral.lang-pl .tierText p { min-height: 42px; display: flex; justify-content: center; flex-direction: column; }
body.referral.lang-fr #stepOne h1, body.referral.lang-fr #stepTwo h1, body.referral.lang-fr #stepThree h1, body.referral.lang-es #stepOne h1, body.referral.lang-es #stepTwo h1, body.referral.lang-es #stepThree h1, body.referral.lang-pt-br #stepOne h1, body.referral.lang-pt-br #stepTwo h1, body.referral.lang-pt-br #stepThree h1, body.referral.lang-pl #stepOne h1, body.referral.lang-pl #stepTwo h1, body.referral.lang-pl #stepThree h1, body.referral.lang-it #stepOne h1, body.referral.lang-it #stepTwo h1, body.referral.lang-it #stepThree h1 { font-size: 16px !important; margin-top: -5px; }
body.referral.lang-fr #stepOne p, body.referral.lang-fr #stepTwo p, body.referral.lang-fr #stepThree p, body.referral.lang-es #stepOne p, body.referral.lang-es #stepTwo p, body.referral.lang-es #stepThree p, body.referral.lang-pt-br #stepOne p, body.referral.lang-pt-br #stepTwo p, body.referral.lang-pt-br #stepThree p, body.referral.lang-pl #stepOne p, body.referral.lang-pl #stepTwo p, body.referral.lang-pl #stepThree p, body.referral.lang-it #stepOne p, body.referral.lang-it #stepTwo p, body.referral.lang-it #stepThree p { line-height: 11px; margin-top: 12px; }
body.referral.lang-de #friendBonus p, body.referral.lang-ru #friendBonus p, body.referral.lang-fr #friendBonus p, body.referral.lang-es #friendBonus p, body.referral.lang-pt-br #friendBonus p, body.referral.lang-pl #friendBonus p, body.referral.lang-it #friendBonus p { font-size: 11px !important; }
body.referral.lang-de #platBonus p, body.referral.lang-fr #platBonus p, body.referral.lang-ru #platBonus p, body.referral.lang-es #platBonus p, body.referral.lang-ja #platBonus p, body.referral.lang-pt-br #platBonus p, body.referral.lang-tr #platBonus p, body.referral.lang-it #platBonus p, body.referral.lang-zh-hans #platBonus p, body.referral.lang-zh-hant #platBonus p { font-size: 10px !important; margin-top: 30px !important; max-width: 190px; margin: 0 auto; line-height: 10px; padding-left: 5px; padding-right: 5px; }
body.referral.lang-de .statbar p, body.referral.lang-ru .statbar p, body.referral.lang-fr .statbar p, body.referral.lang-es .statbar p, body.referral.lang-ja .statbar p, body.referral.lang-pt-br .statbar p, body.referral.lang-tr .statbar p, body.referral.lang-pl .statbar p, body.referral.lang-it .statbar p { font-size: 10px; width: 107px; height: 20px; }
body.referral.lang-fr #friendBonus h1, body.referral.lang-pt-br #friendBonus h1, body.referral.lang-tr #friendBonus h1, body.referral.lang-pl #friendBonus h1, body.referral.lang-ko #friendBonus h1, body.referral.lang-it #friendBonus h1 { font-size: 17px; }
body.referral.lang-fr .rewardHeader { min-height: 80px !important; }

body.download #mainDownload .contentHeaderContain .contentHeaderLines { border-bottom: 1px solid #666666; border-top: 1px solid #666666; width: 30%; }
body.download #mainDownload .contentHeaderContain p { color: #666; font-weight: bold; }
body.download #mainDownload a { text-align: center; display: block; }
body.download #mainDownload .sysReqs h6 { color: #d30000; font-weight: bold; }
body.download #mainDownload .sysReqs strong { font-weight: bold; margin-top: 15px; display: block; }
body.download #mainDownload .standaloneAvail { text-align: center; }
body.download #mainDownload .standaloneAvail a { display: inline; }
body.download #mainDownload #standaloneFiles { display: none; }
body.download #mainDownload #standaloneFiles li { font-size: 13px; }
body.download #mainDownload #standaloneFiles a { text-align: left; display: inline; }

.cms-page .wrapper, .basic_page_template .wrapper { background-image: url("../images/account/volt_BG.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-position-y: 64px; }
@media (max-width: 875px) { .cms-page .wrapper, .basic_page_template .wrapper { background-position-y: 129px; } }
@media (max-width: 600px) { .cms-page .wrapper, .basic_page_template .wrapper { background-image: none; } }
.cms-page #basicTextContain, .basic_page_template #basicTextContain { background-color: rgba(255, 255, 255, 0.4); line-height: 18px; padding: 20px; margin: 20px 0 80px 0; }
.cms-page #textPage h1, .basic_page_template #textPage h1 { line-height: 40px; margin-bottom: 12px; }
.cms-page #textPage h3, .basic_page_template #textPage h3 { line-height: 26px; margin-bottom: 12px; }
.cms-page #textPage p, .basic_page_template #textPage p { margin-bottom: 15px; }
.cms-page #textPage strong, .basic_page_template #textPage strong { margin-bottom: 15px; font-weight: bold; text-transform: uppercase; }
.cms-page #textPage input[type="submit"], .basic_page_template #textPage input[type="submit"] { color: white; border: none; }
@media (min-width: 875px) and (max-width: 1250px) { .cms-page #mainContent, .basic_page_template #mainContent { margin-top: 90px !important; } }
@media (max-width: 875px) { .cms-page #mainContent, .basic_page_template #mainContent { margin-top: 60px !important; } }

body.promocode #mainPromocodeForm .contentHeaderContain h2 { margin-top: -13px; font-size: 37px; line-height: 30px; }
body.promocode #mainPromocodeForm .contentHeaderContain .contentHeaderLines { width: 15%; }
body.promocode #mainPromocodeForm form { margin-top: 20px; }
body.promocode #mainPromocodeForm input[type="text"] { width: 100%; }
body.promocode #mainPromocodeForm input[type="submit"] { background-color: #d30000; color: white; border-radius: 0px; font-family: 'Open Sans',sans serif; font-size: 15px; border: none; }
body.promocode #mainPromocodeForm hr { margin-top: 80px; }
body.promocode #mainPromocodeForm .redeemFaq h3, body.promocode #mainPromocodeForm .redeemFaq p, body.promocode #mainPromocodeForm .redeemFaq h6 { margin-bottom: 15px; }
body.promocode #mainPromocodeForm .redeemFaq h6 { color: #d30000; font-weight: bold; }
@media (max-width: 875px) { body.promocode #mainPromocodeForm h2 { margin-top: -32px !important; line-height: 32px !important; }
  body.promocode #mainPromocodeForm .contentHeaderLines { display: none; } }

.pa-generic-btns-sprite, .pa-generic-btns-accPriceEnd, .pa-generic-btns-affBooster, .pa-generic-btns-badge, .pa-generic-btns-boosters, .pa-generic-btns-buyNowBtn, .pa-generic-btns-buyNowRightAngle, .pa-generic-btns-credBooster, .pa-generic-btns-cutout, .pa-generic-btns-mainBG, .pa-generic-btns-paPackTitle, .pa-generic-btns-paPackTitleEx, .pa-generic-btns-paTitle, .pa-generic-btns-package0TitleBack, .pa-generic-btns-package1TitleBack, .pa-generic-btns-package2TitleBack, .pa-generic-btns-plat1050, .pa-generic-btns-plat1365, .pa-generic-btns-plat1575, .pa-generic-btns-plat2625, .pa-generic-btns-plat2940, .pa-generic-btns-plat3990, .pa-generic-btns-plus, .pa-generic-btns-primePackTitle { background-image: url('../images/prime-access/pa-generic-btns-sca77108160.png'); background-repeat: no-repeat; }

.pa-generic-btns-accPriceEnd { background-position: 0 0; height: 55px; width: 48px; }

.pa-generic-btns-affBooster { background-position: 0 -55px; height: 70px; width: 99px; }

.pa-generic-btns-badge { background-position: 0 -125px; height: 69px; width: 413px; }

.pa-generic-btns-boosters { background-position: 0 -194px; height: 56px; width: 155px; }

.pa-generic-btns-buyNowBtn { background-position: 0 -250px; height: 107px; width: 266px; }

.pa-generic-btns-buyNowRightAngle { background-position: 0 -357px; height: 57px; width: 51px; }

.pa-generic-btns-credBooster { background-position: 0 -414px; height: 71px; width: 96px; }

.pa-generic-btns-cutout { background-position: 0 -485px; height: 117px; width: 263px; }

.pa-generic-btns-mainBG { background-position: 0 -602px; height: 116px; width: 299px; }

.pa-generic-btns-paPackTitle { background-position: 0 -718px; height: 113px; width: 221px; }

.pa-generic-btns-paPackTitleEx { background-position: 0 -831px; height: 39px; width: 230px; }

.pa-generic-btns-paTitle { background-position: 0 -870px; height: 139px; width: 246px; }

.pa-generic-btns-package0TitleBack { background-position: 0 -1009px; height: 63px; width: 50px; }

.pa-generic-btns-package1TitleBack { background-position: 0 -1072px; height: 63px; width: 50px; }

.pa-generic-btns-package2TitleBack { background-position: 0 -1135px; height: 63px; width: 50px; }

.pa-generic-btns-plat1050 { background-position: 0 -1198px; height: 128px; width: 250px; }

.pa-generic-btns-plat1365 { background-position: 0 -1326px; height: 128px; width: 250px; }

.pa-generic-btns-plat1575 { background-position: 0 -1454px; height: 128px; width: 250px; }

.pa-generic-btns-plat2625 { background-position: 0 -1582px; height: 128px; width: 250px; }

.pa-generic-btns-plat2940 { background-position: 0 -1710px; height: 128px; width: 250px; }

.pa-generic-btns-plat3990 { background-position: 0 -1838px; height: 128px; width: 250px; }

.pa-generic-btns-plus { background-position: 0 -1966px; height: 46px; width: 47px; }

.pa-generic-btns-primePackTitle { background-position: 0 -2012px; height: 116px; width: 220px; }

.primeaccessvauban-sprite, .primeaccessvauban-accPriceEnd, .primeaccessvauban-affBooster, .primeaccessvauban-avatar, .primeaccessvauban-badge, .primeaccessvauban-bastilleTitleBack, .primeaccessvauban-boosters, .primeaccessvauban-buyNowBtn, .primeaccessvauban-buyNowRightAngle, .primeaccessvauban-credBooster, .primeaccessvauban-cutout, .primeaccessvauban-mainBG, .primeaccessvauban-paPackTitle, .primeaccessvauban-paPackTitleEx, .primeaccessvauban-paTitle, .primeaccessvauban-plat1050, .primeaccessvauban-plat1365, .primeaccessvauban-plat1575, .primeaccessvauban-plat2625, .primeaccessvauban-plat2940, .primeaccessvauban-plat3990, .primeaccessvauban-plus, .primeaccessvauban-primePackTitle, .primeaccessvauban-scarfPrime, .primeaccessvauban-sugatraPrime, .primeaccessvauban-teslaTitleBack, .primeaccessvauban-vaubanPrime, .primeaccessvauban-vortexTitleBack, .primeaccessvauban-weapons, .primeaccessvauban-weaponsFrame { background-image: url('../images/prime-access/primeaccessvauban-sf35f92a6d5.png'); background-repeat: no-repeat; }

.primeaccessvauban-accPriceEnd { background-position: 0 0; height: 55px; width: 48px; }

.primeaccessvauban-affBooster { background-position: 0 -55px; height: 70px; width: 99px; }

.primeaccessvauban-avatar { background-position: 0 -125px; height: 132px; width: 260px; }

.primeaccessvauban-badge { background-position: 0 -257px; height: 69px; width: 413px; }

.primeaccessvauban-bastilleTitleBack { background-position: 0 -326px; height: 63px; width: 267px; }

.primeaccessvauban-boosters { background-position: 0 -389px; height: 56px; width: 155px; }

.primeaccessvauban-buyNowBtn { background-position: 0 -445px; height: 107px; width: 266px; }

.primeaccessvauban-buyNowRightAngle { background-position: 0 -552px; height: 57px; width: 51px; }

.primeaccessvauban-credBooster { background-position: 0 -609px; height: 71px; width: 96px; }

.primeaccessvauban-cutout { background-position: 0 -680px; height: 117px; width: 263px; }

.primeaccessvauban-mainBG { background-position: 0 -797px; height: 116px; width: 299px; }

.primeaccessvauban-paPackTitle { background-position: 0 -913px; height: 113px; width: 221px; }

.primeaccessvauban-paPackTitleEx { background-position: 0 -1026px; height: 39px; width: 230px; }

.primeaccessvauban-paTitle { background-position: 0 -1065px; height: 139px; width: 246px; }

.primeaccessvauban-plat1050 { background-position: 0 -1204px; height: 128px; width: 250px; }

.primeaccessvauban-plat1365 { background-position: 0 -1332px; height: 128px; width: 250px; }

.primeaccessvauban-plat1575 { background-position: 0 -1460px; height: 128px; width: 250px; }

.primeaccessvauban-plat2625 { background-position: 0 -1588px; height: 128px; width: 250px; }

.primeaccessvauban-plat2940 { background-position: 0 -1716px; height: 128px; width: 250px; }

.primeaccessvauban-plat3990 { background-position: 0 -1844px; height: 128px; width: 250px; }

.primeaccessvauban-plus { background-position: 0 -1972px; height: 46px; width: 47px; }

.primeaccessvauban-primePackTitle { background-position: 0 -2018px; height: 116px; width: 220px; }

.primeaccessvauban-scarfPrime { background-position: 0 -2134px; height: 233px; width: 174px; }

.primeaccessvauban-sugatraPrime { background-position: 0 -2367px; height: 183px; width: 187px; }

.primeaccessvauban-teslaTitleBack { background-position: 0 -2550px; height: 63px; width: 267px; }

.primeaccessvauban-vaubanPrime { background-position: 0 -2613px; height: 155px; width: 250px; }

.primeaccessvauban-vortexTitleBack { background-position: 0 -2768px; height: 63px; width: 267px; }

.primeaccessvauban-weapons { background-position: 0 -2831px; height: 201px; width: 281px; }

.primeaccessvauban-weaponsFrame { background-position: 0 -3032px; height: 207px; width: 290px; }

body.prime_access { background: #d0d5d8 url("../images/prime-access/primeaccessvaubanBG/primeAccessSaryn_BG.jpg") no-repeat center top; overflow-x: hidden; }
body.prime_access #bgvid, body.prime_access #vidFallback { position: absolute; width: 2500px; margin-left: auto; margin-right: auto; right: 0; top: 0; left: -209px; z-index: 1; }
body.prime_access #primeAccessBottom { position: absolute; z-index: -1; background-image: url("../images/prime-access/primeaccessvaubanBG/Warframe_PrimeAccess_GenericBack_V2.jpg") !important; bottom: -914px; width: 2500px; height: 1197px; left: -218px; }
body.prime_access #mobilePAHeader { display: none; }
body.prime_access .containWrap { background: rgba(255, 255, 255, 0.9); }
body.prime_access #mainContent { margin-bottom: 110px; }
body.prime_access #colorbox #cboxContent { background: #fff !important; }
body.prime_access #colorbox #cboxContent .paymentMethods { background-color: white; padding: 20px 0; text-align: center; margin-top: 20px; }
body.prime_access #colorbox #cboxContent .paymentMethods .selecta { margin: 15px 0; }
body.prime_access #colorbox #cboxContent .paymentMethods img { margin-bottom: 20px; }
body.prime_access #colorbox #cboxContent .paymentMethods .method { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); display: inline-block; cursor: pointer; background-color: #E4E4E4; background-position: center; padding: 5px; width: 85px; height: 55px; background-repeat: no-repeat; margin-right: 20px; }
body.prime_access #colorbox #cboxContent .paymentMethods .method.dRiver-cpgCreditCard, body.prime_access #colorbox #cboxContent .paymentMethods .method.xsolla-1380 { background-image: url(../images/paymenticons/creditCards.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.steam { background-image: url(../images/paymenticons/steam.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.rixty { background-image: url(../images/paymenticons/rixty.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.dRiver-cpgPayPal, body.prime_access #colorbox #cboxContent .paymentMethods .method.xsolla-24 { background-image: url(../images/paymenticons/paypal.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.molpay { background-image: url(../images/paymenticons/molpoints.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.xsolla-1497 { background-image: url(../images/paymenticons/MisterCash.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.dRiver-cpgPaySafeCard { background-image: url(../images/paymenticons/paysafe.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.xsolla-1944 { background-image: url(../images/paymenticons/boleto.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.xsolla-836 { background-image: url(../images/paymenticons/interac-online.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.xsolla-81 { background-image: url(../images/paymenticons/DaoPay.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.xsolla-1496 { background-image: url(../images/paymenticons/ideal.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.xsolla-1909 { background-image: url(../images/paymenticons/przelewy24.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.xsolla-16 { background-image: url(../images/paymenticons/qiwi.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.dRiver-cpgYandexMoney, body.prime_access #colorbox #cboxContent .paymentMethods .method.xsolla-27 { background-image: url(../images/paymenticons/Yandex_money.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.xsolla-1852, body.prime_access #colorbox #cboxContent .paymentMethods .method.xsolla-390, body.prime_access #colorbox #cboxContent .paymentMethods .method.xsolla-1750 { background-image: url(../images/paymenticons/mycard.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.dRiver-cpgVisaDelta, body.prime_access #colorbox #cboxContent .paymentMethods .method.dRiver-cpgVisaElectron { background-image: url(../images/paymenticons/visa-delta-debit.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.xsolla-749 { background-image: url(../images/paymenticons/gudang.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.xsolla-132 { background-image: url(../images/paymenticons/cashu.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.xsolla-226 { background-image: url(../images/paymenticons/toditocash.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.xsolla-250 { background-image: url(../images/paymenticons/onecard.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.xsolla-2601 { background-image: url(../images/paymenticons/poli.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.dRiver-cpgWebMoney, body.prime_access #colorbox #cboxContent .paymentMethods .method.xsolla-6 { background-image: url(../images/paymenticons/webmoney.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.xsolla-1859 { background-image: url(../images/paymenticons/obucks.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.karmakoin { background-image: url(../images/paymenticons/karmakoin.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.ycoins { background-image: url(../images/paymenticons/ycoins2.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.xsolla-2683 { background-image: url(../images/paymenticons/paygarden.png); }
body.prime_access #colorbox #cboxContent .paymentMethods .method.xsolla-Other, body.prime_access #colorbox #cboxContent .paymentMethods .method.dRiver-cpgSEPADirectDebit { font-weight: bold; }
body.prime_access #colorbox #cboxContent .paymentMethods .method.xsolla-Other, body.prime_access #colorbox #cboxContent .paymentMethods .method.dRiver-cpgSEPADirectDebit { font-size: 16px; top: -31px; padding-top: 10px; }
body.prime_access #colorbox #cboxContent .paymentMethods .method.xsolla-Other { top: -15px; position: relative; }
body.prime_access #primeaccess { position: relative; }
body.prime_access #primeaccess .primeaccessvauban-weapons { position: relative; top: -20px; }
body.prime_access #primeaccess .primeaccessvauban-weaponsFrame { position: relative; top: -21px; }
body.prime_access #primeaccess .primeaccessvauban-scarfPrime { margin-top: -119px; left: 84px; }
body.prime_access #primeaccess .primeaccessvauban-sugatraPrime { margin-top: -69px; left: 70px; }
body.prime_access #primeaccess .primeaccessvauban-vaubanPrime { position: relative; top: 15px; left: 12px; }
body.prime_access #primeaccess .pa-generic-btns-affBooster { top: -15px; left: 84px; }
body.prime_access #primeaccess .pa-generic-btns-credBooster { left: 81px; top: -14px; }
body.prime_access #primeaccess .avatars .itemTitlePurchased, body.prime_access #primeaccess .weapons .itemTitlePurchased { width: 100% !important; }
body.prime_access #primeaccess .pa-generic-btns-plat1050, body.prime_access #primeaccess .pa-generic-btns-plat1365, body.prime_access #primeaccess .pa-generic-btns-plat1575, body.prime_access #primeaccess .pa-generic-btns-plat2625, body.prime_access #primeaccess .pa-generic-btns-plat2940, body.prime_access #primeaccess .pa-generic-btns-plat3990 { margin-top: -11px; }
body.prime_access #primeaccess #primeHeader { background-repeat: no-repeat; z-index: 10; }
body.prime_access #primeaccess #primeHeader .logoContent { position: relative; margin: 50px 0; z-index: 11; }
body.prime_access #primeaccess #primeHeader .logoContent #primeLogo { top: -10px; position: relative; margin-bottom: 29px; }
body.prime_access #primeaccess #primeHeader .logoContent #logoText { font-family: Arial, sans-serif; margin-top: -16px; font-size: 13px; line-height: 16px; text-align: left; z-index: 4; color: #fff; }
body.prime_access #primeaccess #primeHeader .logoContent #logoText .subtitle { font-weight: bold; text-transform: uppercase; font-size: 18px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; line-height: 20px; margin-bottom: 20px; color: #328db0; }
body.prime_access #primeaccess #primeHeader .logoContent #logoText .subtitle span { font-size: 30px; letter-spacing: -1px; display: inline-block; margin-bottom: 20px; line-height: 31px; margin-top: -6px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; color: #fff; }
body.prime_access #primeaccess #primeHeader .logoContent #logoText p { margin-bottom: 10px; font-size: 17px; width: 365px; line-height: 19px; }
body.prime_access #primeaccess #primeHeader .logoContent #logoText .moreFaq { color: white; text-decoration: underline; }
body.prime_access #primeaccess #packageContainer { position: relative; z-index: 1; margin: 0 auto; min-width: 1120px; }
body.prime_access #primeaccess #packageContainer .package { min-height: 400px; z-index: 2; float: left; position: relative; min-width: 343px; max-height: 682px; }
body.prime_access #primeaccess #packageContainer .package .blackMeOut { display: none; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.55); z-index: 100000; top: 64px; }
body.prime_access #primeaccess #packageContainer .package .blackMeOut.showMe { display: block; }
body.prime_access #primeaccess #packageContainer .package .item, body.prime_access #primeaccess #packageContainer .package .title { border: 1px solid #e4bc53; }
body.prime_access #primeaccess #packageContainer .package .title { text-transform: uppercase; font-family: "Ubuntu", sans-serif; font-size: 30px; font-weight: bold; text-align: center; border: none; position: relative; z-index: 10; height: 64px; border-left: 1px solid #e4bc53; }
body.prime_access #primeaccess #packageContainer .package .title.package0 .titleContain { background-color: #016084; }
body.prime_access #primeaccess #packageContainer .package .title.package1 .titleContain { background-color: #073A4E; }
body.prime_access #primeaccess #packageContainer .package .title.package2 .titleContain { background-color: #042633; }
body.prime_access #primeaccess #packageContainer .package .title .titleContain { border-top: 1px solid #e4bc53; width: 86%; height: 63px; min-width: 294px; }
body.prime_access #primeaccess #packageContainer .package .title .titleImg { color: #e4bc53; position: relative; top: 22px; text-transform: uppercase; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; font-size: 22px; }
body.prime_access #primeaccess #packageContainer .package .title .titleRight { position: absolute; right: 0; top: 0; }
body.prime_access #primeaccess #packageContainer .package .itemTitle { background-repeat: no-repeat; padding-left: 6px; padding-top: 9px; position: relative; text-align: center; font-size: 12px; text-transform: uppercase; color: #949494; line-height: 17px; }
body.prime_access #primeaccess #packageContainer .package .itemTitle.small { height: 39px; }
body.prime_access #primeaccess #packageContainer .package .itemTitle.large { height: 32px; }
body.prime_access #primeaccess #packageContainer .package .empty { position: relative; top: 65px; margin: 0 auto; }
body.prime_access #primeaccess #packageContainer .package .empty .emptyRect { position: absolute; width: 55px; height: 18px; background-color: #e4bc53; margin-left: auto; margin-right: auto; left: 0; right: 0; }
body.prime_access #primeaccess #packageContainer .package .plusSign { position: absolute; z-index: 9; margin-left: auto; margin-right: auto; left: 0; right: 0; top: -22px; }
body.prime_access #primeaccess #packageContainer .package .item { position: relative; top: -2px; min-height: 136px !important; width: 100%; }
body.prime_access #primeaccess #packageContainer .package .item.plat { border-top: none; display: table; height: 136px; }
body.prime_access #primeaccess #packageContainer .package .item.plat .platWord { position: relative; text-transform: uppercase; font-weight: bold; top: 94px; text-align: center; font-size: 18px; text-shadow: 0px 0px 10px black; color: #fff; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; }
body.prime_access #primeaccess #packageContainer .package .item.weapons { height: 167px; }
body.prime_access #primeaccess #packageContainer .package .item.weapons .itemTitlePurchased { padding-top: 30%; }
body.prime_access #primeaccess #packageContainer .package .item.boosters { height: 105px; }
body.prime_access #primeaccess #packageContainer .package .item.boosters .itemTitle { height: 60px; }
body.prime_access #primeaccess #packageContainer .package .item.drone { height: 135px; }
body.prime_access #primeaccess #packageContainer .package .item.drone .itemTitle { height: 90px; }
body.prime_access #primeaccess #packageContainer .package .item.drone .itemTitlePurchased { padding-top: 30%; }
body.prime_access #primeaccess #packageContainer .package .item.avatars { height: 100px; }
body.prime_access #primeaccess #packageContainer .package .item.avatars .itemTitle { height: 85px; }
body.prime_access #primeaccess #packageContainer .package .item.acc .pa-generic-btns-paTitle { margin-left: auto; margin-right: auto; left: 0; right: 0; position: absolute; }
body.prime_access #primeaccess #packageContainer .package .item.acc .itemTitlePurchased { width: 100%; height: 60%; }
body.prime_access #primeaccess #packageContainer .package .item .itemTitle, body.prime_access #primeaccess #packageContainer .package .item .itemTitlePurchased { position: absolute; width: 98%; height: 70%; background-image: url("images/primeaccessvoltBG/11overlay.png"); background-repeat: repeat !important; padding-top: 20%; display: none; color: #fff; z-index: 100; }
body.prime_access #primeaccess #packageContainer .package .item .itemTitlePurchased { display: block; text-align: center; font-weight: bold; font-size: 14px; text-transform: uppercase; }
body.prime_access #primeaccess #packageContainer .package .item .platImg, body.prime_access #primeaccess #packageContainer .package .item .pistolMeleeImg, body.prime_access #primeaccess #packageContainer .package .item .primeImg, body.prime_access #primeaccess #packageContainer .package .item .avaImg { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; }
body.prime_access #primeaccess #packageContainer .package .avaImg { margin: 0 auto; height: 125px; }
body.prime_access #primeaccess #packageContainer .package .boughtBtn { padding-top: 32px; text-align: center; background-repeat: no-repeat; font-size: 25px; text-transform: uppercase; font-weight: bold; color: #674915; height: 107px; }
body.prime_access #primeaccess #packageContainer .package .priceBtn, body.prime_access #primeaccess #packageContainer .package .boughtBtn { background-color: #E4BC53; width: 100% !important; }
body.prime_access #primeaccess #packageContainer .package .priceBtn { position: relative; top: -2px; width: 264px; height: 107px; text-align: center; padding-top: 17px; font-weight: bold; cursor: pointer; color: #674915; font-family: "Ubuntu",sans-serif; }
body.prime_access #primeaccess #packageContainer .package .priceBtn.currency-twd .sign, body.prime_access #primeaccess #packageContainer .package .priceBtn.currency-twd .priceLarge { font-size: 45px; }
body.prime_access #primeaccess #packageContainer .package .priceBtn.currency-twd .priceSmall { font-size: 23px; }
body.prime_access #primeaccess #packageContainer .package .priceBtn .sign, body.prime_access #primeaccess #packageContainer .package .priceBtn .priceLarge { font-size: 55px; }
body.prime_access #primeaccess #packageContainer .package .priceBtn .priceSmall { position: relative; font-size: 33px; top: -16px; right: 4px; }
body.prime_access #primeaccess #packageContainer .package .priceBtn .value { text-transform: uppercase; font-size: 16px; margin-top: 4px; }
body.prime_access #primeaccess #packageContainer .package .priceBtn .value.mobile { display: none; }
body.prime_access #primeaccess #packageContainer .package .priceBtn .currency { margin-left: -38px; font-weight: bold; font-size: 14px; }
body.prime_access #primeaccess #packageContainer .package .priceBtn.hover .buyNow { font-size: 40px; text-transform: uppercase; text-shadow: none; padding-top: 3px; margin-bottom: 12px; }
body.prime_access #primeaccess #packageContainer .package.package0 .item { background-color: #4e90a9; background-color: rgba(78, 144, 169, 0.8); }
body.prime_access #primeaccess #packageContainer .package.package0 .item.plat .itemTitle { top: 30px; left: 58px; }
body.prime_access #primeaccess #packageContainer .package.package1 .item { background-color: #073a4e; background-color: rgba(7, 58, 78, 0.8); }
body.prime_access #primeaccess #packageContainer .package.package1 .item.plat .itemTitle { top: 30px; left: 55px; }
body.prime_access #primeaccess #packageContainer .package.package2 { margin-right: 0; }
body.prime_access #primeaccess #packageContainer .package.package2 .item { background-color: #042633; background-color: rgba(4, 38, 51, 0.8); }
body.prime_access #primeaccess #packageContainer .package.package2 .item.plat .itemTitle { top: 30px; left: 55px; }
body.prime_access #primeaccess #packageContainer #primeAccessories { margin-top: 198px; position: relative; min-width: 1038px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .pa-generic-btns-paPackTitleEx { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; position: relative; z-index: 4; text-transform: uppercase; color: #e4bc53; padding: 11px; font-size: 15px; font-weight: bold; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accOverlay { background-image: url("../images/prime-access/primeaccessvaubanBG/paPurchased.png"); width: 1026px; height: 235px; position: absolute; z-index: 15; top: -85px; left: 0; background-repeat: no-repeat; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accTrim { position: absolute; bottom: 73px; left: -3px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accItem { float: left; position: relative; margin-top: -1px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accItem.mainItem { margin-top: -5px; margin-left: -101px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accItem.leftItem { margin-top: -5px; z-index: -1; margin-left: -97px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemImg { position: relative; z-index: 2; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemDesc { position: absolute; top: -24px; left: -6px; z-index: 9; text-align: center; width: 217px; height: 141px; display: none; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemDesc div { width: 140px; position: absolute; top: 43px; left: 47px; line-height: 16px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemTitle { text-align: center; width: 180px; font-size: 11px; text-transform: uppercase; z-index: 9; position: relative; line-height: 13px; letter-spacing: 2px; color: #fff; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemTitle.accessory1 { margin-top: 4px; margin-left: 4px; top: -40px; left: 74px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemTitle.accessory2 { margin-top: -3px; margin-left: 77px; top: -33px; left: 12px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemTitle.affBooster { margin-left: 79px; margin-top: 5px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemTitle.credBooster { margin-left: 74px; margin-top: 4px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice { background-color: #e4bc53; height: 55px; display: inline-block; padding: 7px 10px 0 10px; position: relative; top: -3px; left: 1px; cursor: pointer; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice:hover { background-color: #e4bc53; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice.purchased { cursor: auto; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice.purchased .buyNow { border-left: none; width: 174px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .pa-generic-btns-accPriceEnd { position: absolute; right: -48px; top: 0; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .actualPrice, body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .buyNow { text-transform: uppercase; color: #674915; font-weight: bold; height: 44px; float: left; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .actualPrice { border-right: 1px solid #9f7d31; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .actualPrice .value { text-align: center; font-size: 11px; position: relative; top: -4px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .actualPrice .listedPrice { padding: 0 10px; margin-top: -7px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .actualPrice .listedPrice .bigNum, body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .actualPrice .listedPrice .numRight { float: left; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .actualPrice .listedPrice .bigNum { font-size: 33px; margin-top: 8px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .actualPrice .listedPrice .numRight .smallNum { font-size: 18px; position: relative; top: 2px; margin-bottom: 0; margin-top: 7px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .actualPrice .listedPrice .numRight .smallNum .currency { font-size: 12px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .buyNow { text-align: center; padding-left: 20px; border-left: 1px solid #d9c45a; width: auto; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .buyNow .text { font-size: 28px; margin-top: 9px; line-height: 26px; }
body.prime_access .primeDisclaimer { margin-top: 60px; line-height: 20px; color: white; }
@media (max-width: 600px) { body.prime_access { background: none; }
  body.prime_access #mobilePAHeader { display: block; background: url("../images/prime-access/primeaccessvaubanBG/vaubanMobileBG.jpg") no-repeat top center; width: 100%; min-height: 343px; background-size: 100% auto; margin-bottom: -90px; }
  body.prime_access #primeAccessBottom { display: none; }
  body.prime_access #bgvid, body.prime_access #vidFallback { display: none; }
  body.prime_access #primeaccess #primeHeader .logoContent #primeLogo { width: 100%; }
  body.prime_access #primeaccess #primeHeader .logoContent #logoText { color: #000; }
  body.prime_access #primeaccess #primeHeader .logoContent #logoText .subtitle span { color: #000; }
  body.prime_access #primeaccess #packageContainer { min-width: inherit; }
  body.prime_access #primeaccess #packageContainer .package { min-width: inherit; min-height: 190px; height: 190px; overflow: hidden; max-height: 752px; }
  body.prime_access #primeaccess #packageContainer .package .blackMeOut.showMe { display: none; }
  body.prime_access #primeaccess #packageContainer .package .title { border-right: 1px solid #e4bc53; }
  body.prime_access #primeaccess #packageContainer .package .title .titleContain { width: 100%; }
  body.prime_access #primeaccess #packageContainer .package .title .titleRight { display: none; }
  body.prime_access #primeaccess #packageContainer .package .value { display: none !important; }
  body.prime_access #primeaccess #packageContainer .package .value.mobile { display: block !important; font-size: 22px; }
  body.prime_access #primeaccess #packageContainer .package .item, body.prime_access #primeaccess #packageContainer .package .item.plat { display: none; }
  body.prime_access #primeaccess #packageContainer #primeAccessories { min-width: inherit; margin-top: 0; height: 190px; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accBorderFix { display: none; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accItem { width: 100%; height: 167px; background-image: none; float: none; background-color: #042633; background-color: rgba(4, 38, 51, 0.8); margin-left: 0 !important; position: relative; overflow: hidden; display: none; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accItem.pa-generic-btns-paPackTitle { display: none; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemImg { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemImg.primeaccessvauban-scarfPrime { margin-top: 4px; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemImg.primeaccessvauban-sugatraPrime { margin-top: 0; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemImg.pa-generic-btns-credBooster, body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemImg.pa-generic-btns-affBooster { top: 25px; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemTitle { position: absolute; width: 100%; bottom: 20px; top: initial !important; left: initial !important; margin-left: 0 !important; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice { width: 100%; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .buyNow { width: 65%; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .pa-generic-btns-accPriceEnd { display: none; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accOverlay { display: none; }
  body.prime_access .pa-generic-btns-paPackTitleEx { background-image: none !important; text-align: center; width: 100%; background-color: #042633; border-top: 1px solid #e4bc53; border-left: 1px solid #e4bc53; border-right: 1px solid #e4bc53; height: 50px; font-size: 20px; }
  body.prime_access #colorbox #cboxContent .paymentMethods .method { margin-top: 20px; }
  body.prime_access #colorbox #cboxContent .paymentMethods img { display: none; }
  body.prime_access .primeDisclaimer { color: black; } }
@media (max-width: 875px) { body.prime_access #bgvid { left: -584px; }
  body.prime_access #primeaccess #packageContainer .package { margin-bottom: 20px; }
  body.prime_access #primeaccess #packageContainer .package .item .itemTitle { display: block !important; } }
@media (max-width: 1750px) { body.prime_access #bgvid { left: -397px; } }

.pv-generic-btns-sprite, .pv-generic-btns-pv_item, .pv-generic-btns-pv_item_first { background-image: url('../images/prime-vault/pv-generic-btns-s60e528b9b6.png'); background-repeat: no-repeat; }

.pv-generic-btns-pv_item { background-position: 0 0; height: 97px; width: 245px; }

.pv-generic-btns-pv_item_first { background-position: 0 -97px; height: 97px; width: 246px; }

.primevaultmag-sprite, .primevaultmag-avatars, .primevaultmag-boar, .primevaultmag-dakra, .primevaultmag-plat, .primevaultmag-targis { background-image: url('../images/prime-vault/primevaultmag-se86769b9c9.png'); background-repeat: no-repeat; }

.primevaultmag-avatars { background-position: 0 0; height: 90px; width: 93px; }

.primevaultmag-boar { background-position: 0 -90px; height: 171px; width: 147px; }

.primevaultmag-dakra { background-position: 0 -261px; height: 177px; width: 118px; }

.primevaultmag-plat { background-position: 0 -438px; height: 153px; width: 198px; }

.primevaultmag-targis { background-position: 0 -591px; height: 168px; width: 183px; }

body.prime_vault { background: #d0d5d8 url("../images/prime-vault/PrimeVault_Mag_bg.jpg") no-repeat center top; overflow-x: hidden; }
body.prime_vault #mobilePAHeader { display: none; }
body.prime_vault .containWrap { background: rgba(255, 255, 255, 0.9); }
body.prime_vault #mainContent { margin-bottom: 110px; }
body.prime_vault #colorbox #cboxContent { background: #fff !important; }
body.prime_vault #colorbox #cboxContent .paymentMethods { background-color: white; padding: 20px 0; text-align: center; margin-top: 20px; }
body.prime_vault #colorbox #cboxContent .paymentMethods .selecta { margin: 15px 0; }
body.prime_vault #colorbox #cboxContent .paymentMethods img { margin-bottom: 20px; }
body.prime_vault #colorbox #cboxContent .paymentMethods .method { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); display: inline-block; cursor: pointer; background-color: #E4E4E4; background-position: center; padding: 5px; width: 85px; height: 55px; background-repeat: no-repeat; margin-right: 20px; }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.dRiver-cpgCreditCard, body.prime_vault #colorbox #cboxContent .paymentMethods .method.xsolla-1380 { background-image: url(../images/paymenticons/creditCards.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.steam { background-image: url(../images/paymenticons/steam.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.rixty { background-image: url(../images/paymenticons/rixty.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.dRiver-cpgPayPal, body.prime_vault #colorbox #cboxContent .paymentMethods .method.xsolla-24 { background-image: url(../images/paymenticons/paypal.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.molpay { background-image: url(../images/paymenticons/molpoints.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.xsolla-1497 { background-image: url(../images/paymenticons/MisterCash.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.dRiver-cpgPaySafeCard { background-image: url(../images/paymenticons/paysafe.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.xsolla-1944 { background-image: url(../images/paymenticons/boleto.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.xsolla-836 { background-image: url(../images/paymenticons/interac-online.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.xsolla-81 { background-image: url(../images/paymenticons/DaoPay.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.xsolla-1496 { background-image: url(../images/paymenticons/ideal.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.xsolla-1909 { background-image: url(../images/paymenticons/przelewy24.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.xsolla-16 { background-image: url(../images/paymenticons/qiwi.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.dRiver-cpgYandexMoney, body.prime_vault #colorbox #cboxContent .paymentMethods .method.xsolla-27 { background-image: url(../images/paymenticons/Yandex_money.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.xsolla-1852, body.prime_vault #colorbox #cboxContent .paymentMethods .method.xsolla-390, body.prime_vault #colorbox #cboxContent .paymentMethods .method.xsolla-1750 { background-image: url(../images/paymenticons/mycard.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.dRiver-cpgVisaDelta, body.prime_vault #colorbox #cboxContent .paymentMethods .method.dRiver-cpgVisaElectron { background-image: url(../images/paymenticons/visa-delta-debit.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.xsolla-749 { background-image: url(../images/paymenticons/gudang.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.xsolla-132 { background-image: url(../images/paymenticons/cashu.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.xsolla-226 { background-image: url(../images/paymenticons/toditocash.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.xsolla-250 { background-image: url(../images/paymenticons/onecard.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.xsolla-2601 { background-image: url(../images/paymenticons/poli.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.dRiver-cpgWebMoney, body.prime_vault #colorbox #cboxContent .paymentMethods .method.xsolla-6 { background-image: url(../images/paymenticons/webmoney.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.xsolla-1859 { background-image: url(../images/paymenticons/obucks.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.karmakoin { background-image: url(../images/paymenticons/karmakoin.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.ycoins { background-image: url(../images/paymenticons/ycoins2.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.xsolla-2683 { background-image: url(../images/paymenticons/paygarden.png); }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.xsolla-Other, body.prime_vault #colorbox #cboxContent .paymentMethods .method.dRiver-cpgSEPADirectDebit { font-weight: bold; }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.xsolla-Other, body.prime_vault #colorbox #cboxContent .paymentMethods .method.dRiver-cpgSEPADirectDebit { font-size: 16px; top: -31px; padding-top: 10px; }
body.prime_vault #colorbox #cboxContent .paymentMethods .method.xsolla-Other { top: -15px; position: relative; }
body.prime_vault #primevault { position: relative; }
body.prime_vault #primevault #primeHeader { background-repeat: no-repeat; z-index: 10; }
body.prime_vault #primevault #primeHeader .logoContent { position: relative; margin: 50px 0; z-index: 11; }
body.prime_vault #primevault #primeHeader .logoContent #primeLogo { top: -10px; position: relative; margin-bottom: 29px; }
body.prime_vault #primevault #primeHeader .logoContent #logoText { font-family: Arial, sans-serif; margin-top: -16px; font-size: 13px; line-height: 16px; text-align: left; z-index: 4; color: #fff; }
body.prime_vault #primevault #primeHeader .logoContent #logoText .subtitle { font-weight: bold; text-transform: uppercase; font-size: 18px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; line-height: 20px; margin-bottom: 20px; color: #328db0; }
body.prime_vault #primevault #primeHeader .logoContent #logoText .subtitle span { font-size: 30px; letter-spacing: -1px; display: inline-block; margin-bottom: 20px; line-height: 31px; margin-top: -6px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; color: #fff; }
body.prime_vault #primevault #primeHeader .logoContent #logoText p { margin-bottom: 10px; font-size: 17px; width: 365px; line-height: 19px; }
body.prime_vault #primevault #primeHeader .logoContent #logoText .moreFaq { color: white; text-decoration: underline; }
body.prime_vault #primevault #packageContainer { position: relative; z-index: 1; margin: 0 auto; min-width: 1120px; }
body.prime_vault #primevault #packageContainer #primeAccessories { margin-top: 148px; position: relative; min-width: 1038px; }
body.prime_vault #primevault #packageContainer #primeAccessories .pa-generic-btns-paPackTitleEx { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; position: relative; z-index: 4; text-transform: uppercase; color: #e4bc53; padding: 11px; font-size: 15px; font-weight: bold; }
body.prime_vault #primevault #packageContainer #primeAccessories .accOverlay { background-image: url("../images/prime-access/primeaccessvaubanBG/paPurchased.png"); width: 1026px; height: 235px; position: absolute; z-index: 15; top: -85px; left: 0; background-repeat: no-repeat; }
body.prime_vault #primevault #packageContainer #primeAccessories .accTrim { position: absolute; bottom: 73px; left: -3px; }
body.prime_vault #primevault #packageContainer #primeAccessories .accItem { float: left; position: relative; margin-top: -1px; }
body.prime_vault #primevault #packageContainer #primeAccessories .accItem.mainItem { margin-top: -5px; }
body.prime_vault #primevault #packageContainer #primeAccessories .accItem.leftItem { margin-top: -5px; z-index: -1; margin-left: -85px; }
body.prime_vault #primevault #packageContainer #primeAccessories .accItem .itemImg { position: relative; z-index: 2; top: -67px; }
body.prime_vault #primevault #packageContainer #primeAccessories .accItem .itemDesc { position: absolute; top: -24px; left: -6px; z-index: 9; text-align: center; width: 217px; height: 141px; display: none; }
body.prime_vault #primevault #packageContainer #primeAccessories .accItem .itemDesc div { width: 140px; position: absolute; top: 43px; left: 47px; line-height: 16px; }
body.prime_vault #primevault #packageContainer #primeAccessories .accItem .itemTitle { text-align: center; width: 180px; font-size: 10px; text-transform: uppercase; z-index: 9; position: relative; line-height: 13px; letter-spacing: 2px; color: #fff; }
body.prime_vault #primevault #packageContainer #primeAccessories .accItem .itemTitle.accessory2 { margin-top: -3px; margin-left: 77px; top: -93px; left: -13px; }
body.prime_vault #primevault #packageContainer #primeAccessories .accItem .itemTitle.dakraRrime { top: -85px; left: 56px; }
body.prime_vault #primevault #packageContainer #primeAccessories .accItem .itemTitle.targisArmor { top: -94px; left: 62px; }
body.prime_vault #primevault #packageContainer #primeAccessories .accItem .itemTitle.avatarTitle { top: -16px; left: 60px; }
body.prime_vault #primevault #packageContainer #primeAccessories .accPrice { background-color: #e4bc53; height: 55px; display: inline-block; padding: 7px 10px 0 10px; position: relative; top: -3px; left: 1px; cursor: pointer; }
body.prime_vault #primevault #packageContainer #primeAccessories .accPrice:hover { background-color: #e4bc53; }
body.prime_vault #primevault #packageContainer #primeAccessories .accPrice.purchased { cursor: auto; }
body.prime_vault #primevault #packageContainer #primeAccessories .accPrice.purchased .buyNow { border-left: none; width: 174px; }
body.prime_vault #primevault #packageContainer #primeAccessories .accPrice .pa-generic-btns-accPriceEnd { position: absolute; right: -48px; top: 0; }
body.prime_vault #primevault #packageContainer #primeAccessories .accPrice .actualPrice, body.prime_vault #primevault #packageContainer #primeAccessories .accPrice .buyNow { text-transform: uppercase; color: #674915; font-weight: bold; height: 44px; float: left; }
body.prime_vault #primevault #packageContainer #primeAccessories .accPrice .actualPrice { border-right: 1px solid #9f7d31; }
body.prime_vault #primevault #packageContainer #primeAccessories .accPrice .actualPrice .value { text-align: center; font-size: 11px; position: relative; top: -4px; }
body.prime_vault #primevault #packageContainer #primeAccessories .accPrice .actualPrice .listedPrice { padding: 0 10px; margin-top: -7px; }
body.prime_vault #primevault #packageContainer #primeAccessories .accPrice .actualPrice .listedPrice .bigNum, body.prime_vault #primevault #packageContainer #primeAccessories .accPrice .actualPrice .listedPrice .numRight { float: left; }
body.prime_vault #primevault #packageContainer #primeAccessories .accPrice .actualPrice .listedPrice .bigNum { font-size: 33px; margin-top: 8px; }
body.prime_vault #primevault #packageContainer #primeAccessories .accPrice .actualPrice .listedPrice .numRight .smallNum { font-size: 18px; position: relative; top: 2px; margin-bottom: 0; margin-top: 7px; }
body.prime_vault #primevault #packageContainer #primeAccessories .accPrice .actualPrice .listedPrice .numRight .smallNum .currency { font-size: 12px; }
body.prime_vault #primevault #packageContainer #primeAccessories .accPrice .buyNow { text-align: center; padding-left: 20px; border-left: 1px solid #d9c45a; width: auto; }
body.prime_vault #primevault #packageContainer #primeAccessories .accPrice .buyNow .text { font-size: 28px; margin-top: 9px; line-height: 26px; }
body.prime_vault #primevault #packageContainer #primeAccessories .accPrice.purchased .buyNow { padding-left: 10px; }
body.prime_vault #primevault #packageContainer #primeAccessories .primevaultmag-boar { left: 62px; top: -78px !important; }
body.prime_vault #primevault #packageContainer #primeAccessories .primevaultmag-dakra { margin-top: -18px !important; margin-left: 67px !important; }
body.prime_vault #primevault #packageContainer #primeAccessories .primevaultmag-targis { left: 25px; top: -80px !important; }
body.prime_vault #primevault #packageContainer #primeAccessories .primevaultmag-avatars { top: -24px !important; left: 70px; }
body.prime_vault .primeDisclaimer { margin-top: 60px; line-height: 20px; color: white; }
@media (max-width: 600px) { body.prime_vault #mobilePAHeader { display: block; background: url("../images/prime-access/primeaccessvaubanBG/vaubanMobileBG.jpg") no-repeat top center; width: 100%; min-height: 343px; background-size: 100% 100%; margin-bottom: -90px; }
  body.prime_vault #primevault #primeHeader .logoContent #primeLogo { width: 100%; }
  body.prime_vault #primevault #primeHeader .logoContent #logoText { color: #000; }
  body.prime_vault #primevault #primeHeader .logoContent #logoText .subtitle span { color: #000; }
  body.prime_vault #primevault #packageContainer { min-width: inherit; }
  body.prime_vault #primevault #packageContainer #primeAccessories { min-width: inherit; margin-top: 0; height: auto; }
  body.prime_vault #primevault #packageContainer #primeAccessories .accBorderFix { display: none; }
  body.prime_vault #primevault #packageContainer #primeAccessories .accItem { width: 100%; height: 167px; background-image: none; float: none; background-color: #042633; background-color: rgba(4, 38, 51, 0.8); margin-left: 0 !important; position: relative; overflow: hidden; }
  body.prime_vault #primevault #packageContainer #primeAccessories .accItem.pa-generic-btns-paPackTitle { display: none; }
  body.prime_vault #primevault #packageContainer #primeAccessories .accItem .itemImg { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 0; }
  body.prime_vault #primevault #packageContainer #primeAccessories .accItem .itemImg.primevaultmag-boar { top: 0 !important; }
  body.prime_vault #primevault #packageContainer #primeAccessories .accItem .itemImg.primevaultmag-dakra { margin-left: 117px !important; }
  body.prime_vault #primevault #packageContainer #primeAccessories .accItem .itemImg.primevaultmag-targis { top: -30px !important; }
  body.prime_vault #primevault #packageContainer #primeAccessories .accItem .itemImg.primevaultmag-avatars { top: 26px !important; }
  body.prime_vault #primevault #packageContainer #primeAccessories .accItem .itemTitle { position: absolute; width: 100%; bottom: 20px; top: initial !important; left: initial !important; margin-left: 0 !important; }
  body.prime_vault #primevault #packageContainer #primeAccessories .accPrice { width: 100%; }
  body.prime_vault #primevault #packageContainer #primeAccessories .accPrice .buyNow { width: 65%; }
  body.prime_vault #primevault #packageContainer #primeAccessories .accPrice .pa-generic-btns-accPriceEnd { display: none; }
  body.prime_vault #primevault #packageContainer #primeAccessories .accOverlay { display: none; }
  body.prime_vault #colorbox #cboxContent .paymentMethods .method { margin-top: 20px; }
  body.prime_vault #colorbox #cboxContent .paymentMethods img { display: none; } }