/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary
{
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video
{
    display: inline-block;
}

/**
 * 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.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template
{
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 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;
}

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

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus
{
    outline: thin dotted;
}

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

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

    margin: .67em 0;
}

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

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

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

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

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

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp
{
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre
{
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q
{
    quotes: '\201C' '\201D' '\2018' '\2019';
}

/**
 * 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: -.5em;
}

sub
{
    bottom: -.25em;
}

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

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure
{
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset
{
    margin: 0 2px;
    padding: .35em .625em .75em; 

    border: 1px solid #c0c0c0;
}

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

    border: 0;
    /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea
{
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 2 */

    margin: 0;
    /* 3 */
}

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

/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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']
{
    /* 2 */
    cursor: pointer;

    -webkit-appearance: button;
    /* 3 */
}

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

/**
 * 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']
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

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

    -webkit-appearance: textfield;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration
{
    -webkit-appearance: none;
}

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

    border: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea
{
    overflow: auto;
    /* 1 */

    vertical-align: top;
    /* 2 */
}

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

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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
{
    font: inherit;
    font-size: 100%;

    margin: 0;
    padding: 0;

    vertical-align: baseline; 

    border: 0;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section
{
    display: block;
}

body
{
    line-height: 1;
}

ol,
ul
{
    list-style: none;
}

blockquote,
q
{
    quotes: none;
}

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

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

.clearfix:after
{
    line-height: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: 0; 

    content: '.';
}

.clearfix
{
    display: inline-block;
}

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

* html .clearfix
{
    height: 1%;
}

/***
** PRELOADER
***/
#jpreOverlay
{
    text-align: center; 

    background-color: #f0f3f5;
}

#jpreLoader
{
    font-family: 'Proxima Nova', Arial, Sans-serif;
    font-size: 60px;
    font-weight: 600;
    line-height: 87px;

    position: relative; 

    display: inline-block;

    width: 174px;
    height: 174px;
    margin-top: -87px;

    text-align: center;

    color: #34a1dc;
}
#jpreLoader .percentage
{
    font-size: 22px;
    line-height: 70px;

    text-align: bottom;

    font-width: 500;
}

#jpreButton
{
    display: none !important;
}

#canvas
{
    position: absolute;
    z-index: 3; 
    top: 0;
    left: 0;
}

#jprePercentage
{
    font-size: 63px;
    line-height: 174px;

    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    width: 174px;
    height: 174px;

    text-align: center;

    color: #0e55f4;
}
#jprePercentage:before
{
    position: absolute;
    z-index: 1; 
    top: 4px;
    left: 4px;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 166px;
    height: 166px;

    content: '';

    border: 8px solid #d6dff1;
    border-radius: 100%;
}
#jprePercentage:after
{
    font-size: 18px;

    position: absolute;
    bottom: 40px;
    left: 0;

    width: 174px;
    height: 22px;

    content: 'Loading SNOW';
    text-align: center;
    letter-spacing: .05em; 
    text-transform: uppercase;
}

.page-template-page-landing-php img
{
    display: block;
}

.page-template-page-landing-php *,
.page-template-page-landing-php :before,
.page-template-page-landing-php :after
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.page-template-page-landing-php body,
.page-template-page-landing-php html
{
    width: 100%; 
    height: 100%;
}

.page-template-page-landing-php .scroll-container
{
    overflow: hidden;
}

.page-template-page-landing-php h4
{
    font-family: 'Proxima Nova', Arial, Sans-serif;
    font-size: 16px;
    font-weight: 700;

    position: relative;

    margin: 30px 0 20px;

    text-align: center; 
    text-transform: uppercase;

    color: #2b2d33;
}

.page-template-page-landing-php .extra-bold
{
    font-family: 'Proxima Nova', Arial, Sans-serif;
    font-weight: 700;
}

.page-template-page-landing-php .bold
{
    font-family: 'Proxima Nova', Arial, Sans-serif;
    font-weight: 600;
}

.page-template-page-landing-php .semi-bold
{
    font-family: 'Proxima Nova', Arial, Sans-serif;
    font-weight: 500;
}

.page-template-page-landing-php .light
{
    font-family: 'Proxima Nova', Arial, Sans-serif;
    font-weight: 300;
}

.page-template-page-landing-php .section
{
    position: relative; 

    width: 100%;

    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.page-template-page-landing-php .sub-section
{
    width: 100%;
}

.page-template-page-landing-php .container
{
    position: relative; 

    width: 960px;
    margin: 0 auto;
}

.page-template-page-landing-php .content-block
{
    line-height: 28px;

    position: absolute;
    z-index: 99; 
    left: 0;

    margin-right: 20px;
}
.page-template-page-landing-php .content-block.right
{
    right: 0;
    left: auto;

    padding-left: 134px;
}
.page-template-page-landing-php .content-block.col-1
{
    width: 222px;
}
.page-template-page-landing-php .content-block.col-2
{
    width: 468px;
}
.page-template-page-landing-php .content-block.col-3
{
    width: 714px;
}
.page-template-page-landing-php .content-block.col-4
{
    width: 960px;
    margin-right: 0;
}
.page-template-page-landing-php .content-block.alpha
{
    margin-left: 0;
}
.page-template-page-landing-php .content-block.omega
{
    margin-eiht: 0;
}
.page-template-page-landing-php .content-block h2
{
    font-family: 'Proxima Nova', Arial, Sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 38px;

    margin-bottom: 14px;

    letter-spacing: -.02em; 
    text-transform: uppercase;

    color: #007eff;
}
.page-template-page-landing-php .content-block h2 .small
{
    font-family: 'Proxima Nova', Arial, Sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;

    display: block;

    letter-spacing: .1em; 

    color: #41484c;
}
.page-template-page-landing-php .content-block h2 .text-gradient
{
    display: block;

    background-image: -webkit-linear-gradient(110deg, #2a00ff 0%, #007eff 100%);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}
.page-template-page-landing-php .content-block p
{
    font-weight: 500;
    font-weight: 18px; 
    line-height: 24px;

    color: #626466;
}
.page-template-page-landing-php .content-block .sidemessage
{
    font-family: 'Proxima Nova', Arial, Sans-serif;
    font-size: 13px;
    font-weight: 600;

    position: relative;

    margin-top: 20px;
    padding-left: 10px;

    letter-spacing: 1px; 
    text-transform: uppercase;

    color: #a0abb1;
}
.page-template-page-landing-php .content-block .sidemessage:before
{
    position: absolute;
    top: 0; 
    left: 0;

    content: '*';
}

.page-template-page-landing-php .play-now
{
    font-size: 16px;
    line-height: 72px;

    position: relative;
    position: absolute;
    z-index: 500;
    z-index: 4; 
    bottom: -webkit-calc(492px - 137px);
    bottom:         calc(492px - 137px);
    left: 50%;

    width: 260px;
    height: 72px;
    margin-top: 20px;
    margin-left: -130px;
    padding-right: 11px;

    letter-spacing: .1em;

    color: #fff;
    border: 1px solid #1352bf;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px -1px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 2px -1px rgba(0, 0, 0, .2);
}
@media screen and (max-height: 750px)
{
    .page-template-page-landing-php .play-now
    {
        bottom: -webkit-calc(492px - 82px);
        bottom:         calc(492px - 82px);
    }
}
.page-template-page-landing-php .play-now .play-now-text
{
    position: relative;
    z-index: 2;
}
.page-template-page-landing-php .play-now .play-now-bg
{
    position: absolute;
    z-index: 1; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    -webkit-transition: opacity 200ms ease-in-out;
            transition: opacity 200ms ease-in-out;

    opacity: 1;
    background: #1071f2;
    background: -webkit-linear-gradient(270deg, #1071f2 0%, #1352bf 100%);
    background:         linear-gradient(180deg, #1071f2 0%, #1352bf 100%);
}
.page-template-page-landing-php .play-now .play-now-bg-hover
{
    opacity: 0; 
    background-image: -webkit-linear-gradient(270deg, #0b75f7 0%, #232cf7 100%);
    background-image:         linear-gradient(180deg, #0b75f7 0%, #232cf7 100%);
}
.page-template-page-landing-php .play-now:before
{
    position: absolute;
    z-index: 2;
    top: -1px;
    left: -1px;

    width: 260px;
    height: 72px;

    content: '';

    background: url('../img/landing/icon-sign-up-beta.png') 188px 31px no-repeat;
}
.page-template-page-landing-php .play-now:hover
{
    color: #fff;
}
.page-template-page-landing-php .play-now:hover .play-now-bg-hover
{
    opacity: 1;
}

.page-template-page-landing-php .section-1
{
    z-index: 1;

    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    height: 100vh; 
    padding-bottom: 262px;

    -webkit-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;

    background-color: #eff3f6;
}
@media screen and (max-height: 750px)
{
    .page-template-page-landing-php .section-1
    {
        padding-bottom: 372px;
    }
}
.page-template-page-landing-php .section-1 .play-now
{
    font-size: 16px;
    line-height: 72px;

    position: absolute;
    z-index: 4; 
    bottom: -webkit-calc(492px - 137px);
    bottom:         calc(492px - 137px);
    left: 50%;

    width: 260px;
    height: 72px;
    margin-top: 20px;
    margin-left: -130px;
    padding-right: 11px;

    letter-spacing: .1em;

    color: #fff;
    border: 1px solid #1352bf;
    border-radius: 4px;
}
.page-template-page-landing-php .section-1:before
{
    position: absolute;
    z-index: 4;
    top: 0;

    width: 100%;
    height: 170px;

    content: '';

    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 24, 84, .8)), color-stop(98%, rgba(0, 24, 84, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 24, 84, .8) 0%, rgba(0, 24, 84, 0) 98%);
    background-image:         linear-gradient(top, rgba(0, 24, 84, .8) 0%, rgba(0, 24, 84, 0) 98%);
}
.page-template-page-landing-php .section-1 .section-subsection
{
    position: absolute;
    z-index: 2; 
    top: 124px;
    right: 0;
    bottom: 492px;
    left: 0;

    width: 960px;
    height: 463px;
    margin: auto;
}
@media screen and (max-height: 750px)
{
    .page-template-page-landing-php .section-1 .section-subsection
    {
        height: 352px;
    }
}
.page-template-page-landing-php .section-1:after
{
    position: absolute;
    z-index: -1; 
    bottom: -82px;
    left: 0;

    width: 100%;
    height: 82px;

    content: '';

    background-color: #f0f3f5;
}
.page-template-page-landing-php .section-1 .intro-video
{
    position: relative;
    z-index: 2; 

    overflow: hidden;

    width: 588px;
    height: 331px;
    margin: 0 auto;

    cursor: pointer;
    -webkit-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
    text-align: center;

    opacity: .9;
    border-radius: 4px;
    background-image: url(../img/landing/video-poster.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
@media screen and (max-height: 750px)
{
    .page-template-page-landing-php .section-1 .intro-video
    {
        width: 320px;
        height: 180px;
    }
}
.page-template-page-landing-php .section-1 .intro-video:hover
{
    opacity: 1;
}
.page-template-page-landing-php .section-1 .intro-video.active
{
    width: 960px;
    height: 540px;
}
.page-template-page-landing-php .section-1 .play-btn
{
    font-size: 13px; 
    font-weight: 700;

    position: relative;
    z-index: 3;

    display: inline-block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 331px;
    padding-top: 194px;

    text-align: center;
    text-transform: uppercase;

    color: #fff;
    border-radius: 100%;
    background: url(../img/landing/icon-video-play.png) center 152px no-repeat;
}
@media screen and (max-height: 750px)
{
    .page-template-page-landing-php .section-1 .play-btn
    {
        width: 320px;
        height: 180px; 
        padding-top: 114px;

        background-position: center 74px;
    }
}
.page-template-page-landing-php .section-1 .content-holder
{
    width: 100%;
    margin: auto;

    text-align: center;
}
.page-template-page-landing-php .section-1 h1
{
    font-family: 'Proxima Nova', Arial, Sans-serif;
    font-size: 48px;
    font-weight: 700;

    position: relative; 

    margin: 0;

    text-transform: uppercase;

    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
.page-template-page-landing-php .section-1 h1 span
{
    font-size: 24px;

    position: relative;
    top: 6px;

    display: inline-block;
}
.page-template-page-landing-php .section-1 h3
{
    font-size: 18px;
    font-weight: 400; 

    margin: 10px 0 30px;

    color: #fff;
}
.page-template-page-landing-php .section-1 .gamescom-notice
{
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;

    position: absolute;
    z-index: 8;
    top: 75%;
    right: -8px;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 196px;
    padding: 18px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-transform: none;
    pointer-events: all;

    color: #665c47;
    border-radius: 3px;
    background-color: #fc6;
    -webkit-box-shadow: 0 1px 2px -1px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 2px -1px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 2px -1px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 2px -1px rgba(0, 0, 0, .2); 
    text-shadow: none;
}
.page-template-page-landing-php .section-1 .gamescom-notice strong
{
    font-weight: 600;
}
.page-template-page-landing-php .section-1 .gamescom-notice:after
{
    position: absolute;
    top: 50%;
    right: 100%;

    width: 0;
    height: 0;
    margin-top: -8px; 

    content: '';
    pointer-events: none;

    border: solid transparent;
    border-width: 8px;
    border-color: rgba(255, 204, 102, 0);
    border-right-color: #fc6;
}
.page-template-page-landing-php .section-1 .gamescom-notice-close
{
    position: absolute;
    top: 7px;
    right: 7px;

    width: 12px;
    height: 12px;

    cursor: pointer; 

    background-image: url('../img/gamescom-notice-close.png');
    background-image: -webkit-image-set(url('../img/gamescom-notice-close.png') 1x, url('../img/gamescom-notice-close.png@2x.png') 2x);
    background-repeat: no-repeat;
    background-position: center center;
}
@media screen and (max-height: 760px)
{
    .page-template-page-landing-php .section-1 h2
    {
        font-size: 45px;

        margin: 40px 0;
    }
    .page-template-page-landing-php .section-1 h2 span
    {
        font-size: 24px;
    }
}
.page-template-page-landing-php .section-1 .intro-background
{
    position: absolute;
    z-index: 3; 
    bottom: 0;

    width: 100%;
    height: 492px;

    pointer-events: none;

    background-image: url(../img/landing/intro-background-mountain.png);
    background-position: center top;
    background-size: 1920px auto;
}
@media screen and (max-width: 768px)
{
    .page-template-page-landing-php .section-1 .intro-background
    {
        z-index: 1;
    }
}
.page-template-page-landing-php .section-1 .intro-background-clouds
{
    position: absolute;
    z-index: 1; 
    top: 0;

    width: 100%;
    height: 1080px;

    background: -webkit-linear-gradient(270deg, rgba(239, 243, 246, 0) 30%, rgba(239, 243, 246, .8) 80%, #eff3f6 100%), -webkit-linear-gradient(0deg, #0026c5 0%, #0089d9 100%);
    background:         linear-gradient(180deg, rgba(239, 243, 246, 0) 30%, rgba(239, 243, 246, .8) 80%, #eff3f6 100%), linear-gradient(90deg, #0026c5 0%, #0089d9 100%);
    background-color: #0089d9;
    background-repeat: no-repeat;
    background-position: bottom center;
}
.page-template-page-landing-php .section-1 .intro-background-clouds:after
{
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100px;

    content: '';

    background: -webkit-gradient(linear, left top, left bottom, from(#5f97b8), to(rgba(95, 151, 184, 0)));
    background: -webkit-linear-gradient(top, #5f97b8 0%, rgba(95, 151, 184, 0) 100%);
    background:         linear-gradient(top, #5f97b8 0%, rgba(95, 151, 184, 0) 100%);
}

.page-template-page-landing-php .scroll-down
{
    position: fixed;
    z-index: 3;
    top: -41px;
    left: 50%;

    width: 82px;
    height: 82px;
    margin-left: -41px;
    padding: 20px;

    cursor: pointer; 
    -webkit-transition: all 400ms ease-out;
            transition: all 400ms ease-out;

    opacity: 0;
}
.page-template-page-landing-php .scroll-down .scroll-down-button
{
    display: block;

    width: 41px;
    height: 41px;

    border-radius: 100%; 
    background-color: #fff;
    background-color: rgba(255, 255, 255, .8);
    background-image: url('../img/landing/arrow-down.png');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
.page-template-page-landing-php .scroll-down.bounce
{
    -webkit-animation: bounce 1500ms cubic-bezier(.445, .05, .55, .95) infinite;
            animation: bounce 1500ms cubic-bezier(.445, .05, .55, .95) infinite;
}
.page-template-page-landing-php .scroll-down:hover .scroll-down-button
{
    background-color: white;
}

@-webkit-keyframes bounce
{
    0%
    {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
    75%
    {
        -webkit-transform: translateY(-20px);
                transform: translateY(-20px);
    }
    100%
    {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
}

@keyframes bounce
{
    0%
    {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
    75%
    {
        -webkit-transform: translateY(-20px);
                transform: translateY(-20px);
    }
    100%
    {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
}

.page-template-page-landing-php .play-overlay
{
    position: absolute;
    top: 0;

    background-color: transparent;
}

.page-template-page-landing-php .modalbox-holder
{
    position: fixed;
    z-index: 1000002;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    border-radius: 4px;
}
.page-template-page-landing-php .modalbox-holder #ytplayer
{
    width: 100% !important;
    height: 100% !important;
}

.page-template-page-landing-php .section-2
{
    z-index: 2;

    height: 1028px;

    pointer-events: none;
}
.page-template-page-landing-php .section-2 .explore
{
    margin-top: 478px;
}
.page-template-page-landing-php .section-2 .section-2-background
{
    position: absolute;
    top: -190px;

    width: 100%;
    height: 1608px;

    background-image: url(../img/landing/openworld_bg-1920.png);
    background-position: center top;
}
@media screen and (min-width: 1921px)
{
    .page-template-page-landing-php .section-2 .section-2-background
    {
        background-image: url(../img/landing/openworld_bg.png);
    }
}

.page-template-page-landing-php .person-1
{
    position: absolute;
    z-index: 1;
    top: 240px;
    left: 68px;

    width: 247px;
    height: 326px;

    -webkit-transform: translateZ(0) rotate(-10deg);
            transform: translateZ(0) rotate(-10deg); 

    opacity: 0;
    background: url(../img/landing/person-1.png) center no-repeat;
}
.page-template-page-landing-php .person-1.transition
{
    -webkit-transition: 800ms cubic-bezier(.215, .61, .355, 1);
            transition: 800ms cubic-bezier(.215, .61, .355, 1);
}
.page-template-page-landing-php .person-1.active
{
    top: 398px;
    left: 290px;

    -webkit-transform: translateZ(0) rotate(0deg);
            transform: translateZ(0) rotate(0deg); 

    opacity: 1;
}

.page-template-page-landing-php .section-3
{
    z-index: 2;

    height: 1228px;

    pointer-events: none;
}
.page-template-page-landing-php .section-3 .multisports
{
    margin-top: 310px;
}
.page-template-page-landing-php .section-3 .section-3-background
{
    position: absolute;
    top: -190px;

    width: 100%;
    height: 1828px;

    background-image: url(../img/landing/multisports_bg-1920.png);
    background-position: center top;
}
@media screen and (min-width: 1921px)
{
    .page-template-page-landing-php .section-3 .section-3-background
    {
        background-image: url(../img/landing/multisports_bg.png);
    }
}

.page-template-page-landing-php .multisports-scooter
{
    position: absolute;
    z-index: 1;
    top: 350px;
    left: 0;

    width: 480px;
    height: 425px;

    -webkit-transform: translateZ(0);
            transform: translateZ(0); 

    opacity: 1;
    background: url(../img/landing/multisports_scooter.png) center no-repeat;
}

.page-template-page-landing-php .section-4
{
    z-index: 2; 

    height: 1220px;
}
.page-template-page-landing-php .section-4 .feel
{
    margin-top: 150px;
}

.page-template-page-landing-php .person-2
{
    position: absolute;
    z-index: 2;
    top: 360px;
    left: 690px;

    width: 461px;
    height: 465px;

    -webkit-transform: translateZ(0);
            transform: translateZ(0); 

    opacity: 0;
    background: url(../img/landing/person-2.png) center no-repeat;
}
.page-template-page-landing-php .person-2.transition
{
    -webkit-transition: all 400ms cubic-bezier(.25, .46, .45, .94);
            transition: all 400ms cubic-bezier(.25, .46, .45, .94);
}
.page-template-page-landing-php .person-2.active
{
    top: 90px;
    left: 530px; 

    opacity: 1;
}

.page-template-page-landing-php .slope-1
{
    position: absolute;
    z-index: 1; 
    top: -407px;

    width: 100%;
    height: 2211px;

    background: url(../img/landing/authentic_bg-1920.png) center no-repeat;
}
@media screen and (min-width: 1921px)
{
    .page-template-page-landing-php .slope-1
    {
        background-image: url(../img/landing/authentic_bg.png);
    }
}

.page-template-page-landing-php .slope-2
{
    position: absolute;
    z-index: 3; 
    top: 394px;
    right: -90px;

    width: 390px;
    height: 244px;

    background: url(../img/landing/authentic_jump.png) center no-repeat;
}

.page-template-page-landing-php .section-5
{
    z-index: 2; 

    height: 1059px;
}
.page-template-page-landing-php .section-5 .compete
{
    margin-top: 351px;
}

.page-template-page-landing-php .medal-holder
{
    position: absolute;
    z-index: 100;
    top: -72px;
    left: -88px;

    overflow: hidden; 

    width: 210px;
    height: 400px;
}

.page-template-page-landing-php .medal-fade
{
    position: relative;
    z-index: 2; 

    width: 210px;
    height: 107px;

    background: url(../img/landing/medal_fade.png) top center no-repeat;
}

.page-template-page-landing-php .medal
{
    position: relative;
    z-index: 1;
    top: -395px;
    left: 45px;

    width: 134px;
    height: 326px;

    -webkit-transform: translateZ(0);
            transform: translateZ(0); 

    background: url(../img/landing/medal.png) center no-repeat;
}
.page-template-page-landing-php .medal.transition
{
    -webkit-transition: top 600ms cubic-bezier(.175, .885, .32, 1.275);
            transition: top 600ms cubic-bezier(.175, .885, .32, 1.275);
}
.page-template-page-landing-php .medal.active
{
    top: -105px;
}

.page-template-page-landing-php .slope-3
{
    position: absolute;
    z-index: 1; 
    top: -100px;

    width: 100%;
    height: 1379px;

    background: url(../img/landing/competition_bg-1920.png) center no-repeat;
}
@media screen and (min-width: 1921px)
{
    .page-template-page-landing-php .slope-3
    {
        background-image: url(../img/landing/competition_bg.png);
    }
}

.page-template-page-landing-php .section-6
{
    z-index: 2; 

    height: 1600px;
}
.page-template-page-landing-php .section-6 .create
{
    margin-top: 340px;
}

.page-template-page-landing-php .slope-4
{
    position: absolute;
    z-index: 1; 

    width: 100%;
    height: 1600px;

    background: url(../img/landing/create_bg-1920.png) top center no-repeat;
}
@media screen and (min-width: 1921px)
{
    .page-template-page-landing-php .slope-4
    {
        background-image: url(../img/landing/create_bg.png);
    }
}

.page-template-page-landing-php .shovel-holder
{
    position: absolute; 
    top: 164px;
    left: 704px;

    width: 125px;
    height: 300px;
}

.page-template-page-landing-php .shovel-puddle
{
    position: absolute;
    z-index: 100;
    z-index: 3; 
    right: 0;
    bottom: 0;

    width: 123px;
    height: 79px;

    background: url(../img/landing/create_snowpuddle.png) top center no-repeat;
}

.page-template-page-landing-php .shovel-shadow
{
    position: absolute;
    z-index: 2;
    right: 27px;
    bottom: 20px;

    width: 93px;
    height: 73px;

    -webkit-transform: translateZ(0);
            transform: translateZ(0);

    opacity: 0; 
    background: url(../img/landing/create_shovelshadow.png) top center no-repeat;
}
.page-template-page-landing-php .shovel-shadow.transition
{
    -webkit-transition: all 100ms cubic-bezier(.55, .085, .68, .53);
            transition: all 100ms cubic-bezier(.55, .085, .68, .53);
}
.page-template-page-landing-php .shovel-shadow.active
{
    opacity: 1;
}

.page-template-page-landing-php .shovel
{
    position: relative;
    z-index: 1;
    top: -300px;
    left: -60px;

    width: 89px;
    height: 269px;

    -webkit-transform: translateZ(0);
            transform: translateZ(0);

    opacity: 0; 
    background: url(../img/landing/create_shovel.png) center no-repeat;
}
.page-template-page-landing-php .shovel.transition
{
    -webkit-transition: all 1000ms cubic-bezier(.77, 0, .175, 1);
            transition: all 1000ms cubic-bezier(.77, 0, .175, 1);
}
.page-template-page-landing-php .shovel.active
{
    top: 0;
    left: -9px; 

    opacity: 1;
}

.page-template-page-landing-php .section-7
{
    z-index: 2; 

    height: 1400px;
}
.page-template-page-landing-php .section-7 .customize
{
    margin-top: 440px;
}

.page-template-page-landing-php .slope-5
{
    position: absolute;
    z-index: 1;
    bottom: 0; 

    width: 100%;
    height: 1400px;

    background: url(../img/landing/customise_bg-1920.png) top center no-repeat;
}
@media screen and (min-width: 1921px)
{
    .page-template-page-landing-php .slope-5
    {
        background-image: url(../img/landing/customise_bg.png);
    }
}

.page-template-page-landing-php .customize-slider
{
    position: relative; 
    top: -30px;
}

.page-template-page-landing-php .customize-slide-big-container
{
    position: relative;
    z-index: 4;

    width: 465px;
    height: 872px;
}

.page-template-page-landing-php .customize-slide-big
{
    position: absolute;
    z-index: 4;
    left: 150px;

    width: 465px;
    height: 872px;

    opacity: 0;
    background-size: 465px auto;
}
.page-template-page-landing-php .customize-slide-big.active
{
    z-index: 5;
}
.page-template-page-landing-php .customize-slide-big.slide1
{
    left: 0;

    opacity: 1;
    background: url(../img/landing/customise_char_powder.png) center no-repeat;
}
.page-template-page-landing-php .customize-slide-big.slide2
{
    background: url(../img/landing/customise_char_park.png) center no-repeat;
}
.page-template-page-landing-php .customize-slide-big.slide3
{
    background: url(../img/landing/customise_char_fun.png) center no-repeat;
}

.page-template-page-landing-php .customize-slide-thumbnail-container
{
    position: absolute;
    top: 100px;
    left: 585px; 

    width: 396px;
    height: 218px;
}

.page-template-page-landing-php .pick-a-look
{
    font-family: 'Proxima Nova', Arial, Sans-serif;
    font-size: 16px;
    font-weight: 700;

    position: absolute;
    bottom: -40px;
    left: -65px;

    display: block;

    width: 130px;
    margin-left: 50%;

    text-align: center;
    letter-spacing: .05em; 
    text-transform: uppercase;

    color: #007eff;
}
.page-template-page-landing-php .pick-a-look:after,
.page-template-page-landing-php .pick-a-look:before
{
    position: absolute;

    width: 0;
    height: 0;
    margin-top: -4px; 

    content: ' ';
    pointer-events: none;

    border: solid transparent;
    border-width: 4px;
    border-color: rgba(189, 199, 213, 0);
}
.page-template-page-landing-php .pick-a-look:after
{
    top: 50%;
    left: 100%;

    border-left-color: #bdc7d5;
}
.page-template-page-landing-php .pick-a-look:before
{
    top: 50%;
    right: 100%;

    border-right-color: #bdc7d5;
}

.page-template-page-landing-php .customize-slide-thumbnail
{
    position: relative;
    z-index: 6;

    float: left;

    width: 132px;
    height: 182px;

    pointer-events: none;

    background-repeat: no-repeat; 
    background-position: center 40px;
}
.page-template-page-landing-php .customize-slide-thumbnail span
{
    font-family: 'Proxima Nova', Arial, Sans-serif;
    font-size: 13px;
    font-weight: 700;

    position: relative;
    top: 36px;

    display: block;

    text-align: center;
    letter-spacing: .05em; 
    text-transform: uppercase;

    opacity: 0;
    color: #007eff;
}
.page-template-page-landing-php .customize-slide-thumbnail.clicker
{
    position: absolute;
    z-index: 7;

    height: 182px; 

    cursor: pointer;
    pointer-events: auto;
}
.page-template-page-landing-php .customize-slide-thumbnail.clicker1
{
    left: 0;
}
.page-template-page-landing-php .customize-slide-thumbnail.clicker2
{
    left: 133px;
}
.page-template-page-landing-php .customize-slide-thumbnail.clicker3
{
    left: 266px;
}
.page-template-page-landing-php .customize-slide-thumbnail.slide1
{
    background-image: url(../img/landing/customise_char_powder_thumb.png);
}
.page-template-page-landing-php .customize-slide-thumbnail.slide1 span
{
    top: 16px; 

    opacity: 1;
}
.page-template-page-landing-php .customize-slide-thumbnail.slide2
{
    background-image: url(../img/landing/customise_char_park_thumb.png);
}
.page-template-page-landing-php .customize-slide-thumbnail.slide3
{
    background-image: url(../img/landing/customise_char_fun_thumb.png);
}

.page-template-page-landing-php .customize-slide-dragger
{
    position: absolute;
    z-index: 5;

    width: 132px;
    height: 218px;

    cursor: move;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; 

    border-radius: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    -webkit-box-shadow: 0 1px 2px rgba(192, 198, 213, .75);
            box-shadow: 0 1px 2px rgba(192, 198, 213, .75);
}
.page-template-page-landing-php .customize-slide-dragger .handle
{
    position: absolute;
    bottom: 10px; 
    left: -11px;

    width: 22px;
    height: 20px;
    margin-left: 50%;
    padding: 5px;
}
.page-template-page-landing-php .customize-slide-dragger .handle .bar
{
    float: left;

    width: 2px;
    height: 10px;
    margin: 0 1px;

    background-color: #d8dcdf;
}

.page-template-page-landing-php .site-footer
{
    position: relative;
    z-index: 5;

    width: 100%; 
    height: 866px;
}
.page-template-page-landing-php .site-footer .footer-top
{
    position: relative; 

    width: 100%;
    height: 806px;

    text-align: center;

    background: url(../img/landing/footer-1920.png) top center no-repeat;
}
@media screen and (min-width: 1921px)
{
    .page-template-page-landing-php .site-footer .footer-top
    {
        background-image: url(../img/landing/footer.png);
    }
}
.page-template-page-landing-php .site-footer .footer-top .container
{
    position: absolute;
    bottom: 157px;

    width: 100%;
}
.page-template-page-landing-php .site-footer h2
{
    font-family: 'Proxima Nova', Arial, Sans-serif;
    font-size: 48px;
    font-weight: 700;

    margin: 60px 0 24px;

    text-transform: uppercase;

    color: #fff;
    text-shadow: 0 1px 2px rbga(0, 0, 0, .2);
}
.page-template-page-landing-php .site-footer h2 span
{
    font-size: 24px;
}
.page-template-page-landing-php .site-footer .note
{
    font-family: 'Proxima Nova', Arial, Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px; 

    display: block;

    margin-bottom: 28px;

    color: #fff;
    text-shadow: 0 1px 0 rgba(61, 124, 167, .5);
}
.page-template-page-landing-php .site-footer .play-now
{
    font-size: 16px;
    line-height: 72px;

    position: relative;
    z-index: 4; 
    bottom: auto;
    left: auto;

    width: 260px;
    height: 72px;
    margin-top: 20px;
    padding-right: 11px;

    letter-spacing: .1em;

    color: #fff;
    border: 1px solid #1352bf;
    border-radius: 4px;
}
.page-template-page-landing-php .site-footer .section-disclaimer
{
    width: 100%;
    height: 100px;
    padding: 35px 0; 

    text-align: center;

    background-color: #ececf1;
}
.page-template-page-landing-php .site-footer .section-disclaimer h3
{
    font-size: 13px;
    font-weight: 700;

    margin-bottom: 3px; 

    letter-spacing: .1em;
    text-transform: uppercase;

    color: #abb1b8;
}
.page-template-page-landing-php .site-footer .section-disclaimer p
{
    font-size: 16px; 
    font-weight: 500;
}
.page-template-page-landing-php .site-footer .footer-middle
{
    overflow: hidden; 

    width: 100%;
    height: 500px;

    background-color: #29292e;
}
.page-template-page-landing-php .site-footer .brands
{
    display: block;

    width: 960px;
    margin: 0 auto;
    padding: 60px 0 55px; 

    text-align: center;
}
.page-template-page-landing-php .site-footer .brands a
{
    display: inline-block;

    margin: 15px 15px;
}
.page-template-page-landing-php .site-footer .brands a img
{
    display: block;

    -webkit-transition: opacity 200ms ease-in-out;
            transition: opacity 200ms ease-in-out; 

    opacity: .6;
}
.page-template-page-landing-php .site-footer .brands a:hover img
{
    opacity: 1;
}
.page-template-page-landing-php .site-footer .footer-bottom
{
    width: 100%;

    text-align: center;

    background: #191a1d;
}
.page-template-page-landing-php .site-footer .footer-bottom .container
{
    height: 60px;
}
.page-template-page-landing-php .site-footer .divider
{
    display: inline-block;

    width: 708px;
    height: 2px;

    background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #24252a), color-stop(50%, #505155), to(#24252a));
    background-image: -webkit-linear-gradient(right, #24252a 0, #505155 50%, #24252a 100%);
    background-image:         linear-gradient(to left, #24252a 0, #505155 50%, #24252a 100%);
}

.page-template-page-landing-php .button
{
    font-family: 'Proxima Nova', Arial, Sans-serif;
    font-size: 12px;
    font-weight: 700;

    position: relative;

    display: block;

    margin: auto;

    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    color: #1b97dd;
    border: 0 solid #1b97dd;
    border-radius: 4px;
    background-color: #1b97dd;
}
.page-template-page-landing-php .button:hover
{
    color: #fff;
}

.section-2
{
    margin-top: -200px;
}

.section-3
{
    margin-top: -200px;
}

.section-4
{
    margin-top: -350px;
}

.section-5
{
    margin-top: -550px;
}

.section-6
{
    margin-top: -200px;
}

.section-7
{
    margin-top: -650px;
}

.section-8
{
    margin-top: -500px;
}

.group:after
{
    display: table;
    clear: both; 

    content: '';
}

/* Header */
.page-header
{
    position: relative;
    z-index: 1;

    display: table; 

    width: 100%;
    height: 520px;
    padding-top: 114px;

    background-image: -webkit-gradient(linear, left top, right top, from(#7348d2), to(#1ba9dd));
    background-image: -webkit-linear-gradient(left, #7348d2 0%, #1ba9dd 100%);
    background-image:         linear-gradient(to right, #7348d2 0%, #1ba9dd 100%);
}

.page-header .header-image-overlay
{
    position: absolute;
    z-index: 3; 
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .6))), -webkit-gradient(linear, left top, right top, from(rgba(115, 72, 210, .3)), to(rgba(27, 169, 221, .3)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5) 70%, rgba(0, 0, 0, .6) 100%), -webkit-linear-gradient(left, rgba(115, 72, 210, .3) 0%, rgba(27, 169, 221, .3) 100%);
    background-image:         linear-gradient(top, rgba(0, 0, 0, .5) 70%, rgba(0, 0, 0, .6) 100%), linear-gradient(to right, rgba(115, 72, 210, .3) 0%, rgba(27, 169, 221, .3) 100%);
}

.page-header .header-image
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: .3; 
    background: url('../img/back_test.png');
    background-position: top center;
    background-size: cover;
}

.header-blogpost
{
    height: 506px !important;
}

.header-text
{
    position: relative;
    z-index: 4;

    display: table-cell;

    width: 100%;

    vertical-align: middle;
}

.header-text #header-link-button
{
    position: absolute;
    left: 50%;

    width: 24px !important;
    height: 24px !important;
    margin-left: -12px;

    -webkit-transition: all 400ms;
            transition: all 400ms; 

    opacity: .3;
    background-image: url('../img/overview_btn.png');
    background-position: center center;
}

.header-text #header-link-button:hover
{
    opacity: .6;
}

.header-text h1,
.header-text h2
{
    width: 100%;

    text-align: center;

    text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.header-text h1
{
    font-size: 48px;
    font-weight: 700;

    text-transform: uppercase; 

    color: #fff;
}

.header-text h2
{
    font-size: 24px;
    font-weight: 300;
    line-height: 36px; 

    color: #fff;
}

.header-text h2.sub.single
{
    font-size: 18px;
    font-weight: 300;
    line-height: 36px; 

    color: #fff;
}

.header-text h2.sub a
{
    font-weight: 600;

    text-decoration: none; 

    color: #fff;
}

.page-container .content .container
{
    padding-bottom: 230px !important;
}

.page-container .content .container p
{
    font-weight: 400; 

    color: #626466;
}

.page-container .content .container p strong
{
    font-weight: 600; 

    color: #46484c;
}

.page-container .content .container p em
{
    font-weight: 400;
    font-style: italic; 

    color: #626466;
}

/*Header Colors*/
header#blueBlackGr
{
    background-image: -webkit-gradient(linear, left top, right top, from(#7348d2), to(#1ba9dd));
    background-image: -webkit-linear-gradient(left, #7348d2 0%, #1ba9dd 100%);
    background-image:         linear-gradient(to right, #7348d2 0%, #1ba9dd 100%);
}

header#blueBlackgr .header-image-overlay
{
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .6))), -webkit-gradient(linear, left top, right top, from(rgba(115, 72, 210, .3)), to(rgba(27, 169, 221, .3)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5) 70%, rgba(0, 0, 0, .6) 100%), -webkit-linear-gradient(left, rgba(115, 72, 210, .3) 0%, rgba(27, 169, 221, .3) 100%);
    background-image:         linear-gradient(top, rgba(0, 0, 0, .5) 70%, rgba(0, 0, 0, .6) 100%), linear-gradient(to right, rgba(115, 72, 210, .3) 0%, rgba(27, 169, 221, .3) 100%);
}

header#orangeGr
{
    background-image: -webkit-gradient(linear, left top, right top, from(#f24f18), to(#1b97dd));
    background-image: -webkit-linear-gradient(left, #f24f18 0%, #1b97dd 100%);
    background-image:         linear-gradient(to right, #f24f18 0%, #1b97dd 100%);
}

header#orangeGr .header-image-overlay
{
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, rgba(27, 151, 221, .5)), to(rgba(27, 151, 221, .6))), -webkit-gradient(linear, left top, right top, from(rgba(5, 26, 38, .3)), to(rgba(5, 26, 38, .3)));
    background-image: -webkit-linear-gradient(top, rgba(27, 151, 221, .5) 70%, rgba(27, 151, 221, .6) 100%), -webkit-linear-gradient(left, rgba(5, 26, 38, .3) 0%, rgba(5, 26, 38, .3) 100%);
    background-image:         linear-gradient(top, rgba(27, 151, 221, .5) 70%, rgba(27, 151, 221, .6) 100%), linear-gradient(to right, rgba(5, 26, 38, .3) 0%, rgba(5, 26, 38, .3) 100%);
}

header#purBlueGr
{
    background: -webkit-gradient(linear, left top, right top, from(#f218b7), to(#1b97dd));
    background: -webkit-linear-gradient(left, #f218b7 0%, #1b97dd 100%);
    background:         linear-gradient(to right, #f218b7 0%, #1b97dd 100%);
}

header#purBlueGr .header-image-overlay
{
    background: -webkit-gradient(linear, left top, right top, from(rgba(27, 151, 221, .3)), to(rgba(5, 26, 38, .3)));
    background: -webkit-linear-gradient(left, rgba(27, 151, 221, .3) 0%, rgba(5, 26, 38, .3) 100%);
    background:         linear-gradient(to right, rgba(27, 151, 221, .3) 0%, rgba(5, 26, 38, .3) 100%);
    /* W3C */
}

/* Buttons */
.header-button
{
    font-size: 16px;
    font-weight: 600;
    line-height: 42px;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 42px;
    padding: 0 15px;

    -webkit-transition: all 350ms ease-in-out;
            transition: all 350ms ease-in-out; 
    text-decoration: none;

    opacity: .5;
    color: #fff;
    background: rgba(0, 0, 0, .05);
    text-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}

.header-button:hover
{
    opacity: .8;
}

#back-to-overview
{
    position: absolute;
    z-index: 5;
    bottom: 20px;
    left: 32px;

    padding-left: 38px;

    border-radius: 0; 
    background: url('../img/arrow_back.png'), rgba(0, 0, 0, .05);
    background-repeat: no-repeat;
    background-position: 15px center;
}

.share-this
{
    line-height: 42px;

    position: absolute;
    z-index: 5;
    z-index: 10000;
    right: 32px;
    bottom: 20px;

    overflow: hidden;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 130px;
    height: 42px;
    padding-left: 42px;

    cursor: pointer;

    background: url('../img/share.svg'), rgba(0, 0, 0, .05);
    background-repeat: no-repeat;
    background-position: 15px center;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.share-this:hover
{
    width: 168px;

    cursor: default;

    opacity: 1;
}

.share-button-holder
{
    position: absolute;
    top: 0;
    right: -130px;

    width: 130px;

    -webkit-transition: all 350ms ease-in;
            transition: all 350ms ease-in;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.share-this span
{
    -webkit-transition: all 150ms ease-in;
            transition: all 150ms ease-in; 

    opacity: 1;
}

.share-this:hover span
{
    opacity: 0;
}

.share-this a
{
    display: block;
    float: right;

    width: 42px;
    height: 42px;

    cursor: pointer; 
    text-indent: -9999px;

    background-repeat: no-repeat;
    background-position: center center;
}

.share-this:hover .share-button-holder
{
    right: 0;
}

.share-this a.twitter
{
    background-color: #55acee;
    background-image: url('../img/social-twitter.png');
    background-repeat: no-repeat; 
    background-position: center;
}

.share-this a.facebook
{
    background-color: #3b5998;
    background-image: url('../img/social-facebook.png');
    background-repeat: no-repeat; 
    background-position: center;
}

.share-this a.google
{
    background-color: #dd4b39;
    background-image: url('../img/social-google.png');
    background-repeat: no-repeat; 
    background-position: center;
}

#share-socials
{
    position: absolute;
    z-index: 5;
    right: 32px;
    bottom: 20px;

    display: none; 

    padding-left: 38px;

    background: rgba(0, 0, 0, .05);
}

.share-button-bottom
{
    margin-top: 60px;
}

.share-button-bottom .share-this
{
    position: relative;
    z-index: 5;
    right: auto;
    bottom: auto;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 38px;

    opacity: .4;
    color: #2990cb;
    background: url('../img/share_bottom.svg');
    background-repeat: no-repeat;
    background-position: 15px center;
    text-shadow: none;
}

.share-button-bottom .share-this .share-button-holder
{
    overflow: hidden; 

    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.share-button-bottom .share-this:hover
{
    opacity: 1;
}

.share-this .share-button-holder
{
    z-index: 2;
}

.share-this-border
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    overflow: hidden; 

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 130px;
    height: 42px;

    -webkit-transition: all 350ms ease-in;
            transition: all 350ms ease-in;

    opacity: .4;
    border: 2px solid #2990cb;
    border-radius: 3px;
}

.share-this:hover .share-this-border
{
    opacity: 1;
}

/* Content */
.content-container,
.comment-container
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box; 
    width: 100%;
    padding: 0 32px;
}

.content
{
    width: 100%;
    padding-top: 92px; 

    background: #fff;
}

.content-container .content h1,
.content h2,
.content h3,
.content h4
{
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;

    width: 720px; 
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 23px;

    color: #41484c;
}

.content-container .content a
{
    color: #089aef;
}

.content-container .content a:hover
{
    color: #0e55f4;
}

.content-container .content p
{
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;

    width: 720px; 
    margin-right: auto;
    margin-bottom: 32px;
    margin-left: auto;

    color: #626466;
}

.content-container .content p em
{
    font-weight: 400;
    font-style: italic;
}

.content-container .content p strong
{
    font-weight: 600;
}

.content p.intro
{
    font-style: italic;
}

.content-container .content iframe
{
    width: 720px !important;
    height: 405px !important;
    margin-left: 0;
}

.content-container .content table,
.content-container .content ol,
.content-container .content ul
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 720px;
    margin: 0 auto;
    margin: 32px auto; 
    padding: 0 23px;
}

.content-container .content sup
{
    font-size: .5em;

    vertical-align: super;
}

.content-container .content table
{
    table-layout: auto;
}

.content-container .content ol li,
.content-container .content ul li
{
    font-size: 22px;
    font-weight: 400;
    font-style: italic;
    line-height: 33px;

    position: relative; 

    color: #626466;
}

.content-container .content ul li:before
{
    font-size: 28px; 

    position: absolute;
    top: -2px;
    left: -23px;

    content: '\002022';

    color: #089aef;
}

.content-container ol li
{
    font-weight: 400;

    position: relative; 

    color: #626466;
}

.content-container ol > li
{
    margin: 1em auto;

    list-style-type: decimal;
}

.content .container img.size-full,
.content .container img.size-large
{
    display: block;

    width: 820px;
    height: auto; 
    margin-right: auto !important;
    margin-bottom: 50px;
    margin-left: -50px !important;

    border-radius: 3px;
}

.content-container .content blockquote p
{
    font-size: 24px;
    font-weight: 500; 
    font-style: italic;
    line-height: 36px;

    width: 820px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 50px;

    text-align: center;

    color: #089aef;
}

.content .container img.size-full
{
    display: block;

    width: 820px;
    height: auto; 
    margin-right: auto !important;
    margin-bottom: 50px;
    margin-left: -50px !important;

    border-radius: 3px;
}

.content-footer
{
    width: 720px; 
    margin-right: auto !important;
    margin-left: auto !important;
}

/*Comments*/
.related-container .content
{
    padding-top: 46px;
}

.related-container .container
{
    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 720px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0;

    border-bottom: 1px solid #e1e2e3;
}

.related-container .container a
{
    float: left;

    width: 348px;
    margin-bottom: 46px;
}

.related-container .container a:first-child
{
    margin-right: 24px;
}

.related-container .related-content-image
{
    overflow: hidden;

    width: 348px;
    height: 200px;

    border-radius: 3px;
    background-color: #0e55f4;
    background-repeat: no-repeat; 
    background-position: center;
    background-size: cover;
}

.related-container .related-image-hover
{
    position: relative;

    width: 100%;
    height: 100%;

    -webkit-transition: all 400ms ease-in-out;
            transition: all 400ms ease-in-out; 

    opacity: 0;
    background-color: rgba(14, 85, 244, .4);
    background-image: url('../img/overview_btn.png');
    background-repeat: no-repeat;
    background-position: center;
}

.related-container a:hover .related-image-hover
{
    opacity: 1;
}

.related-container h3
{
    font-size: 16px;
    line-height: 24px;

    width: 100%;
    margin: 0;
    margin-top: 6px;
    padding: 0;

    -webkit-transition: all 400ms ease-in-out;
            transition: all 400ms ease-in-out; 

    color: #41484c;
}

.related-container h4
{
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    line-height: 24px;

    width: 100%;
    margin: 0;
    padding: 0;

    color: #939699;
}

.related-container .container a:hover h3
{
    color: #0e55f4;
}

.related-container,
.after-post-toggle
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box; 
    width: 100%;
    padding: 0 32px;
}

.after-post-toggle .content
{
    width: 100%;
    padding-top: 0; 

    background: #fff;
}

.after-post-toggle-container
{
    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 720px;
    margin-right: auto;
    margin-left: auto;
    padding: 50px 50px 32px 0;

    border-bottom: 1px solid #e1e2e3;
}

.after-post-toggle-container a
{
    font-size: 16px;
    font-weight: 600;

    padding: 0 22px; 

    color: #ced2d6;
}

.after-post-toggle-container a:first-child
{
    padding: 0 22px 0 0;

    border-right: 1px solid #9da0a3;
}

.after-post-toggle-container a:hover,
.after-post-toggle-container a.active
{
    color: #9da0a3;
}

.comment-container
{
    display: none;

    -webkit-transition: .4s opacity;
            transition: .4s opacity;

    opacity: 0;

    -webkit-font-smoothing: antialiased;
}

.comment-container .content
{
    padding-top: 12px;
}

.comment-container .content .comment-group
{
    padding-bottom: 170px; 

    background: #fff;
}

.comment-container.active
{
    display: block; 

    opacity: 1;
}

.comment-container .comment-respond .avatar,
.comment-container .comment-input .avatar
{
    position: relative; 

    float: left;

    width: 48px;
    height: 48px;
    margin-bottom: 0;

    border-radius: 100%;
    background: grey;
    background: #3b5998;
}

.comment-container .comment-input a
{
    font-size: 22px;
    font-weight: 400;
    line-height: 48px;

    padding-left: 20px;

    vertical-align: middle;
    text-decoration: none; 

    color: #3b5998;
}

.comment-container .comment-input a span
{
    font-weight: 700;
}

#comment-inputfield
{
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;

    position: relative;

    overflow: hidden;

    width: -webkit-calc(100% - 78px);
    width:         calc(100% - 78px);
    height: 33px;
    margin-top: 8px;
    margin-left: 20px;

    resize: none; 

    border: none;
    background: none;
}

#comment-form
{
    position: relative; 

    display: block;
    float: left;

    width: 760px;
}

#comment-form:after
{
    font-size: 16px;

    position: absolute;
    bottom: -20px;
    left: -20px;

    margin-left: 68px;
    padding-left: 22px;

    content: 'Press enter to submit';
    -webkit-transition: .3s all;
            transition: .3s all;

    opacity: 0;
    color: #9da0a3;
    background-image: url('../img/enter.png');
    background-repeat: no-repeat; 
    background-position: left center;
}

#comment-form.active:after
{
    left: 0; 

    opacity: 1;
}

.comment-input-container
{
    padding-top: 20px;
}

.comment-container .content .container
{
    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 856px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 50px;
}

.comment-container .comment-respond .avatar,
.comment-container .comment .avatar
{
    float: left; 

    width: 48px;
    height: 48px;

    border-radius: 100%;
    background: grey;
}

.comment-container .comment-respond:after,
.comment-container .comment
{
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.comment-container .comment-respond:after,
.comment-container .comment:after
{
    line-height: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: 0; 

    content: '.';
}

.comment-container .comment.depth-2
{
    padding-left: 70px;
}

.comment-container .comment.depth-3
{
    padding-left: 140px;
}

.comment-container .comment.depth-4
{
    padding-left: 210px;
}

.comment-container .comment.depth-5
{
    padding-left: 280px;
}

.comment.depth-2 + .comment-respond
{
    padding-left: 70px;
}

.comment.depth-2 + .comment-respond
{
    padding-left: 140px;
}

.comment.depth-3 + .comment-respond
{
    padding-left: 210px;
}

.comment.depth-4 + .comment-respond
{
    padding-left: 280px;
}

.comment.depth-5 + .comment-respond
{
    padding-left: 340px;
}

.comment-container .comment.admin h3
{
    color: #089aef;
}

.comment-container .comment h3
{
    font-size: 16px;
    font-weight: 600; 
    line-height: 16px;

    margin-bottom: 10px;
    padding-bottom: 0;

    cursor: pointer;

    color: #41484c;
}

.comment-container .comment h3 span
{
    font-weight: 400;

    margin-left: 0;
    padding-left: 10px;

    -webkit-transition: .3s all;
            transition: .3s all; 

    opacity: 0;
    color: #9da0a3;
    border-left: 1px solid #9da0a3;
}

.comment-container .comment h3:hover span
{
    margin-left: 6px; 

    opacity: 1;
}

.comment-container .comment p
{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;

    position: relative;
    z-index: 2; 

    color: #626466;
}

@media screen and (-webkit-min-device-pixel-ratio: 0)
{
    .comment .rainbow
    {
        color: transparent;
        background: -webkit-linear-gradient(to right, red 0%, orange 17%, yellow 33%, green 50%, blue 67%, indigo 83%, violet 100%);
        -webkit-background-clip: text;
                background-clip: text;
    }
}

.comment-container .comment p:after
{
    position: absolute;
    z-index: -1;
    top: -1px;
    left: -10px;

    width: 100%;
    height: 100%;
    padding: 6px;

    content: '';
    -webkit-transition: .3s all;
            transition: .3s all; 

    opacity: 0;
    border-radius: 3px;
    background: #fafafa;
}

.comment-container .comment .reply
{
    position: absolute;
    top: 30px;
    left: -62px;

    width: 32px;
    height: 24px;

    content: '';
    -webkit-transition: .3s all;
            transition: .3s all; 

    opacity: 0;
    background-image: url('../img/reply-icon.png');
    background-repeat: no-repeat;
    background-position: center;
}

.comment-container .comment .reply a
{
    display: block; 

    text-indent: -9999px;
}

.comment-container .comment:hover .reply
{
    top: 53px; 

    opacity: 1;
}

.comment-container .comment:hover p:after
{
    opacity: 1;
}

.comment-container .text-container
{
    position: relative;

    float: left;

    width: -webkit-calc(100% - 86px);
    width:         calc(100% - 86px);
    margin-left: 20px;
}

.related-container
{
    display: none;
}

.related-container.active
{
    display: block;
}

code
{
    width: 720px; 

    text-overflow: clip;
}

.comment-container .comment-input.loggedin
{
    display: none;
}

.comment-container .comment-input.facebook
{
    padding-bottom: 50px !important;

    -webkit-transition: .4s all;
}

.comment-container .comment-input.facebook .avatar
{
    background-image: url('../img/facebook.png');
    background-repeat: no-repeat; 
    background-position: center center;
}

.comment-subscription-form,
.form-allowed-tags,
.comment-notes,
.comment-reply-title,
.logged-in-as
{
    display: none;
}

#submit
{
    position: absolute;
    top: -9999px;
    left: -9999px;
    left: 1px; 

    height: 1px;
}

/***
** SUBMIT MEDIA
***/
.page-template-page-contest-php .page-header,
.page-template-page-contest-php .header-image,
.page-template-page-submit-php .page-header,
.page-template-page-submit-php .header-image
{
    opacity: 1;
    background: none;
}

.page-template-page-contest-php .page-header,
.page-template-page-submit-php .page-header
{
    height: 174px; 
    padding-top: 174px;
}

.page-template-page-contest-php .header-text,
.page-template-page-submit-php .header-text
{
    text-align: center;
}

.page-template-page-contest-php .page-header h1,
.page-template-page-contest-php .page-header h2,
.page-template-page-submit-php .page-header h1,
.page-template-page-submit-php .page-header h2
{
    width: 600px;
    margin: 0 auto;
}

.page-template-page-contest-php .page-header h1,
.page-template-page-submit-php .page-header h1
{
    margin-bottom: 10px; 

    color: #2b3033;
    text-shadow: none;
}

.page-template-page-contest-php .page-header h2,
.page-template-page-submit-php .page-header h2
{
    font-size: 18px; 
    font-weight: 400;
    line-height: 24px;

    color: #64686b;
    text-shadow: none;
}

.submit-media-container
{
    position: relative; 

    width: 468px;
    margin: 0 auto;
}

.submit-media-container *
{
    font-family: 'Proxima Nova', 'Helvetiva', Arial, sans-serif; 

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.dropzone
{
    position: relative;

    display: table;
    overflow: hidden; 

    width: 468px;
    height: 294px;
    padding: auto;

    text-align: center;

    border: 1px solid #dcdde1;
    border-radius: 3px;
    background-color: #fbfbfb;
}

.dropzone.error
{
    border: 1px solid #f43b0d;
}

.dz-message
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    cursor: pointer;
}

.default-message
{
    font-size: 13px;
    font-weight: 700;
    line-height: 24px;

    z-index: 1; 

    display: table-cell;

    width: 100%;
    height: 100%;
    margin: auto;

    vertical-align: middle;
    letter-spacing: .1em;
    text-transform: uppercase;

    color: #a0a1a5;
}

.default-message span b
{
    color: #0080ff;
}

.default-preview
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;

    -webkit-transition: all 350ms;
            transition: all 350ms; 
    pointer-events: none;

    border: 1px solid #dcdde1;
    border-radius: 3px;
    background-position: center;
    -webkit-background-clip: content-box;
    background-size: cover;
}

.default-preview.hover
{
    opacity: .15;
}

.dz-remove
{
    font-size: 13px;
    font-weight: 700;
    line-height: 24px;
    line-height: 42px;

    position: absolute;
    bottom: 30px;
    left: -70px;

    display: block;

    width: 140px;
    height: 42px;
    margin-left: 50%;

    -webkit-transition: all 400ms;
            transition: all 400ms; 
    letter-spacing: .1em;
    text-transform: uppercase;

    color: #41484c;
    border-radius: 3px;
    background-color: #ebeef0;
    -webkit-box-shadow: 0 1px 2px -1px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 2px -1px rgba(0, 0, 0, .2);
}

.dz-remove:hover
{
    color: #1b97dd;
}

.dz-error-message,
.dz-error-mark,
.dz-success-mark,
.dz-progress,
.dz-details
{
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.smc-upload-type
{
    display: block !important; 

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 330px;
    margin: 0 auto 30px;

    list-style: none;

    border: 2px solid #017eff;
    border-radius: 3px;
}

.smc-media-upload-holder
{
    position: relative;

    display: none;
    overflow: hidden;

    width: 468px;
    height: 294px;

    border-radius: 3px; 
    background-position: center;
    background-size: cover;
}

.smc-upload-type li
{
    float: left;

    width: 50%;
}

.smc-upload-type li a
{
    font-size: 13px;
    font-weight: 700;
    line-height: 52px;

    display: block;

    height: 52px;

    text-align: center;
    letter-spacing: .1em; 
    text-transform: uppercase;

    color: #017eff;
}

.smc-upload-type li.active a,
.smc-upload-type li:hover a
{
    display: block;

    color: #fcffff; 
    background-color: #017eff;
}

.smc-form input[type='text'],
.smc-form textarea
{
    font-family: 'Proxima Nova', 'Helvetiva', Arial, sans-serif; 
    font-size: 15px;
    line-height: 26px;

    width: 100%;
    height: 42px;
    padding: 8px 10px;

    color: #646567;
    border: 1px solid #dadee0;
    border-radius: 3px;
}

.smc-form input:focus,
.smc-form textarea:focus
{
    border: 1px solid #bdbec0;
}

.smc-form textarea
{
    height: 176px; 

    resize: none;
}

::-webkit-input-placeholder
{
    /* WebKit browsers */
    color: #9d9ea0;
}

:-moz-placeholder
{
    opacity: 1; 
    /* Mozilla Firefox 4 to 18 */
    color: #9d9ea0;
}

::-moz-placeholder
{
    opacity: 1; 
    /* Mozilla Firefox 19+ */
    color: #9d9ea0;
}

:-ms-input-placeholder
{
    /* Internet Explorer 10+ */
    color: #9d9ea0;
}

.smc-form .submission p
{
    font-weight: 500;
}

.video-link
{
    display: none;
}

.page-template-page-contest-php .video-link
{
    display: block;
}

.smc-form .input-holder
{
    margin-top: 12px;
}

.smc-form .input-holder.checkbox
{
    height: auto;
}

.smc-form .input-holder.half
{
    float: left; 

    width: 229px;
    margin-right: 10px;
}

.smc-form .input-holder span
{
    color: #9d9ea0;
}

.smc-form .input-holder .success span
{
    color: #646567;
}

.smc-form .input-holder.full-width
{
    width: 468px;
}

.smc-form .input-holder.half.last
{
    margin-right: 0;
}

.smc-form .input-holder .filter-bar
{
    float: none; 

    margin: 0;
}

.smc-form .input-holder .filter-bar.video
{
    display: none;
}

.smc-form .input-holder .filter-type
{
    display: block;
}

.smc-form .input-holder .filter
{
    font-weight: 400;

    width: 228px;
    margin: 0;

    color: #646567;
}

.smc-form .input-holder .filter ul
{
    z-index: 20; 

    width: 228px;
}

.smc-form .input-holder .filter li
{
    font-weight: 400;
}

.smc-form .input-holder label
{
    font-family: 'Proxima Nova', 'Helvetiva', Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;

    display: block; 

    margin-bottom: 5px;

    color: #9d9ea0;
}

.smc-form .input-holder.focus label
{
    color: #9b9fa2;
}

.smc-form .input-holder.error .data-count,
.smc-form .input-holder.error p,
.smc-form .input-holder.error label
{
    color: #f43b0d;
}

.smc-form .input-holder .button-submit
{
    font-size: 13px;
    font-weight: 600;
    line-height: 56px;

    position: relative;

    display: block;

    width: 280px;
    height: 52px;
    margin: 44px auto 120px;
    padding-left: 74px;

    -webkit-transition: all 400ms;
            transition: all 400ms; 
    text-align: left;
    letter-spacing: .1em;
    text-transform: uppercase;

    color: #fff;
    border-radius: 3px;
    background: #017eff;
}

.smc-form .input-holder .button-submit:hover
{
    background-repeat: no-repeat; 
    background-position: 195px center;
}

.smc-form .input-holder .button-submit.disabled
{
    padding-left: 84px; 

    cursor: default;
    -webkit-transition: none;
            transition: none;

    color: #9da1a4;
    background-color: #dbdee1;
}

.smc-form .input-holder .button-submit.disabled:hover
{
    color: #9da1a4; 
    background: #dbdee1;
    background-repeat: no-repeat;
    background-position: 195px center;
}

.smc-form .input-holder .button-submit-icon
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%; 

    -webkit-transition: all 400ms;
            transition: all 400ms;

    background-image: url('../img/submit-arrow-grey.png');
    background-repeat: no-repeat;
    background-position: 194px center;
}

.smc-form .input-holder .button-submit-icon:not(.disabled).hover
{
    opacity: 0; 
    background-image: url('../img/submit-arrow-white.png');
}

.smc-form .input-holder .button-submit.disabled .button-submit-icon
{
    opacity: 0;
}

.smc-form .input-holder .button-submit:not(.disabled) .button-submit-icon.hover
{
    opacity: 1;
}

.smc-form .input-holder.exception
{
    position: relative;
}

.smc-form .input-holder .button-submit-preloader
{
    font-size: 13px;
    font-weight: 600;
    line-height: 56px;

    position: relative;

    display: none;

    width: 280px;
    height: 52px;
    margin: 44px auto 120px;

    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;

    color: #fff; 
    border-radius: 3px;
    background: #017eff;
}

.smc-form .preloader-icon
{
    display: inline-block; 

    width: 16px;
    height: 16px;

    -webkit-animation: spin 600ms linear infinite;
            animation: spin 600ms linear infinite;

    background: url('../img/ajax-spinner-white-32.png') center no-repeat;
    background-size: 16px;
}

.page-template-page-submit-php .page-header,
.page-template-page-submit-php .header-image
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(184, 196, 204, 0)), color-stop(10%, rgba(194, 204, 211, .1)), color-stop(50%, rgba(235, 238, 240, .5)), to(#ebeef0)), linear-gradient(90deg, rgba(0, 0, 0, .5) 70%, rgba(0, 0, 0, .6) 100%), linear-gradient(0deg, rgba(115, 72, 210, .3) 0%, rgba(27, 169, 221, .3) 100%), url('../img/simple-back.png');
    background-image: -webkit-linear-gradient(top, rgba(184, 196, 204, 0) 0%, rgba(194, 204, 211, .1) 10%, rgba(235, 238, 240, .5) 50%, #ebeef0 100%), -webkit-linear-gradient(0deg, rgba(0, 0, 0, .5) 70%, rgba(0, 0, 0, .6) 100%), -webkit-linear-gradient(90deg, rgba(115, 72, 210, .3) 0%, rgba(27, 169, 221, .3) 100%), url('../img/simple-back.png');
    background-image:         linear-gradient(top, rgba(184, 196, 204, 0) 0%, rgba(194, 204, 211, .1) 10%, rgba(235, 238, 240, .5) 50%, #ebeef0 100%), linear-gradient(90deg, rgba(0, 0, 0, .5) 70%, rgba(0, 0, 0, .6) 100%), linear-gradient(0deg, rgba(115, 72, 210, .3) 0%, rgba(27, 169, 221, .3) 100%), url('../img/simple-back.png');
    background-repeat: no-repeat; 
    background-position: top center;
}

.fullscreen-post-image
{
    position: fixed;
    z-index: 1000005;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -webkit-transition: opacity 200ms ease-in-out;
            transition: opacity 200ms ease-in-out; 

    opacity: 0;
    background-color: #121724;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.fullscreen-post-image.show
{
    cursor: url('../img/close-button.png'), auto; 

    opacity: 1;
}

@media screen and (max-width: 920px)
{
    .post-controls
    {
        display: none !important;
    }
}

.load-more-btn
{
    font-size: 13px;
    font-weight: 600;
    line-height: 60px;

    position: relative;
    position: relative;

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 222px;
    height: 60px;
    margin: 100px auto 100px;
    padding-left: 80px;

    cursor: pointer;
    -webkit-transition: all 400ms;
            transition: all 400ms; 
    text-align: left;
    letter-spacing: .1em;
    text-transform: uppercase;

    color: #9ea1a4;
    border-radius: 3px;
    background-color: #fff;
}

.load-more-btn:hover
{
    color: #fff; 
    background-color: #1b97dd;
}

.load-more-icon
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    -webkit-transition: all 400ms;
            transition: all 400ms; 

    background-image: url('../img/ajax-spinner.png');
    background-repeat: no-repeat;
    background-position: 57px center;
    background-size: 16px;
}

.load-more-icon.hover
{
    opacity: 0; 
    background-image: url('../img/ajax-spinner-white-32.png');
}

.load-more-btn:hover .load-more-icon
{
    opacity: 0;
}

.load-more-btn:hover .load-more-icon.hover
{
    opacity: 1;
}

.contest-rules
{
    margin-bottom: 3em; 
    padding-bottom: 1em;

    border-bottom: 1px solid #dadee0;
}
.contest-rules h1,
.contest-rules h2,
.contest-rules h3,
.contest-rules h4
{
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5em;

    margin-right: auto; 
    margin-left: auto;
    padding-bottom: 0;

    color: #41484c;
}
.contest-rules a
{
    color: #089aef;
}
.contest-rules a:hover
{
    color: #0e55f4;
}
.contest-rules p
{
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;

    margin-right: auto; 
    margin-bottom: 32px;
    margin-left: auto;

    color: #626466;
}
.contest-rules p em
{
    font-weight: 400;
    font-style: italic;
}
.contest-rules p strong
{
    font-weight: 600;
}
.contest-rules p.intro
{
    font-style: italic;
}
.contest-rules ol,
.contest-rules ul
{
    font-size: 18px;
    line-height: 1.5;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    padding: 0 23px;
}
.contest-rules ol li,
.contest-rules ul li
{
    font-weight: 400;

    position: relative; 

    color: #626466;
}
.contest-rules ol > li
{
    margin: 1em auto;

    list-style-type: decimal;
}
.contest-rules ul li:before
{
    font-size: 1.2em; 

    position: absolute;
    top: -4px;
    left: -23px;

    content: '\002022';

    color: #089aef;
}
.contest-rules .button-holder
{
    margin: 1.5em auto 1em; 

    text-align: center;
}
.contest-rules .button
{
    font-size: 13px;
    font-weight: 600;
    line-height: 50px;

    position: relative;

    display: inline-block; 
    overflow: hidden;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 50px;
    padding: 0 28px;

    -webkit-transition: all 350ms;
            transition: all 350ms;
    text-align: center;
    text-decoration: none;
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #007eff;
    border: 2px solid #007eff;
    border-radius: 3px;
}
.contest-rules .button:hover
{
    color: #fff; 
    border-color: #007eff;
}
.contest-rules .button:after
{
    position: absolute;
    z-index: -1;
    top: -10%;
    left: -10%;

    width: 0;
    height: 120%;

    content: '';
    -webkit-transition: all 300ms;
            transition: all 300ms;
    -webkit-transform: skew(-20deg);
        -ms-transform: skew(-20deg);
            transform: skew(-20deg); 

    background: #3b5999;
}
.contest-rules .button:after
{
    background: #007eff;
}
.contest-rules .button:hover:after
{
    width: 180%;
}

/***
** 404 ERROR
***/
.error-404-holder
{
    position: absolute;
    top: 50px;
    bottom: 0; 

    display: table;

    width: 100%;
    height: -webkit-calc(100% - 125px);
    height:         calc(100% - 125px);
}

.error-404-container
{
    display: table-cell;

    text-align: center; 
    vertical-align: middle;
}

.error-404-container h1
{
    font-size: 72px;
    font-weight: 700; 

    color: #0e55f4;
}

.error-404-container p
{
    font-size: 22px;
    font-weight: 500; 
    line-height: 30px;

    color: #41484c;
}

.error-404-container a
{
    font-weight: 700;

    padding-bottom: 0; 

    color: #41484c;
    border-bottom: 1px solid #41484c;
}

/***
** SUPPORT TEMPLATE
***/
.single-faq .page-header,
.post-type-archive-faq .page-header,
.page-template-page-support-pages-php .page-header
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 400px;
    padding-top: 80px;
}

/***
** LEGAL
***/
.content-container .content
{
    padding-top: 50px;
}

.content-container .content .legal-page-nav
{
    display: block; 

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 724px;
    margin: 0 auto 50px;
    padding: 0;

    list-style: none;
}

.content-container .content .legal-page-nav li:before
{
    content: '';
}

.content-container .content .legal-page-nav li
{
    font-style: normal;

    float: left;

    width: 240px; 

    list-style: none;
}

.content-container .content .legal-page-nav li:first-child a
{
    border-left: 2px solid #017eff;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.content-container .content .legal-page-nav li:last-child a
{
    border-right: 2px solid #017eff;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.content-container .content .legal-page-nav li a
{
    font-size: 13px;
    font-weight: 700;
    line-height: 52px;

    display: block;

    height: 52px;

    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;

    color: #017eff;
    border: 2px solid #017eff;
    border-right: 1px solid #017eff;
    border-left: 1px solid #017eff;
}

.content-container .content .legal-page-nav li.active a,
.content-container .content .legal-page-nav li:hover a
{
    display: block;

    color: #fcffff; 
    background-color: #017eff;
}

/* Search */
.regular-search .form-search
{
    font-size: 16px;
    font-weight: 600;

    position: absolute;
    z-index: 5;
    bottom: 20px;
    left: 0;

    max-width: 220px;
    padding: 13px;

    -webkit-transition: all 400ms;
            transition: all 400ms;
    text-decoration: none;

    opacity: 1;
    color: #fff;
    border: none; 
    background: rgba(0, 0, 0, .05);
    text-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}

.regular-search .form-search .input-group-btn
{
    height: 18px;
}

.regular-search .form-search #searchsubmit
{
    position: absolute;
    top: 50%;
    left: 12px;

    width: 16px;
    height: 16px;
    margin-top: -8px;

    border: none;
    background: none;
    background-image: url('../img/search-icon.png');
    background-repeat: no-repeat; 
    background-position: center center;
}

.regular-search .form-search input
{
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;

    max-width: 190px;
    margin-top: 2px !important;
    margin-bottom: 0 !important;
    padding-top: 2px !important;
    padding-bottom: 0 !important;
    padding-left: 24px;

    cursor: text; 

    opacity: .5;
    color: #fff !important;
    border: none;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}

.regular-search .form-search input:focus,
.form-search input:hover
{
    -webkit-transition: all 400ms;
            transition: all 400ms; 

    opacity: 1;
}

.regular-search .form-search ::-webkit-input-placeholder
{
    font-family: 'Proxima Nova', 'Helvetiva', Arial, sans-serif; 

    vertical-align: bottom;

    color: #fff;
}

.regular-search .form-search :-moz-placeholder
{
    font-family: 'Proxima Nova', 'Helvetiva', Arial, sans-serif; 

    vertical-align: bottom;
    /* Firefox 18- */

    color: #fff;
}

.regular-search .form-search ::-moz-placeholder
{
    font-family: 'Proxima Nova', 'Helvetiva', Arial, sans-serif; 

    vertical-align: bottom;
    /* Firefox 19+ */

    color: #fff;
}

.regular-search .form-search :-ms-input-placeholder
{
    font-family: 'Proxima Nova', 'Helvetiva', Arial, sans-serif; 

    vertical-align: bottom;

    color: #fff;
}

/* Search-community */
.form-search
{
    font-size: 16px;
    font-weight: 400;

    position: absolute;
    z-index: 5;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 220px;
    margin-top: 8px;
    margin-left: 32px;
    padding: 10px 13px;

    -webkit-transition: all 400ms;
            transition: all 400ms;
    text-decoration: none;

    opacity: 1;
    color: #626466;
    border: 1px solid #e4e8eb;
    border-radius: 3px; 
    background-color: #fff;
}

.form-search .input-group-btn
{
    height: 18px;
}

.form-search #searchsubmit
{
    position: absolute;
    top: 50%;
    left: 12px;

    width: 16px;
    height: 16px;
    margin-top: -8px;

    border: none;
    background: none;
    background-image: url('../img/filter-search-icon.png');
    background-repeat: no-repeat; 
    background-position: left center;
}

.form-search input
{
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;

    max-width: 190px;
    margin-top: 2px !important;
    margin-bottom: 0 !important;
    padding-top: 2px !important;
    padding-bottom: 0 !important;
    padding-left: 24px; 

    cursor: text;

    opacity: .5;
    color: #626466 !important;
    border: none;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.form-search input:focus,
.form-search input:hover
{
    -webkit-transition: all 400ms;
            transition: all 400ms; 

    opacity: 1;
}

.form-search ::-webkit-input-placeholder
{
    font-family: 'Proxima Nova', 'Helvetiva', Arial, sans-serif; 

    vertical-align: bottom;

    color: #626466;
}

.form-search :-moz-placeholder
{
    font-family: 'Proxima Nova', 'Helvetiva', Arial, sans-serif; 

    vertical-align: bottom;
    /* Firefox 18- */

    color: #626466;
}

.form-search ::-moz-placeholder
{
    font-family: 'Proxima Nova', 'Helvetiva', Arial, sans-serif; 

    vertical-align: bottom;
    /* Firefox 19+ */

    color: #626466;
}

.form-search :-ms-input-placeholder
{
    font-family: 'Proxima Nova', 'Helvetiva', Arial, sans-serif; 

    vertical-align: bottom;

    color: #626466;
}

#community-overview .community-media .post-content .post-link a:hover
{
    opacity: 1;
}

#post-overview .post,
#community-container .community-media
{
    -webkit-transition: opacity 600ms ease-in-out;
            transition: opacity 600ms ease-in-out;

    opacity: 0;
}

#post-overview .post.show,
#community-container .community-media.show
{
    opacity: 1;
}

.community.modal
{
    position: fixed;
    z-index: 1000003;
    top: 50%;
    left: 50%;

    overflow: hidden;

    width: 720px;
    margin-top: -365px; 
    margin-left: -360px;

    border-radius: 3px;
    background: white;
}

.modal .wp-post-image
{
    position: relative; 

    width: 100%;
    height: 480px;

    cursor: pointer;

    background-color: #24252a;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.modal .wp-post-image iframe
{
    width: 100% !important;
    height: 100% !important;
}

.modal .wp-post-image.screenshot:after
{
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;

    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;

    content: '';
    -webkit-transition: .3s all;
            transition: .3s all;

    opacity: 0;
    background-image: url('../img/zoom-button.png');
    background-repeat: no-repeat; 
    background-position: center center;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.modal .wp-post-image.screenshot:hover:after
{
    opacity: 1;
}

.modal-bottom-wrapper
{
    display: block; 
    clear: both;
}

.modal-bottom-wrapper:after
{
    line-height: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: 0; 

    content: '.';
}

.modal-content-meta
{
    position: relative;

    float: left;

    width: 450px;
    height: 198px;
}

.modal-content
{
    overflow: hidden; 

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 450px;
    height: 146px;
    max-height: 146px;
    padding: 28px 30px 0;
}

.modal-content h3
{
    font-size: 18px;
    font-weight: bold;

    margin-bottom: 12px; 

    color: #41484c;
}

.modal-content p
{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;

    padding-bottom: 16px; 

    color: #41484c;
}

.modal-bottom-wrapper .modal-meta
{
    font-size: 14px;
    line-height: 24px;

    position: absolute;
    bottom: 0; 

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 0 30px 28px;

    color: #6c6e70;
}

.modal-bottom-wrapper .modal-meta span
{
    font-weight: 800;
}

.modal-bottom-wrapper .modal-meta i
{
    font-weight: 500; 

    position: relative;

    float: right;

    opacity: .5;
    color: #6c6e70;
}

.modal-bottom-wrapper .modal-meta i:before
{
    position: absolute;
    top: 3px;
    left: -18px;

    width: 14px;
    height: 14px;

    content: '';

    opacity: .5; 
    background: url('../img/modal-clock-icon.png');
    background-repeat: no-repeat;
    background-position: center;
}

.modal-likes
{
    position: relative; 

    float: left;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 270px;
    padding: 28px 20px;

    border-left: 1px solid #e6e6e6;
}

.vote-pling
{
    position: absolute;
    top: 20px;
    right: 117px;

    width: 22px;
    height: 22px;

    opacity: 0; 
    background-repeat: no-repeat;
    background-position: center;
}

.vote-pling.vote-down
{
    background-image: url('../img/modal-lame-icon.png');
}

.vote-pling.vote-up
{
    background-image: url('../img/modal-cool-icon.png');
}

.modal-likes h4
{
    font-size: 60px;
    font-weight: 200;
    font-weight: 300; 
    line-height: 100px;

    display: block;

    width: 100%;
    height: 100px;
    padding: 0;

    text-align: center;
    vertical-align: middle;
}

.modal-likes.cool h4
{
    color: #007eff; 
    background-image: -webkit-linear-gradient(90deg, #2a00ff 0%, #007eff 100%);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}

.modal-likes.lame h4
{
    color: #f27f0c; 
    background-image: -webkit-linear-gradient(90deg, #f27f0c 0%, #f2600c 100%);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}

.modal-likes h4 small
{
    font-size: 24px;
    font-weight: 400;
    line-height: 60px;

    display: inline-block;

    height: 60px;
    margin-top: -8px;
    margin-right: 2px;

    vertical-align: middle;
}

.modal-likes.cool h4 small
{
    color: #007eff; 
    background-image: -webkit-linear-gradient(90deg, #2a00ff 0%, #007eff 100%);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}

.modal-likes.lame h4 small
{
    color: #f27f0c; 
    background-image: -webkit-linear-gradient(90deg, #f27f0c 0%, #f2600c 100%);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}

.modal-likes.cool h4 i
{
    color: #007eff; 
    background-image: -webkit-linear-gradient(90deg, #2a00ff 0%, #007eff 100%);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}

.modal-likes.lame h4 i
{
    color: #f27f0c; 
    background-image: -webkit-linear-gradient(90deg, #f27f0c 0%, #f2600c 100%);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}

.modal-likes .button
{
    font-size: 13px;
    font-weight: 800;
    line-height: 42px;

    position: relative;

    display: block;
    float: left;
    overflow: hidden;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 42px;
    padding-left: 112px;

    cursor: pointer;
    -webkit-transition: all 350ms;
            transition: all 350ms;
    text-align: left; 
    text-transform: uppercase;

    border: 2px solid red;
    border-radius: 3px;
    background-color: transparent;
}

.modal-likes .button.lame
{
    float: right; 

    color: #f27f0c;
    border: 2px solid #f27f0c;
}

.modal-likes .button-icon
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    -webkit-transition: all 350ms;
            transition: all 350ms;

    opacity: 1;
    background-repeat: no-repeat;
    background-position: 77px center;
}

.modal-likes .button-icon-lame
{
    background-image: url('../img/modal-lame-icon.png');
}

.modal-likes .button-icon-lame.hover
{
    opacity: 0;
    background-image: url('../img/modal-lame-icon-hover.png');
}

.modal-likes .button.lame:hover .button-icon-lame
{
    opacity: 0;
}

.modal-likes .button.lame:hover .button-icon-lame.hover
{
    opacity: 1;
}

.modal-likes .button.cool
{
    color: #007eff; 
    border: 2px solid #007eff;
}

.modal-likes .button-icon-cool
{
    background-image: url('../img/modal-cool-icon.png');
}

.modal-likes .button-icon-cool.hover
{
    opacity: 0;
    background-image: url('../img/modal-cool-icon-hover.png');
}

.modal-likes .button.cool:hover .button-icon-cool
{
    opacity: 0;
}

.modal-likes .button.cool:hover .button-icon-cool.hover
{
    opacity: 1;
}

.modal-likes .button:after
{
    position: absolute;
    z-index: -1;
    top: -10%;
    left: -10%;

    width: 0;
    height: 120%;

    content: '';
    -webkit-transition: all 300ms;
            transition: all 300ms;
    -webkit-transform: skew(-20deg);
        -ms-transform: skew(-20deg);
            transform: skew(-20deg); 

    background: #007eff;
}

.modal-likes .button.lame:after
{
    background: #f27f0c;
}

.modal-likes .button:hover:after
{
    width: 120%;
}

.modal-likes .button:hover
{
    color: #fff !important;
}

.modal-likes .thumbs-rating-container
{
    position: relative;

    display: block;

    width: 100%;
}

.modal-likes .thumbs-rating-already-voted
{
    font-size: 13px;
    font-weight: 500;
    line-height: 44px;

    position: absolute;
    bottom: -1px;
    left: 0;

    display: none;

    width: 100%;
    height: 44px;

    -webkit-transition: opacity 400ms ease-in-out;
            transition: opacity 400ms ease-in-out; 
    text-align: center;
    text-transform: uppercase;

    opacity: 0;
    color: #9da0a3;
    border-radius: 3px;
    background-color: #f7f7f7;
}

.modal-likes .thumbs-rating-already-voted.show
{
    opacity: 1;
}

.modal-sub
{
    float: left;

    width: 100%;

    background: #f7f7f7;
}

.modal-sub .modal-tags
{
    float: left;
    overflow: hidden; 

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 450px;
    height: 52px;
    padding-left: 32px;
}

.modal-sub .modal-tags h4,
.modal-sub .modal-tags
{
    line-height: 52px;

    float: left;

    vertical-align: middle;
}

.modal-sub .modal-tags h4
{
    font-size: 14px;
    font-weight: bold;

    margin-right: 4px; 

    color: #9da0a3;
}

.modal-sub .modal-tags
{
    font-size: 14px;
    font-weight: 400; 

    color: #9da0a3;
}

.modal-share
{
    font-weight: 600;
    line-height: 52px;

    position: relative;
    z-index: 5;
    z-index: 10000;

    display: block;
    float: left;
    overflow: hidden;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 157px;
    height: 52px;
    padding-left: 70px;

    cursor: pointer; 

    color: #9da0a3;
    border-left: 1px solid #e6e6e6;
    background: url('../img/modal-share-icon.png');
    background-repeat: no-repeat;
    background-position: 45px center;
}

.modal-share:hover
{
    cursor: default;
}

.modal-sub .share-button-holder
{
    position: absolute;
    top: 0;
    right: -100%;

    width: 156px;

    -webkit-transition: all 350ms ease-in-out;
            transition: all 350ms ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.modal-share:hover .share-button-holder
{
    right: 0;
}

.modal-share:hover .share.btn
{
    display: none;
}

.modal-share a
{
    display: block;
    float: right;

    width: 52px;
    height: 52px;

    cursor: pointer; 
    text-indent: -9999px;

    background-repeat: no-repeat;
    background-position: center center;
}

.modal-share:hover .share-button-holder
{
    right: 0;
}

.share-button-holder a.twitter
{
    background-color: #55acee;
    background-image: url('../img/social-twitter.png');
    background-repeat: no-repeat; 
    background-position: center;
}

.share-button-holder a.facebook
{
    background-color: #3b5998;
    background-image: url('../img/social-facebook.png');
    background-repeat: no-repeat; 
    background-position: center;
}

.share-button-holder a.google
{
    background-color: #dd4b39;
    background-image: url('../img/social-google.png');
    background-repeat: no-repeat; 
    background-position: center;
}

.share-button-holder .bottom a.twitter
{
    background-color: #55acee;
    background-image: url('../img/bottom-twitter.png');
    background-repeat: no-repeat; 
    background-position: center;
}

.share-button-holder .bottom a.facebook
{
    background-color: #3b5998;
    background-image: url('../img/bottom-facebook.png');
    background-repeat: no-repeat; 
    background-position: center;
}

.share-button-holder .bottom a.google
{
    background-color: #dd4b39;
    background-image: url('../img/bottom-google.png');
    background-repeat: no-repeat; 
    background-position: center;
}

.post-controls
{
    position: fixed;
    z-index: 1000004;
    top: 50%;
    left: 35px;

    display: none;

    width: 30px;
    height: 30px;
    margin-top: -15px;

    cursor: pointer;
    -webkit-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out; 

    opacity: .8;
    background-image: url('../img/modal-controls.png');
    background-repeat: no-repeat;
}

.post-controls:hover
{
    opacity: 1;
}

.post-controls.prev
{
    background-position: bottom center;
}

.post-controls.next
{
    right: 35px; 
    left: auto;

    background-position: top center;
}

.wp-report-container
{
    position: relative;

    float: left;
}

.wp-report-container:hover
{
    color: #f72a09;
}

.wp-report-post-link
{
    font-family: 'Proxima Nova','Helvetiva',arial,sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-weight: 600;
    line-height: 52px;

    position: relative;

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 113px;
    height: 52px;
    padding-left: 15px;
    padding-left: 47px;

    cursor: pointer;
    -webkit-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out; 

    color: #d0d2d3;
    border: none;
    border-left: 1px solid #e6e6e6;
    background: none;
}

.community-modal-report-fade
{
    position: absolute;
    z-index: 9999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;

    background-color: rgba(3, 5, 13, .2);
}

.wp-report-container .wp-report-post-link.reported
{
    padding: 0;

    cursor: default;
    -webkit-transition: none;
            transition: none;
    text-align: center;
    pointer-events: none;
}

.wp-report-container .wp-report-post-link.reported,
.wp-report-container.active .wp-report-post-link,
.wp-report-post-link:hover
{
    color: #f72a09;
}

.wp-report-type:hover
{
    color: #fff;
    background: #089aef;
}

.wp-report-type:first-child
{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.wp-report-type:last-child
{
    border-bottom-right-radius: 3px; 
    border-bottom-left-radius: 3px;
}

.wp-report-post-icon
{
    position: absolute;
    top: 0;
    left: 0;

    width: 112px;
    height: 100%;

    -webkit-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out; 

    opacity: .8;
    background-image: url('../img/community-report.png');
    background-repeat: no-repeat;
    background-position: 23px center;
}

.wp-report-post-icon.hover
{
    opacity: 0;
    background-image: url('../img/community-report-hover.png');
}

.wp-report-container.active .wp-report-post-icon,
.wp-report-container:hover .wp-report-post-icon
{
    opacity: 0;
}

.wp-report-container.active .wp-report-post-icon.hover,
.wp-report-container:hover .wp-report-post-icon.hover
{
    opacity: 1;
}

.wp-report-type
{
    font-weight: 500;
    line-height: 40px;

    display: block;
    overflow: hidden;

    width: 116px; 
    height: 40px;
    padding-left: 12px;

    color: #626466;
}

.wp-report-post-box
{
    position: absolute;
    z-index: 10000000;
    right: 148px;
    bottom: 66px;

    display: none;

    border-radius: 3px;
    background: #fff;
}

.wp-report-post-box:after
{
    position: absolute;
    top: 100%;
    left: 50%;

    width: 0;
    height: 0;
    margin-left: -8px; 

    content: ' ';
    pointer-events: none;

    border: solid transparent;
    border-width: 8px;
    border-color: transparent;
    border-top-color: #fff;
}

.wp-report-post-box.show
{
    display: block;
}

/*contact*/
.contact-page-header
{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.contact-page-header h1
{
    font-size: 48px;
    font-weight: 800;

    display: block;

    margin: 0 auto;
    padding-top: 200px;

    text-align: center;
    text-transform: uppercase; 

    color: #40484b;
}

.contact-page-header p
{
    font-size: 18px;
    line-height: 27px;

    width: 570px;
    margin: 27px auto; 

    text-align: center;

    color: #40484b;
}

.contact-buttons
{
    display: block;

    width: 420px;
    height: 52px !important; 
    margin: 0 auto;
}

.contact-buttons .button-container
{
    font-size: 13px;
    font-weight: 600;

    position: relative; 

    float: left;
    overflow: hidden;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 200px;
    width: 200px;
    height: 52px;

    -webkit-transition: all 350ms;
            transition: all 350ms;
    text-align: center;
    text-decoration: none;
    letter-spacing: 1px;
    text-transform: uppercase;

    border-width: 2px;
    border-style: solid;
    border-radius: 3px;
}

.contact-buttons .button-container.bug
{
    float: left; 

    color: #3c5a98;
    border-color: #3c5a98;
    background-image: url('../img/button-bug.png');
    background-repeat: no-repeat;
    background-position: 32px 17px;
}

.contact-buttons .button-container.bug:hover
{
    color: #3c5a98;
    border-color: #3c5a98;
    background-image: url('../img/button-bug-hover.png');
    background-repeat: no-repeat;
    background-position: 32px 17px;
}

.contact-buttons .button-container.bug a
{
    color: #3c5a98;
}

.contact-buttons .button-container.contact
{
    float: right; 

    color: #007eff;
    border-color: #007eff;
    background-image: url('../img/button-email.png');
    background-repeat: no-repeat;
    background-position: 40px 17px;
}

.contact-buttons .button-container.contact:hover
{
    color: #007eff;
    border-color: #007eff;
    background-image: url('../img/button-email-hover.png');
    background-repeat: no-repeat;
    background-position: 40px 17px;
}

.contact-buttons .button-container.contact a
{
    -webkit-transition: all 350ms;
            transition: all 350ms; 

    color: #007eff;
}

.contact-buttons .button-container:after
{
    position: absolute;
    z-index: -1;
    top: -10%;
    left: -10%;

    width: 0;
    height: 120%;

    content: '';
    -webkit-transition: all 300ms;
            transition: all 300ms;
    -webkit-transform: skew(-20deg);
        -ms-transform: skew(-20deg);
            transform: skew(-20deg); 

    background: #3b5999;
}

.contact-buttons .button-container.contact:after
{
    background: #007eff;
}

.contact-buttons .button-container:hover:after
{
    width: 120%;
}

.contact-buttons .button-container:hover a
{
    color: #fff;
}

.contact-buttons a
{
    line-height: 50px;

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding-left: 28px;
}

.download-presskit
{
    clear: both;

    width: 100%;
    margin: 40px 0 0; 

    text-align: center;
}

.download-presskit a
{
    text-decoration: underline;
}

.download-presskit a:hover
{
    color: #000;
}

.contact-social
{
    width: 990px;
    margin: 60px auto 120px;
}

.social-container
{
    position: relative;

    float: left;
    overflow: hidden;

    width: 305px;
    height: 350px;
    margin-right: 25px;

    border-radius: 3px;
    background: #fff;
    background-position: center;
    background-size: cover;
}

.social-container:last-child
{
    margin-right: 0;
}

.social-container header
{
    font-size: 22px;
    line-height: 33px;

    position: relative;

    overflow: hidden;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 198px;
    margin: 32px;
    margin-bottom: 64px;

    text-overflow: ellipsis; 

    color: #626466;
}

.social-container header a
{
    color: #539eff;
}

.social-container .time
{
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;

    position: absolute;
    bottom: 88px;
    left: 32px;

    margin: 0;
    padding: 0;

    vertical-align: bottom; 
    letter-spacing: 1px;
    text-transform: uppercase !important;

    color: #a0a1a3;
}

.social-container.instagram .time
{
    color: #fff;
    text-shadow: 0 1px 1px rgba(11, 26, 41, .25);
}

.social-container footer
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 56px;

    -webkit-transition: all 350ms;
            transition: all 350ms; 

    background-color: #55acef;
    background-image: url('../img/social-twitter.png');
    background-repeat: no-repeat;
    background-position: 32px center;
}

.social-container footer:hover
{
    background-color: #418ac2;
}

.social-container.instagram footer:hover
{
    background-color: #376485;
}

.social-container.facebook footer:hover
{
    background-color: #334c82;
}

.social-container footer a
{
    font-size: 16px;
    font-weight: 600;
    line-height: 56px;

    float: left;

    width: 100%;

    text-align: center;
    vertical-align: middle; 

    color: #fff;
}

.social-container.twitter .link
{
    color: #539eff;
}

.social-container.twitter a
{
    color: #626466;
}

.social-container.twitter footer a
{
    color: #fff;
}

.social-container.instagram footer
{
    background-color: #3f739b;
    background-image: url('../img/social-instagram.png');
}

.social-container.facebook a
{
    color: #626466;
}

.social-container.facebook footer a
{
    color: #fff;
}

.social-container.facebook footer
{
    background-color: #3b5998;
    background-image: url('../img/social-facebook.png');
}

.social-container.instagram
{
    background-repeat: no-repeat; 
    background-position: top center;
    background-size: 305px auto;
}

.social-container.instagram header
{
    height: 241px; 
    margin: 0;
    padding: 0;
}

.social-container.instagram header a
{
    display: block;

    width: 100%;
    height: 100%;
}

.social-container.instagram img
{
    width: 100%;
}

.social-container.instagram header p
{
    color: #fff;
    text-shadow: 0 1px 1px rgba(11, 26, 41, .25);
}

/* Community */
h2.community-subheader
{
    font-size: 18px;
    font-weight: 500;
    line-height: 27px; 

    display: block;

    width: 600px;
    margin: 10px auto;
}

.submit-experience-holder
{
    display: block;

    margin: 38px auto 0;

    text-align: center;
}

.submit-experience
{
    font-size: 13px;
    font-weight: 800;
    line-height: 13px;
    line-height: 55px;

    position: relative;

    display: inline-block;
    overflow: hidden;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 220px;
    height: 52px;
    margin: 0 10px; 
    padding-left: 43px;

    -webkit-transition: all 350ms ease-in-out;
            transition: all 350ms ease-in-out;
    text-align: left;
    letter-spacing: .1em;
    text-transform: uppercase;

    color: #41484c;
    border-radius: 3px;
    background-color: #fff;
}
.submit-experience.contest
{
    padding-left: 40px;
}
.submit-experience.contest .submit-experience-icon
{
    background-position: 172px center;
}

.submit-experience:hover
{
    color: #089aef;
}

.submit-experience-icon
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    -webkit-transition: all 350ms ease-in-out;
            transition: all 350ms ease-in-out;

    opacity: 1; 
    background-image: url('../img/submit-arrow.png');
    background-repeat: no-repeat;
    background-position: 167px center;
}

.submit-experience-icon.hover
{
    opacity: 0; 
    background-image: url('../img/submit-arrow-hover.png');
}

.submit-experience:hover .submit-experience-icon.hover
{
    opacity: 0;
}

.submit-experience:hover .submit-experience-icon.hover
{
    opacity: 1;
}

.view-controls
{
    font-size: 13px;
    font-weight: 500;

    position: relative; 

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: auto;
    margin: 15px auto 38px;

    -webkit-transition: all 350ms ease-in-out;
            transition: all 350ms ease-in-out;
    text-align: center;
    letter-spacing: .1em;

    opacity: .8;
    color: #fff;
    border-radius: 3px;
}

.view-controls:hover
{
    opacity: 1;
}

.view-controls a
{
    color: #fff;
}

#community-overview .row
{
    display: block; 

    width: 960px;
    margin: 48px auto 60px auto;
}

.community-media
{
    position: relative;

    float: left;
    overflow: hidden;

    width: 304px;
    height: 360px;
    margin: 12px 0 12px 24px;

    cursor: pointer; 

    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
}

.community-media:nth-child(3n+1)
{
    margin-left: 0;
}

.community-media .post-image
{
    position: relative;
    z-index: 1;

    display: block;

    width: 304px;
    height: 222px;

    background-position: center;
}

.community-media .post-image:before
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: .3s all;
            transition: .3s all; 
    /* W3C */

    opacity: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(36, 166, 240, .4)), color-stop(40%, rgba(36, 166, 240, .4)), to(rgba(23, 78, 234, .4)));
    background: -webkit-linear-gradient(bottom, rgba(36, 166, 240, .4) 0%, rgba(36, 166, 240, .4) 40%, rgba(23, 78, 234, .4) 100%);
    background:         linear-gradient(bottom, rgba(36, 166, 240, .4) 0%, rgba(36, 166, 240, .4) 40%, rgba(23, 78, 234, .4) 100%);
}

.community-media .post-image:after
{
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;

    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px;

    content: '';
    -webkit-transition: .3s all;
            transition: .3s all;

    opacity: 0;
    border: 2px solid white;
    border-radius: 100%;
    background-image: url('../img/community-hover-plus.png');
    background-repeat: no-repeat; 
    background-position: center center;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.community-media .post-image.video
{
    background-size: auto 290px;
}

.community-media .post-image.video:after
{
    opacity: 1;
    background-image: url('../img/community-hover-video.png');
}

.community-media .post-image:hover:before
{
    opacity: 1;
}

.community-media .post-image:hover:after
{
    width: 24px;
    height: 24px;
    margin-top: -12px; 
    margin-left: -12px;

    opacity: 1;
}

.community-media .post-content
{
    position: relative;
    z-index: 3;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 138px; 
    padding: 10px 40px 0 40px;

    text-align: center;
}

.community-media .post-content .post-meta
{
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;

    display: block;

    width: 100%; 
    margin: 0 auto;
}

.community-media .post-content p span
{
    font-size: 16px;
    font-weight: 500;
}

.community-media .post-content p
{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px; 

    color: #9da0a3;
}

.community-media .post-content .post-meta span
{
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;

    display: inline-block;

    height: 24px;
    padding-left: 28px;

    vertical-align: middle;

    color: #9da0a3;
    background-image: url('../img/community-view.png');
    background-repeat: no-repeat; 
    background-position: left center;
}

.community-media .post-content .post-meta span.likes
{
    font-size: 16px;
    font-weight: 800;

    margin-right: 20px;
    padding-right: 20px;

    color: #089aef;
    border-right: 1px solid #e1e2e3;
}

.community-media .post-content .post-meta .likes.cool
{
    background-image: url('../img/community-flake.png');
    background-size: 20px 18px;
}

.community-media .post-content .post-meta .likes.lame
{
    color: #f27f0c;
    background-image: url('../img/community-lame.png');
    background-size: 20px 17px;
}

.community-media .post-content .post-title
{
    line-height: 24px; 

    text-align: center;
}

#community-overview .post-content .post-title a
{
    font-size: 18px;
    font-weight: 600;

    width: 100% !important;

    -webkit-transition: opacity 300ms ease-in-out;
            transition: opacity 300ms ease-in-out; 
    text-align: center;
    text-decoration: none;

    color: #41484c;
}

#community-overview .post-content .post-title a:hover
{
    color: #089aef;
}

#community-overview .post-content
{
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;

    z-index: 4; 

    color: #626466;
}

#community-overview .post-content .post-link
{
    margin-top: 50px;
}

#community-overview .post-content .post-link a
{
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;

    height: 24px;
    padding: 4px 0 4px 24px;

    -webkit-transition: .4s all;
            transition: .4s all; 
    vertical-align: middle;
    text-decoration: none;

    opacity: .7;
    color: #9da0a3;
    background-image: url('../img/text-bubble.png');
    background-repeat: no-repeat;
    background-position: left center;
}

/* overview */
#post-overview
{
    width: 960px;
    margin-top: 60px;
    margin-right: auto; 
    margin-left: auto;
}

#post-overview .post
{
    overflow: hidden;

    margin-bottom: 40px; 

    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 0 #e8ebed;
            box-shadow: 0 1px 2px 0 #e8ebed;
}

#post-overview .post-image
{
    position: relative;
    z-index: 1; 

    float: left;

    width: 360px;
    height: 320px;
}

#post-overview .post-image .post-date
{
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;

    float: right;

    margin-right: 20px;
    padding-top: 8px;

    text-align: right; 
    text-decoration: none;
    text-transform: uppercase;

    color: #fff;
}

#post-overview .post-image span
{
    font-size: 14px;
    font-weight: 500;

    text-transform: none; 

    opacity: .7;
    color: #fff;
}

#post-overview .post-image a
{
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;

    float: right;

    margin-right: 20px;

    text-decoration: none;
    text-transform: uppercase; 

    color: #fff;
}

#post-overview .post-image .avatar
{
    float: right; 

    border-radius: 100%;
}

#post-overview .post-image .post-image-overlay
{
    position: absolute;
    top: 0;
    left: 0;

    width: 360px;
    height: 320px;

    background-image: url('../img/gradient-post.png'); 
    background-repeat: repeat-y;
    background-position: right center;
}

#post-overview .post-image-overlay:before
{
    position: absolute;
    top: 0;
    right: -60px;

    width: 90px;
    height: 320px;

    content: '';
    -webkit-transform: skew(-10deg);
        -ms-transform: skew(-10deg);
            transform: skew(-10deg); 

    background: #fff;
}

#post-overview .post-image .post-meta
{
    position: absolute;
    z-index: 3; 
    top: 40px;
    right: -10px;
}

#post-overview .post-image .post-thumbnail-container
{
    position: relative;

    overflow: hidden;

    width: 360px;
    height: 320px;

    background-repeat: no-repeat; 
    background-position: left center;
    background-size: cover;
}

#post-overview .post-image .post-thumbnail-container
{
    position: absolute;
    top: 0;
    right: 0;

    -webkit-transition: .4s all;
            transition: .4s all;
}

#post-overview .post:hover .post-image .post-thumbnail-container
{
    position: absolute;
    top: 0; 

    background-position: -16px center;
}

#post-overview .post-content
{
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;

    position: relative;
    z-index: 3;
    z-index: 4; 

    float: left;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 520px;
    max-width: 520px;
    height: 280px;
    margin: 40px 40px 0 40px;

    color: #626466;
}

#post-overview .post-content .post-title
{
    font-size: 18px;
    line-height: 18px;
}

#post-overview .post-content .post-title a
{
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;

    overflow: hidden;

    max-height: 47px;

    text-decoration: none;
    text-overflow: ellipsis; 

    color: #41484c;
}

#post-overview .post-excerpt
{
    font-weight: 400;

    overflow: hidden;

    max-height: 520px;
    padding-top: 20px;

    text-overflow: ellipsis;
}

#post-overview .post-content a
{
    color: #626466;
}

#post-overview .post-content .post-link
{
    position: absolute;
    bottom: 40px;
}

#post-overview .post-content .post-link a
{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;

    height: 24px;
    padding: 4px 0 4px 24px;

    -webkit-transition: .4s all;
            transition: .4s all; 
    vertical-align: middle;
    text-decoration: none;

    opacity: 1;
    color: #9da0a3;
    background-image: url('../img/text-bubble.png');
    background-repeat: no-repeat;
    background-position: left center;
}

#post-overview .post-content .post-link a:hover
{
    opacity: 1;
}

#post-overview .post-link a.read-more
{
    padding: 4px 0 4px 36px; 

    color: #1b97dd;
    background-image: url('../img/overview_link.png');
    background-repeat: no-repeat;
    background-position: left center;
}

#post-overview .comments-link .mdash
{
    height: 16px;
    margin-right: 16px;
    margin-left: 16px;
    padding-top: 4px !important;

    color: #d8d8d9;
}

#post-overview .post-edit
{
    position: absolute;
    top: 0;
    left: 0;
}

/* Hides navigation links and site footer when infinite scroll is active */
.infinite-scroll #navigation,
.infinite-scroll.neverending #footer
{
    display: none;
}

/* Shows the footer again in case all posts have been loaded */
.infinity-end.neverending #footer
{
    display: block;
}

.post-award
{
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;

    pointer-events: none;
}
.post-award img
{
    width: 304px;
}

.filter-container
{
    position: relative;
    z-index: 6; 

    width: 100%;
    height: 60px;

    background: #f5f8fa;
    -webkit-box-shadow: 0 1px 2px 0 rgba(20, 23, 26, .05);
            box-shadow: 0 1px 2px 0 rgba(20, 23, 26, .05);
}

.filter-bar
{
    float: right;

    height: 42px; 
    margin-top: 9px;
    margin-right: 32px;
}

.filter-bar > span
{
    font-size: 16px;
    font-weight: 600; 
    line-height: 42px;

    float: left;

    margin-right: 10px;

    vertical-align: middle;

    color: #b5b7b9;
}

.filter-bar [data-active-filter]
{
    text-transform: capitalize;
}

.filter-bar figure
{
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;

    position: relative;

    float: left;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 42px;
    margin-left: 8px;
    padding: 12px 32px 16px 12px;

    cursor: pointer;
    vertical-align: top;

    color: #626466;
    border: 1px solid #e4e8eb;
    border-radius: 3px;
    background-color: #fff;
    background-image: url('../img/dropdown-carrat.png');
    background-repeat: no-repeat; 
    background-position: right center;
}

.filter-type
{
    display: none; 

    min-width: 152px;
}

.filter-channel
{
    min-width: 130px;
}

.filter-bar figure:hover
{
    background-color: #fff;
    background-image: url('../img/dropdown-carrat-hover.png');
}

.filter-bar figure:hover
{
    color: #c5c5c6; 
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.filter-bar figure ul
{
    position: absolute;
    top: 40px;
    left: -1px;

    display: none;
    overflow: hidden;

    width: 100%;

    -webkit-transition: .3s all;
            transition: .3s all; 

    color: #626466;
    border-right: 1px solid #e4e8eb;
    border-bottom: 1px solid #e4e8eb;
    border-left: 1px solid #e4e8eb;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.filter-bar figure:hover ul
{
    display: block;
}

.filter-bar ul li a
{
    line-height: 42px;

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 42px;
    padding-left: 15px;

    vertical-align: middle;

    color: #626466; 
    background: #fff;
}

.filter-bar ul li.active a,
.filter-bar ul li a:hover
{
    color: #fff; 
    background: #089aef;
}

/* category list */
.cat-list
{
    font-size: 16px;
    font-weight: 600;

    position: absolute;
    z-index: 5;
    right: 32px; 
    bottom: 20px;

    padding: 13px;

    -webkit-transition: all 400ms;
            transition: all 400ms;
    text-decoration: none;

    opacity: 1;
    color: #fff;
    background: rgba(0, 0, 0, .05);
    text-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}

#left.cat-list
{
    font-size: 16px;
    font-weight: 600;

    position: absolute;
    z-index: 5;
    right: auto; 
    bottom: 20px;
    left: 32px;

    padding: 13px;

    -webkit-transition: all 400ms;
            transition: all 400ms;
    text-decoration: none;

    opacity: 1;
    color: #fff;
    background: rgba(0, 0, 0, .05);
    text-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}

.cat-list li
{
    display: inline; 
    float: left;

    margin-left: 16px;

    border-right: 1px solid rgba(255, 255, 255, .5);

    margin-padding: 16px;
}

.cat-list li:first-child
{
    margin-left: 0;
}

.cat-list li:last-child
{
    border-right: none;
}

.cat-list li a
{
    font-size: 16px;
    line-height: 16px;

    padding-right: 16px;

    text-decoration: none;

    opacity: .5; 
    color: #fff;
}

.cat-list li.active a,
.cat-list li a:hover
{
    -webkit-transition: all 400ms;
            transition: all 400ms; 

    opacity: 1;
}

.cat-list li:last-child a
{
    padding: none;
    padding-right: 0;
}

.cat-list a:hover
{
    opacity: 1;
}

*
{
    margin: 0;
    padding: 0;
}

strong
{
    font-weight: 600;
}

.group:after
{
    display: table;
    clear: both; 

    content: '';
}

.modalbox-overlay,
.modal
{
    display: none;

    -webkit-transition: opacity 200ms ease-in-out;
            transition: opacity 200ms ease-in-out;

    opacity: 0;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
            backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.modalbox-overlay.show,
.modal.show
{
    opacity: 1;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=1)';
}

/***
** SUBMIT MODALBOX
***/
.modal.submitting
{
    position: fixed;
    z-index: 999999999; 
    top: 50%;
    left: 50%;

    overflow: hidden;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    margin-left: -100px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    border-radius: 3px;
    background: #fff;
}

.modal.submitting .loader-overlay
{
    display: block;

    opacity: 1;
}

/***
** SUBMIT MODALBOX
***/
.modal.terms
{
    position: fixed;
    z-index: 999999999; 
    top: 50%;
    left: 50%;

    overflow: hidden;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 516px;
    height: 532px;
    margin: 0 auto;
    margin-top: -266px;
    margin-left: -258px;

    border-radius: 3px;
    background: #fff;
}
.modal.terms.contest
{
    width: 720px;
    margin-left: -360px;
}
.modal.terms.contest .modal-terms-content
{
    padding-top: 10px;
}
.modal.terms.contest .modal-terms-content-wrapper
{
    width: 680px;
}

.modal.terms .modal-terms-header
{
    background-image: url('../img/terms-header-background.jpg');
    background-size: cover;
}

.modal.terms .modal-terms-header h3
{
    font-size: 24px;
    font-weight: 600;
    font-style: italic;
    line-height: 100px;

    height: 100px;

    text-align: center;

    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.modal-terms-content-wrapper
{
    overflow: auto;

    width: 476px;
    height: 372px; 
    margin: 30px 10px 30px 30px;
}

.modal-terms-content
{
    font-size: 14px;
    line-height: 20px;

    margin-bottom: 24px;
    margin-bottom: 3em; 
    padding-right: 20px;
    padding-bottom: 1em;

    color: #626466;
    border-bottom: 1px solid #dadee0;
}
.modal-terms-content sup
{
    font-size: .5em;
}
.modal-terms-content h1,
.modal-terms-content h2,
.modal-terms-content h3,
.modal-terms-content h4
{
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.5em;

    margin-right: auto; 
    margin-left: auto;
    padding-bottom: 0;

    color: #41484c;
}
.modal-terms-content a
{
    color: #089aef;
}
.modal-terms-content a:hover
{
    color: #0e55f4;
}
.modal-terms-content p
{
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;

    margin-right: auto; 
    margin-bottom: 32px;
    margin-left: auto;

    color: #626466;
}
.modal-terms-content p em
{
    font-weight: 400;
    font-style: italic;
}
.modal-terms-content strong,
.modal-terms-content p strong
{
    font-weight: 600;
}
.modal-terms-content p.intro
{
    font-style: italic;
}
.modal-terms-content ol,
.modal-terms-content ul
{
    font-size: 1em;
    line-height: 1.5;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    padding: 0 23px;
}
.modal-terms-content ol li,
.modal-terms-content ul li
{
    font-weight: 400;

    position: relative; 

    color: #626466;
}
.modal-terms-content ol > li
{
    margin: 1em auto;

    list-style-type: decimal;
}
.modal-terms-content ul li:before
{
    font-size: 1.2em; 

    position: absolute;
    top: -4px;
    left: -23px;

    content: '\002022';

    color: #089aef;
}

/***
** SIGNUP MODALBOX
***/
.modal.signup
{
    position: fixed;
    z-index: 999999999;
    top: 50%;
    left: 50%;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 516px;
    margin: 0 auto;
    margin-top: -293.5px;
    margin-left: -258px;

    -webkit-transition: all 450ms;
         -o-transition: all 450ms; 
            transition: all 450ms;

    border-radius: 6px;
    background: #fff;
}

.modal.signup.follow-up
{
    margin-top: -297px;
}

.modal.signup.finished
{
    display: none;
}

.modal.signup .image-container
{
    position: relative;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 220px;
    padding-top: 32px;

    border: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; 
    background-image: url('../img/back-modal.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.modal.signup .image-container p
{
    font-family: 'Proxima Nova', 'Helvetiva', arial, sans-serif;
    font-size: 20px;
    font-weight: 800;
    font-style: italic;
    line-height: 24px;

    display: block;

    margin: 0 180px 0 30px;
    padding-top: 50px;
    padding-bottom: 40px;

    text-align: left;

    color: #fff;
    text-shadow: 0 1px 2px rgba(14, 15, 15, .2);
}

.modal.signup .image-container .image-dude
{
    position: absolute;
    right: -50px;
    bottom: 0;

    width: 248px;
    height: 260px;

    content: ''; 

    background-image: url('../img/modal-dude@2x.png');
    background-size: 248px 260px;
}

.modal.signup .image-container .image-dude.follow-up
{
    position: absolute;
    bottom: 0;
    left: 50px;

    width: 516px;
    height: 278px;

    content: ''; 

    opacity: 0;
    background-image: url('../img/modal-dude-2@2x.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 516px 278px;
}

.modal.signup .image-container .preorder-bonus
{
    position: relative; 

    display: block;

    width: 224px;
    margin: 0 auto;

    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(14, 15, 15, .2);
            box-shadow: 0 1px 2px 0 rgba(14, 15, 15, .2);
}

.modal.signup .image-container .preorder-bonus:before
{
    position: absolute;
    top: -3px;
    right: -3px;

    width: 55px;
    height: 57px;

    content: '';

    background-image: url('../img/beta_ribbon@2x.png');
    background-size: 55px auto;
}

.modal.signup .image-container .preorder-bonus .helmet
{
    width: 100%;
    height: 170px;
    margin-bottom: 20px;

    border-bottom: 1px solid #dce1f5;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
            border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
            border-top-right-radius: 3px;
    background-image: url('../img/signup-helmet@2x.png');
    background-size: 222px auto;
}

.modal.signup .image-container .preorder-bonus h2
{
    font-family: 'Proxima Nova', 'Helvetiva', arial, sans-serif;
    font-size: 16px;
    font-weight: 600; 
    line-height: 16px;

    width: 100%;

    text-align: center;

    color: #1253f5;
}

.modal.signup .image-container .preorder-bonus h3
{
    font-family: 'Proxima Nova', 'Helvetiva', arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-weight: 500; 
    line-height: 14px;

    width: 100%;
    padding-top: 8px;
    padding-bottom: 20px;

    text-align: center;

    color: #9fa0a2;
}

.modal.signup .signup-content
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 157px; 
    margin: 40px 32px 0;
    margin-bottom: 20px;
    padding-bottom: 20px;

    border-bottom: 1px solid #ededed;
}

.signup-content h4
{
    font-size: 18px;
    font-weight: 600;

    margin-bottom: 0; 
    padding-bottom: 10px;

    text-align: left;
    text-transform: none;

    color: #41484c;
}

.signup-content p
{
    font-size: 16px;
    font-weight: 400;
    line-height: 20px; 

    color: #626466;
}

.signup-content p span
{
    font-weight: 600;
}

.signup-content ul
{
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    line-height: 20px;

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 20px; 
    padding-left: 16px;

    list-style: disc;

    color: #2990cb;
}

.modal .close-btn
{
    font-family: 'Proxima Nova', 'Helvetiva', arial, sans-serif;
    line-height: 24px;

    position: absolute;
    z-index: 100;
    top: 10px;
    right: 10px;

    width: 24px;
    height: 24px;

    cursor: pointer; 
    text-align: center;
    vertical-align: middle;
    text-indent: -9999px;

    color: #43484c;
    border-radius: 100%;
    background-color: #fff;
    background-image: url('../img/modal-close.png');
    background-image: -webkit-image-set(url('../img/modal-close.png') 1x, url('../img/modal-close@2x.png') 2x);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-box-shadow: 0 1px 0 #000;
    -webkit-box-shadow: 0 1px 2px 0 rgba(14, 15, 15, .2);
            box-shadow: 0 1px 0 #000;
            box-shadow: 0 1px 2px 0 rgba(14, 15, 15, .2);
}

.share-container
{
    display: none;
}

.modal.signup .share-container .signup-content
{
    height: 65px;
}

.share-buttons
{
    display: block;

    margin-top: 20px; 
    /* border-top: 1px solid #ededed; */
    padding: 0 32px 32px;
}

.button-container
{
    position: relative;

    float: left; 
    overflow: hidden;

    width: 137px;
    height: 38px;
    margin-right: 20px;

    border-radius: 3px;
}

.button-container:last-child
{
    margin-right: 0;
}

.button-container .button-social
{
    font-family: 'Proxima Nova', 'Helvetiva', arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;

    position: absolute;
    z-index: 3;

    float: left;
    overflow: hidden;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 137px;
    padding: 10px;

    cursor: pointer;
    -webkit-transition: all 450ms;
       -moz-transition: all 450ms;
        -ms-transition: all 450ms;
         -o-transition: all 450ms;
            transition: all 450ms;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    text-indent: -9999px; 
    text-transform: uppercase;

    color: #3b5999;
    border: 2px solid #3b5999;
    border-radius: 3px;
    background-image: url('../img/social/social-facebook-icon.png');
    background-image: -webkit-image-set(url('../img/social/social-facebook-icon.png') 1x, url('../img/social/social-facebook-icon@2x.png') 2x);
    background-repeat: no-repeat;
    background-position: center center;
}

.button-container .button-social.twitter:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: all 450ms; 
       -moz-transition: all 450ms;
        -ms-transition: all 450ms;
         -o-transition: all 450ms;
            transition: all 450ms;

    opacity: 0;
    background-image: url('../img/social/social-twitter-icon-white.png');
    background-image: -webkit-image-set(url('../img/social/social-twitter-icon-white.png') 1x, url('../img/social/social-twitter-icon-white@2x.png') 2x);
    background-repeat: no-repeat;
    background-position: center center;
}

.button-container .button-social.facebook:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: all 450ms; 
       -moz-transition: all 450ms;
        -ms-transition: all 450ms;
         -o-transition: all 450ms;
            transition: all 450ms;

    opacity: 0;
    background-image: url('../img/social/social-facebook-icon-white.png');
    background-image: -webkit-image-set(url('../img/social/social-facebook-icon-white.png') 1x, url('../img/social/social-facebook-icon-white@2x.png') 2x);
    background-repeat: no-repeat;
    background-position: center center;
}

.button-container .button-social.google:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: all 450ms; 
       -moz-transition: all 450ms;
        -ms-transition: all 450ms;
         -o-transition: all 450ms;
            transition: all 450ms;

    opacity: 0;
    background-image: url('../img/social/social-google-icon-white.png');
    background-image: -webkit-image-set(url('../img/social/social-google-icon-white.png') 1x, url('../img/social/social-google-icon-white@2x.png') 2x);
    background-repeat: no-repeat;
    background-position: center center;
}

.button-container .button-social:hover:before
{
    opacity: 1;
}

.button-container .button-social.google
{
    color: #d34836;
    border: 2px solid #d34836;
    background-image: url('../img/social/social-google-icon.png');
    background-image: -webkit-image-set(url('../img/social/social-google-icon.png') 1x, url('../img/social/social-google-icon@2x.png') 2x);
}

.button-container .button-social.twitter
{
    color: #4099ff;
    border: 2px solid #4099ff;
    background-image: url('../img/social/social-twitter-icon.png');
    background-image: -webkit-image-set(url('../img/social/social-twitter-icon.png') 1x, url('../img/social/social-twitter-icon@2x.png') 2x);
}

.button-container .button-social:after
{
    position: absolute;
    z-index: -1;
    top: -10%;
    left: -10%;

    width: 0;
    height: 120%;

    content: '';
    -webkit-transition: all 300ms;
       -moz-transition: all 300ms;
        -ms-transition: all 300ms;
         -o-transition: all 300ms;
            transition: all 300ms;
    -webkit-transform: skew(-20deg); 
       -moz-transform: skew(-20deg);
        -ms-transform: skew(-20deg);
            transform: skew(-20deg);

    background: #3b5999;
}

.button-container .button-social.google:after
{
    background: #d34836;
}

.button-container .button-social.facebook:after
{
    background: #3b5999;
}

.button-container .button-social.twitter:after
{
    background: #4099ff;
}

.button-container .button-social:hover:after
{
    width: 120%;
}

.button-container .button-social:hover
{
    color: #fff !important;
}

.sign-up-form form
{
    font-family: 'Proxima Nova', 'Helvetiva', arial, sans-serif; 

    display: block;

    margin-top: 20px;
    /* border-top: 1px solid #ededed; */
    padding: 0 32px 32px;
}

.sign-up-container [type='checkbox'],
.sign-up-container label
{
    float: left;
}

.sign-up-container button
{
    font-family: 'Proxima Nova', 'Helvetiva', arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
    line-height: 46px;

    float: right;
    overflow: hidden;

    width: 114px; 
    height: 48px;
    margin-top: 10px;
    padding: 0 30px;

    cursor: pointer;
    cursor: default;
    text-transform: uppercase;

    color: #c9cdd0;
    border: 2px solid #dfe3e6;
    border-radius: 3px;
    background: #f5f8fa;
}

.sign-up-container button.active
{
    font-family: 'Proxima Nova', 'Helvetiva', arial, sans-serif;
    font-size: 13px;

    position: relative;

    cursor: pointer; 
    -webkit-transition: all 300ms;
       -moz-transition: all 300ms;
        -ms-transition: all 300ms;
         -o-transition: all 300ms;
            transition: all 300ms;

    color: #007eff;
    border: 2px solid #007eff;
    background: none;
}

.sign-up-container button.active:before
{
    position: absolute;
    z-index: -1;
    top: -10%;
    left: -10%;

    width: 0;
    height: 120%;

    content: '';
    -webkit-transition: all 300ms;
       -moz-transition: all 300ms;
        -ms-transition: all 300ms;
         -o-transition: all 300ms;
            transition: all 300ms;
    -webkit-transform: skew(-20deg); 

    background: #007eff;
}

.sign-up-container button.active:hover:before
{
    width: 120%;
}

.sign-up-container button.active:hover
{
    color: #fff;
}

.sign-up-container ::-webkit-input-placeholder
{
    /* WebKit browsers */
    color: #a9adb0;
}

.sign-up-container :-moz-placeholder
{
    opacity: 1; 
    /* Mozilla Firefox 4 to 18 */
    color: #a9adb0;
}

.sign-up-container ::-moz-placeholder
{
    opacity: 1; 
    /* Mozilla Firefox 19+ */
    color: #a9adb0;
}

.sign-up-container :-ms-input-placeholder
{
    /* Internet Explorer 10+ */
    color: #a9adb0;
}

.sign-up-container .input-email
{
    font-family: 'Proxima Nova', 'Helvetiva', arial, sans-serif; 
    font-size: 16px;
    line-height: 46px;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 312px;
    height: 48px;
    margin-top: 10px;
    padding: 0 14px 0 36px;

    color: #7d8184;
    border: 2px solid #dfe3e6;
    border-radius: 3px;
    background-color: #f5f8fa;
    background-image: url('../img/modal-email.png');
    background-image: -webkit-image-set(url('../img/modal-email.png') 1x, url('../img/modal-email@2x.png') 2x);
    background-repeat: no-repeat;
    background-position: left center;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.sign-up-container em
{
    font-style: italic;
}

.input-holder
{
    position: relative;
}

.checkbox
{
    height: 20px; 
    margin-bottom: 10px;
}

.checkbox p
{
    font-family: 'Proxima Nova', 'Helvetiva', Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px; 

    margin-left: 28px;

    color: #646567;
}

.checkbox p a
{
    color: #017eff;
}

.checkbox p span
{
    font-weight: 400; 

    color: #9fa3a6;
}

.checkbox label
{
    position: absolute;
    top: 0;
    left: 0;

    float: left; 

    width: 18px;
    height: 18px;

    cursor: pointer;

    border: 1px solid #e4e8eb;
    border-radius: 3px;
    background: #fff;
}

.checkbox label:after
{
    position: absolute;
    top: 3px;
    left: 3px;

    width: 10px;
    height: 10px;

    content: '';

    opacity: 0;
    border-radius: 2px;
    background: transparent;
    background-color: #017eff; 

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
        filter: alpha(opacity=0);
}

.checkbox input[type=checkbox]
{
    visibility: hidden;
}

.checkbox input[type=checkbox]:checked + label:after
{
    opacity: 1; 

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
        filter: alpha(opacity=100);
}

.modalbox-overlay
{
    position: fixed;
    z-index: 1000001;
    top: 0;
    left: 0; 

    width: 100%;
    height: 100%;

    background: #121724;
    background-color: rgba(18, 23, 36, .5);
}

.button.play-now
{
    cursor: pointer;
}

.loader-overlay
{
    position: absolute;
    z-index: 90;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    -webkit-transition: opacity 200ms ease-in-out; 
       -moz-transition: opacity 200ms ease-in-out;
        -ms-transition: opacity 200ms ease-in-out;
         -o-transition: opacity 200ms ease-in-out;
            transition: opacity 200ms ease-in-out;

    opacity: 0;
    background-color: rgba(255, 255, 255, .85);

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}

.loading .loader-overlay
{
    opacity: 1;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=1)';
}

.loader-icon
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px;

    -webkit-animation: spin 600ms linear infinite;
            animation: spin 600ms linear infinite; 

    background: url('../img/ajax-spinner.png') center no-repeat;
    background-size: 32px;
}

@-webkit-keyframes spin
{
    100%
    {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes spin
{
    100%
    {
        -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
    }
}

.blog-footer
{
    position: relative;
    z-index: 5;
}

.blog-footer .container
{
    position: relative; 

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding-right: 76px;
    padding-left: 76px;
}

.blog-footer .sub-container
{
    position: relative;

    overflow: hidden;

    -webkit-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100px;
    padding-top: 0;
    padding-top: 20px; 
    padding-right: 76px;
    padding-left: 76px;

    -webkit-transition: .3s all;

    background: #191a1d;
}

.blog-footer .footer-dropdown
{
    position: absolute;
    top: 23px;
    right: 76px;

    width: 16px;
    height: 14px;

    cursor: pointer;
    -webkit-transition: 500ms all;

    opacity: .2; 
    background-image: url('../img/footer-dropdown.png');
    background-image: -webkit-image-set(url('../img/footer-dropdown.png') 1x, url('../img/footer-dropdown@2x.png') 2x);
    background-repeat: no-repeat;
    background-position: center center;
}

.blog-footer .footer-dropdown.active
{
    /* IE 9 */
    -webkit-transform: rotate(180deg); 
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);

    opacity: 1;
}

.blog-footer .footer-bottom .container
{
    width: 100%;
    height: 60px;

    text-align: center; 

    background-color: #24252a;
}

.blog-footer .credits li,
.blog-footer .social-media li,
.blog-footer .footer-menu li
{
    float: left;
}

.blog-footer .credits li
{
    float: left;

    margin: 10px 20px;
}

.blog-footer .credits li:first-child
{
    margin-left: 0;
}

.blog-footer .credits li a
{
    display: inline-block;

    height: 40px;

    -webkit-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out; 
    text-indent: -9999px;

    opacity: .2;
    background-repeat: no-repeat;
    background-position: center;
}

.blog-footer .credits li a.snow-logo
{
    width: 92px;

    background-image: url('../img/landing/footer_logo_snow.png');
}

.blog-footer .credits li a.popper-logo
{
    width: 170px;

    background-image: url('../img/landing/footer_logo_poppermost.png');
}

.blog-footer .credits li a.cry-logo
{
    width: 188px;

    background-image: url('../img/landing/footer_logo_cryengine.png');
}

.blog-footer .footer-menu
{
    float: right;

    margin-top: 6px; 
    margin-right: 0;
}

.blog-footer .social-media
{
    display: block;

    width: 133px;
    margin-right: auto; 
    margin-left: auto;
}

.blog-footer .social-media li
{
    float: left;

    margin: 14px 5px 0;
}

.blog-footer .social-media li:last-child
{
    margin-right: 0;
}

.blog-footer .social-media li a
{
    display: inline-block;

    width: 32px;
    height: 32px;

    -webkit-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
    text-indent: -9999px;

    opacity: .2;
    border: 2px solid #fff;
    border-radius: 100%; 
    background-repeat: no-repeat;
    background-position: center;
}

.blog-footer .credits li a:hover,
.blog-footer .social-media li a:hover
{
    opacity: 1;
}

.blog-footer .social-media li a.facebook-logo
{
    background-image: url('../img/social-facebook.png');
    background-image: -webkit-image-set(url('../img/social-facebook.png') 1x, url('../img/social-facebook@2x.png') 2x);
}

.blog-footer .social-media li a.twitter-logo
{
    background-image: url('../img/social-twitter.png');
    background-image: -webkit-image-set(url('../img/social-twitter.png') 1x, url('../img/social-twitter@2x.png') 2x);
}

.blog-footer .social-media li a.instagram-logo
{
    background-image: url('../img/social-instagram.png');
    background-image: -webkit-image-set(url('../img/social-instagram.png') 1x, url('../img/social-instagram@2x.png') 2x);
}

.blog-footer .footer-menu
{
    float: right;

    margin: 0;
}

.blog-footer .footer-menu li
{
    line-height: 14px;

    float: left;

    margin: 22px 0 20px 0;
    padding: 0 20px 0 20px;

    border-right: 1px solid #3d3e41;
}

.blog-footer .footer-menu li:last-child
{
    padding-right: 0; 

    border: none;
}

.blog-footer .footer-menu li.active a,
.blog-footer .footer-menu li a:hover
{
    opacity: 1; 
    color: #2990cb;
}

.blog-footer .footer-menu a
{
    font-family: 'Proxima Nova', Arial, Sans-serif;
    font-size: 14px;
    font-weight: 700;

    -webkit-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out; 
    text-decoration: none;
    text-transform: uppercase;

    color: #3d3e41;
}

.statuspage
{
    display: inline-block;
    float: right; 

    margin: 22px 0 20px 0;
}

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
{
    font: inherit;
    font-size: 100%;

    margin: 0;
    padding: 0;

    vertical-align: baseline; 

    border: 0;
}

html
{
    line-height: 1;
}

html,
body
{
    font-weight: 400;

    height: 100%;
}

body
{
    min-width: 980px;
}

textarea,
input
{
    outline: none;
}

ol,
ul
{
    list-style: none;
}

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

caption,
th,
td
{
    font-weight: normal;

    text-align: left;
    vertical-align: middle;
}

q,
blockquote
{
    quotes: none;
}

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

a
{
    text-decoration: none;
}

a img
{
    border: none;
}

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

.clearfix:after
{
    line-height: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: 0; 

    content: '.';
}

.clearfix
{
    display: inline-block;
}

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

* html .clearfix
{
    height: 1%;
}

@font-face
{
    font-family: 'Proxima Nova';
    font-weight: 300;
    font-style: normal; 

    src: url('fonts/mark_simonson_-_proxima_nova_light-webfont.eot');
    src: url('fonts/mark_simonson_-_proxima_nova_light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/mark_simonson_-_proxima_nova_light-webfont.svg#proxima_nova_ltlight') format('svg'), url('fonts/mark_simonson_-_proxima_nova_light-webfont.woff') format('woff'), url('fonts/mark_simonson_-_proxima_nova_light-webfont.ttf') format('truetype');
}

@font-face
{
    font-family: 'Proxima Nova';
    font-weight: 400;
    font-style: normal; 

    src: url('fonts/mark_simonson_-_proxima_nova_regular-webfont.eot');
    src: url('fonts/mark_simonson_-_proxima_nova_regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/mark_simonson_-_proxima_nova_regular-webfont.svg#proxima_nova_rgregular') format('svg'), url('fonts/mark_simonson_-_proxima_nova_regular-webfont.woff') format('woff'), url('fonts/mark_simonson_-_proxima_nova_regular-webfont.ttf') format('truetype');
}

@font-face
{
    font-family: 'Proxima Nova';
    font-weight: 500;
    font-style: normal; 

    src: url('fonts/mark_simonson_-_proxima_nova_semibold-webfont.eot');
    src: url('fonts/mark_simonson_-_proxima_nova_semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/mark_simonson_-_proxima_nova_semibold-webfont.svg#proxima_nova_ltsemibold') format('svg'), url('fonts/mark_simonson_-_proxima_nova_semibold-webfont.woff') format('woff'), url('fonts/mark_simonson_-_proxima_nova_semibold-webfont.ttf') format('truetype');
}

@font-face
{
    font-family: 'Proxima Nova';
    font-weight: 600;
    font-style: normal; 

    src: url('fonts/mark_simonson_-_proxima_nova_bold-webfont.eot');
    src: url('fonts/mark_simonson_-_proxima_nova_bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/mark_simonson_-_proxima_nova_bold-webfont.svg#proxima_nova_rgbold') format('svg'), url('fonts/mark_simonson_-_proxima_nova_bold-webfont.woff') format('woff'), url('fonts/mark_simonson_-_proxima_nova_bold-webfont.ttf') format('truetype');
}

@font-face
{
    font-family: 'Proxima Nova';
    font-weight: 700;
    font-style: normal; 

    src: url('fonts/mark_simonson_-_proxima_nova_extrabold-webfont.eot');
    src: url('fonts/mark_simonson_-_proxima_nova_extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/mark_simonson_-_proxima_nova_extrabold-webfont.svg#proxima_nova_thextrabold') format('svg'), url('fonts/mark_simonson_-_proxima_nova_extrabold-webfont.woff') format('woff'), url('fonts/mark_simonson_-_proxima_nova_extrabold-webfont.ttf') format('truetype');
}

@font-face
{
    font-family: 'Proxima Nova';
    font-weight: 400;
    font-style: italic; 

    src: url('fonts/mark_simonson_-_proxima_nova_regularitalic-webfont.eot');
    src: url('fonts/mark_simonson_-_proxima_nova_regularitalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/mark_simonson_-_proxima_nova_regularitalic-webfont.svg#proxima_novaregular_italic') format('svg'), url('fonts/mark_simonson_-_proxima_nova_regularitalic-webfont.woff') format('woff'), url('fonts/mark_simonson_-_proxima_nova_regularitalic-webfont.ttf') format('truetype');
}

@font-face
{
    font-family: 'Proxima Nova';
    font-weight: 600;
    font-style: italic; 

    src: url('fonts/mark_simonson_-_proxima_nova_bolditalic-webfont.eot');
    src: url('fonts/mark_simonson_-_proxima_nova_bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/mark_simonson_-_proxima_nova_bolditalic-webfont.svg#proxima_nova_rgbold_italic') format('svg'), url('fonts/mark_simonson_-_proxima_nova_bolditalic-webfont.woff') format('woff'), url('fonts/mark_simonson_-_proxima_nova_bolditalic-webfont.ttf') format('truetype');
}

body
{
    font-family: 'Proxima Nova', 'Helvetiva', arial, sans-serif; 

    background: #ebeef0;
}

strong
{
    font-weight: 600;
}

.clearfix
{
    clear: both;
}

blockquote
{
    margin: 0;
    padding: 0;

    border: none;
}

a:hover
{
    color: #fff;
}

/* nav */
#nav
{
    position: absolute;
    z-index: 100000;
    top: 32px;

    overflow: hidden;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    min-width: 960px; 
    height: 80px;
    padding: 0 32px;

    -webkit-transition: padding .2s;
            transition: padding .2s;
}

#nav .logo
{
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}

.signup-btn
{
    font-size: 13px;
    font-weight: 700;
    line-height: 26px;

    position: relative;

    display: inline-block;

    height: 24px;
    margin-top: 24px;
    margin-left: 20px;
    padding-left: 30px;

    -webkit-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out; 
    letter-spacing: .1em;
    text-transform: uppercase;

    color: #089aef;
}
.signup-btn:hover
{
    color: #0e55f4;
}
.signup-btn.signup--newsletter-white
{
    color: #fff;
}
.signup-btn.signup--newsletter-white:hover
{
    color: #fff;
}

.signup-icon
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    -webkit-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out; 

    opacity: 1;
    background-image: url(../img/landing/icon-beta-signup.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.signup--newsletter-white .signup-icon
{
    background-image: url('../img/button-newsletter-white.png');
}
.signup--newsletter .signup-icon
{
    background-image: url('../img/button-newsletter.png');
}

.signup-icon.hover
{
    opacity: 0;
    background-image: url(../img/landing/icon-beta-signup-hover.png);
    background-position: left center;
}
.signup--newsletter-white .signup-icon.hover
{
    background-image: url('../img/button-newsletter-white-hover.png');
}
.signup--newsletter .signup-icon.hover
{
    background-image: url('../img/button-newsletter-hover.png');
}

.signup-btn:hover .signup-icon
{
    opacity: 0;
}

.signup-btn:hover .signup-icon.hover
{
    opacity: 1;
}

.nav-container
{
    position: relative; 

    width: 100%;
    height: 72px;

    border-top-left-radius: 6px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 6px;
    background: red;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .08);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .08);
}

.nav-container .logo
{
    position: relative;
    z-index: 2;

    float: left;
    overflow: hidden;

    width: 214px;
    height: 72px;

    -webkit-transition: border .2s;
       -moz-transition: border .2s; 
            transition: border .2s;

    border-left-color: #089aef;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #fff;
}

.nav-container .logo #logo
{
    position: absolute;
    z-index: 100;
    z-index: 2; 
    top: 0;
    left: 0;

    width: 214px;
    height: 72px;
}

.nav-container .nav-button-container
{
    position: absolute;
    top: 28px;
    right: 0;

    display: block;

    height: 16px;

    -webkit-transition: padding .2s;
       -moz-transition: padding .2s; 
            transition: padding .2s;
    white-space: nowrap;
}

.nav-container .nav-button-container li
{
    line-height: 16px;

    position: relative;

    float: left;

    height: 16px;
}

.nav-container .nav-button-container li a
{
    font-size: 13px;
    font-weight: 700;
    line-height: 12px;

    display: inline-block;

    height: 12px;
    margin-right: 15px;
    padding-right: 18px;

    cursor: pointer;
    -webkit-transition: all 200ms ease-in-out; 
       -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
         -o-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: .1em;
    text-transform: uppercase;

    color: #46484c;
    border-right: 1px solid #8b9199;
    text-shadow: none;
}

.nav-container .nav-button-container li:last-child a
{
    margin-right: 42px;
    padding-right: 0;

    border: none;
}

.nav-container .nav-button-container li a:hover,
.nav-container .nav-button-container li.current_page_parent a,
.nav-container .nav-button-container li.current_page_item a
{
    color: #089aef;
}

.nav-container .nav-button-container ul.dropdown
{
    position: absolute;
    top: 58px;
    left: -10px; 

    display: none;
}

/* Display Dropdowns on Hover */
.nav-container .nav-button-container li:hover > ul
{
    display: list-item;
}

/* Fisrt Tier Dropdown */
.nav-container .nav-button-container ul.dropdown li
{
    position: relative;

    float: none;

    width: 200px;
    padding: 10px;

    list-style: none !important;

    border: none; 
    border-bottom: none;
    background: white;
}

.nav-container .nav-button-container ul li:last-child
{
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.nav-container .nav-button-container ul li a
{
    font-size: 12px;
    font-weight: 500;

    text-decoration: none;
    text-transform: none;
}

/* sticky */
#nav.sticky
{
    position: fixed;
    top: 0;

    padding: 0;
}

#nav.sticky .nav-container
{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; 
    border-bottom-left-radius: 0;
}

#nav.sticky .nav-container .nav-button-container
{
    padding-right: 32px;
}

#nav.sticky .nav-container .logo
{
    border-left: 32px solid #089aef; 
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.page-wrapper
{
    min-height: 100%;
    margin-bottom: -60px;
}

.page-wrapper:after
{
    display: block; 

    content: '';
}

.blog-footer,
.page-wrapper:after
{
    height: 60px;
}

.color-dot
{
    display: inline-block;

    width: 10px;
    height: 10px;
    margin-right: 5px; 

    border-radius: 100%;
}
.color-dot.critical
{
    background-color: #e74c3c;
}
.color-dot.major
{
    background-color: #e67e22;
}
.color-dot.minor
{
    background-color: #f1c40f;
}
.color-dot.none
{
    background-color: #2ecc71;
}

.statuspage
{
    font-family: 'Proxima Nova', Arial, Sans-serif;
    font-size: 14px;

    -webkit-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out; 

    color: rgba(255, 255, 255, .2);
}
.statuspage:hover
{
    color: #2990cb;
}

.content .faq__category-title
{
    font-size: 28px;
    line-height: 1.5;

    margin-top: 50px; 

    text-transform: uppercase;
}

.content .faq__item-title
{
    font-weight: 600; 

    padding-bottom: 0;

    color: #089aef;
}

.faq .container
{
    margin-top: -50px;
}

.page-container.contact-faq .content
{
    background-color: transparent;
}
.page-container.contact-faq .content .container
{
    padding-bottom: 50px !important;
}

.contact-faq .faq__item *
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.contact-faq .faq__item .faq__item-title
{
    font-weight: 600;

    position: relative;
    z-index: 2;

    overflow: hidden;

    width: 780px; 
    padding: 25px 84px 25px 30px;

    cursor: pointer;

    color: #089aef;
    border-radius: 5px;
    background-color: #fff;
}
.contact-faq .faq__item .faq__item-title:after
{
    position: absolute;
    top: 25px;
    right: 30px;

    width: 24px;
    height: 24px;
    margin-top: 4px;

    content: '';
    -webkit-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out; 
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);

    background-image: url('../img/overview_link@2x.png');
    background-size: 24px;
}
.contact-faq .faq__item .faq__item-title:hover:after
{
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}

.contact-faq .faq__item .faq__item-content
{
    position: relative;
    z-index: 1;

    overflow: hidden;

    width: 780px; 
    height: 0;
    margin: 0 auto;
    margin-bottom: 30px;
    padding: 25px 30px 0 25px;
    padding-top: 0;
    padding-bottom: 0;

    border-top: 1px solid transparent;
    border-radius: 0 0 5px 5px;
    background-color: transparent;
}
.contact-faq .faq__item .faq__item-content p:last-child
{
    margin-bottom: 0;
}

.contact-faq .faq__item.is--open .faq__item-title
{
    border-radius: 5px 5px 0 0;
}
.contact-faq .faq__item.is--open .faq__item-title:after
{
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}

.contact-faq .faq__item.is--open .faq__item-content
{
    height: auto;
    padding-top: 25px;
    padding-bottom: 25px;

    border-top: 1px solid rgba(0, 0, 0, .1);
    background-color: #fff;
}